@onsvisual/svelte-components 0.1.81 → 0.1.83
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.
|
@@ -10,6 +10,7 @@ export default class Button extends SvelteComponentTyped<{
|
|
|
10
10
|
iconPosition?: "before" | "after";
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
hideLabel?: boolean;
|
|
13
|
+
arialabel?: string;
|
|
13
14
|
}, {
|
|
14
15
|
click: CustomEvent<any>;
|
|
15
16
|
} & {
|
|
@@ -33,6 +34,7 @@ declare const __propDef: {
|
|
|
33
34
|
iconPosition?: "before" | "after";
|
|
34
35
|
disabled?: boolean;
|
|
35
36
|
hideLabel?: boolean;
|
|
37
|
+
arialabel?: string;
|
|
36
38
|
};
|
|
37
39
|
events: {
|
|
38
40
|
click: CustomEvent<any>;
|
|
@@ -44,6 +44,11 @@
|
|
|
44
44
|
* @type {boolean}
|
|
45
45
|
*/
|
|
46
46
|
export let hideLabel = false;
|
|
47
|
+
/**
|
|
48
|
+
* aria label for button
|
|
49
|
+
* @type {string}
|
|
50
|
+
*/
|
|
51
|
+
export let arialabel = "";
|
|
47
52
|
</script>
|
|
48
53
|
|
|
49
54
|
{#if href}
|
|
@@ -86,6 +91,7 @@
|
|
|
86
91
|
class:ons-btn--disabled="{disabled}"
|
|
87
92
|
disabled="{disabled}"
|
|
88
93
|
on:click="{(e) => dispatch('click', e)}"
|
|
94
|
+
aria-label="{arialabel}"
|
|
89
95
|
>
|
|
90
96
|
<span class="ons-btn__inner">
|
|
91
97
|
{#if iconPosition === "before"}
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
</svg>
|
|
204
204
|
{/if}
|
|
205
205
|
</div>
|
|
206
|
-
<div slot="clear-icon" style:transform="translateY(2px)">
|
|
206
|
+
<div slot="clear-icon" style:transform="translateY(2px)" aria-label="Clear search">
|
|
207
207
|
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 14 14" width="18">
|
|
208
208
|
<path
|
|
209
209
|
fill="currentColor"
|
|
@@ -580,12 +580,7 @@
|
|
|
580
580
|
</ul>
|
|
581
581
|
</nav>
|
|
582
582
|
</div>
|
|
583
|
-
<div
|
|
584
|
-
class="search print--hide"
|
|
585
|
-
class:nav-search--hidden="{!searchExpanded}"
|
|
586
|
-
id="searchBar"
|
|
587
|
-
aria-expanded="{searchExpanded}"
|
|
588
|
-
>
|
|
583
|
+
<div class="search print--hide" class:nav-search--hidden="{!searchExpanded}" id="searchBar">
|
|
589
584
|
<div class="wrapper" role="search">
|
|
590
585
|
<form class="col-wrap search__form" action="{baseurl}/search">
|
|
591
586
|
<label class="search__label col col--md-23 col--lg-24" for="nav-search"
|
|
@@ -603,8 +598,8 @@
|
|
|
603
598
|
type="submit"
|
|
604
599
|
class="search__button col--md-3 col--lg-3"
|
|
605
600
|
id="nav-search-submit"
|
|
601
|
+
aria-label="{i18n('Search')}"
|
|
606
602
|
>
|
|
607
|
-
<span class="hidden">{i18n("Search")}</span>
|
|
608
603
|
<span class="icon-search--light">
|
|
609
604
|
<svg
|
|
610
605
|
class="ons-svg-icon ons-svg-icon--m"
|