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

chore: lift components folder

Browse source
This commit is contained in:
Eric Liu 2020-07-19 09:06:08 -07:00
commit 2200b29b92
301 changed files with 57 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/components/ListBox/ListBoxField.svelte
View file

@ -1,44 +0,0 @@
<script>
export const translationIds = { close: "close", open: "open" };
export let disabled = false;
export let id = "ccs-" + Math.random().toString(36);
export let role = "combobox";
export let tabindex = "-1";
export let translateWithId = id => defaultTranslations[id];
export let ref = null;
import { getContext } from "svelte";
const defaultTranslations = {
[translationIds.close]: "Close menu",
[translationIds.open]: "Open menu"
};
const ctx = getContext("MultiSelect");
$: if (ctx && ref) {
ctx.declareRef({ key: "field", ref });
}
$: ariaExpanded = $$props["aria-expanded"];
$: menuId = `menu-${id}`;
</script>
<div
bind:this={ref}
role={ariaExpanded ? 'combobox' : role}
aria-expanded={ariaExpanded}
aria-owns={(ariaExpanded && menuId) || undefined}
aria-controls={(ariaExpanded && menuId) || undefined}
aria-disabled={disabled}
aria-label={ariaExpanded ? translateWithId('close') : translateWithId('open')}
tabindex={disabled ? '-1' : tabindex}
class:bx--list-box__field={true}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
on:keydown|preventDefault|stopPropagation
on:blur>
<slot />
</div>