@dubai-design-system/components-js 3.11.3 → 3.11.4

package/dist/collection/components/dda-toggle/dda-toggle.js

@@ -4,13 +4,12 @@ export class DdaToggle {
         this.custom_class = '';
     }
     render() {
-        const toggleClass = [
-            'dda-toggle-btn',
-            this.size ? `dda-toggle-${this.size}` : '',
-            this.custom_class ? `${this.custom_class}` : '',
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'd7801970653993dd8eedb37eb70db33b92d7b641' }, h("label", { key: 'da643a1a4eeaa2823d98636fcb3fa927ba7dc576', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '15eda92812deaf543f0f680bbef9f68869ae3476', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: 'a68ab591c628d6d9d11a74f8b373979aaa356d5e', class: "toggle" }), h("p", { key: '28ca46d403b19a241f7c7da81922bb7f885801c9' }, h("span", { key: '5884bbc2b972e6ad7825ee045483941bbaeb81d1', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'e39fba59b29efe5c3ea6396fd2f1361f118ca8d1', class: "toggle-supporting" }, "Supporting Text")))));
+        const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]
+            .filter(Boolean)
+            .join(' ');
+        return (h(Host, { key: '7c3db88316052b19c146996798f7fcd73cd57603' }, h("label", { key: 'f685e06c7873a986343c68e65049aae955479e34', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '175fb25ce0c6c2322d3125bbf265c4d88d963b4e', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked, onChange: event => {
+                this.toggleChanged.emit(event);
+            } }), h("span", { key: '410c2812dfa4c27eac881ac9402e66357a750e22', class: "toggle" }), h("p", { key: '0a87c75f7b1d525b91f511186f6baba5bc6f5828' }, h("span", { key: 'bfc55b0af5a746f40440e0b0d5e85a311210e98e', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'b61ca61425927c00da8643986e06a547f4b8d925', class: "toggle-supporting" }, "Supporting Text")))));
     }
     static get is() { return "dda-toggle"; }
     static get originalStyleUrls() {
@@ -161,5 +160,23 @@ export class DdaToggle {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "toggleChanged",
+                "name": "toggleChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
 }
 //# sourceMappingURL=dda-toggle.js.map

package/dist/collection/components/dda-toggle/dda-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-toggle.js","sourceRoot":"","sources":["../../../src/components/dda-toggle/dda-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;IALtB;QAUU,iBAAY,GAAY,EAAE,CAAC;KA2BpC;IArBC,MAAM;QACJ,MAAM,WAAW,GAAG;YAClB,gBAAgB;YAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;YAC1C,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YAC/C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ;gBAC/C,4EAAmB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG;gBACpH,6DAAM,KAAK,EAAC,QAAQ,GAAQ;gBAC5B;oBACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B;oBACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACA,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label: string;\r\n\r\n  render() {\r\n    const toggleClass = [\r\n      'dda-toggle-btn',\r\n      this.size ? `dda-toggle-${this.size}` : '',\r\n      this.custom_class ? `${this.custom_class}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input aria-label={this.aria_label} type=\"checkbox\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n            <span class=\"toggle\"></span> \r\n            <p>\r\n              <span class=\"toggle-title\">Radio Button Title</span>\r\n              <span class=\"toggle-supporting\">Supporting Text</span>\r\n            </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-toggle.js","sourceRoot":"","sources":["../../../src/components/dda-toggle/dda-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,SAAS;IALtB;QAUU,iBAAY,GAAY,EAAE,CAAC;KAmCpC;IA3BC,MAAM;QACJ,MAAM,WAAW,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC;aACrJ,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;QAEb,OAAO,CACL,EAAC,IAAI;YACH,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ;gBAC/C,4EACc,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACjC,CAAC,GACD;gBACF,6DAAM,KAAK,EAAC,QAAQ,GAAQ;gBAC5B;oBACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B;oBACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACE,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n  // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label: string;\r\n\r\n  @Event() toggleChanged: EventEmitter<any>;\r\n\r\n  render() {\r\n    const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input\r\n            aria-label={this.aria_label}\r\n            type=\"checkbox\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            checked={this.checked}\r\n            onChange={event => {\r\n              this.toggleChanged.emit(event);\r\n            }}\r\n          />\r\n          <span class=\"toggle\"></span>\r\n          <p>\r\n            <span class=\"toggle-title\">Radio Button Title</span>\r\n            <span class=\"toggle-supporting\">Supporting Text</span>\r\n          </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/components/dda-search-input.js

@@ -1,15 +1,18 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-f6588843.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-f6588843.js';
 
 const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput extends H {
     constructor() {
         super();
         this.__registerHost();
+        this.inputChanged = createEvent(this, "inputChanged", 7);
+        this.inputBlurred = createEvent(this, "inputBlurred", 7);
         this.placeholder = 'Search';
         this.size = 'sm';
         this.show_button = false;
         this.has_error = false;
         this.custom_class = '';
         this.hasInputValue = false;
+        this.internalValue = '';
         this.handleInput = (event) => {
             const target = event.target;
             this.hasInputValue = target.value.length > 0;
@@ -38,7 +41,15 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
         }
     }
     render() {
-        return (h(Host, { key: '5a04c16e80725642603897e43c38dc584f823122' }, h("div", { key: '26d1f761e7496f3b88cd1160bfbb93c8b898c1ba', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && h("label", { key: 'be1fd2dda653f19dc21ccf5b58f0920dcf1fa3aa', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: '5505fab260c664a9eea792169e628ee89656b64f', class: "dda-search-area dda-search-action" }, h("i", { key: '7845b67dbab4d1be562597b44a0a9cdf142b2127', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '8ac8ff48502deebbced808c1f3f122f1d1abfd39', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder, onInput: this.handleInput, onKeyDown: this.handleKeyDown }), h("div", { key: '1630f18f10170864669701821c9073f234c5809b', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '855d01bfcce359fd2ab0e9ff9186ee3e56655313', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "dda-search-close-icon", onClick: () => this.clearInput() }, h("i", { key: 'a012bc3b41f402a6fd2a7a6f39818560175f11b5', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: 'e880276652387bca5099ce80a6bddb6b1695b321', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm", onClick: this.handleSearchClick }, this.button_text)))), this.helper_text && h("span", { key: '5f91eeb46be1de32173b100b0eb877c197bc031a', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: '27a0dbaa12e6cbe94cef84f7a441111225c0a61b', class: "dda-error-message", id: this.validation_id }, this.error_message))));
+        return (h(Host, { key: '24a3489b35cb7fad24f1685896ce86f0cbaec775' }, h("div", { key: '8fceadbaa3dc319abe11ee1371d01f39af8045fd', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && (h("label", { key: 'a07e7340bdacc2c3e835c3e95e3dd71948726498', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), h("div", { key: '437f37044b18f048c666c69d8d5fd694b3f919fa', class: "dda-search-area dda-search-action" }, h("i", { key: 'b686ee2511ac4b049d8e518eb8da7ec9fe6d0dad', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '936b817328ed0c2a69d8f570540ae063ba740341', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue || this.value, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
+            // onInput={this.handleInput}
+            onKeyDown: this.handleKeyDown, onInput: event => {
+                this.internalValue = event.target.value;
+                this.inputChanged.emit(event);
+            }, onBlur: event => {
+                const value = event.target.value.trim();
+                this.inputBlurred.emit({ name: this.search_input_name, value });
+            } }), h("div", { key: '5dca25f937e125a362c3fefa1c043b62540e02fe', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '0b3016b7ac21d5ef22d2786d29f0992b2e3560de', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "dda-search-close-icon", onClick: () => this.clearInput() }, h("i", { key: '192e15d6c7b93441906080cdb821d645f1512d80', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: 'e91d067ef4f160cc018963c8b842f29a1c127d45', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm", onClick: this.handleSearchClick }, this.button_text)))), this.helper_text && (h("span", { key: 'b686be70ce3e1c5c80cc3e033c40b3d94b7e0547', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (h("span", { key: '235a13717b035f9c896ed3bb42ddc4d0218adb29', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
     }
     get el() { return this; }
 }, [0, "dda-search-input", {
@@ -61,7 +72,9 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
         "close_button_name": [1],
         "search_button_name": [1],
         "button_text": [1],
-        "hasInputValue": [32]
+        "value": [1],
+        "hasInputValue": [32],
+        "internalValue": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/dda-search-input.js.map

@@ -1 +1 @@
-{"file":"dda-search-input.js","mappings":"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","names":["DdaSearchInput"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n  @Prop() button_text: string;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  }\r\n\r\n  handleKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter') {\r\n      const target = event.target as HTMLInputElement;\r\n      console.log('Search input value (Enter):', target.value);\r\n    }\r\n  }\r\n\r\n  handleSearchClick = () => {\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      console.log('Search input value (Button):', input.value);\r\n    }\r\n  }\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.hasInputValue = false;\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}>\r\n          {this.label && <label htmlFor={this.button_id} class=\"dda-input-label\">{this.label}</label>}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\" aria-hidden=\"true\">search</i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              onInput={this.handleInput}\r\n              onKeyDown={this.handleKeyDown}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"dda-search-close-icon\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button\r\n                  name={this.search_button_name}\r\n                  type=\"button\"\r\n                  class=\"dda-btn btn-color-default-primary dda-btn-sm\"\r\n                  onClick={this.handleSearchClick}\r\n                >\r\n                  {this.button_text}\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\" id={this.validation_id}>{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\" id={this.validation_id}>{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"dda-search-input.js","mappings":"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","names":["DdaSearchInput"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n  @Prop() button_text: string;\r\n  @Prop() value: string;\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n  @State() internalValue: string = '';\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  };\r\n\r\n  handleKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter') {\r\n      const target = event.target as HTMLInputElement;\r\n      console.log('Search input value (Enter):', target.value);\r\n    }\r\n  };\r\n\r\n  handleSearchClick = () => {\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      console.log('Search input value (Button):', input.value);\r\n    }\r\n  };\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.hasInputValue = false;\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}\r\n        >\r\n          {this.label && (\r\n            <label htmlFor={this.button_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\" aria-hidden=\"true\">\r\n              search\r\n            </i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              value={this.internalValue || this.value}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              // onInput={this.handleInput}\r\n              onKeyDown={this.handleKeyDown}\r\n              onInput={event => {\r\n                this.internalValue = (event.target as HTMLInputElement).value;\r\n                this.inputChanged.emit(event);\r\n              }}\r\n              onBlur={event => {\r\n                const value = (event.target as HTMLInputElement).value.trim();\r\n                this.inputBlurred.emit({ name: this.search_input_name, value });\r\n              }}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"dda-search-close-icon\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n                    close\r\n                  </i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\" onClick={this.handleSearchClick}>\r\n                  {this.button_text}\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              {this.helper_text}\r\n            </span>\r\n          )}\r\n          {this.error_message && (\r\n            <span class=\"dda-error-message\" id={this.validation_id}>\r\n              {this.error_message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dda-toggle.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-f6588843.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-f6588843.js';
 
 const ddaToggleCss = ".dda-toggle-btn{display:inline-flex;align-items:flex-start;cursor:pointer;position:relative;gap:10px}.dda-toggle-btn p{margin:0}.dda-toggle-btn .toggle{width:35px;height:20px;vertical-align:sub;display:inline-block;background:var(--dda-neutral-variant-90);border-radius:60px;cursor:pointer;margin:0px;position:relative}.dda-toggle-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dda-toggle-btn .toggle::after{content:\"\";position:absolute;display:block;background:var(--dda-neutral-100);height:16px;width:16px;top:2px;left:2px;border-radius:60px}.dda-toggle-btn input:checked~.toggle{background:var(--dda-color-primary-40);-webkit-box-shadow:0px 0px 0px 3px var(--dda-primary-95);-moz-box-shadow:0px 0px 0px 3px var(--dda-primary-95);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.light-mode.dda-toggle-btn input:checked~.toggle{background:var(--dda-primary-40)}.dda-toggle-btn input:checked~.toggle::after{left:17px}.dda-toggle-sm .toggle{width:27px;height:16px}.dda-toggle-sm .toggle::after{width:12px;height:12px}.dda-toggle-sm input:checked~.toggle::after{left:13px}.dda-toggle-md .toggle{width:35px;height:20px}.dda-toggle-md .toggle::after{height:16px;width:16px}.dda-toggle-md input:checked~.toggle::after{left:17px}.dda-toggle-lg .toggle{width:45px;height:24px}.dda-toggle-lg .toggle::after{height:20px;width:20px}.dda-toggle-lg input:checked~.toggle::after{left:23px}.toggle-title{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);display:block}.light-mode .toggle-title{color:var(--dda-neutral-0)}.toggle-supporting{display:block;color:var(--dda-on-surface-variant-30)}.light-mode .toggle-supporting{color:var(--dda-neutral-variant-30)}.dda-toggle-sm .toggle-title,.dda-toggle-md .toggle-title{font-size:var(--font-caption)}.dda-toggle-sm .toggle-supporting{font-size:var(--dda-fs-label-lg)}.dda-toggle-lg .toggle-title{font-size:var(--dda-fs-title-sm)}.dda-toggle-md .toggle-supporting,.dda-toggle-lg .toggle-supporting{font-size:var(--font-caption)}@media (prefers-reduced-motion: no-preference){.dda-toggle-btn .toggle::after{-moz-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-o-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-webkit-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1)}}";
 const DdaToggleStyle0 = ddaToggleCss;
@@ -7,16 +7,16 @@ const DdaToggle$1 = /*@__PURE__*/ proxyCustomElement(class DdaToggle extends H {
     constructor() {
         super();
         this.__registerHost();
+        this.toggleChanged = createEvent(this, "toggleChanged", 7);
         this.custom_class = '';
     }
     render() {
-        const toggleClass = [
-            'dda-toggle-btn',
-            this.size ? `dda-toggle-${this.size}` : '',
-            this.custom_class ? `${this.custom_class}` : '',
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'd7801970653993dd8eedb37eb70db33b92d7b641' }, h("label", { key: 'da643a1a4eeaa2823d98636fcb3fa927ba7dc576', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '15eda92812deaf543f0f680bbef9f68869ae3476', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: 'a68ab591c628d6d9d11a74f8b373979aaa356d5e', class: "toggle" }), h("p", { key: '28ca46d403b19a241f7c7da81922bb7f885801c9' }, h("span", { key: '5884bbc2b972e6ad7825ee045483941bbaeb81d1', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'e39fba59b29efe5c3ea6396fd2f1361f118ca8d1', class: "toggle-supporting" }, "Supporting Text")))));
+        const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]
+            .filter(Boolean)
+            .join(' ');
+        return (h(Host, { key: '7c3db88316052b19c146996798f7fcd73cd57603' }, h("label", { key: 'f685e06c7873a986343c68e65049aae955479e34', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '175fb25ce0c6c2322d3125bbf265c4d88d963b4e', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked, onChange: event => {
+                this.toggleChanged.emit(event);
+            } }), h("span", { key: '410c2812dfa4c27eac881ac9402e66357a750e22', class: "toggle" }), h("p", { key: '0a87c75f7b1d525b91f511186f6baba5bc6f5828' }, h("span", { key: 'bfc55b0af5a746f40440e0b0d5e85a311210e98e', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'b61ca61425927c00da8643986e06a547f4b8d925', class: "toggle-supporting" }, "Supporting Text")))));
     }
     static get style() { return DdaToggleStyle0; }
 }, [0, "dda-toggle", {

package/dist/components/dda-toggle.js.map

@@ -1 +1 @@
-{"file":"dda-toggle.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mvEAAmvE,CAAC;AACzwE,wBAAe,YAAY;;MCMdA,WAAS;IALtB;;;QAUU,iBAAY,GAAY,EAAE,CAAC;KA2BpC;IArBC,MAAM;QACJ,MAAM,WAAW,GAAG;YAClB,gBAAgB;YAChB,IAAI,CAAC,IAAI,GAAG,cAAc,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YAC1C,IAAI,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YAC/C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,QACE,EAAC,IAAI,uDACH,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAC/C,4EAAmB,IAAI,CAAC,UAAU,EAAE,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,EACpH,6DAAM,KAAK,EAAC,QAAQ,GAAQ,EAC5B,4DACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B,EACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACA,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaToggle"],"sources":["src/components/dda-toggle/dda-toggle.css?tag=dda-toggle","src/components/dda-toggle/dda-toggle.tsx"],"sourcesContent":[".dda-toggle-btn {\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  cursor: pointer;\r\n  position: relative;\r\n  gap: 10px;\r\n}\r\n.dda-toggle-btn p{\r\n  margin: 0;\r\n}\r\n.dda-toggle-btn .toggle {\r\n  width: 35px;\r\n  height: 20px;\r\n  vertical-align: sub;\r\n  display: inline-block;\r\n  background: var(--dda-neutral-variant-90);\r\n  border-radius: 60px;\r\n  cursor: pointer;\r\n  margin: 0px;\r\n  position: relative;\r\n}\r\n.dda-toggle-btn input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n.dda-toggle-btn .toggle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: block;\r\n  /* -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); */\r\n  background: var(--dda-neutral-100);\r\n  height: 16px;\r\n  width: 16px;\r\n  top: 2px;\r\n  left: 2px;\r\n  border-radius: 60px;\r\n}\r\n.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-color-primary-40);\r\n  -webkit-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  -moz-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-primary-40);\r\n}\r\n.dda-toggle-btn input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-sm .toggle{\r\n  width: 27px;\r\n  height: 16px;\r\n}\r\n.dda-toggle-sm .toggle::after{\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n.dda-toggle-sm input:checked~.toggle::after {\r\n  left: 13px;\r\n}\r\n\r\n.dda-toggle-md .toggle{\r\n  width: 35px;\r\n  height: 20px;\r\n}\r\n.dda-toggle-md .toggle::after{\r\n  height: 16px;\r\n  width: 16px;\r\n}\r\n.dda-toggle-md input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-lg .toggle{\r\n  width: 45px;\r\n  height: 24px;\r\n}\r\n.dda-toggle-lg .toggle::after{\r\n  height: 20px;\r\n  width: 20px;\r\n}\r\n.dda-toggle-lg input:checked~.toggle::after {\r\n  left: 23px;\r\n}\r\n\r\n.toggle-title{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n  display: block;\r\n}\r\n.light-mode .toggle-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.toggle-supporting{\r\n  display: block;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .toggle-supporting{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-toggle-sm .toggle-title, .dda-toggle-md .toggle-title{\r\n  font-size: var(--font-caption);\r\n}\r\n.dda-toggle-sm .toggle-supporting {\r\n  font-size: var(--dda-fs-label-lg);\r\n}\r\n.dda-toggle-lg .toggle-title {\r\n  font-size: var(--dda-fs-title-sm);\r\n}\r\n.dda-toggle-md .toggle-supporting,\r\n.dda-toggle-lg .toggle-supporting{\r\n  font-size: var(--font-caption);\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-toggle-btn .toggle::after {\r\n    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  } \r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label: string;\r\n\r\n  render() {\r\n    const toggleClass = [\r\n      'dda-toggle-btn',\r\n      this.size ? `dda-toggle-${this.size}` : '',\r\n      this.custom_class ? `${this.custom_class}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input aria-label={this.aria_label} type=\"checkbox\" id={this.input_id} name={this.group_name} checked={this.checked}/>\r\n            <span class=\"toggle\"></span> \r\n            <p>\r\n              <span class=\"toggle-title\">Radio Button Title</span>\r\n              <span class=\"toggle-supporting\">Supporting Text</span>\r\n            </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"dda-toggle.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mvEAAmvE,CAAC;AACzwE,wBAAe,YAAY;;MCMdA,WAAS;IALtB;;;;QAUU,iBAAY,GAAY,EAAE,CAAC;KAmCpC;IA3BC,MAAM;QACJ,MAAM,WAAW,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,GAAG,cAAc,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC;aACrJ,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;QAEb,QACE,EAAC,IAAI,uDACH,8DAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAC/C,4EACc,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,KAAK;gBACb,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC,GACD,EACF,6DAAM,KAAK,EAAC,QAAQ,GAAQ,EAC5B,4DACE,6DAAM,KAAK,EAAC,cAAc,yBAA0B,EACpD,6DAAM,KAAK,EAAC,mBAAmB,sBAAuB,CACpD,CACE,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaToggle"],"sources":["src/components/dda-toggle/dda-toggle.css?tag=dda-toggle","src/components/dda-toggle/dda-toggle.tsx"],"sourcesContent":[".dda-toggle-btn {\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  cursor: pointer;\r\n  position: relative;\r\n  gap: 10px;\r\n}\r\n.dda-toggle-btn p{\r\n  margin: 0;\r\n}\r\n.dda-toggle-btn .toggle {\r\n  width: 35px;\r\n  height: 20px;\r\n  vertical-align: sub;\r\n  display: inline-block;\r\n  background: var(--dda-neutral-variant-90);\r\n  border-radius: 60px;\r\n  cursor: pointer;\r\n  margin: 0px;\r\n  position: relative;\r\n}\r\n.dda-toggle-btn input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n.dda-toggle-btn .toggle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: block;\r\n  /* -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); */\r\n  background: var(--dda-neutral-100);\r\n  height: 16px;\r\n  width: 16px;\r\n  top: 2px;\r\n  left: 2px;\r\n  border-radius: 60px;\r\n}\r\n.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-color-primary-40);\r\n  -webkit-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  -moz-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-primary-40);\r\n}\r\n.dda-toggle-btn input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-sm .toggle{\r\n  width: 27px;\r\n  height: 16px;\r\n}\r\n.dda-toggle-sm .toggle::after{\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n.dda-toggle-sm input:checked~.toggle::after {\r\n  left: 13px;\r\n}\r\n\r\n.dda-toggle-md .toggle{\r\n  width: 35px;\r\n  height: 20px;\r\n}\r\n.dda-toggle-md .toggle::after{\r\n  height: 16px;\r\n  width: 16px;\r\n}\r\n.dda-toggle-md input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-lg .toggle{\r\n  width: 45px;\r\n  height: 24px;\r\n}\r\n.dda-toggle-lg .toggle::after{\r\n  height: 20px;\r\n  width: 20px;\r\n}\r\n.dda-toggle-lg input:checked~.toggle::after {\r\n  left: 23px;\r\n}\r\n\r\n.toggle-title{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n  display: block;\r\n}\r\n.light-mode .toggle-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.toggle-supporting{\r\n  display: block;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .toggle-supporting{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-toggle-sm .toggle-title, .dda-toggle-md .toggle-title{\r\n  font-size: var(--font-caption);\r\n}\r\n.dda-toggle-sm .toggle-supporting {\r\n  font-size: var(--dda-fs-label-lg);\r\n}\r\n.dda-toggle-lg .toggle-title {\r\n  font-size: var(--dda-fs-title-sm);\r\n}\r\n.dda-toggle-md .toggle-supporting,\r\n.dda-toggle-lg .toggle-supporting{\r\n  font-size: var(--font-caption);\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-toggle-btn .toggle::after {\r\n    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  } \r\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n  // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label: string;\r\n\r\n  @Event() toggleChanged: EventEmitter<any>;\r\n\r\n  render() {\r\n    const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input\r\n            aria-label={this.aria_label}\r\n            type=\"checkbox\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            checked={this.checked}\r\n            onChange={event => {\r\n              this.toggleChanged.emit(event);\r\n            }}\r\n          />\r\n          <span class=\"toggle\"></span>\r\n          <p>\r\n            <span class=\"toggle-title\">Radio Button Title</span>\r\n            <span class=\"toggle-supporting\">Supporting Text</span>\r\n          </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/dda/dda.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-1b339a0a.js";export{s as setNonce}from"./p-1b339a0a.js";import{g as o}from"./p-e1255160.js";var a=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};a().then((async e=>{await o();return t(JSON.parse('[["p-5a8cfeec",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"sideMainMenuTitle":[1,"side-main-menu-title"],"sideOtherMenuTitle":[1,"side-other-menu-title"],"header_submenu_type":[1],"sideMenuItems":[1,"side-menu-items"],"header_default_submenu":[4],"read_speaker_link":[1],"searchText":[1,"search-text"],"loginLink":[1,"login-link"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"language_tooltip":[1],"login_tooltip":[1],"accessibility_tooltip":[1],"search_tooltip":[1],"hamburger_menu_button_name":[1],"accessibility_button_text":[1],"accessibility_button_id":[1],"accessibility_button_icon_family":[1],"accessibility_button_icon_name":[1],"search_button_name":[1],"search_input_name":[1],"search_value":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"toggle_accessibility_button_name":[1],"usePredesignedAccessibilityMenu":[4,"use-predesigned-accessibility-menu"],"useNavigator":[1,"use-navigator"],"search_input_placeholder":[1],"mobileMenuSearchId":[1,"mobile-menu-search-id"],"mobileMenuSearchUrl":[1,"mobile-menu-search-url"],"contrast_title":[1],"contrast_description":[1],"contrast_noraml_text":[1],"contrast_color_blind_text":[1],"contrast_red_weakness_text":[1],"contrast_green_weakness_text":[1],"selected_contrast":[1],"selected_text_size":[1],"screen_reader_title":[1],"screen_reader_description":[1],"text_size_title":[1],"text_size_description":[1],"hideOtherMenu":[4,"hide-other-menu"],"otherMenuItems":[1,"other-menu-items"],"quickLinks":[1,"quick-links"],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"isMobileAccessibiltyOpen":[32],"openMenus":[32],"parsedOtherMenuItems":[32],"parsedDropDownMenuItems":[32]}]]],["p-2d505693",[[0,"dda-event-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"image_src":[1],"event_month":[1],"event_date":[1],"header_text":[1],"body_text":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"chip_list":[1040],"avatar_list":[1040]}]]],["p-764d2be3",[[0,"dda-pricing-card",{"image_src":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_label":[1],"image_chip_icon_size":[1],"header_text":[1],"header_text_icon":[1],"card_header_icon_id":[1],"body_text_icon":[1],"body_text":[1],"price_text":[1],"price_period":[1],"custom_class":[1],"component_mode":[1],"chip_list":[1040],"clickHandler":[16]}]]],["p-5f80ef51",[[4,"dda-accordion",{"design":[1],"header_text":[1],"sub_title":[1],"body_description":[1],"custom_class":[1],"link_button_text":[1],"component_mode":[1],"accordion_icon_class":[1],"accordion_icon_text":[1],"accordion_header_end_icon":[1],"accordion_id":[1],"default_open":[4],"isOpen":[32],"openAccordion":[64],"closeAccordion":[64],"getIsOpen":[64]}]]],["p-8c7d0c73",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"secondary_button":[1],"secondary_button_link":[1],"primary_button":[1],"primary_button_link":[1],"close_button_name":[1]}]]],["p-42c30672",[[0,"dda-centered-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button_id":[1],"right_button_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-54c8ab80",[[4,"dda-custom-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-14d622c2",[[0,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-dc443758",[[4,"dda-home-banner",{"autoplay":[4],"interval":[2],"currentSlide":[32],"slides":[32],"autoPlayActive":[32]},null,{"currentSlide":["onSlideChanged"]}]]],["p-16812c63",[[0,"dda-home-carousel",{"custom_class":[1],"component_mode":[1],"items_in_view":[2],"bannercardlist":[1]},null,{"bannercardlist":["parseBannerCardList"]}]]],["p-98021655",[[4,"dda-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_color":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_color":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"custom_class":[1],"component_mode":[1],"file_size":[1],"file_type":[1],"useNavigator":[1,"use-navigator"]}]]],["p-37dbab49",[[4,"dda-information-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1],"useNavigator":[1,"use-navigator"]}]]],["p-18828d30",[[0,"dda-sticky-footer",{"colorTheme":[1,"color-theme"],"happinessIconHref":[1,"happiness-icon-href"],"happinessIconId":[1,"happiness-icon-id"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconSrcDark":[1,"happiness-icon-src-dark"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconId":[1,"accessibility-icon-id"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconSrcDark":[1,"accessibility-icon-src-dark"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconId":[1,"services-icon-id"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconSrcDark":[1,"services-icon-src-dark"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"hideMiddleSection":[4,"hide-middle-section"],"middleLink":[1,"middle-link"],"rightLink":[1,"right-link"],"aiIconHref":[1,"ai-icon-href"],"aiIconId":[1,"ai-icon-id"],"aiIconSrc":[1,"ai-icon-src"],"aiIconSrcDark":[1,"ai-icon-src-dark"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"dubaiaeIconHref":[1,"dubaiae-icon-href"],"dubaiaeIconId":[1,"dubaiae-icon-id"],"dubaiaeIconSrc":[1,"dubaiae-icon-src"],"dubaiaeIconSrcDark":[1,"dubaiae-icon-src-dark"],"dubaiaeIconSmallSrc":[1,"dubaiae-icon-small-src"],"dubaiaeIconAlt":[1,"dubaiae-icon-alt"],"dubaiaeIconTooltip":[1,"dubaiae-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconId":[1,"chat-icon-id"],"chatIconSrc":[1,"chat-icon-src"],"chatIconSrcDark":[1,"chat-icon-src-dark"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"moreIconFamily":[1,"more-icon-family"],"moreIcon":[1,"more-icon"],"isHidden":[32]}]]],["p-448d72f4",[[0,"dda-attach-file",{"label":[1],"place_holder":[1],"upload_button_text":[1],"helper_text":[1],"success_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"validation_id":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"input_name":[1],"button_id":[1],"button_name":[1],"accept":[1],"disabled":[4],"max_file_size":[2],"file_size_error_message":[1],"file":[32],"isFileUploaded":[32],"internalErrorMessage":[32],"getFile":[64]}]]],["p-ecdd4ca1",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"aria_label":[1],"custom_class":[1],"component_mode":[1],"dataBreadcrumbs":[1,"data-breadcrumbs"]}]]],["p-1a920ab6",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-6842a5e5",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-0bd5576f",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-26bb8828",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_id":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-90c3c3b3",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-3239666b",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-ba90f4be",[[0,"dda-pagination",{"total_pages":[2],"current_page":[1026],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1],"buttons_pages_id":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-16b52e58",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"max_length":[1],"validation_type":[1],"error_message":[1],"validation_id":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"value":[1],"country_code":[32],"country_flag":[32],"internalValue":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32],"hostElement":[32],"getValue":[64],"validatePhoneField":[64]},null,{"value":["watchHandler"]}]]],["p-7caaf11f",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-e808d48a",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-61794089",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"validation_id":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1],"button_text":[1],"hasInputValue":[32]}]]],["p-a42f8db6",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-a5199deb",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_type":[1],"validation_id":[1],"size":[1],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"input_name":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-bd0d09ff",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-1fad7e82",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_ids":[1],"tab_value":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"tab_type":[1],"button_values":[1],"active_tab":[32]}]]],["p-24489bc6",[[4,"dda-team-member-card",{"image_src":[1],"image_alt":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-462f0128",[[0,"dda-teamsection-card",{"image_src":[1],"header_text":[1],"profession":[1],"body_text":[1],"body_text_two":[1],"sajin":[1],"custom_class":[1],"component_mode":[1],"card_type":[1],"useNavigator":[1,"use-navigator"],"social_icons":[8],"parsedSocialIcons":[32]},null,{"social_icons":["parseSocialIcons"]}]]],["p-c01385d7",[[0,"dda-textarea",{"label":[1],"placeholder":[1],"max_characters":[2],"value":[1],"input_id":[1],"textarea_name":[1],"aria_label":[1],"show_info_icon":[4],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"enable_rich_editor":[4],"characterCount":[32],"internalValue":[32],"getValue":[64]}]]],["p-152fa1ea",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-1cf47f82",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-6aa213c1",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"show_options":[4],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"dropdown_enabled":[4],"isOpen":[32]}]]],["p-6151a1f2",[[0,"dda-banner-card",{"banner_card_type":[1],"banner_card_id":[1],"banner_card_url":[1],"image_src":[1],"image_alt":[1],"banner_card_title":[1],"banner_card_description":[1],"custom_class":[513],"banner_card_value":[513],"banner_card_name":[513],"component_mode":[1]}]]],["p-5695b505",[[1,"dda-scroll-icon",{"scroll_icon_size":[1],"scroll_icon_color":[1],"custom_class":[1],"component_mode":[1]}]]],["p-68c80bba",[[0,"dda-chip",{"bg_color":[1],"rounded":[1],"chip_text":[1],"chip_icon":[1],"chip_icon_family":[1],"chip_icon_size":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"image_chip_label":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_icon_size":[1]}]]],["p-f60d6c1f",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-bb94fb97",[[0,"dda-header-menu",{"useNavigator":[1,"use-navigator"],"quickLinks":[1,"quick-links"],"openIndex":[32],"openSubIndex":[32]},[[8,"keydown","handleKeydown"]]],[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"input_role":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"required":[4],"internalValue":[32],"getValue":[64]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[1540],"radio_status":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"contrast_noraml_text":[1]}]]],["p-c766ae47",[[0,"dda-link-button",{"disabled":[4],"start_icon":[1],"link_button_text":[1],"link_button_title":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1],"target":[1],"rel":[1],"data_fancybox":[1],"clickHandler":[16]}]]],["p-eb472057",[[0,"dda-button",{"button_type":[1],"disabled":[4],"start_icon_family":[1],"start_icon":[1],"button_text":[1],"end_icon_family":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"value":[1]}]]]]'),e)}));
+import{p as e,b as t}from"./p-1b339a0a.js";export{s as setNonce}from"./p-1b339a0a.js";import{g as o}from"./p-e1255160.js";var a=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};a().then((async e=>{await o();return t(JSON.parse('[["p-5a8cfeec",[[0,"dda-header",{"firstLogoHref":[1,"first-logo-href"],"firstLogoSrc":[1,"first-logo-src"],"firstLogoWhiteSrc":[1,"first-logo-white-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoHref":[1,"second-logo-href"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoWhiteSrc":[1,"second-logo-white-src"],"secondLogoAlt":[1,"second-logo-alt"],"sideMainMenuTitle":[1,"side-main-menu-title"],"sideOtherMenuTitle":[1,"side-other-menu-title"],"header_submenu_type":[1],"sideMenuItems":[1,"side-menu-items"],"header_default_submenu":[4],"read_speaker_link":[1],"searchText":[1,"search-text"],"loginLink":[1,"login-link"],"loginIcon":[1,"login-icon"],"loginText":[1,"login-text"],"language_text":[1],"language_tooltip":[1],"login_tooltip":[1],"accessibility_tooltip":[1],"search_tooltip":[1],"hamburger_menu_button_name":[1],"accessibility_button_text":[1],"accessibility_button_id":[1],"accessibility_button_icon_family":[1],"accessibility_button_icon_name":[1],"search_button_name":[1],"search_input_name":[1],"search_value":[1],"language_button_name":[1],"close_menu_button_name":[1],"close_accessibility_button_name":[1],"toggle_accessibility_button_name":[1],"usePredesignedAccessibilityMenu":[4,"use-predesigned-accessibility-menu"],"useNavigator":[1,"use-navigator"],"search_input_placeholder":[1],"mobileMenuSearchId":[1,"mobile-menu-search-id"],"mobileMenuSearchUrl":[1,"mobile-menu-search-url"],"contrast_title":[1],"contrast_description":[1],"contrast_noraml_text":[1],"contrast_color_blind_text":[1],"contrast_red_weakness_text":[1],"contrast_green_weakness_text":[1],"selected_contrast":[1],"selected_text_size":[1],"screen_reader_title":[1],"screen_reader_description":[1],"text_size_title":[1],"text_size_description":[1],"hideOtherMenu":[4,"hide-other-menu"],"otherMenuItems":[1,"other-menu-items"],"quickLinks":[1,"quick-links"],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32],"isMobileAccessibiltyOpen":[32],"openMenus":[32],"parsedOtherMenuItems":[32],"parsedDropDownMenuItems":[32]}]]],["p-2d505693",[[0,"dda-event-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"image_src":[1],"event_month":[1],"event_date":[1],"header_text":[1],"body_text":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"chip_list":[1040],"avatar_list":[1040]}]]],["p-764d2be3",[[0,"dda-pricing-card",{"image_src":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_label":[1],"image_chip_icon_size":[1],"header_text":[1],"header_text_icon":[1],"card_header_icon_id":[1],"body_text_icon":[1],"body_text":[1],"price_text":[1],"price_period":[1],"custom_class":[1],"component_mode":[1],"chip_list":[1040],"clickHandler":[16]}]]],["p-5f80ef51",[[4,"dda-accordion",{"design":[1],"header_text":[1],"sub_title":[1],"body_description":[1],"custom_class":[1],"link_button_text":[1],"component_mode":[1],"accordion_icon_class":[1],"accordion_icon_text":[1],"accordion_header_end_icon":[1],"accordion_id":[1],"default_open":[4],"isOpen":[32],"openAccordion":[64],"closeAccordion":[64],"getIsOpen":[64]}]]],["p-8c7d0c73",[[0,"dda-alert",{"type":[1],"variation":[1],"title_text":[1],"description":[1],"button_text":[1],"custom_class":[1],"component_mode":[1],"component_id":[1],"secondary_button":[1],"secondary_button_link":[1],"primary_button":[1],"primary_button_link":[1],"close_button_name":[1]}]]],["p-42c30672",[[0,"dda-centered-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"info_text":[1],"date_text":[1],"left_button_name":[1],"right_button_name":[1],"left_button_id":[1],"right_button_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-54c8ab80",[[4,"dda-custom-card",{"card_header_text":[1],"card_header_icon":[1],"card_header_icon_id":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16]}]]],["p-14d622c2",[[0,"dda-footer",{"footerTitle":[1,"footer-title"],"description":[1],"signUpButtonText":[1,"sign-up-button-text"],"loginButtonText":[1,"login-button-text"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"copyrightText":[1,"copyright-text"],"footerSections":[1,"footer-sections"],"socialIcons":[1,"social-icons"]}]]],["p-dc443758",[[4,"dda-home-banner",{"autoplay":[4],"interval":[2],"currentSlide":[32],"slides":[32],"autoPlayActive":[32]},null,{"currentSlide":["onSlideChanged"]}]]],["p-16812c63",[[0,"dda-home-carousel",{"custom_class":[1],"component_mode":[1],"items_in_view":[2],"bannercardlist":[1]},null,{"bannercardlist":["parseBannerCardList"]}]]],["p-98021655",[[4,"dda-image-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"date_text":[1],"left_button_color":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_color":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"custom_class":[1],"component_mode":[1],"file_size":[1],"file_type":[1],"useNavigator":[1,"use-navigator"]}]]],["p-37dbab49",[[4,"dda-information-card",{"image_src":[1],"image_alt":[1],"header_text":[1],"body_text":[1],"left_button_name":[1],"left_button_href":[1],"left_button_rel":[1],"left_button_data_fancybox":[1],"left_button_start_icon":[1],"left_button_end_icon":[1],"left_button_target":[1],"right_button_name":[1],"right_button_href":[1],"right_button_rel":[1],"right_button_data_fancybox":[1],"right_button_start_icon":[1],"right_button_end_icon":[1],"right_button_target":[1],"left_button":[1],"right_button":[1],"single_button":[4],"custom_class":[1],"component_mode":[1],"useNavigator":[1,"use-navigator"]}]]],["p-18828d30",[[0,"dda-sticky-footer",{"colorTheme":[1,"color-theme"],"happinessIconHref":[1,"happiness-icon-href"],"happinessIconId":[1,"happiness-icon-id"],"happinessIconSrc":[1,"happiness-icon-src"],"happinessIconSrcDark":[1,"happiness-icon-src-dark"],"happinessIconAlt":[1,"happiness-icon-alt"],"happinessIconTooltip":[1,"happiness-icon-tooltip"],"accessibilityIconHref":[1,"accessibility-icon-href"],"accessibilityIconId":[1,"accessibility-icon-id"],"accessibilityIconSrc":[1,"accessibility-icon-src"],"accessibilityIconSrcDark":[1,"accessibility-icon-src-dark"],"accessibilityIconAlt":[1,"accessibility-icon-alt"],"accessibilityIconTooltip":[1,"accessibility-icon-tooltip"],"servicesIconHref":[1,"services-icon-href"],"servicesIconId":[1,"services-icon-id"],"servicesIconSrc":[1,"services-icon-src"],"servicesIconSrcDark":[1,"services-icon-src-dark"],"servicesIconAlt":[1,"services-icon-alt"],"servicesIconTooltip":[1,"services-icon-tooltip"],"servicesIconText":[1,"services-icon-text"],"hideMiddleSection":[4,"hide-middle-section"],"middleLink":[1,"middle-link"],"rightLink":[1,"right-link"],"aiIconHref":[1,"ai-icon-href"],"aiIconId":[1,"ai-icon-id"],"aiIconSrc":[1,"ai-icon-src"],"aiIconSrcDark":[1,"ai-icon-src-dark"],"aiIconAlt":[1,"ai-icon-alt"],"aiIconTooltip":[1,"ai-icon-tooltip"],"dubaiaeIconHref":[1,"dubaiae-icon-href"],"dubaiaeIconId":[1,"dubaiae-icon-id"],"dubaiaeIconSrc":[1,"dubaiae-icon-src"],"dubaiaeIconSrcDark":[1,"dubaiae-icon-src-dark"],"dubaiaeIconSmallSrc":[1,"dubaiae-icon-small-src"],"dubaiaeIconAlt":[1,"dubaiae-icon-alt"],"dubaiaeIconTooltip":[1,"dubaiae-icon-tooltip"],"chatIconHref":[1,"chat-icon-href"],"chatIconId":[1,"chat-icon-id"],"chatIconSrc":[1,"chat-icon-src"],"chatIconSrcDark":[1,"chat-icon-src-dark"],"chatIconAlt":[1,"chat-icon-alt"],"chatIconTooltip":[1,"chat-icon-tooltip"],"moreIconFamily":[1,"more-icon-family"],"moreIcon":[1,"more-icon"],"isHidden":[32]}]]],["p-448d72f4",[[0,"dda-attach-file",{"label":[1],"place_holder":[1],"upload_button_text":[1],"helper_text":[1],"success_text":[1],"error_message":[1],"size":[1],"validation_type":[1],"validation_id":[1],"input_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"button_aria_label":[1],"input_id":[1],"input_name":[1],"button_id":[1],"button_name":[1],"accept":[1],"disabled":[4],"max_file_size":[2],"file_size_error_message":[1],"file":[32],"isFileUploaded":[32],"internalErrorMessage":[32],"getFile":[64]}]]],["p-ecdd4ca1",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"aria_label":[1],"custom_class":[1],"component_mode":[1],"dataBreadcrumbs":[1,"data-breadcrumbs"]}]]],["p-1a920ab6",[[0,"dda-checkbox",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[4],"checkbox_status":[1],"style_type":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1]}]]],["p-6842a5e5",[[0,"dda-credit-card",{"balance":[1],"name":[1],"card_number":[1],"card_type":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-0bd5576f",[[0,"dda-creditcard-field",{"placeholder":[1],"label":[1],"value":[1],"card_icon":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_type":[1],"helper_text":[1],"disabled":[4],"custom_class":[1],"restrict_input":[4],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"formattedValue":[32]}]]],["p-26bb8828",[[0,"dda-dropdown",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_id":[1],"size":[1],"icon_mode":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-90c3c3b3",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-3239666b",[[0,"dda-number-field",{"placeholder":[1],"label":[1],"value":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"size":[1],"input_status":[1],"currencies":[1],"selected_currency":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"toggle_button_name":[1],"currency_button_name":[1],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["p-ba90f4be",[[0,"dda-pagination",{"total_pages":[2],"current_page":[1026],"type":[1],"custom_class":[1],"component_mode":[1],"simple_slider_prev_button":[1],"simple_slider_next_button":[1],"buttons_prev_button":[1],"buttons_next_button":[1],"text_prev_button":[1],"text_next_button":[1],"text_pages_prev_button":[1],"text_pages_next_button":[1],"button_text_prev_button":[1],"button_text_next_button":[1],"buttons_pages_prev_button":[1],"buttons_pages_next_button":[1],"buttons_pages_id":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["p-16b52e58",[[0,"dda-phonefield",{"label":[1],"placeholder":[1],"helper_text":[1],"max_length":[1],"validation_type":[1],"error_message":[1],"validation_id":[1],"disabled":[4],"size":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"button_id":[1],"button_aria_label":[1],"toggle_button_name":[1],"country_select_button_name":[1],"phone_input_name":[1],"value":[1],"country_code":[32],"country_flag":[32],"internalValue":[32],"is_focused":[32],"dropdown_open":[32],"countries":[32],"hostElement":[32],"getValue":[64],"validatePhoneField":[64]},null,{"value":["watchHandler"]}]]],["p-7caaf11f",[[0,"dda-progressbar",{"progress":[2],"tooltip":[4],"tooltip_position":[1],"show_percentage_text":[4],"custom_class":[1],"component_mode":[1]}]]],["p-e808d48a",[[0,"dda-range-slider",{"min":[2],"max":[2],"step":[2],"initial_min":[2],"initial_max":[2],"size":[1],"tooltip_position":[1],"custom_class":[1],"component_mode":[1],"left_input_id":[1],"right_input_id":[1],"left_aria_label":[1],"right_aria_label":[1],"left_input_name":[1],"right_input_name":[1],"min_value":[32],"max_value":[32]}]]],["p-2477d805",[[0,"dda-search-input",{"placeholder":[1],"label":[1],"size":[1],"error_message":[1],"show_button":[4],"helper_text":[1],"validation_id":[1],"input_status":[1],"has_error":[4],"custom_class":[1],"component_mode":[1],"button_id":[1],"input_id":[1],"aria_label":[1],"button_aria_label":[1],"search_input_name":[1],"close_button_name":[1],"search_button_name":[1],"button_text":[1],"value":[1],"hasInputValue":[32],"internalValue":[32]}]]],["p-a42f8db6",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1],"button_name":[1]}]]],["p-a5199deb",[[0,"dda-select",{"label":[1],"options":[1],"selected":[1],"disabled":[4],"error":[1],"error_message":[1],"helper_text":[1],"validation_type":[1],"validation_id":[1],"size":[1],"custom_class":[1],"component_mode":[1],"button_id":[1],"toggle_button_name":[1],"option_select_button_name":[1],"placeholder":[1],"main_aria_label":[1],"input_name":[1],"is_open":[32],"selectedId":[32],"selectedText":[32]}]]],["p-bd0d09ff",[[1,"dda-slider",{"slides":[16],"interval":[2],"autoplay":[4],"currentSlide":[32],"isPaused":[32]},null,{"currentSlide":["watchCurrentSlide"]}]]],["p-1fad7e82",[[0,"dda-tabs",{"type":[1],"hover_style":[1],"border_bottom":[4],"custom_class":[1],"component_mode":[1],"button_ids":[1],"tab_value":[1],"tab_texts":[1],"tab_icons":[1],"button_name":[1],"tab_type":[1],"button_values":[1],"active_tab":[32]}]]],["p-24489bc6",[[4,"dda-team-member-card",{"image_src":[1],"image_alt":[1],"team_member_name":[1],"team_member_position":[1],"design":[1],"custom_class":[1],"component_mode":[1]}]]],["p-462f0128",[[0,"dda-teamsection-card",{"image_src":[1],"header_text":[1],"profession":[1],"body_text":[1],"body_text_two":[1],"sajin":[1],"custom_class":[1],"component_mode":[1],"card_type":[1],"useNavigator":[1,"use-navigator"],"social_icons":[8],"parsedSocialIcons":[32]},null,{"social_icons":["parseSocialIcons"]}]]],["p-c01385d7",[[0,"dda-textarea",{"label":[1],"placeholder":[1],"max_characters":[2],"value":[1],"input_id":[1],"textarea_name":[1],"aria_label":[1],"show_info_icon":[4],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"enable_rich_editor":[4],"characterCount":[32],"internalValue":[32],"getValue":[64]}]]],["p-23c2a581",[[0,"dda-toggle",{"checked":[4],"size":[1],"custom_class":[1],"group_name":[1],"input_id":[1],"component_mode":[1],"aria_label":[1]}]]],["p-1cf47f82",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["p-6aa213c1",[[0,"dda-avatar",{"type":[1],"size":[1],"design":[1],"rounded":[1],"src":[1],"icon":[1],"text":[1],"notification_number":[2],"custom_class":[1],"selected":[1],"show_options":[4],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"button_name":[1],"dropdown_enabled":[4],"isOpen":[32]}]]],["p-6151a1f2",[[0,"dda-banner-card",{"banner_card_type":[1],"banner_card_id":[1],"banner_card_url":[1],"image_src":[1],"image_alt":[1],"banner_card_title":[1],"banner_card_description":[1],"custom_class":[513],"banner_card_value":[513],"banner_card_name":[513],"component_mode":[1]}]]],["p-5695b505",[[1,"dda-scroll-icon",{"scroll_icon_size":[1],"scroll_icon_color":[1],"custom_class":[1],"component_mode":[1]}]]],["p-68c80bba",[[0,"dda-chip",{"bg_color":[1],"rounded":[1],"chip_text":[1],"chip_icon":[1],"chip_icon_family":[1],"chip_icon_size":[1],"show_close_icon":[4],"size":[1],"custom_class":[1],"component_mode":[1],"clickHandler":[16],"image_chip_label":[1],"image_chip_icon":[1],"image_chip_icon_family":[1],"image_chip_icon_size":[1]}]]],["p-f60d6c1f",[[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]],["p-bb94fb97",[[0,"dda-header-menu",{"useNavigator":[1,"use-navigator"],"quickLinks":[1,"quick-links"],"openIndex":[32],"openSubIndex":[32]},[[8,"keydown","handleKeydown"]]],[0,"dda-input",{"label":[1],"placeholder":[1],"value":[1],"type":[1],"input_role":[1],"helper_text":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"input_status":[1],"custom_class":[1],"component_mode":[1],"input_id":[1],"aria_label":[1],"input_name":[1],"required":[4],"internalValue":[32],"getValue":[64]}],[0,"dda-radiobutton",{"title_text":[1],"supporting":[1],"group_name":[1],"input_id":[1],"checked":[1540],"radio_status":[1],"error_message":[1],"validation_type":[1],"validation_id":[1],"size":[1],"variants":[1],"custom_class":[1],"component_mode":[1],"aria_label":[1],"contrast_noraml_text":[1]}]]],["p-c766ae47",[[0,"dda-link-button",{"disabled":[4],"start_icon":[1],"link_button_text":[1],"link_button_title":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"href":[1],"component_mode":[1],"button_id":[1],"target":[1],"rel":[1],"data_fancybox":[1],"clickHandler":[16]}]]],["p-eb472057",[[0,"dda-button",{"button_type":[1],"disabled":[4],"start_icon_family":[1],"start_icon":[1],"button_text":[1],"end_icon_family":[1],"end_icon":[1],"aria_label":[1],"button_color":[1],"size":[1],"button_shape":[1],"icon_button_shape":[1],"gap":[2],"custom_class":[1],"component_mode":[1],"button_id":[1],"button_name":[1],"value":[1]}]]]]'),e)}));
 //# sourceMappingURL=dda.esm.js.map

package/dist/dda/dda.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.24.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,6shBAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.24.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,8uhBAAuCJ,EAAA","ignoreList":[]}

package/dist/dda/p-23c2a581.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a,H as g}from"./p-1b339a0a.js";const o='.dda-toggle-btn{display:inline-flex;align-items:flex-start;cursor:pointer;position:relative;gap:10px}.dda-toggle-btn p{margin:0}.dda-toggle-btn .toggle{width:35px;height:20px;vertical-align:sub;display:inline-block;background:var(--dda-neutral-variant-90);border-radius:60px;cursor:pointer;margin:0px;position:relative}.dda-toggle-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dda-toggle-btn .toggle::after{content:"";position:absolute;display:block;background:var(--dda-neutral-100);height:16px;width:16px;top:2px;left:2px;border-radius:60px}.dda-toggle-btn input:checked~.toggle{background:var(--dda-color-primary-40);-webkit-box-shadow:0px 0px 0px 3px var(--dda-primary-95);-moz-box-shadow:0px 0px 0px 3px var(--dda-primary-95);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.light-mode.dda-toggle-btn input:checked~.toggle{background:var(--dda-primary-40)}.dda-toggle-btn input:checked~.toggle::after{left:17px}.dda-toggle-sm .toggle{width:27px;height:16px}.dda-toggle-sm .toggle::after{width:12px;height:12px}.dda-toggle-sm input:checked~.toggle::after{left:13px}.dda-toggle-md .toggle{width:35px;height:20px}.dda-toggle-md .toggle::after{height:16px;width:16px}.dda-toggle-md input:checked~.toggle::after{left:17px}.dda-toggle-lg .toggle{width:45px;height:24px}.dda-toggle-lg .toggle::after{height:20px;width:20px}.dda-toggle-lg input:checked~.toggle::after{left:23px}.toggle-title{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);display:block}.light-mode .toggle-title{color:var(--dda-neutral-0)}.toggle-supporting{display:block;color:var(--dda-on-surface-variant-30)}.light-mode .toggle-supporting{color:var(--dda-neutral-variant-30)}.dda-toggle-sm .toggle-title,.dda-toggle-md .toggle-title{font-size:var(--font-caption)}.dda-toggle-sm .toggle-supporting{font-size:var(--dda-fs-label-lg)}.dda-toggle-lg .toggle-title{font-size:var(--dda-fs-title-sm)}.dda-toggle-md .toggle-supporting,.dda-toggle-lg .toggle-supporting{font-size:var(--font-caption)}@media (prefers-reduced-motion: no-preference){.dda-toggle-btn .toggle::after{-moz-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-o-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-webkit-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1)}}';const d=o;const i=class{constructor(a){t(this,a);this.toggleChanged=e(this,"toggleChanged",7);this.custom_class=""}render(){const t=["dda-toggle-btn",this.size?`dda-toggle-${this.size}`:"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return a(g,{key:"7c3db88316052b19c146996798f7fcd73cd57603"},a("label",{key:"f685e06c7873a986343c68e65049aae955479e34",class:t,htmlFor:this.input_id},a("input",{key:"175fb25ce0c6c2322d3125bbf265c4d88d963b4e","aria-label":this.aria_label,type:"checkbox",id:this.input_id,name:this.group_name,checked:this.checked,onChange:t=>{this.toggleChanged.emit(t)}}),a("span",{key:"410c2812dfa4c27eac881ac9402e66357a750e22",class:"toggle"}),a("p",{key:"0a87c75f7b1d525b91f511186f6baba5bc6f5828"},a("span",{key:"bfc55b0af5a746f40440e0b0d5e85a311210e98e",class:"toggle-title"},"Radio Button Title"),a("span",{key:"b61ca61425927c00da8643986e06a547f4b8d925",class:"toggle-supporting"},"Supporting Text"))))}};i.style=d;export{i as dda_toggle};
+//# sourceMappingURL=p-23c2a581.entry.js.map

package/dist/dda/p-23c2a581.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ddaToggleCss","DdaToggleStyle0","DdaToggle","constructor","hostRef","this","custom_class","render","toggleClass","size","component_mode","filter","Boolean","join","h","Host","key","class","htmlFor","input_id","aria_label","type","id","name","group_name","checked","onChange","event","toggleChanged","emit"],"sources":["src/components/dda-toggle/dda-toggle.css?tag=dda-toggle","src/components/dda-toggle/dda-toggle.tsx"],"sourcesContent":[".dda-toggle-btn {\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  cursor: pointer;\r\n  position: relative;\r\n  gap: 10px;\r\n}\r\n.dda-toggle-btn p{\r\n  margin: 0;\r\n}\r\n.dda-toggle-btn .toggle {\r\n  width: 35px;\r\n  height: 20px;\r\n  vertical-align: sub;\r\n  display: inline-block;\r\n  background: var(--dda-neutral-variant-90);\r\n  border-radius: 60px;\r\n  cursor: pointer;\r\n  margin: 0px;\r\n  position: relative;\r\n}\r\n.dda-toggle-btn input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n.dda-toggle-btn .toggle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: block;\r\n  /* -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); */\r\n  background: var(--dda-neutral-100);\r\n  height: 16px;\r\n  width: 16px;\r\n  top: 2px;\r\n  left: 2px;\r\n  border-radius: 60px;\r\n}\r\n.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-color-primary-40);\r\n  -webkit-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  -moz-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-primary-40);\r\n}\r\n.dda-toggle-btn input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-sm .toggle{\r\n  width: 27px;\r\n  height: 16px;\r\n}\r\n.dda-toggle-sm .toggle::after{\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n.dda-toggle-sm input:checked~.toggle::after {\r\n  left: 13px;\r\n}\r\n\r\n.dda-toggle-md .toggle{\r\n  width: 35px;\r\n  height: 20px;\r\n}\r\n.dda-toggle-md .toggle::after{\r\n  height: 16px;\r\n  width: 16px;\r\n}\r\n.dda-toggle-md input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-lg .toggle{\r\n  width: 45px;\r\n  height: 24px;\r\n}\r\n.dda-toggle-lg .toggle::after{\r\n  height: 20px;\r\n  width: 20px;\r\n}\r\n.dda-toggle-lg input:checked~.toggle::after {\r\n  left: 23px;\r\n}\r\n\r\n.toggle-title{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n  display: block;\r\n}\r\n.light-mode .toggle-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.toggle-supporting{\r\n  display: block;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .toggle-supporting{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-toggle-sm .toggle-title, .dda-toggle-md .toggle-title{\r\n  font-size: var(--font-caption);\r\n}\r\n.dda-toggle-sm .toggle-supporting {\r\n  font-size: var(--dda-fs-label-lg);\r\n}\r\n.dda-toggle-lg .toggle-title {\r\n  font-size: var(--dda-fs-title-sm);\r\n}\r\n.dda-toggle-md .toggle-supporting,\r\n.dda-toggle-lg .toggle-supporting{\r\n  font-size: var(--font-caption);\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-toggle-btn .toggle::after {\r\n    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  } \r\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n  // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label: string;\r\n\r\n  @Event() toggleChanged: EventEmitter<any>;\r\n\r\n  render() {\r\n    const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input\r\n            aria-label={this.aria_label}\r\n            type=\"checkbox\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            checked={this.checked}\r\n            onChange={event => {\r\n              this.toggleChanged.emit(event);\r\n            }}\r\n          />\r\n          <span class=\"toggle\"></span>\r\n          <p>\r\n            <span class=\"toggle-title\">Radio Button Title</span>\r\n            <span class=\"toggle-supporting\">Supporting Text</span>\r\n          </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAe,kvEACrB,MAAAC,EAAeD,E,MCMFE,EAAS,MALtB,WAAAC,CAAAC,G,uDAUUC,KAAAC,aAAwB,E,CAQhC,MAAAC,GACE,MAAMC,EAAc,CAAC,iBAAkBH,KAAKI,KAAO,cAAcJ,KAAKI,OAAS,GAAIJ,KAAKC,aAAe,GAAGD,KAAKC,eAAiB,GAAID,KAAKK,gBACtIC,OAAOC,SACPC,KAAK,KAER,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAOT,EAAaU,QAASb,KAAKc,UACvCL,EAAA,SAAAE,IAAA,wDACcX,KAAKe,WACjBC,KAAK,WACLC,GAAIjB,KAAKc,SACTI,KAAMlB,KAAKmB,WACXC,QAASpB,KAAKoB,QACdC,SAAUC,IACRtB,KAAKuB,cAAcC,KAAKF,EAAM,IAGlCb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WACZH,EAAA,KAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,gBAAc,sBAC1BH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qBAAmB,qB","ignoreList":[]}

package/dist/dda/p-2477d805.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as e,H as a,g as i}from"./p-1b339a0a.js";const d=class{constructor(e){s(this,e);this.inputChanged=t(this,"inputChanged",7);this.inputBlurred=t(this,"inputBlurred",7);this.placeholder="Search";this.size="sm";this.show_button=false;this.has_error=false;this.custom_class="";this.hasInputValue=false;this.internalValue="";this.handleInput=s=>{const t=s.target;this.hasInputValue=t.value.length>0};this.handleKeyDown=s=>{if(s.key==="Enter"){const t=s.target;console.log("Search input value (Enter):",t.value)}};this.handleSearchClick=()=>{const s=this.el.querySelector(`#${this.input_id}`);if(s){console.log("Search input value (Button):",s.value)}}}clearInput(){if(!this.input_id)return;const s=this.el.querySelector(`#${this.input_id}`);if(s){s.value="";this.hasInputValue=false;s.focus()}}render(){return e(a,{key:"24a3489b35cb7fad24f1685896ce86f0cbaec775"},e("div",{key:"8fceadbaa3dc319abe11ee1371d01f39af8045fd",class:`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status?`dda-input-${this.input_status}`:""} ${this.has_error?"dda-validation-error":""}`},this.label&&e("label",{key:"a07e7340bdacc2c3e835c3e95e3dd71948726498",htmlFor:this.button_id,class:"dda-input-label"},this.label),e("div",{key:"437f37044b18f048c666c69d8d5fd694b3f919fa",class:"dda-search-area dda-search-action"},e("i",{key:"b686ee2511ac4b049d8e518eb8da7ec9fe6d0dad",class:"material-icons icon-left","aria-hidden":"true"},"search"),e("input",{key:"936b817328ed0c2a69d8f570540ae063ba740341",name:this.search_input_name,"aria-label":this.aria_label,id:this.input_id,value:this.internalValue||this.value,type:"text",class:`dda-input-field dda-search-field ${this.show_button?"has-search-button":""}`,placeholder:this.placeholder,onKeyDown:this.handleKeyDown,onInput:s=>{this.internalValue=s.target.value;this.inputChanged.emit(s)},onBlur:s=>{const t=s.target.value.trim();this.inputBlurred.emit({name:this.search_input_name,value:t})}}),e("div",{key:"5dca25f937e125a362c3fefa1c043b62540e02fe",class:"dda-search-btngroup"},this.hasInputValue&&e("button",{key:"0b3016b7ac21d5ef22d2786d29f0992b2e3560de",name:this.close_button_name,"aria-label":this.button_aria_label,id:this.button_id,type:"button",class:"dda-search-close-icon",onClick:()=>this.clearInput()},e("i",{key:"192e15d6c7b93441906080cdb821d645f1512d80",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")),this.show_button&&e("button",{key:"e91d067ef4f160cc018963c8b842f29a1c127d45",name:this.search_button_name,type:"button",class:"dda-btn btn-color-default-primary dda-btn-sm",onClick:this.handleSearchClick},this.button_text))),this.helper_text&&e("span",{key:"b686be70ce3e1c5c80cc3e033c40b3d94b7e0547",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&e("span",{key:"235a13717b035f9c896ed3bb42ddc4d0218adb29",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return i(this)}};export{d as dda_search_input};
+//# sourceMappingURL=p-2477d805.entry.js.map

package/dist/dda/p-2477d805.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DdaSearchInput","constructor","hostRef","this","placeholder","size","show_button","has_error","custom_class","hasInputValue","internalValue","handleInput","event","target","value","length","handleKeyDown","key","console","log","handleSearchClick","input","el","querySelector","input_id","clearInput","focus","render","h","Host","class","component_mode","input_status","label","htmlFor","button_id","name","search_input_name","aria_label","id","type","onKeyDown","onInput","inputChanged","emit","onBlur","trim","inputBlurred","close_button_name","button_aria_label","onClick","search_button_name","button_text","helper_text","validation_id","error_message"],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n  @Prop() button_text: string;\r\n  @Prop() value: string;\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n  @State() internalValue: string = '';\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  };\r\n\r\n  handleKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter') {\r\n      const target = event.target as HTMLInputElement;\r\n      console.log('Search input value (Enter):', target.value);\r\n    }\r\n  };\r\n\r\n  handleSearchClick = () => {\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      console.log('Search input value (Button):', input.value);\r\n    }\r\n  };\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.hasInputValue = false;\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}\r\n        >\r\n          {this.label && (\r\n            <label htmlFor={this.button_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\" aria-hidden=\"true\">\r\n              search\r\n            </i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              value={this.internalValue || this.value}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              // onInput={this.handleInput}\r\n              onKeyDown={this.handleKeyDown}\r\n              onInput={event => {\r\n                this.internalValue = (event.target as HTMLInputElement).value;\r\n                this.inputChanged.emit(event);\r\n              }}\r\n              onBlur={event => {\r\n                const value = (event.target as HTMLInputElement).value.trim();\r\n                this.inputBlurred.emit({ name: this.search_input_name, value });\r\n              }}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"dda-search-close-icon\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n                    close\r\n                  </i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\" onClick={this.handleSearchClick}>\r\n                  {this.button_text}\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              {this.helper_text}\r\n            </span>\r\n          )}\r\n          {this.error_message && (\r\n            <span class=\"dda-error-message\" id={this.validation_id}>\r\n              {this.error_message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sEAOaA,EAAc,MAL3B,WAAAC,CAAAC,G,gGAMUC,KAAAC,YAAsB,SAEtBD,KAAAE,KAAe,KAEfF,KAAAG,YAAuB,MAIvBH,KAAAI,UAAqB,MACrBJ,KAAAK,aAAwB,GAiBvBL,KAAAM,cAAyB,MACzBN,KAAAO,cAAwB,GAEjCP,KAAAQ,YAAeC,IACb,MAAMC,EAASD,EAAMC,OACrBV,KAAKM,cAAgBI,EAAOC,MAAMC,OAAS,CAAC,EAG9CZ,KAAAa,cAAiBJ,IACf,GAAIA,EAAMK,MAAQ,QAAS,CACzB,MAAMJ,EAASD,EAAMC,OACrBK,QAAQC,IAAI,8BAA+BN,EAAOC,M,GAItDX,KAAAiB,kBAAoB,KAClB,MAAMC,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTH,QAAQC,IAAI,+BAAgCE,EAAMP,M,GAItD,UAAAW,GACE,IAAKtB,KAAKqB,SAAU,OACpB,MAAMH,EAAQlB,KAAKmB,GAAGC,cAAc,IAAIpB,KAAKqB,YAC7C,GAAIH,EAAO,CACTA,EAAMP,MAAQ,GACdX,KAAKM,cAAgB,MACrBY,EAAMK,O,EAIV,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAZ,IAAA,4CACHW,EAAA,OAAAX,IAAA,2CACEa,MAAO,sCAAsC3B,KAAKE,QAAQF,KAAK4B,kBAAkB5B,KAAKK,gBAAgBL,KAAK6B,aAAe,aAAa7B,KAAK6B,eAAiB,MAAM7B,KAAKI,UAAY,uBAAyB,MAE5MJ,KAAK8B,OACJL,EAAA,SAAAX,IAAA,2CAAOiB,QAAS/B,KAAKgC,UAAWL,MAAM,mBACnC3B,KAAK8B,OAGVL,EAAA,OAAAX,IAAA,2CAAKa,MAAM,qCACTF,EAAA,KAAAX,IAAA,2CAAGa,MAAM,2BAA0B,cAAa,QAAM,UAGtDF,EAAA,SAAAX,IAAA,2CACEmB,KAAMjC,KAAKkC,kBAAiB,aAChBlC,KAAKmC,WACjBC,GAAIpC,KAAKqB,SACTV,MAAOX,KAAKO,eAAiBP,KAAKW,MAClC0B,KAAK,OACLV,MAAO,oCAAoC3B,KAAKG,YAAc,oBAAsB,KACpFF,YAAaD,KAAKC,YAElBqC,UAAWtC,KAAKa,cAChB0B,QAAS9B,IACPT,KAAKO,cAAiBE,EAAMC,OAA4BC,MACxDX,KAAKwC,aAAaC,KAAKhC,EAAM,EAE/BiC,OAAQjC,IACN,MAAME,EAASF,EAAMC,OAA4BC,MAAMgC,OACvD3C,KAAK4C,aAAaH,KAAK,CAAER,KAAMjC,KAAKkC,kBAAmBvB,SAAQ,IAGnEc,EAAA,OAAAX,IAAA,2CAAKa,MAAM,uBACR3B,KAAKM,eACJmB,EAAA,UAAAX,IAAA,2CACEmB,KAAMjC,KAAK6C,kBAAiB,aAChB7C,KAAK8C,kBACjBV,GAAIpC,KAAKgC,UACTK,KAAK,SACLV,MAAM,wBACNoB,QAAS,IAAM/C,KAAKsB,cAEpBG,EAAA,KAAAX,IAAA,2CAAGa,MAAM,2CAA0C,cAAa,QAAM,UAKzE3B,KAAKG,aACJsB,EAAA,UAAAX,IAAA,2CAAQmB,KAAMjC,KAAKgD,mBAAoBX,KAAK,SAASV,MAAM,+CAA+CoB,QAAS/C,KAAKiB,mBACrHjB,KAAKiD,eAKbjD,KAAKkD,aACJzB,EAAA,QAAAX,IAAA,2CAAMa,MAAM,kBAAkBS,GAAIpC,KAAKmD,eACpCnD,KAAKkD,aAGTlD,KAAKoD,eACJ3B,EAAA,QAAAX,IAAA,2CAAMa,MAAM,oBAAoBS,GAAIpC,KAAKmD,eACtCnD,KAAKoD,gB","ignoreList":[]}

package/dist/esm/dda-search-input.entry.js

@@ -1,14 +1,17 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-52b38a93.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-52b38a93.js';
 
 const DdaSearchInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.inputChanged = createEvent(this, "inputChanged", 7);
+        this.inputBlurred = createEvent(this, "inputBlurred", 7);
         this.placeholder = 'Search';
         this.size = 'sm';
         this.show_button = false;
         this.has_error = false;
         this.custom_class = '';
         this.hasInputValue = false;
+        this.internalValue = '';
         this.handleInput = (event) => {
             const target = event.target;
             this.hasInputValue = target.value.length > 0;
@@ -37,7 +40,15 @@ const DdaSearchInput = class {
         }
     }
     render() {
-        return (h(Host, { key: '5a04c16e80725642603897e43c38dc584f823122' }, h("div", { key: '26d1f761e7496f3b88cd1160bfbb93c8b898c1ba', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && h("label", { key: 'be1fd2dda653f19dc21ccf5b58f0920dcf1fa3aa', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: '5505fab260c664a9eea792169e628ee89656b64f', class: "dda-search-area dda-search-action" }, h("i", { key: '7845b67dbab4d1be562597b44a0a9cdf142b2127', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '8ac8ff48502deebbced808c1f3f122f1d1abfd39', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder, onInput: this.handleInput, onKeyDown: this.handleKeyDown }), h("div", { key: '1630f18f10170864669701821c9073f234c5809b', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '855d01bfcce359fd2ab0e9ff9186ee3e56655313', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "dda-search-close-icon", onClick: () => this.clearInput() }, h("i", { key: 'a012bc3b41f402a6fd2a7a6f39818560175f11b5', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: 'e880276652387bca5099ce80a6bddb6b1695b321', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm", onClick: this.handleSearchClick }, this.button_text)))), this.helper_text && h("span", { key: '5f91eeb46be1de32173b100b0eb877c197bc031a', class: "dda-helper-text", id: this.validation_id }, this.helper_text), this.error_message && h("span", { key: '27a0dbaa12e6cbe94cef84f7a441111225c0a61b', class: "dda-error-message", id: this.validation_id }, this.error_message))));
+        return (h(Host, { key: '24a3489b35cb7fad24f1685896ce86f0cbaec775' }, h("div", { key: '8fceadbaa3dc319abe11ee1371d01f39af8045fd', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && (h("label", { key: 'a07e7340bdacc2c3e835c3e95e3dd71948726498', htmlFor: this.button_id, class: "dda-input-label" }, this.label)), h("div", { key: '437f37044b18f048c666c69d8d5fd694b3f919fa', class: "dda-search-area dda-search-action" }, h("i", { key: 'b686ee2511ac4b049d8e518eb8da7ec9fe6d0dad', class: "material-icons icon-left", "aria-hidden": "true" }, "search"), h("input", { key: '936b817328ed0c2a69d8f570540ae063ba740341', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, value: this.internalValue || this.value, type: "text", class: `dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`, placeholder: this.placeholder,
+            // onInput={this.handleInput}
+            onKeyDown: this.handleKeyDown, onInput: event => {
+                this.internalValue = event.target.value;
+                this.inputChanged.emit(event);
+            }, onBlur: event => {
+                const value = event.target.value.trim();
+                this.inputBlurred.emit({ name: this.search_input_name, value });
+            } }), h("div", { key: '5dca25f937e125a362c3fefa1c043b62540e02fe', class: "dda-search-btngroup" }, this.hasInputValue && (h("button", { key: '0b3016b7ac21d5ef22d2786d29f0992b2e3560de', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "dda-search-close-icon", onClick: () => this.clearInput() }, h("i", { key: '192e15d6c7b93441906080cdb821d645f1512d80', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))), this.show_button && (h("button", { key: 'e91d067ef4f160cc018963c8b842f29a1c127d45', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm", onClick: this.handleSearchClick }, this.button_text)))), this.helper_text && (h("span", { key: 'b686be70ce3e1c5c80cc3e033c40b3d94b7e0547', class: "dda-helper-text", id: this.validation_id }, this.helper_text)), this.error_message && (h("span", { key: '235a13717b035f9c896ed3bb42ddc4d0218adb29', class: "dda-error-message", id: this.validation_id }, this.error_message)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dda-search-input.entry.js.map

@@ -1 +1 @@
-{"file":"dda-search-input.entry.js","mappings":"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","names":[],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n  @Prop() button_text: string;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  }\r\n\r\n  handleKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter') {\r\n      const target = event.target as HTMLInputElement;\r\n      console.log('Search input value (Enter):', target.value);\r\n    }\r\n  }\r\n\r\n  handleSearchClick = () => {\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      console.log('Search input value (Button):', input.value);\r\n    }\r\n  }\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.hasInputValue = false;\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}>\r\n          {this.label && <label htmlFor={this.button_id} class=\"dda-input-label\">{this.label}</label>}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\" aria-hidden=\"true\">search</i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              onInput={this.handleInput}\r\n              onKeyDown={this.handleKeyDown}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"dda-search-close-icon\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button\r\n                  name={this.search_button_name}\r\n                  type=\"button\"\r\n                  class=\"dda-btn btn-color-default-primary dda-btn-sm\"\r\n                  onClick={this.handleSearchClick}\r\n                >\r\n                  {this.button_text}\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\" id={this.validation_id}>{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\" id={this.validation_id}>{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"dda-search-input.entry.js","mappings":"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","names":[],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n  @Prop() button_text: string;\r\n  @Prop() value: string;\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n  @State() internalValue: string = '';\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  };\r\n\r\n  handleKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter') {\r\n      const target = event.target as HTMLInputElement;\r\n      console.log('Search input value (Enter):', target.value);\r\n    }\r\n  };\r\n\r\n  handleSearchClick = () => {\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      console.log('Search input value (Button):', input.value);\r\n    }\r\n  };\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.hasInputValue = false;\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}\r\n        >\r\n          {this.label && (\r\n            <label htmlFor={this.button_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\" aria-hidden=\"true\">\r\n              search\r\n            </i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              value={this.internalValue || this.value}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              // onInput={this.handleInput}\r\n              onKeyDown={this.handleKeyDown}\r\n              onInput={event => {\r\n                this.internalValue = (event.target as HTMLInputElement).value;\r\n                this.inputChanged.emit(event);\r\n              }}\r\n              onBlur={event => {\r\n                const value = (event.target as HTMLInputElement).value.trim();\r\n                this.inputBlurred.emit({ name: this.search_input_name, value });\r\n              }}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"dda-search-close-icon\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n                    close\r\n                  </i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\" onClick={this.handleSearchClick}>\r\n                  {this.button_text}\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              {this.helper_text}\r\n            </span>\r\n          )}\r\n          {this.error_message && (\r\n            <span class=\"dda-error-message\" id={this.validation_id}>\r\n              {this.error_message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-52b38a93.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-52b38a93.js';
 
 const ddaToggleCss = ".dda-toggle-btn{display:inline-flex;align-items:flex-start;cursor:pointer;position:relative;gap:10px}.dda-toggle-btn p{margin:0}.dda-toggle-btn .toggle{width:35px;height:20px;vertical-align:sub;display:inline-block;background:var(--dda-neutral-variant-90);border-radius:60px;cursor:pointer;margin:0px;position:relative}.dda-toggle-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dda-toggle-btn .toggle::after{content:\"\";position:absolute;display:block;background:var(--dda-neutral-100);height:16px;width:16px;top:2px;left:2px;border-radius:60px}.dda-toggle-btn input:checked~.toggle{background:var(--dda-color-primary-40);-webkit-box-shadow:0px 0px 0px 3px var(--dda-primary-95);-moz-box-shadow:0px 0px 0px 3px var(--dda-primary-95);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.light-mode.dda-toggle-btn input:checked~.toggle{background:var(--dda-primary-40)}.dda-toggle-btn input:checked~.toggle::after{left:17px}.dda-toggle-sm .toggle{width:27px;height:16px}.dda-toggle-sm .toggle::after{width:12px;height:12px}.dda-toggle-sm input:checked~.toggle::after{left:13px}.dda-toggle-md .toggle{width:35px;height:20px}.dda-toggle-md .toggle::after{height:16px;width:16px}.dda-toggle-md input:checked~.toggle::after{left:17px}.dda-toggle-lg .toggle{width:45px;height:24px}.dda-toggle-lg .toggle::after{height:20px;width:20px}.dda-toggle-lg input:checked~.toggle::after{left:23px}.toggle-title{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);display:block}.light-mode .toggle-title{color:var(--dda-neutral-0)}.toggle-supporting{display:block;color:var(--dda-on-surface-variant-30)}.light-mode .toggle-supporting{color:var(--dda-neutral-variant-30)}.dda-toggle-sm .toggle-title,.dda-toggle-md .toggle-title{font-size:var(--font-caption)}.dda-toggle-sm .toggle-supporting{font-size:var(--dda-fs-label-lg)}.dda-toggle-lg .toggle-title{font-size:var(--dda-fs-title-sm)}.dda-toggle-md .toggle-supporting,.dda-toggle-lg .toggle-supporting{font-size:var(--font-caption)}@media (prefers-reduced-motion: no-preference){.dda-toggle-btn .toggle::after{-moz-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-o-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-webkit-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1)}}";
 const DdaToggleStyle0 = ddaToggleCss;
@@ -6,16 +6,16 @@ const DdaToggleStyle0 = ddaToggleCss;
 const DdaToggle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.toggleChanged = createEvent(this, "toggleChanged", 7);
         this.custom_class = '';
     }
     render() {
-        const toggleClass = [
-            'dda-toggle-btn',
-            this.size ? `dda-toggle-${this.size}` : '',
-            this.custom_class ? `${this.custom_class}` : '',
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'd7801970653993dd8eedb37eb70db33b92d7b641' }, h("label", { key: 'da643a1a4eeaa2823d98636fcb3fa927ba7dc576', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '15eda92812deaf543f0f680bbef9f68869ae3476', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: 'a68ab591c628d6d9d11a74f8b373979aaa356d5e', class: "toggle" }), h("p", { key: '28ca46d403b19a241f7c7da81922bb7f885801c9' }, h("span", { key: '5884bbc2b972e6ad7825ee045483941bbaeb81d1', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'e39fba59b29efe5c3ea6396fd2f1361f118ca8d1', class: "toggle-supporting" }, "Supporting Text")))));
+        const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]
+            .filter(Boolean)
+            .join(' ');
+        return (h(Host, { key: '7c3db88316052b19c146996798f7fcd73cd57603' }, h("label", { key: 'f685e06c7873a986343c68e65049aae955479e34', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '175fb25ce0c6c2322d3125bbf265c4d88d963b4e', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked, onChange: event => {
+                this.toggleChanged.emit(event);
+            } }), h("span", { key: '410c2812dfa4c27eac881ac9402e66357a750e22', class: "toggle" }), h("p", { key: '0a87c75f7b1d525b91f511186f6baba5bc6f5828' }, h("span", { key: 'bfc55b0af5a746f40440e0b0d5e85a311210e98e', class: "toggle-title" }, "Radio Button Title"), h("span", { key: 'b61ca61425927c00da8643986e06a547f4b8d925', class: "toggle-supporting" }, "Supporting Text")))));
     }
 };
 DdaToggle.style = DdaToggleStyle0;