mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 10:51:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore(prettier): use svelteStrictMode

Browse source
This commit is contained in:
Eric Liu 2020-09-04 16:35:49 -07:00
commit 42b8159b1c
182 changed files with 2020 additions and 1912 deletions
Download patch file Download diff file Expand all files Collapse all files

84
src/Select/Select.svelte
View file

@ -102,46 +102,46 @@
$: selectedValue.set(selected);
</script>
<div class:bx--form-item={true} {...$$restProps}>
<div class:bx--form-item="{true}" {...$$restProps}>
<div
class:bx--select={true}
class:bx--select--inline={inline}
class:bx--select--light={light}
class:bx--select--invalid={invalid}
class:bx--select--disabled={disabled}>
class:bx--select="{true}"
class:bx--select--inline="{inline}"
class:bx--select--light="{light}"
class:bx--select--invalid="{invalid}"
class:bx--select--disabled="{disabled}">
{#if !noLabel}
<label
for={id}
class:bx--label={true}
class:bx--visually-hidden={hideLabel}
class:bx--label--disabled={disabled}>
for="{id}"
class:bx--label="{true}"
class:bx--visually-hidden="{hideLabel}"
class:bx--label--disabled="{disabled}">
{labelText}
</label>
{/if}
{#if !inline && helperText}
<div
class:bx--form__helper-text={true}
class:bx--form__helper-text--disabled={disabled}>
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
{#if inline}
<div class:bx--select-input--inline__wrapper={true}>
<div class:bx--select-input--inline__wrapper="{true}">
<div
class:bx--select-input__wrapper={true}
data-invalid={invalid || undefined}>
class:bx--select-input__wrapper="{true}"
data-invalid="{invalid || undefined}">
<select
bind:this={ref}
aria-describedby={invalid ? errorId : undefined}
aria-invalid={invalid || undefined}
disabled={disabled || undefined}
{id}
{name}
class:bx--select-input={true}
class={size && `bx--select-input--${size}`}
on:change={({ target }) => {
bind:this="{ref}"
aria-describedby="{invalid ? errorId : undefined}"
aria-invalid="{invalid || undefined}"
disabled="{disabled || undefined}"
id="{id}"
name="{name}"
class:bx--select-input="{true}"
class="{size && `bx--select-input--${size}`}"
on:change="{({ target }) => {
selectedValue.set(target.value);
}}
}}"
on:blur>
<slot />
</select>
@ -151,35 +151,35 @@
{/if}
</div>
{#if invalid}
<div class:bx--form-requirement={true} id={errorId}>
<div class:bx--form-requirement="{true}" id="{errorId}">
{invalidText}
</div>
{/if}
</div>
{#if helperText}
<div
class:bx--form__helper-text={true}
class:bx--form__helper-text--disabled={disabled}>
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
{/if}
{#if !inline}
<div
class:bx--select-input__wrapper={true}
data-invalid={invalid || undefined}>
class:bx--select-input__wrapper="{true}"
data-invalid="{invalid || undefined}">
<select
bind:this={ref}
{id}
{name}
aria-describedby={invalid ? errorId : undefined}
disabled={disabled || undefined}
aria-invalid={invalid || undefined}
class:bx--select-input={true}
class={size && `bx--select-input--${size}`}
on:change={({ target }) => {
bind:this="{ref}"
id="{id}"
name="{name}"
aria-describedby="{invalid ? errorId : undefined}"
disabled="{disabled || undefined}"
aria-invalid="{invalid || undefined}"
class:bx--select-input="{true}"
class="{size && `bx--select-input--${size}`}"
on:change="{({ target }) => {
selectedValue.set(target.value);
}}
}}"
on:blur>
<slot />
</select>
@ -189,7 +189,9 @@
{/if}
</div>
{#if invalid}
<div id={errorId} class:bx--form-requirement={true}>{invalidText}</div>
<div id="{errorId}" class:bx--form-requirement="{true}">
{invalidText}
</div>
{/if}
{/if}
</div>