@txstate-mws/svelte-components 1.3.1 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -97,11 +97,14 @@ const windowclick = (_) => {
|
|
|
97
97
|
</script>
|
|
98
98
|
<svelte:window on:click={windowclick} />
|
|
99
99
|
<div class={className} role="alertdialog" aria-modal="true" on:click|stopPropagation on:keydown|stopPropagation={keydown} on:focusin={focusin}>
|
|
100
|
+
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
|
100
101
|
<div bind:this={abovelockelement} tabindex="0"></div>
|
|
101
102
|
<div bind:this={lockelement} on:keydown={keydown}>
|
|
103
|
+
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
102
104
|
{#if hidefocus}<div class="hiddenfocus" use:buttonify on:blur={() => { hidefocus = false }} on:click={() => escapable && dispatch('escape')}><ScreenReaderOnly>{hidefocuslabel}{#if escapable}, click to escape or use escape key at any time{/if}</ScreenReaderOnly></div>{/if}
|
|
103
105
|
<slot></slot>
|
|
104
106
|
</div>
|
|
107
|
+
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
|
105
108
|
<div tabindex="0"></div>
|
|
106
109
|
</div>
|
|
107
110
|
|
package/components/Modal.svelte
CHANGED
|
@@ -23,6 +23,7 @@ onMount(() => {
|
|
|
23
23
|
});
|
|
24
24
|
</script>
|
|
25
25
|
|
|
26
|
+
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
26
27
|
<div use:portal={usePortal} class="modal-backdrop" class:opaque on:click|stopPropagation|preventDefault={() => escapable && endmodal()}>
|
|
27
28
|
<FocusLock class="modal-container {containerClass}" {escapable} on:escape {hidefocus} {hidefocuslabel} {returnfocusto} {initialfocus}>
|
|
28
29
|
<slot></slot>
|
|
@@ -104,6 +104,7 @@ $: dispatch('change', selected);
|
|
|
104
104
|
<fieldset>
|
|
105
105
|
<ul class="multiselect-selected" class:disabled role="listbox">
|
|
106
106
|
{#each selected as option, i}
|
|
107
|
+
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
107
108
|
<li id={id + option.value} role="option" tabindex="-1" class="multiselect-pill" class:hilited={hilitedpill === option.value}
|
|
108
109
|
on:click|preventDefault|stopPropagation={() => !disabled && removeSelection(option, i, 1)} on:mousedown={e => disabled && e.preventDefault()}
|
|
109
110
|
aria-selected="true">
|