@dubai-design-system/components-js 3.12.10 → 3.12.11

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

@@ -1 +0,0 @@
-{"file":"dda-toggle.js","mappings":";;AAAA,MAAM,YAAY,GAAG,mvEAAmvE,CAAC;AACzwE,wBAAe,YAAY;;MCMdA,WAAS;IALtB;;;;;QAUU,iBAAY,GAAY,EAAE,CAAC;KAsCpC;IA5BC,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;gBAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC5B,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  @Event() onChanged: EventEmitter<any>;\r\n\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              this.onChanged.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/components/dda-tooltip.js.map

@@ -1 +0,0 @@
-{"file":"dda-tooltip.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/dda-vertical-stepper.js.map

@@ -1 +0,0 @@
-{"file":"dda-vertical-stepper.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,2sDAA2sD,CAAC;AAC1uD,iCAAe,qBAAqB;;MCMvBA,oBAAkB;IAL/B;;;QAOU,iBAAY,GAAW,CAAC,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAE1B,gBAAW,GAA6E,EAAE,CAAC;KAgCrG;IA9BC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,sBAAsB,IAC1E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAChC,WAAK,KAAK,EAAE,UAAU,KAAK,IAAI,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,EAAE,EAAE,IAChE,WAAK,KAAK,EAAC,kBAAkB,IAC3B,WAAK,KAAK,EAAC,MAAM,IACf,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAAE,IAAI,CAAC,IAAI,CAAK,CAC1D,CAEF,EACN,WAAK,KAAK,EAAC,gBAAgB,IACzB,WAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAO,EAC5C,WAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAO,EAClD,WAAK,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAO,CACpD,EACN,WAAK,KAAK,EAAC,cAAc,IACvB,SAAG,KAAK,EAAC,2CAA2C,iBAAa,MAAM,oBAAkB,CACrF,CACF,CACP,CAAC,CACE,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaVerticalStepper"],"sources":["src/components/stepper/dda-vertical-stepper/dda-vertical-stepper.css?tag=dda-vertical-stepper","src/components/stepper/dda-vertical-stepper/dda-vertical-stepper.tsx"],"sourcesContent":[".v-stepper-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n}\r\n\r\n.v-step {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  width: 100%;\r\n  background-color: transparent;\r\n  border: solid 1px transparent;\r\n  border-radius: 16px;\r\n}\r\n\r\n.v-step.active {\r\n  background-color: var(--dda-surface-100);\r\n  border: solid 1px var(--dda-color-primary-40);\r\n  box-shadow: 0px 10px 15px -3px rgba(16, 24, 40, 0.1);\r\n}\r\n\r\n.v-step .v-step-indicator {\r\n  flex: 0 0 auto;\r\n  align-items: center;\r\n  padding: 15px;\r\n  position: relative;\r\n}\r\n\r\n.v-step .icon {\r\n  width: 30px;\r\n  height: 30px;\r\n  background: var(--dda-surface-100);\r\n  border-radius: 30px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.v-step-indicator::before {\r\n  content: \"\";\r\n  width: 1px;\r\n  height: 100%;\r\n  border-right: dashed 1px var(--dda-surface-variant-80);\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 50%;\r\n  z-index: 1;\r\n  transform: translate(-50%, 0%);\r\n}\r\n\r\n.v-step.active .v-step-indicator::before {\r\n  border-right: solid 1px var(--dda-color-primary-40);\r\n}\r\n\r\n.v-step.active .v-step-indicator::after {\r\n  content: \"\";\r\n  width: 1px;\r\n  height: 30px;\r\n  border-right: solid 1px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  z-index: 2;\r\n  transform: translate(-50%, 0%);\r\n}\r\n\r\n.v-step .icon i {\r\n  font-size: 24px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.v-step.active .icon i {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.v-step .v-step-content {\r\n  padding: 15px 15px 15px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.v-step .v-step-title {\r\n  font-size: 18px;\r\n  font-weight: var(--dda-fw-500);\r\n}\r\n\r\n.v-step .v-step-subtitle {\r\n  font-size: 14px;\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.v-step .v-step-description {\r\n  font-size: 14px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.v-step-arrow {\r\n  padding: 15px;\r\n  position: relative;\r\n}\r\n\r\n.v-step-arrow i {\r\n  position: absolute;\r\n  left: 5px;\r\n  top: 50%;\r\n  transform: translate(0%, -50%);\r\n  color: var(--dda-on-surface-variant-30);\r\n}","import { Component, Prop,  State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-vertical-stepper',\r\n  styleUrl: 'dda-vertical-stepper.css',\r\n  shadow: false,\r\n})\r\nexport class DdaVerticalStepper {\r\n  @Prop() steps: string; // JSON string of steps\r\n  @Prop() current_Step: number = 0;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @State() parsedSteps: { icon: string, title: string, subtitle: string, description: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.parsedSteps = JSON.parse(this.steps);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`${this.custom_class} ${this.component_mode} v-stepper-container`}>\r\n          {this.parsedSteps.map((step, index) => (\r\n            <div class={`v-step ${index <= this.current_Step ? 'active' : ''}`}>\r\n              <div class=\"v-step-indicator\">\r\n                <div class=\"icon\">\r\n                  <i class={`material-icons`} aria-hidden=\"true\">{step.icon}</i>\r\n                </div>\r\n                {/* {index < this.parsedSteps.length - 1 && <div class=\"line\"></div>} */}\r\n              </div>\r\n              <div class=\"v-step-content\">\r\n                <div class=\"v-step-title\">{step.title}</div>\r\n                <div class=\"v-step-subtitle\">{step.subtitle}</div>\r\n                <div class=\"v-step-description\">{step.description}</div>\r\n              </div>\r\n              <div class=\"v-step-arrow\">\r\n                <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">chevron_right</i>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"file":"index.js","mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACjF;;ACFO,SAAS,UAAU,CAAC,KAAK,EAAE;AAClC,IAAI,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C;AACA;AACA,IAAI,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AAC7D,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAChD,KAAK;AACL;AACA;AACA,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;AAC1B,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,KAAK;AACL;;;;","names":[],"sources":["src/utils/utils.ts","src/utils/applyTheme.js"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n","export function applyTheme(theme) {\r\n    const root = document.documentElement;\r\n  \r\n    // Apply colors\r\n    for (const [key, value] of Object.entries(theme.colors)) {\r\n      root.style.setProperty(`--${key}`, value);\r\n    }\r\n  \r\n    // Apply font families\r\n    if (theme.fontFamily) {\r\n      root.style.setProperty('--font-family-main', theme.fontFamily.main.join(', '));\r\n    }\r\n  }"],"version":3}

package/dist/components/p-0bbf1225.js

@@ -1,155 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-f6588843.js';
-
-const DdaInput = /*@__PURE__*/ proxyCustomElement(class DdaInput extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.inputChanged = createEvent(this, "inputChanged", 7);
-        this.onChanged = createEvent(this, "onChanged", 7);
-        this.inputBlurred = createEvent(this, "inputBlurred", 7);
-        this.onBlurred = createEvent(this, "onBlurred", 7);
-        this.type = 'text';
-        this.input_role = 'text';
-        this.validation_id = 'text';
-        this.required = false;
-        this.internalValue = '';
-    }
-    async getValue() {
-        return this.internalValue || this.value || '';
-    }
-    watchValue(newValue) {
-        this.internalValue = newValue || '';
-    }
-    async setValue(val) {
-        this.internalValue = val;
-        // this.inputChanged.emit(val);
-        this.onChanged.emit(val);
-    }
-    async reset() {
-        this.internalValue = '';
-        // this.inputChanged.emit('');
-        this.onChanged.emit('');
-    }
-    componentWillLoad() {
-        this.internalValue = this.value || '';
-    }
-    componentDidLoad() {
-        // Hide date input placeholder
-        if (this.type === 'date') {
-            const dateInput = this.el.querySelector('input[type="date"]');
-            if (dateInput) {
-                dateInput.style.color = 'transparent';
-                dateInput.addEventListener('focus', () => {
-                    dateInput.style.color = '#000';
-                });
-                dateInput.addEventListener('blur', () => {
-                    if (!dateInput.value) {
-                        dateInput.style.color = 'transparent';
-                    }
-                });
-                dateInput.addEventListener('change', () => {
-                    dateInput.style.color = '#000';
-                });
-            }
-        }
-    }
-    render() {
-        const inputClass = [
-            'dda-input-container',
-            this.validation_type ? `dda-validation-${this.validation_type}` : '',
-            this.size ? `dda-input-size-${this.size}` : '',
-            this.input_status ? `dda-input-${this.input_status}` : '',
-            this.type === 'Witherror' ? 'dda-validation-error' : '',
-            this.type === 'disabled' ? 'dda-input-disabled' : '',
-            this.custom_class,
-            this.component_mode,
-        ]
-            .filter(Boolean)
-            .join(' ');
-        return (h(Host, { key: '0c68617cd233d276c09d29d12e031b0a00d883fa' }, h("div", { key: '785a9429deb055030a3f4c8f0c11baa0d4356c0e', class: inputClass }, this.label && (h("label", { key: '45f247480cf1c84b5c574dbc9fd7984a2804a6f6', htmlFor: this.input_id, class: "dda-input-label", id: `${this.input_id}-label` }, this.label)), h("input", { key: '6ebafb81518fc518cd69b04e9062343d24af408d', id: this.input_id, name: this.input_name, class: `dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}`, type: this.type, role: this.input_role, placeholder: this.placeholder, value: this.internalValue, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', "aria-describedby": `${this.input_id}-label`, "aria-label": !this.label ? this.aria_label : undefined, onInput: event => {
-                this.internalValue = event.target.value;
-                this.inputChanged.emit(event);
-                this.onChanged.emit(event.target.value);
-                this.el.dispatchEvent(new InputEvent('input', {
-                    bubbles: true,
-                    composed: true,
-                    data: event.data,
-                    inputType: event.inputType,
-                    isComposing: event.isComposing,
-                }));
-            }, onBlur: event => {
-                const value = event.target.value.trim();
-                this.inputBlurred.emit({ name: this.input_name, value });
-                this.onBlurred.emit(value);
-                this.el.dispatchEvent(new FocusEvent('blur', {
-                    bubbles: true,
-                    composed: true,
-                    relatedTarget: event.relatedTarget,
-                }));
-            }, onFocus: (event) => {
-                this.el.dispatchEvent(new FocusEvent('focus', {
-                    bubbles: true,
-                    composed: true,
-                    relatedTarget: event.relatedTarget,
-                }));
-            }, onKeyDown: (event) => {
-                this.el.dispatchEvent(new KeyboardEvent('keydown', {
-                    bubbles: true,
-                    composed: true,
-                    key: event.key,
-                    code: event.code,
-                    ctrlKey: event.ctrlKey,
-                    shiftKey: event.shiftKey,
-                    altKey: event.altKey,
-                    metaKey: event.metaKey,
-                    repeat: event.repeat,
-                }));
-            } }), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "value": ["watchValue"]
-    }; }
-}, [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],
-        "setValue": [64],
-        "reset": [64]
-    }, undefined, {
-        "value": ["watchValue"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dda-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dda-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DdaInput);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { DdaInput as D, defineCustomElement as d };
-
-//# sourceMappingURL=p-0bbf1225.js.map

package/dist/components/p-0bbf1225.js.map

@@ -1 +0,0 @@
-{"file":"p-0bbf1225.js","mappings":"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","names":[],"sources":["src/components/dda-input/dda-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter, Element, State, Method, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaInput {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() placeholder: string;\r\n  @Prop() value: string;\r\n  @Prop() type: string = 'text';\r\n  @Prop() input_role: string = 'text';\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() custom_class?: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() input_id: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() required?: boolean = false;\r\n\r\n  @State() internalValue: string = '';\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  @Method()\r\n  async getValue() {\r\n    return this.internalValue || this.value || '';\r\n  }\r\n\r\n  @Watch('value')\r\n  watchValue(newValue: string) {\r\n    this.internalValue = newValue || '';\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.internalValue = val;\r\n    // this.inputChanged.emit(val);\r\n    this.onChanged.emit(val);\r\n  }\r\n\r\n  @Method()\r\n  async reset() {\r\n    this.internalValue = '';\r\n    // this.inputChanged.emit('');\r\n    this.onChanged.emit('');\r\n  }\r\n  \r\n  componentWillLoad() {\r\n    this.internalValue = this.value || '';\r\n  }\r\n  componentDidLoad() {\r\n    // Hide date input placeholder\r\n    if (this.type === 'date') {\r\n      const dateInput = this.el.querySelector('input[type=\"date\"]') as HTMLInputElement;\r\n      if (dateInput) {\r\n        dateInput.style.color = 'transparent';\r\n        dateInput.addEventListener('focus', () => {\r\n          dateInput.style.color = '#000';\r\n        });\r\n        dateInput.addEventListener('blur', () => {\r\n          if (!dateInput.value) {\r\n            dateInput.style.color = 'transparent';\r\n          }\r\n        });\r\n        dateInput.addEventListener('change', () => {\r\n          dateInput.style.color = '#000';\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const inputClass = [\r\n      'dda-input-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-input-size-${this.size}` : '',\r\n      this.input_status ? `dda-input-${this.input_status}` : '',\r\n      this.type === 'Witherror' ? 'dda-validation-error' : '',\r\n      this.type === 'disabled' ? 'dda-input-disabled' : '',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const describedByIds: string[] = [];\r\n    if (this.helper_text) describedByIds.push(`${this.validation_id}-helper`);\r\n    if (this.validation_type === 'error' && this.error_message) describedByIds.push(`${this.validation_id}-error`);\r\n\r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <input\r\n            id={this.input_id}\r\n            name={this.input_name}\r\n            class={`dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}`}\r\n            type={this.type}\r\n            role={this.input_role}\r\n            placeholder={this.placeholder}\r\n            value={this.internalValue}\r\n            aria-required={this.required ? 'true' : undefined}\r\n            aria-invalid={this.validation_type === 'error' ? 'true' : 'false'}\r\n            aria-describedby={`${this.input_id}-label`}\r\n            aria-label={!this.label ? this.aria_label : undefined}\r\n            onInput={event => {\r\n              this.internalValue = (event.target as HTMLInputElement).value;\r\n              this.inputChanged.emit(event);\r\n              this.onChanged.emit((event.target as HTMLInputElement).value);\r\n              this.el.dispatchEvent(\r\n                new InputEvent('input', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  data: event.data,\r\n                  inputType: event.inputType,\r\n                  isComposing: event.isComposing,\r\n                }),\r\n              );\r\n            }}\r\n            onBlur={event => {\r\n              const value = (event.target as HTMLInputElement).value.trim();\r\n              this.inputBlurred.emit({ name: this.input_name, value });\r\n              this.onBlurred.emit(value);\r\n              this.el.dispatchEvent(\r\n                new FocusEvent('blur', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  relatedTarget: event.relatedTarget,\r\n                }),\r\n              );\r\n            }}\r\n            onFocus={(event: FocusEvent) => {\r\n              this.el.dispatchEvent(\r\n                new FocusEvent('focus', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  relatedTarget: event.relatedTarget,\r\n                }),\r\n              );\r\n            }}\r\n            onKeyDown={(event: KeyboardEvent) => {\r\n              this.el.dispatchEvent(\r\n                new KeyboardEvent('keydown', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  key: event.key,\r\n                  code: event.code,\r\n                  ctrlKey: event.ctrlKey,\r\n                  shiftKey: event.shiftKey,\r\n                  altKey: event.altKey,\r\n                  metaKey: event.metaKey,\r\n                  repeat: event.repeat,\r\n                }),\r\n              );\r\n            }}\r\n          />\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\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          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-42b74b87.js

@@ -1,102 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-f6588843.js';
-
-const DdaLinkButton = /*@__PURE__*/ proxyCustomElement(class DdaLinkButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.ddaLinkClick = createEvent(this, "ddaLinkClick", 7);
-        this.disabled = false;
-        this.start_icon = '';
-        this.link_button_text = '';
-        this.link_button_title = '';
-        this.end_icon = '';
-        this.aria_label = '';
-        this.button_color = 'primary';
-        this.button_shape = '';
-        this.icon_button_shape = '';
-        this.custom_class = '';
-        this.href = '#';
-        this.target = '';
-        this.rel = 'noopener noreferrer';
-        this.handleClick = (event) => {
-            // Block all click events when disabled
-            if (this.disabled) {
-                event.preventDefault();
-                event.stopPropagation();
-                event.stopImmediatePropagation();
-                return false;
-            }
-            // Emit custom event for parent components
-            this.ddaLinkClick.emit(event);
-            // Call custom click handler if provided
-            if (this.clickHandler) {
-                this.clickHandler(event);
-            }
-        };
-    }
-    render() {
-        const linkbuttonClass = [
-            'dda-btn',
-            `btn-color-${this.button_color}`,
-            this.size ? `btn-size-${this.size}` : '',
-            this.button_shape ? `btn-shape-${this.button_shape}` : '',
-            this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',
-            this.gap ? `dda-gap-${this.gap}` : '',
-            this.disabled ? 'disabled' : '', // Add disabled class
-            this.custom_class,
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        // Generate aria-label if not provided
-        const ariaLabel = this.aria_label || this.link_button_text || 'Link button';
-        // Handle target security
-        const linkTarget = this.target;
-        const linkRel = this.target === '_blank' ? 'noopener noreferrer' : this.rel;
-        return (h(Host, { key: 'f3c12526f6fa0fd49d1d11a2406f69826da41003' }, h("a", { key: '65b66870f9683c276b3e20d8b8c20c817696d3fe', id: this.button_id, target: linkTarget, rel: linkRel, "data-fancybox": this.data_fancybox, title: this.link_button_title, href: this.disabled ? undefined : this.href, class: linkbuttonClass, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : undefined, onClick: this.handleClick, onKeyDown: (event) => {
-                // Block keyboard navigation when disabled
-                if (this.disabled && (event.key === 'Enter' || event.key === ' ')) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    event.stopImmediatePropagation();
-                    return false;
-                }
-            }, style: this.disabled ? { pointerEvents: 'none', cursor: 'not-allowed' } : {} }, this.start_icon && (h("i", { key: '553ef0895f08aab5e94e91f6dd51bc45a985298b', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.start_icon)), this.link_button_text, this.end_icon && (h("i", { key: 'fd191ba6612d3c5cf4b8382182d20950d5361ca3', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.end_icon)))));
-    }
-}, [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]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dda-link-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dda-link-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DdaLinkButton);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { DdaLinkButton as D, defineCustomElement as d };
-
-//# sourceMappingURL=p-42b74b87.js.map

package/dist/components/p-42b74b87.js.map

@@ -1 +0,0 @@
-{"file":"p-42b74b87.js","mappings":"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","names":[],"sources":["src/components/dda-link-button/dda-link-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-link-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon: string = '';\r\n  @Prop() link_button_text: string = '';\r\n  @Prop() link_button_title: string = '';\r\n  @Prop() end_icon: string = '';\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_color: string = 'primary';\r\n  @Prop() size?: string;\r\n  @Prop() button_shape?: string = '';\r\n  @Prop() icon_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() href?: string = '#';\r\n  @Prop() component_mode?: string; \r\n  @Prop() button_id: string;\r\n  @Prop() target?: string = '';\r\n  @Prop() rel?: string = 'noopener noreferrer';\r\n  @Prop() data_fancybox?: string;\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  // Add event emitter for better integration\r\n  @Event() ddaLinkClick: EventEmitter<MouseEvent>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    // Block all click events when disabled\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      event.stopImmediatePropagation();\r\n      return false;\r\n    }\r\n\r\n    // Emit custom event for parent components\r\n    this.ddaLinkClick.emit(event);\r\n\r\n    // Call custom click handler if provided\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const linkbuttonClass = [\r\n      'dda-btn',\r\n      `btn-color-${this.button_color}`,\r\n      this.size ? `btn-size-${this.size}` : '',\r\n      this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n      this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n      this.gap ? `dda-gap-${this.gap}` : '',\r\n      this.disabled ? 'disabled' : '', // Add disabled class\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    // Generate aria-label if not provided\r\n    const ariaLabel = this.aria_label || this.link_button_text || 'Link button';\r\n\r\n    // Handle target security\r\n    const linkTarget = this.target;\r\n    const linkRel = this.target === '_blank' ? 'noopener noreferrer' : this.rel;\r\n\r\n    return (\r\n      <Host>\r\n        <a\r\n          id={this.button_id}\r\n          target={linkTarget}  \r\n          rel={linkRel}\r\n          data-fancybox={this.data_fancybox}\r\n          title={this.link_button_title}\r\n          href={this.disabled ? undefined : this.href} // Remove href when disabled\r\n          class={linkbuttonClass}\r\n          aria-label={ariaLabel}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          tabindex={this.disabled ? -1 : undefined} // Remove from tab order when disabled\r\n          onClick={this.handleClick}\r\n          onKeyDown={(event) => {\r\n            // Block keyboard navigation when disabled\r\n            if (this.disabled && (event.key === 'Enter' || event.key === ' ')) {\r\n              event.preventDefault();\r\n              event.stopPropagation();\r\n              event.stopImmediatePropagation();\r\n              return false;\r\n            }\r\n          }}\r\n          style={this.disabled ? { pointerEvents: 'none', cursor: 'not-allowed' } : {}}\r\n        >\r\n          {this.start_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.link_button_text}\r\n          {this.end_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </a>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/components/p-5e2018f2.js

@@ -1,94 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-f6588843.js';
-
-const ddaAvatarCss = ".dda-avatar{display:inline-flex;position:relative;align-items:center;justify-content:center}.avatar-shape-circle{border-radius:64px}.avatar-shape-square{border-radius:8px}.avatar-type-photo img{width:100%;height:100%;object-fit:cover}.avatar-type-photo.avatar-shape-circle img{border-radius:64px}.avatar-type-photo.avatar-shape-square img{border-radius:8px}.avatar-type-icon{background:var(--dda-neutral-variant-94);text-align:center}.avatar-type-icon .dda-smile path{fill:var(--dda-neutral-variant-30)}.avatar-type-icon i{color:var(--dda-neutral-variant-30)}.avatar-type-icon.avatar-size-xs .dda-smile{font-size:13px}.avatar-type-icon.avatar-size-sm .dda-smile{font-size:19px}.avatar-type-icon.avatar-size-md .dda-smile{font-size:24px}.avatar-type-icon.avatar-size-lg .dda-smile{font-size:28px}.avatar-type-icon.avatar-size-xl .dda-smile{font-size:31px}.avatar-type-icon.avatar-size-xxl .dda-smile{font-size:37px}.avatar-type-text{background:var(--dda-color-primary-40);text-align:center}.light-mode.avatar-type-text{background:var(--dda-primary-40)}.avatar-type-text .avatar-main-text{color:var(--dda-neutral-100);font-size:16px}.avatar-size-xs .avatar-main-text{font-size:10px}.avatar-size-sm .avatar-main-text{font-size:12px}.avatar-size-md .avatar-main-text{font-size:16px}.avatar-size-lg .avatar-main-text{font-size:20px}.avatar-size-xl .avatar-main-text{font-size:24px}.avatar-size-xxl .avatar-main-text{font-size:28px}.avatar-size-xs{width:24px;height:24px}.avatar-size-sm{width:32px;height:32px}.avatar-size-md{width:40px;height:40px}.avatar-size-lg{width:48px;height:48px}.avatar-size-xl{width:56px;height:56px}.avatar-size-xxl{width:64px;height:64px}.dda-avatar .status-circle{width:12px;height:12px;border-radius:20px;background:var(--dda-color-success-40);border:solid 2px var(--dda-neutral-100);box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);position:absolute;bottom:-2px;right:-2px}.light-mode.dda-avatar .status-circle{background:var(--dda-success-40)}.avatar-size-xs .status-circle{width:8px;height:8px}.avatar-size-sm .status-circle{width:12px;height:12px}.avatar-size-md .status-circle{width:14px;height:14px}.avatar-size-lg .status-circle{width:16px;height:16px}.avatar-size-xl .status-circle{width:18px;height:18px}.avatar-size-xxl .status-circle{width:20px;height:20px}.dda-avatar .verified-icon{display:flex;background-color:var(--dda-neutral-100);color:var(--dda-color-success-40);border-radius:20px;border:solid 2px var(--dda-neutral-100);box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);position:absolute;bottom:-2px;inset-inline-end:-2px}.light-mode.dda-avatar .verified-icon{color:var(--dda-success-40)}.dda-avatar.avatar-size-xs .verified-icon span{font-size:6px}.dda-avatar.avatar-size-sm .verified-icon span{font-size:8px}.dda-avatar.avatar-size-md .verified-icon span{font-size:10px}.dda-avatar.avatar-size-lg .verified-icon span{font-size:12px}.dda-avatar.avatar-size-xl .verified-icon span{font-size:14px}.dda-avatar.avatar-size-xxl .verified-icon span{font-size:16px}.avatar-design-live{box-shadow:0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-color-primary-40)}.light-mode.avatar-design-live{box-shadow:0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-primary-40)}.notification-circle{width:auto;height:20px;background:var(--dda-color-error-40);font-size:var(--dda-fs-body-sm);color:var(--dda-neutral-100);padding:0 8px;border:solid 2px var(--dda-neutral-100);border-radius:40px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);display:inline-grid;align-items:center;position:absolute;top:-5px;right:-10px}.light-mode .notification-circle{background:var(--dda-error-40)}.avatar-size-xs .notification-circle,.avatar-size-sm .notification-circle{width:14px;height:14px;padding:0px;text-indent:-100px;overflow:hidden;top:-5px;right:-5px}.avatar-size-md .notification-circle{height:20px}.avatar-size-lg .notification-circle{height:22px}.avatar-size-xl .notification-circle{height:24px}.avatar-size-xxl .notification-circle{height:24px}";
-const DdaAvatarStyle0 = ddaAvatarCss;
-
-const DdaAvatar = /*@__PURE__*/ proxyCustomElement(class DdaAvatar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.type = 'photo';
-        this.size = 'md';
-        this.design = 'default';
-        this.rounded = 'circle';
-        this.src = ''; // For photo type
-        this.icon = 'material-icons'; // For icon type
-        this.text = 'AB'; // For text type
-        this.notification_number = 0; // For notification design
-        this.custom_class = '';
-        this.isOpen = false;
-        this.show_options = true;
-        this.dropdown_enabled = true; // ✅ New prop
-    }
-    toggleDropdown() {
-        if (this.dropdown_enabled) {
-            this.isOpen = !this.isOpen;
-        }
-    }
-    selectOption(option) {
-        this.selected = option;
-        this.isOpen = false;
-    }
-    get parsedOptions() {
-        try {
-            return JSON.parse(this.options);
-        }
-        catch (_a) {
-            return [];
-        }
-    }
-    render() {
-        return (h("div", { key: '0d186e215cd77d265ba6a2af8db3cd2ec53269b4', onClick: () => this.toggleDropdown(), class: {
-                'dda-avatar': true,
-                [`avatar-type-${this.type}`]: true,
-                [`avatar-size-${this.size}`]: true,
-                [`avatar-design-${this.design}`]: true,
-                [`avatar-shape-${this.rounded}`]: true,
-                [`${this.custom_class}`]: true,
-                [`${this.component_mode}`]: true,
-                [`${this.button_name}`]: true,
-                'avatar-dropdown-disabled': !this.dropdown_enabled, // Optional: for visual indication
-            } }, this.isOpen && (h("div", { key: 'ae2702e60ef213fbad698df9babbe646c0010d22', class: "dda-input-dropdown-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("button", { id: this.button_id, name: this.button_name, "aria-label": this.aria_label, type: "button", class: `dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`, onClick: (e) => {
-                e.stopPropagation(); // prevent dropdown toggle on option click
-                this.selectOption(option);
-            } }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))), this.type === 'photo' && h("img", { key: '28ea22f66a9136b920a03e08533cb3fbf05496c7', src: this.src, alt: "Avatar" }), this.type === 'icon' && h("i", { key: '65af09133afca158986708833d4a565625d8e9ca', class: `${this.icon} dda-smile` }, "sentiment_satisfied"), this.type === 'text' && h("span", { key: '03e202a1f5929b477b6bfdc279364d32b1552c64', class: "avatar-main-text" }, this.text), this.design === 'status' && h("div", { key: '36e760999d73f131b309840714e793e373d40b5d', class: "status-circle" }), this.design === 'verified' && (h("div", { key: '2b84b11af5971430c391671376289d08e631f619', class: "verified-icon" }, h("span", { key: '929485a17e09efabc46c8f3acbaab05a11498eea', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "verified"))), this.design === 'notification' && (h("div", { key: 'b355fe8f4357c7f63584e023e0e40a578d31ee7b', class: "notification-circle" }, this.notification_number))));
-    }
-    static get style() { return DdaAvatarStyle0; }
-}, [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]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dda-avatar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dda-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DdaAvatar);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { DdaAvatar as D, defineCustomElement as d };
-
-//# sourceMappingURL=p-5e2018f2.js.map

package/dist/components/p-5e2018f2.js.map

@@ -1 +0,0 @@
-{"file":"p-5e2018f2.js","mappings":"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","names":[],"sources":["src/components/dda-avatar/dda-avatar.css?tag=dda-avatar","src/components/dda-avatar/dda-avatar.tsx"],"sourcesContent":[".dda-avatar {\r\n  display: inline-flex;\r\n  position: relative;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.avatar-shape-circle {\r\n  border-radius: 64px;\r\n}\r\n\r\n.avatar-shape-square {\r\n  border-radius: 8px;\r\n}\r\n\r\n.avatar-type-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.avatar-type-photo.avatar-shape-circle img {\r\n  border-radius: 64px;\r\n}\r\n\r\n.avatar-type-photo.avatar-shape-square img {\r\n  border-radius: 8px;\r\n}\r\n\r\n\r\n.avatar-type-icon {\r\n  background: var(--dda-neutral-variant-94);\r\n  text-align: center;\r\n}\r\n\r\n.avatar-type-icon .dda-smile path {\r\n  fill: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.avatar-type-icon i {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.avatar-type-icon.avatar-size-xs .dda-smile {\r\n  font-size: 13px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-sm .dda-smile {\r\n  font-size: 19px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-md .dda-smile {\r\n  font-size: 24px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-lg .dda-smile {\r\n  font-size: 28px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-xl .dda-smile {\r\n  font-size: 31px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-xxl .dda-smile {\r\n  font-size: 37px;\r\n}\r\n\r\n\r\n.avatar-type-text {\r\n  background: var(--dda-color-primary-40);\r\n  text-align: center;\r\n}\r\n\r\n.light-mode.avatar-type-text{\r\n  background: var(--dda-primary-40);\r\n}\r\n\r\n.avatar-type-text .avatar-main-text {\r\n  color: var(--dda-neutral-100);\r\n  font-size: 16px;\r\n}\r\n\r\n.avatar-size-xs .avatar-main-text {\r\n  font-size: 10px;\r\n}\r\n\r\n.avatar-size-sm .avatar-main-text {\r\n  font-size: 12px;\r\n}\r\n\r\n.avatar-size-md .avatar-main-text {\r\n  font-size: 16px;\r\n}\r\n\r\n.avatar-size-lg .avatar-main-text {\r\n  font-size: 20px;\r\n}\r\n\r\n.avatar-size-xl .avatar-main-text {\r\n  font-size: 24px;\r\n}\r\n\r\n.avatar-size-xxl .avatar-main-text {\r\n  font-size: 28px;\r\n}\r\n\r\n\r\n.avatar-size-xs {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.avatar-size-sm {\r\n  width: 32px;\r\n  height: 32px;\r\n}\r\n\r\n.avatar-size-md {\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n\r\n.avatar-size-lg {\r\n  width: 48px;\r\n  height: 48px;\r\n}\r\n\r\n.avatar-size-xl {\r\n  width: 56px;\r\n  height: 56px;\r\n}\r\n\r\n.avatar-size-xxl {\r\n  width: 64px;\r\n  height: 64px;\r\n}\r\n\r\n\r\n.dda-avatar .status-circle {\r\n  width: 12px;\r\n  height: 12px;\r\n  border-radius: 20px;\r\n  background: var(--dda-color-success-40);\r\n  border: solid 2px var(--dda-neutral-100);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  position: absolute;\r\n  bottom: -2px;\r\n  right: -2px;\r\n}\r\n\r\n.light-mode.dda-avatar .status-circle{\r\n  background: var(--dda-success-40);\r\n}\r\n\r\n.avatar-size-xs .status-circle {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n.avatar-size-sm .status-circle {\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.avatar-size-md .status-circle {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n\r\n.avatar-size-lg .status-circle {\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.avatar-size-xl .status-circle {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n.avatar-size-xxl .status-circle {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n\r\n.dda-avatar .verified-icon {\r\n  display: flex;\r\n  background-color: var(--dda-neutral-100);\r\n  color: var(--dda-color-success-40);\r\n  border-radius: 20px;\r\n  border: solid 2px var(--dda-neutral-100);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  position: absolute;\r\n  bottom: -2px;\r\n  inset-inline-end: -2px;\r\n}\r\n\r\n.light-mode.dda-avatar .verified-icon{\r\n  color: var(--dda-success-40);\r\n}\r\n\r\n.dda-avatar.avatar-size-xs .verified-icon span {\r\n  font-size: 6px;\r\n}\r\n\r\n.dda-avatar.avatar-size-sm .verified-icon span {\r\n  font-size: 8px;\r\n}\r\n\r\n.dda-avatar.avatar-size-md .verified-icon span {\r\n  font-size: 10px;\r\n}\r\n\r\n.dda-avatar.avatar-size-lg .verified-icon span {\r\n  font-size: 12px;\r\n}\r\n\r\n.dda-avatar.avatar-size-xl .verified-icon span {\r\n  font-size: 14px;\r\n}\r\n\r\n.dda-avatar.avatar-size-xxl .verified-icon span {\r\n  font-size: 16px;\r\n}\r\n\r\n\r\n.avatar-design-live {\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-color-primary-40);\r\n}\r\n\r\n.light-mode.avatar-design-live{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-primary-40);\r\n}\r\n\r\n.notification-circle {\r\n  width: auto;\r\n  height: 20px;\r\n  background: var(--dda-color-error-40);\r\n  font-size: var(--dda-fs-body-sm);\r\n  color: var(--dda-neutral-100);\r\n  padding: 0 8px;\r\n  border: solid 2px var(--dda-neutral-100);\r\n  border-radius: 40px;\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  display: inline-grid;\r\n  align-items: center;\r\n  position: absolute;\r\n  top: -5px;\r\n  right: -10px;\r\n}\r\n\r\n.light-mode .notification-circle{\r\n  background: var(--dda-error-40);\r\n}\r\n\r\n.avatar-size-xs .notification-circle,\r\n.avatar-size-sm .notification-circle {\r\n  width: 14px;\r\n  height: 14px;\r\n  padding: 0px;\r\n  text-indent: -100px;\r\n  overflow: hidden;\r\n  top: -5px;\r\n  right: -5px;\r\n}\r\n\r\n.avatar-size-md .notification-circle {\r\n  height: 20px;\r\n}\r\n\r\n.avatar-size-lg .notification-circle {\r\n  height: 22px;\r\n}\r\n\r\n.avatar-size-xl .notification-circle {\r\n  height: 24px;\r\n}\r\n\r\n.avatar-size-xxl .notification-circle {\r\n  height: 24px;\r\n}\r\n\r\n","import { Component, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-avatar',\r\n  styleUrls: ['dda-avatar.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAvatar {\r\n  @Prop() type: 'photo' | 'icon' | 'text' = 'photo';\r\n  @Prop() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' = 'md';\r\n  @Prop() design: 'default' | 'status' | 'verified' | 'story' | 'notification' = 'default';\r\n  @Prop() rounded: 'square' | 'circle' = 'circle';\r\n  @Prop() src: string = ''; // For photo type\r\n  @Prop() icon: string = 'material-icons'; // For icon type\r\n  @Prop() text: string = 'AB'; // For text type\r\n  @Prop() notification_number: number = 0; // For notification design\r\n  @Prop() custom_class?: string = ''; \r\n  @State() isOpen: boolean = false;\r\n  @Prop() selected: string;\r\n  @Prop() show_options: boolean = true;\r\n  @Prop() options: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() button_name?: string;\r\n  @Prop() dropdown_enabled: boolean = true; // ✅ New prop\r\n\r\n  toggleDropdown() {\r\n    if (this.dropdown_enabled) {\r\n      this.isOpen = !this.isOpen;\r\n    }\r\n  }\r\n\r\n  selectOption(option: string) {\r\n    this.selected = option;\r\n    this.isOpen = false;\r\n  }\r\n\r\n  private get parsedOptions(): string[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        onClick={() => this.toggleDropdown()}\r\n        class={{\r\n          'dda-avatar': true,\r\n          [`avatar-type-${this.type}`]: true,\r\n          [`avatar-size-${this.size}`]: true,\r\n          [`avatar-design-${this.design}`]: true,\r\n          [`avatar-shape-${this.rounded}`]: true,\r\n          [`${this.custom_class}`]: true,\r\n          [`${this.component_mode}`]: true,\r\n          [`${this.button_name}`]: true,\r\n          'avatar-dropdown-disabled': !this.dropdown_enabled, // Optional: for visual indication\r\n        }}\r\n      >\r\n        {this.isOpen && (\r\n          <div class=\"dda-input-dropdown-list\">\r\n            {this.parsedOptions.length > 0 ? (\r\n              this.parsedOptions.map(option => (\r\n                <button\r\n                  id={this.button_id}\r\n                  name={this.button_name}\r\n                  aria-label={this.aria_label}\r\n                  type=\"button\"\r\n                  class={`dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`}\r\n                  onClick={(e) => {\r\n                    e.stopPropagation(); // prevent dropdown toggle on option click\r\n                    this.selectOption(option);\r\n                  }}\r\n                >\r\n                  {option}\r\n                </button>\r\n              ))\r\n            ) : (\r\n              <div class=\"dda-input-dropdown-item\">No options available</div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {this.type === 'photo' && <img src={this.src} alt=\"Avatar\" />}\r\n        {this.type === 'icon' && <i class={`${this.icon} dda-smile`}>sentiment_satisfied</i>}\r\n        {this.type === 'text' && <span class=\"avatar-main-text\">{this.text}</span>}\r\n        {this.design === 'status' && <div class=\"status-circle\"></div>}\r\n        {this.design === 'verified' && (\r\n          <div class=\"verified-icon\">\r\n            <span class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">verified</span>\r\n          </div>\r\n        )}\r\n        {this.design === 'notification' && (\r\n          <div class=\"notification-circle\">{this.notification_number}</div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-72204b95.js

@@ -1,53 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-f6588843.js';
-
-const ddaChipCss = ".dda-chip{display:inline-flex;height:26px;background:var(--dda-color-primary-95);border:solid 1px var(--dda-color-primary-40);color:var(--dda-color-primary-40);align-items:center;gap:5px;padding:2px 8px;border-radius:6px}.dda-chip i{font-size:19px}.chip-icon-size-sm{font-size:12px !important}.chip-icon-size-md{font-size:19px !important}.chip-icon-size-lg{font-size:23px !important}.dda-chip .circle{font-size:7px}.dda-chip-grey{background:var(--dda-neutral-variant-94);border:solid 1px var(--dda-neutral-90);color:var(--dda-on-surface-variant-30)}.light-mode.dda-chip-grey{background:var(--dda-neutral-variant-94);border:solid 1px var(--dda-neutral-90);color:var(--dda-neutral-variant-30)}.dda-chip-primary{background:var(--dda-primary-variant-95);border:solid 1px var(--dda-color-primary-40);color:var(--dda-color-primary-40)}.light-mode.dda-chip-primary{background:var(--dda-primary-95);border:solid 1px var(--dda-primary-40);color:var(--dda-primary-40)}.dda-chip-green{background:var(--dda-success-variant-95);border:solid 1px var(--dda-color-success-40);color:var(--dda-color-success-40)}.light-mode.dda-chip-green{background:var(--dda-success-95);border:solid 1px var(--dda-success-40);color:var(--dda-success-40)}.dda-chip-yellow{background:var(--dda-warning-variant-95);border:solid 1px var(--dda-color-warning-40);color:var(--dda-color-warning-40)}.light-mode.dda-chip-yellow{background:var(--dda-warning-95);border:solid 1px var(--dda-warning-40);color:var(--dda-warning-40)}.dda-chip-red{background:var(--dda-error-variant-95);border:solid 1px var(--dda-color-error-40);color:var(--dda-color-error-40)}.light-mode.dda-chip-red{background:var(--dda-error-95);border:solid 1px var(--dda-error-40);color:var(--dda-error-40)}.dda-chip-purple{background:var(--dda-color-purple-variant);border:solid 1px var(--dda-color-purple);color:var(--dda-color-purple)}.dda-chip-sm{height:24px}.dda-chip-md{height:26px}.dda-chip-lg{height:32px;padding:2px 12px}.dda-chip-square{border-radius:6px}.dda-chip-circle{border-radius:40px}.dda-chip .chip-close{display:inline-flex;cursor:pointer}";
-const DdaChipStyle0 = ddaChipCss;
-
-const DdaChip = /*@__PURE__*/ proxyCustomElement(class DdaChip extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.bg_color = 'success';
-        this.rounded = '';
-        this.show_close_icon = false;
-    }
-    render() {
-        const label = this.image_chip_label || this.chip_text || 'Chip item';
-        return (h(Host, { key: 'bf5fc23e7d47a042a54f31c5a383852e1cc39f05' }, h("div", { key: '22c67683d6d6235ee8bdcd2028183ad5288b00b6', class: `dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}`, "aria-label": label }, this.chip_icon ? (h("i", { class: `chip-icon-size-${this.chip_icon_size} ${this.chip_icon_family}` }, this.chip_icon)) : null, this.image_chip_icon ? (h("i", { class: `chip-icon-size-${this.image_chip_icon_size} ${this.image_chip_icon_family}` }, this.image_chip_icon)) : null, h("span", { key: '2f903d6b4b298f026674fc0ff229c174e756ede0' }, this.chip_text), this.image_chip_label ? h("span", null, this.image_chip_label) : null, this.show_close_icon && (h("span", { key: '7a961867d7cb7d282743a288a252660e6b34d3e6', class: "chip-close", onClick: this.clickHandler }, h("i", { key: 'd57f800fb3528c53390f1234740d6eeaa7ab66da', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))));
-    }
-    static get style() { return DdaChipStyle0; }
-}, [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]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dda-chip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dda-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DdaChip);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { DdaChip as D, defineCustomElement as d };
-
-//# sourceMappingURL=p-72204b95.js.map

package/dist/components/p-72204b95.js.map

@@ -1 +0,0 @@
-{"file":"p-72204b95.js","mappings":";;AAAA,MAAM,UAAU,GAAG,siEAAsiE,CAAC;AAC1jE,sBAAe,UAAU;;MCMZ,OAAO;IALpB;;;QAMU,aAAQ,GAAW,SAAS,CAAC;QAC7B,YAAO,GAAY,EAAE,CAAC;QAKtB,oBAAe,GAAY,KAAK,CAAC;KAyC1C;IA9BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,CAAC;QAErE,QACE,EAAC,IAAI,uDACH,4DACE,KAAK,EAAE,qBAAqB,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,IAAI,gBAAgB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,gBAC7H,KAAK,IAEhB,IAAI,CAAC,SAAS,IACb,SAAG,KAAK,EAAE,kBAAkB,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,gBAAgB,EAAE,IACvE,IAAI,CAAC,SAAS,CACb,IACF,IAAI,EACP,IAAI,CAAC,eAAe,IACnB,SAAG,KAAK,EAAE,kBAAkB,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,sBAAsB,EAAE,IACnF,IAAI,CAAC,eAAe,CACnB,IACF,IAAI,EACR,+DAAO,IAAI,CAAC,SAAS,CAAQ,EAC5B,IAAI,CAAC,gBAAgB,GAAG,gBAAO,IAAI,CAAC,gBAAgB,CAAQ,GAAG,IAAI,EACnE,IAAI,CAAC,eAAe,KACnB,6DAAM,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,IACjD,0DAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,YAAU,CAC3E,CACR,CACG,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dda-chip/dda-chip.css?tag=dda-chip","src/components/dda-chip/dda-chip.tsx"],"sourcesContent":[".dda-chip{\r\n  display: inline-flex;\r\n  height: 26px;\r\n  background: var(--dda-color-primary-95);\r\n  border: solid 1px var(--dda-color-primary-40);\r\n  color: var(--dda-color-primary-40);\r\n  align-items: center;\r\n  gap: 5px;\r\n  padding: 2px 8px;\r\n  border-radius: 6px; \r\n}\r\n.dda-chip i{\r\n  font-size: 19px\r\n}\r\n.chip-icon-size-sm{\r\n  font-size: 12px !important;\r\n}\r\n.chip-icon-size-md{\r\n  font-size: 19px !important;\r\n}\r\n.chip-icon-size-lg{\r\n  font-size: 23px !important;\r\n}\r\n.dda-chip .circle{\r\n  font-size: 7px;\r\n}\r\n.dda-chip-grey{\r\n  background: var(--dda-neutral-variant-94);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode.dda-chip-grey{\r\n  background: var(--dda-neutral-variant-94);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n/**/\r\n.dda-chip-primary{\r\n  background: var(--dda-primary-variant-95);\r\n  border: solid 1px var(--dda-color-primary-40);\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.light-mode.dda-chip-primary{\r\n  background: var(--dda-primary-95);\r\n  border: solid 1px var(--dda-primary-40);\r\n  color: var(--dda-primary-40);\r\n}\r\n/**/\r\n.dda-chip-green{\r\n  background: var(--dda-success-variant-95);\r\n  border: solid 1px var(--dda-color-success-40);\r\n  color: var(--dda-color-success-40);\r\n}\r\n.light-mode.dda-chip-green{\r\n  background: var(--dda-success-95);\r\n  border: solid 1px var(--dda-success-40);\r\n  color: var(--dda-success-40);\r\n}\r\n/**/\r\n.dda-chip-yellow{\r\n  background: var(--dda-warning-variant-95);\r\n  border: solid 1px var(--dda-color-warning-40);\r\n  color: var(--dda-color-warning-40);\r\n}\r\n.light-mode.dda-chip-yellow{\r\n  background: var(--dda-warning-95);\r\n  border: solid 1px var(--dda-warning-40);\r\n  color: var(--dda-warning-40);\r\n}\r\n/**/\r\n.dda-chip-red{\r\n  background: var(--dda-error-variant-95);\r\n  border: solid 1px var(--dda-color-error-40);\r\n  color: var(--dda-color-error-40);\r\n}\r\n.light-mode.dda-chip-red{\r\n  background: var(--dda-error-95);\r\n  border: solid 1px var(--dda-error-40);\r\n  color: var(--dda-error-40);\r\n}\r\n/**/\r\n.dda-chip-purple{\r\n  background: var(--dda-color-purple-variant);\r\n  border: solid 1px var(--dda-color-purple);\r\n  color: var(--dda-color-purple);\r\n}\r\n\r\n.dda-chip-sm{\r\n  height: 24px;\r\n}\r\n.dda-chip-md{\r\n  height: 26px;\r\n}\r\n.dda-chip-lg{\r\n  height: 32px;\r\n  padding: 2px 12px;\r\n}\r\n.dda-chip-square{\r\n  border-radius: 6px;\r\n}\r\n.dda-chip-circle{\r\n  border-radius: 40px;\r\n}\r\n\r\n.dda-chip .chip-close{\r\n  display: inline-flex;\r\n  cursor: pointer;\r\n}\r\n\r\n","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-chip',\r\n  styleUrls: ['dda-chip.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaChip {\r\n  @Prop() bg_color: string = 'success';\r\n  @Prop() rounded?: string = '';\r\n  @Prop() chip_text: string;\r\n  @Prop() chip_icon: string;\r\n  @Prop() chip_icon_family: string;\r\n  @Prop() chip_icon_size: string;\r\n  @Prop() show_close_icon: boolean = false;\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string;\r\n  @Prop() component_mode?: string;  \r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  @Prop() image_chip_label: string;\r\n  @Prop() image_chip_icon: string;\r\n  @Prop() image_chip_icon_family: string;\r\n  @Prop() image_chip_icon_size?: string;\r\n\r\n  render() {\r\n    const label = this.image_chip_label || this.chip_text || 'Chip item';\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}`}\r\n          aria-label={label}\r\n        >\r\n          {this.chip_icon ? (\r\n            <i class={`chip-icon-size-${this.chip_icon_size} ${this.chip_icon_family}`}>\r\n              {this.chip_icon}\r\n            </i>\r\n          ) : null}\r\n          {this.image_chip_icon ? (\r\n            <i class={`chip-icon-size-${this.image_chip_icon_size} ${this.image_chip_icon_family}`}>\r\n              {this.image_chip_icon}\r\n            </i>\r\n          ) : null}\r\n          <span>{this.chip_text}</span>\r\n          {this.image_chip_label ? <span>{this.image_chip_label}</span> : null}\r\n          {this.show_close_icon && (\r\n            <span class=\"chip-close\" onClick={this.clickHandler}>\r\n              <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"version":3}