@getflip/swirl-components 0.397.1 → 0.398.0

package/dist/collection/components/swirl-search/swirl-search.js

@@ -6,6 +6,7 @@ export class SwirlSearch {
         this.clearButtonLabel = "Clear search term";
         this.placeholder = "Search …";
         this.variant = "filled";
+        this.clearable = true;
         this.mediaQueryUnsubscribe = () => { };
         this.clear = () => {
             this.input.value = "";
@@ -56,7 +57,7 @@ export class SwirlSearch {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'd36f94fb27adb7296e00effa1810410895201e2d' }, h("span", { key: '51709e321d204dcc59245521821ed868c169df6e', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '506e001ec218832dbbd261bc2615995afc8bd015', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '34ec4da51fcd1ea368e1823a0bf63dedb2f58ed6', "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", { key: 'a5c58d8e5d1a90fd86ed14fb2e91c48571d150be', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'c343992e01ea0c324aa6ed3ebdcc549bdf5f7bd3' }))))));
+        return (h(Host, { key: 'a20b59680e46d8c0db48dc4e4219c9880660d693' }, h("span", { key: '3227a1ae642458cd4d011a6f51e7146ed60e9d90', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '6c7977231b43a3fa04eac25a7b0f6d786cc908bd', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '773474215fde7a49dea748501fd74e99b25934bb', "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 && this.clearable && (h("button", { key: '24eefaf684a49e976232cb422b3f6fba2fc368cd', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '10c3dda4135ef1555935ee8d4a2dd17fa42d52de' }))))));
     }
     static get is() { return "swirl-search"; }
     static get encapsulation() { return "scoped"; }
@@ -232,7 +233,7 @@ export class SwirlSearch {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlSearchVariant",
-                    "resolved": "\"filled\" | \"outline\"",
+                    "resolved": "\"filled\" | \"ghost\" | \"outline\"",
                     "references": {
                         "SwirlSearchVariant": {
                             "location": "local",
@@ -251,6 +252,26 @@ export class SwirlSearch {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "\"filled\""
+            },
+            "clearable": {
+                "type": "boolean",
+                "attribute": "clearable",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }