@tet/tet-components 1.3.7-testing → 1.3.8-production

package/dist/collection/components/advanced/address/tet-autocomplete-dropdown/tet-autocomplete-dropdown.js

@@ -35,6 +35,7 @@ export class TetAutocompleteDropdown {
         this.noOptionsMessage = undefined;
         this.placeholder = '';
         this.label = '';
+        this.theme = 'classic';
         this.hasError = false;
         this.errorMessage = '';
         this.inputValue = '';
@@ -67,7 +68,7 @@ export class TetAutocompleteDropdown {
         return this.inputValue.length ? 'close' : 'chevron-down';
     }
     render() {
-        return (h(Host, { key: '63ae14183284fd2d52e896a53cda56d6ef25246d' }, h("tet-autocomplete", { key: '38e0c0881351fd59e3a023ca76592bda2930266f', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element) }, h("tet-input", { key: 'ae1189e24cb6fcf79cf21e81864cc6deb65a2e77', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback })), this.hasError && this.errorMessage && h("p", { key: '90f6e997f1c895de59fec2d1a2a6ab9b8197e283', class: "error-message" }, this.errorMessage)));
+        return (h(Host, { key: 'bdf60da2856dad4dbbf69dadf5b81b2c7ffea877' }, h("tet-autocomplete", { key: '25a0fa7c4ca1c7aaf1ea394c428a132f38f0d123', newStyle: true, defaultOptions: this.options, showOptionsOnEscapeClear: true, noOptionsMessage: this.noOptionsMessage, optionsFilterAction: this.optionsFilterAction, clearCallback: this.autocompleteClearInputCallback, onOptionSelected: this.handleAutocompleteOptionSelection, ref: (element) => (this.autocomplete = element), darkTheme: this.theme === 'dark' }, h("tet-input", { key: 'bf1a0ea06cabd6684361e73ee75c3f1e56735a09', class: "input", label: this.label, error: this.hasError, "icon-right": this.rightIconName, "input-class": "autocomplete-input", "input-placeholder": this.placeholder, ref: (element) => (this.inputComponent = element), iconRightClickCallback: this.iconRightClickCallback, theme: this.theme })), this.hasError && this.errorMessage && h("p", { key: '2aa92bfbded8adf53cacb259dd423015d6a34018', class: "error-message" }, this.errorMessage)));
     }
     static get is() { return "tet-autocomplete-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -180,6 +181,24 @@ export class TetAutocompleteDropdown {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'classic' | 'light' | 'dark'",
+                    "resolved": "\"classic\" | \"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The theme of the component."
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'classic'"
+            },
             "hasError": {
                 "type": "boolean",
                 "mutable": false,