@getflip/swirl-components 0.120.3 → 0.120.4
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.
- package/components.json +1 -1
- package/dist/cjs/swirl-search.cjs.entry.js +1 -1
- package/dist/collection/components/swirl-search/swirl-search.js +1 -1
- package/dist/collection/components/swirl-search/swirl-search.spec.js +1 -1
- package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/components/swirl-search.js +1 -1
- package/dist/esm/swirl-search.entry.js +1 -1
- package/dist/swirl-components/p-ae35fe71.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/swirl-components/p-b59bf2bd.entry.js +0 -1
package/components.json
CHANGED
|
@@ -76,7 +76,7 @@ const SwirlSearch = class {
|
|
|
76
76
|
const className = index$1.classnames("search", `search--variant-${this.variant}`, {
|
|
77
77
|
"search--disabled": this.disabled,
|
|
78
78
|
});
|
|
79
|
-
return (index.h(index.Host, null, index.h("span", { class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { class: "search__icon" }), index.h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", null))))));
|
|
79
|
+
return (index.h(index.Host, null, index.h("span", { class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { "aria-hidden": "true", class: "search__icon" }), index.h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", null))))));
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
82
|
SwirlSearch.style = swirlSearchCss;
|
|
@@ -64,7 +64,7 @@ export class SwirlSearch {
|
|
|
64
64
|
const className = classnames("search", `search--variant-${this.variant}`, {
|
|
65
65
|
"search--disabled": this.disabled,
|
|
66
66
|
});
|
|
67
|
-
return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
|
|
67
|
+
return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { "aria-hidden": "true", class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
|
|
68
68
|
}
|
|
69
69
|
static get is() { return "swirl-search"; }
|
|
70
70
|
static get encapsulation() { return "scoped"; }
|
|
@@ -9,7 +9,7 @@ describe("swirl-search", () => {
|
|
|
9
9
|
expect(page.root).toEqualHtml(`
|
|
10
10
|
<swirl-search auto-focus="" clear-button-label="Clear" disabled="" input-id="search" input-name="search" label="Label" placeholder="Placeholder" value="Value">
|
|
11
11
|
<span class="search search--disabled search--variant-filled">
|
|
12
|
-
<swirl-icon-search class="search__icon" size="24"></swirl-icon-search>
|
|
12
|
+
<swirl-icon-search aria-hidden="true" class="search__icon" size="24"></swirl-icon-search>
|
|
13
13
|
<input aria-disabled="true" aria-label="Label" autocomplete="off" autofocus="" class="search__input" disabled="" id="search" inputmode="search" name="search" placeholder="Placeholder" type="search" value="Value">
|
|
14
14
|
</span>
|
|
15
15
|
</swirl-search>
|