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

package/www/build/p-a3f284bc.entry.js.map

@@ -1 +0,0 @@
-{"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","el","dispatchEvent","KeyboardEvent","bubbles","composed","code","ctrlKey","shiftKey","altKey","metaKey","repeat","handleSearchClick","input","querySelector","input_id","buttonClicked","emit","watchValue","newValue","componentWillLoad","clearInput","onChanged","focus","reset","setValue","val","render","h","Host","class","component_mode","input_status","label","htmlFor","button_id","name","search_input_name","aria_label","id","type","onKeyDown","onInput","inputChanged","InputEvent","data","inputType","isComposing","onBlur","trim","inputBlurred","onBlurred","FocusEvent","relatedTarget","onFocus","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, Watch, Method } 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() onChanged: EventEmitter<any>;\r\n\r\n  @Event() buttonClicked: EventEmitter<any>;\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\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    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  @Watch('value')\r\n  watchValue(newValue: string) {\r\n    this.internalValue = newValue || '';\r\n    this.hasInputValue = !!this.internalValue;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalValue = this.value || '';\r\n    this.hasInputValue = !!this.internalValue;\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      this.buttonClicked.emit(this.internalValue || this.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.internalValue = '';\r\n      this.hasInputValue = false;\r\n      // this.inputChanged.emit('');\r\n      this.onChanged.emit('');\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async reset() {\r\n    this.internalValue = '';\r\n    this.hasInputValue = false;\r\n    // this.inputChanged.emit('');\r\n    this.onChanged.emit('');\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.internalValue = val;\r\n    this.hasInputValue = !!val;\r\n    // this.inputChanged.emit(val);\r\n    this.onChanged.emit(val);\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}\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.hasInputValue = !!this.internalValue;\r\n                this.inputChanged.emit(event);\r\n                this.onChanged.emit(event);\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.search_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            />\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":"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","ignoreList":[]}

package/www/build/p-aefe49c4.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as d,H as c}from"./p-1b339a0a.js";const o='.dda-checkbox-container{display:inline-flex;align-items:center}.dda-checkbox-container input[type="checkbox"]{width:0;height:0;position:absolute;opacity:0}.dda-checkbox-container label{cursor:pointer;display:inline-flex;align-items:flex-start;gap:10px}.dda-checkbox-fill label .dda-check-square{width:24px;height:24px;flex-shrink:0;border:solid 2px var(--dda-color-primary-40);border-radius:6px;position:relative}.dda-checkbox-fill label .dda-check-square::before{content:"";width:8px;height:3px;border-left:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:6px;left:5px;transform:rotate(-45deg)}.dda-checkbox-fill input[type="checkbox"]:checked~label .dda-check-square{background-color:var(--dda-color-primary-40)}.dda-checkbox-fill input[type="checkbox"]:checked~label .dda-check-square::before{border-left:solid 2px var(--dda-surface-100);border-bottom:solid 2px var(--dda-surface-100)}.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square{background:var(--dda-neutral-95);border:solid 2px var(--dda-neutral-95)}.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square::before{border-left:solid 2px var(--dda-on-surface-40);border-bottom:solid 2px var(--dda-on-surface-40)}.dda-checkbox-stroke label .dda-check-square{width:24px;height:24px;border:solid 2px var(--dda-surface-variant-80);border-radius:6px;position:relative}.dda-checkbox-stroke input[type="checkbox"]:checked~label .dda-check-square{border:solid 2px var(--dda-color-primary-40)}.dda-checkbox-stroke input[type="checkbox"]:checked~label .dda-check-square::before{content:"";width:8px;height:3px;border-left:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:6px;left:5px;transform:rotate(-45deg)}.dda-checkbox-fill input[type="checkbox"]:focus-within~label .dda-check-square,.dda-checkbox-stroke input[type="checkbox"]:focus-within~label .dda-check-square{box-shadow:0px 0px 0px 3px var(--dda-primary-variant-95)}.dda-checkbox-stroke.dda-checkbox-disabled label .dda-check-square{background-color:var(--dda-neutral-95);border:solid 2px var(--dda-neutral-95)}.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-title,.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-supporting{color:var(--dda-on-surface-40)}.dda-checkbox-container label p{margin:0px}.dda-checkbox-title{font-size:var(--font-body);color:var(--dda-on-surface-0);font-weight:var(--font-weight-regular);display:block}.light-mode .dda-checkbox-title{color:var(--dda-neutral-0)}.dda-checkbox-supporting{display:block;font-size:var(--font-small);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-variant-30)}.light-mode .dda-checkbox-supporting{color:var(--dda-neutral-variant-30)}.dda-checkbox-disabled i,.dda-checkbox-disabled svg{color:var(--dda-neutral-70);border:solid 2px var(--dda-surface-90)}.dda-checkbox-container.dda-checkbox-disabled{pointer-events:none}';const r=o;const t=class{constructor(d){e(this,d);this.checkboxChange=a(this,"checkboxChange",7);this.custom_class="";this.handleInputChange=e=>{const a=e.target;this.checkboxChange.emit(a.checked)}}render(){const e=["dda-checkbox-container",this.style_type?`dda-checkbox-${this.style_type}`:"",this.custom_class?this.custom_class:"",this.checkbox_status?`dda-checkbox-${this.checkbox_status}`:"",this.component_mode].filter(Boolean).join(" ");return d(c,{key:"62d5bb8496479ffa713d0a9f54da0a173c32e2a5"},d("div",{key:"4e34ec1af36e01612a035baf5967177961308cff",class:e},d("input",{key:"6d13b9a173c33122243067b51c8dc9ef26fb5c0e",type:"checkbox",id:this.input_id,name:this.group_name,"aria-label":this.aria_label,checked:this.checked,onChange:this.handleInputChange}),d("label",{key:"1fadad451c42bd7d2e0ddc2348bfc633a523b981",htmlFor:this.input_id},d("span",{key:"cd33aeba1663e08178860664e3669ff4897d7691",class:"dda-check-square"}),d("p",{key:"104a8ab3ed30d278ee33507aeb9b11ad1b6d7944"},d("span",{key:"6b75790941267a97ec4301729ede3e7520a66ad0",class:"dda-checkbox-title"},this.title_text),this.supporting&&d("span",{key:"18f6e20e8d29f9dea2084ed375010cd00b46840d",class:"dda-checkbox-supporting"},this.supporting)))))}};t.style=r;export{t as dda_checkbox};
-//# sourceMappingURL=p-aefe49c4.entry.js.map

package/www/build/p-aefe49c4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaCheckboxCss","DdaCheckboxStyle0","DdaCheckbox","constructor","hostRef","this","custom_class","handleInputChange","event","target","checkboxChange","emit","checked","render","checkboxClass","style_type","checkbox_status","component_mode","filter","Boolean","join","h","Host","key","class","type","id","input_id","name","group_name","aria_label","onChange","htmlFor","title_text","supporting"],"sources":["src/components/dda-checkbox/dda-checkbox.css?tag=dda-checkbox","src/components/dda-checkbox/dda-checkbox.tsx"],"sourcesContent":[".dda-checkbox-container {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-checkbox-container input[type=\"checkbox\"] {\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  opacity: 0;\r\n}\r\n\r\n.dda-checkbox-container label {\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n}\r\n\r\n/**/\r\n.dda-checkbox-fill label .dda-check-square{\r\n  width: 24px;\r\n  height: 24px;\r\n  flex-shrink: 0;\r\n  border: solid 2px var(--dda-color-primary-40);\r\n  border-radius: 6px;\r\n  position: relative;\r\n}\r\n.dda-checkbox-fill label .dda-check-square::before{\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 3px;\r\n  border-left: solid 2px var(--dda-color-primary-40);\r\n  border-bottom: solid 2px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 5px;\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.dda-checkbox-fill input[type=\"checkbox\"]:checked~label .dda-check-square{\r\n  background-color: var(--dda-color-primary-40);\r\n}\r\n.dda-checkbox-fill input[type=\"checkbox\"]:checked~label .dda-check-square::before{\r\n  border-left: solid 2px var(--dda-surface-100);\r\n  border-bottom: solid 2px var(--dda-surface-100);\r\n}\r\n.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square{\r\n  background: var(--dda-neutral-95);\r\n  border: solid 2px var(--dda-neutral-95);\r\n}\r\n.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square::before{\r\n  border-left: solid 2px var(--dda-on-surface-40);\r\n  border-bottom: solid 2px var(--dda-on-surface-40);\r\n}\r\n\r\n/**/\r\n.dda-checkbox-stroke label .dda-check-square{\r\n  width: 24px;\r\n  height: 24px;\r\n  border: solid 2px var(--dda-surface-variant-80);\r\n  border-radius: 6px;\r\n  position: relative;\r\n}\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:checked~label .dda-check-square{\r\n  border: solid 2px var(--dda-color-primary-40);\r\n}\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:checked~label .dda-check-square::before{\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 3px;\r\n  border-left: solid 2px var(--dda-color-primary-40);\r\n  border-bottom: solid 2px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 5px;\r\n  transform: rotate(-45deg);\r\n}\r\n.dda-checkbox-fill input[type=\"checkbox\"]:focus-within~label .dda-check-square,\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:focus-within~label .dda-check-square{\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n\r\n.dda-checkbox-stroke.dda-checkbox-disabled label .dda-check-square{\r\n  background-color: var(--dda-neutral-95);\r\n  border: solid 2px var(--dda-neutral-95);\r\n}\r\n.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-title,\r\n.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-supporting{\r\n  color: var(--dda-on-surface-40);\r\n}\r\n\r\n\r\n.dda-checkbox-container label p {\r\n  margin: 0px;\r\n}\r\n\r\n.dda-checkbox-title {\r\n  font-size: var(--font-body);\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--font-weight-regular);\r\n  display: block;\r\n}\r\n\r\n.light-mode .dda-checkbox-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-checkbox-supporting {\r\n  display: block;\r\n  font-size: var(--font-small);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.light-mode  .dda-checkbox-supporting {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-checkbox-disabled i,\r\n.dda-checkbox-disabled svg{\r\n  color: var(--dda-neutral-70);\r\n  border: solid 2px var(--dda-surface-90);\r\n}\r\n.dda-checkbox-container.dda-checkbox-disabled{\r\n  pointer-events: none;\r\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-checkbox',\r\n  styleUrls: ['dda-checkbox.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaCheckbox {\r\n  @Prop() title_text: string;\r\n  @Prop() supporting?: string;\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() checked: boolean;\r\n  @Prop() checkbox_status?: string;\r\n  @Prop() style_type?: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label?: string;\r\n\r\n  /** Emits change event with current checked state */\r\n  @Event() checkboxChange: EventEmitter<boolean>;\r\n\r\n  /** Handles checkbox change */\r\n  handleInputChange = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.checkboxChange.emit(target.checked);\r\n  };\r\n\r\n  render() {\r\n    const checkboxClass = [\r\n      'dda-checkbox-container',\r\n      this.style_type ? `dda-checkbox-${this.style_type}` : '',\r\n      this.custom_class ? this.custom_class : '',\r\n      this.checkbox_status ? `dda-checkbox-${this.checkbox_status}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={checkboxClass}>\r\n          <input\r\n            type=\"checkbox\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            aria-label={this.aria_label}\r\n            checked={this.checked}\r\n            onChange={this.handleInputChange}\r\n          />\r\n          <label htmlFor={this.input_id}>\r\n            <span class=\"dda-check-square\"></span>\r\n            <p>\r\n              <span class=\"dda-checkbox-title\">{this.title_text}</span>\r\n              {this.supporting && (\r\n                <span class=\"dda-checkbox-supporting\">{this.supporting}</span>\r\n              )}\r\n            </p>\r\n          </label>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAiB,+5FACvB,MAAAC,EAAeD,E,MCMFE,EAAW,MALxB,WAAAC,CAAAC,G,yDAaUC,KAAAC,aAAwB,GAQhCD,KAAAE,kBAAqBC,IACnB,MAAMC,EAASD,EAAMC,OACrBJ,KAAKK,eAAeC,KAAKF,EAAOG,QAAQ,C,CAG1C,MAAAC,GACE,MAAMC,EAAgB,CACpB,yBACAT,KAAKU,WAAa,gBAAgBV,KAAKU,aAAe,GACtDV,KAAKC,aAAeD,KAAKC,aAAe,GACxCD,KAAKW,gBAAkB,gBAAgBX,KAAKW,kBAAoB,GAChEX,KAAKY,gBACLC,OAAOC,SAASC,KAAK,KAEvB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOV,GACVO,EAAA,SAAAE,IAAA,2CACEE,KAAK,WACLC,GAAIrB,KAAKsB,SACTC,KAAMvB,KAAKwB,WAAU,aACTxB,KAAKyB,WACjBlB,QAASP,KAAKO,QACdmB,SAAU1B,KAAKE,oBAEjBc,EAAA,SAAAE,IAAA,2CAAOS,QAAS3B,KAAKsB,UACnBN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qBACZH,EAAA,KAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBnB,KAAK4B,YACtC5B,KAAK6B,YACJb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,2BAA2BnB,KAAK6B,e","ignoreList":[]}

package/www/build/p-b48e061c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as a}from"./p-1b339a0a.js";const r='.dda-tooltip-container{position:relative;display:inline-flex;align-items:center}.dda-tooltip-box{position:absolute;visibility:hidden;background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);color:var(--dda-neutral-0);text-align:center;padding:5px 12px;border-radius:6px;z-index:1;opacity:0;}.dda-tooltip-container:hover .dda-tooltip-box{visibility:visible;opacity:1}.dda-tooltip-box strong{font-size:16px;color:var(--dda-neutral-0);font-weight:var(--dda-fw-400);white-space:nowrap}.dda-tooltip-box p{font-size:14px;color:var(--dda-neutral-variant-30);white-space:nowrap;margin:0}.dda-tooltip-box.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:7px}.dda-tooltip-box.top::before,.dda-tooltip-box.top::after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;margin-inline-start:-10px}.dda-tooltip-box.top::before{top:100%;border-top:8px solid var(--dda-neutral-90);margin-top:0px}.dda-tooltip-box.top::after{top:100%;border-top:8px solid var(--dda-neutral-100);margin-top:-2px;z-index:1}.dda-tooltip-box.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:7px}.dda-tooltip-box.bottom::before,.dda-tooltip-box.bottom::after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;margin-inline-start:-10px}.dda-tooltip-box.bottom::before{bottom:100%;border-bottom:8px solid var(--dda-neutral-90);margin-bottom:0px}.dda-tooltip-box.bottom::after{bottom:100%;border-bottom:8px solid var(--dda-neutral-100);margin-bottom:-2px;z-index:1}.dda-tooltip-box.left{top:50%;inset-inline-end:100%;margin-inline-end:13px;transform:translate(0%, -50%)}.dda-tooltip-box.left::before,.dda-tooltip-box.left::after,.dda-tooltip-box.right::before,.dda-tooltip-box.right::after{content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:50%;transform:translate(0%, -50%)}.dda-tooltip-box.left::before{bottom:100%;border-left:8px solid var(--dda-neutral-90);right:-9px}.dda-tooltip-box.left::after{bottom:100%;border-left:8px solid var(--dda-neutral-100);z-index:1;right:-8px}.dda-tooltip-box.right{top:50%;inset-inline-start:100%;margin-inline-start:13px;transform:translate(0%, -50%)}.dda-tooltip-box.right::before{bottom:100%;border-right:8px solid var(--dda-neutral-90);left:-9px}.dda-tooltip-box.right::after{bottom:100%;border-right:8px solid var(--dda-neutral-100);z-index:1;left:-8px}@media (prefers-reduced-motion: no-preference){.dda-tooltip-box{transition:opacity 0.3s}}';const e=r;const d=class{constructor(o){t(this,o);this.position="top";this.custom_class=""}render(){return o(a,{key:"e8c8e7633072d59f7c0e922f943931c861db06de"},o("div",{key:"6508bae5ac4df0f433d875648f360a3fadd933e2",class:`dda-tooltip-container ${this.custom_class} ${this.component_mode}`},o("slot",{key:"dc75cd5b276b9d90ec37eb71cf008364c977ab96"}),o("div",{key:"84339f13bf811a0e7f42df8a7c89a848a311eb80",class:`dda-tooltip-box ${this.position}`},o("strong",{key:"ef9abb2b5387fd09d16ac7827b77dc6d605d892e"},this.title_text),o("p",{key:"00d3089ee74ed19ebed6edaf8913c372af38df42"},this.description))))}};d.style=e;export{d as dda_tooltip};
-//# sourceMappingURL=p-b48e061c.entry.js.map

package/www/build/p-b48e061c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaTooltipCss","DdaTooltipStyle0","DdaTooltip","constructor","hostRef","this","position","custom_class","render","h","Host","key","class","component_mode","title_text","description"],"sources":["src/components/dda-tooltip/dda-tooltip.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.tsx"],"sourcesContent":[".dda-tooltip-container {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n.dda-tooltip-box {\r\n  position: absolute;\r\n  visibility: hidden;\r\n  background-color: var(--dda-neutral-100);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  color: var(--dda-neutral-0);\r\n  text-align: center;\r\n  padding: 5px 12px;\r\n  border-radius: 6px;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  /* transition: opacity 0.3s; */\r\n}\r\n.dda-tooltip-container:hover .dda-tooltip-box {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n.dda-tooltip-box strong{\r\n  font-size: 16px;\r\n  color: var(--dda-neutral-0);\r\n  font-weight: var(--dda-fw-400);\r\n  white-space: nowrap;\r\n}\r\n\r\n.dda-tooltip-box p{\r\n  font-size: 14px;\r\n  color: var(--dda-neutral-variant-30);\r\n  white-space: nowrap;\r\n  margin: 0;\r\n}\r\n\r\n.dda-tooltip-box.top {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  margin-bottom: 7px;\r\n}\r\n.dda-tooltip-box.top::before, .dda-tooltip-box.top::after {\r\n  content: \"\";\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  position: absolute;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.top::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n.dda-tooltip-box.top::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n\r\n.dda-tooltip-box.bottom {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  margin-top: 7px;\r\n}\r\n.dda-tooltip-box.bottom::before, .dda-tooltip-box.bottom::after {\r\n  content: \"\";\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  position: absolute;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.bottom::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n.dda-tooltip-box.bottom::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-tooltip-box.left {\r\n  top: 50%;\r\n  inset-inline-end: 100%;\r\n  margin-inline-end: 13px;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before, .dda-tooltip-box.left::after,\r\n.dda-tooltip-box.right::before, .dda-tooltip-box.right::after {\r\n  content: \"\";\r\n  border-top: 10px solid transparent;\r\n  border-bottom: 10px solid transparent;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before {\r\n  bottom: 100%;\r\n  border-left: 8px solid var(--dda-neutral-90);\r\n  right: -9px;\r\n}\r\n.dda-tooltip-box.left::after {\r\n  bottom: 100%;\r\n  border-left: 8px solid var(--dda-neutral-100);\r\n  z-index: 1;\r\n  right: -8px;\r\n}\r\n\r\n.dda-tooltip-box.right {\r\n  top: 50%;\r\n  inset-inline-start: 100%;\r\n  margin-inline-start: 13px;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.right::before {\r\n  bottom: 100%;\r\n  border-right: 8px solid var(--dda-neutral-90);\r\n  left: -9px;\r\n}\r\n.dda-tooltip-box.right::after {\r\n  bottom: 100%;\r\n  border-right: 8px solid var(--dda-neutral-100);\r\n  z-index: 1;\r\n  left: -8px;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-tooltip-box {\r\n    transition: opacity 0.3s;\r\n  }\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-tooltip',\r\n  styleUrls: ['dda-tooltip.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n  @Prop() title_text: string;\r\n  @Prop() description: string;\r\n  @Prop() position: 'top' | 'bottom' | 'left' | 'right' = 'top'; // Default to top position\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n          <slot></slot>\r\n          <div class={`dda-tooltip-box ${this.position}`}>\r\n            <strong>{this.title_text}</strong>\r\n            <p>{this.description}</p>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"kDAAA,MAAMA,EAAgB,qgFACtB,MAAAC,EAAeD,E,MCMFE,EAAU,MALvB,WAAAC,CAAAC,G,UAQUC,KAAAC,SAAgD,MAChDD,KAAAE,aAAwB,E,CAGhC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,yBAAyBP,KAAKE,gBAAgBF,KAAKQ,kBAC7DJ,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,mBAAmBP,KAAKC,YAClCG,EAAA,UAAAE,IAAA,4CAASN,KAAKS,YACdL,EAAA,KAAAE,IAAA,4CAAIN,KAAKU,e","ignoreList":[]}

package/www/build/p-ba90f4be.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as i,H as n}from"./p-1b339a0a.js";const s=".dda-pagination-container{min-width:380px;display:inline-flex;justify-content:center;align-items:center;gap:20px}.dda-pagination{display:inline-flex;align-items:center}.dda-pagination button{height:40px;min-width:40px;border:transparent;border-radius:5px;background-color:var(--dda-surface-100);font-size:16px;color:var(--dda-on-surface-variant-30);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.light-mode.dda-pagination button{background-color:var(--dda-neutral-100);color:var(--dda-neutral-variant-30)}.dda-pagination span{color:var(--dda-on-surface-variant-30)}.light-mode.dda-pagination span{color:var(--dda-neutral-variant-30)}.dda-pagination-simple-slider{width:100%;display:inline-flex;align-items:center;justify-content:space-between}.dda-pagination-simple-slider button{background-color:transparent;border:transparent;display:inline-flex;align-items:center;gap:10px}.dda-pagination-simple-slider span{padding:0 20px}.dda-pagination-buttons button{background-color:transparent;border:transparent;display:inline-flex;gap:10px}.dda-pagination-buttons button.active{background-color:transparent;color:var(--dda-color-primary-40)}.light-mode.dda-pagination-buttons button.active{color:var(--dda-primary-40)}.dda-pagination-text{width:100%;justify-content:space-between}.dda-pagination-text button{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-text-pages{width:100%;justify-content:space-between;gap:8px}.dda-pagination-text-pages button{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-text-pages button.active{background-color:var(--dda-color-primary-40);color:var(--dda-surface-100)}.light-mode.dda-pagination-text-pages button.active{background-color:var(--dda-primary-40);color:var(--dda-neutral-100)}.dda-pagination-button-text{width:100%;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-button-text button{min-width:50px;border:0px;border-right:solid 1px var(--dda-neutral-90);border-top:solid 1px var(--dda-neutral-90);border-bottom:solid 1px var(--dda-neutral-90);border-radius:0px}.dda-pagination-button-text button.active{color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.light-mode.dda-pagination-button-text button.active{color:var(--dda-primary-40)}.dda-pagination-button-text button.prev{border-left:solid 1px var(--dda-neutral-90);border-radius:5px 0 0 5px}.dda-pagination-button-text button.next{border-radius:0 5px 5px 0}.dda-pagination-buttons-pages{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-buttons-pages button{border:0px;border-right:solid 1px var(--dda-neutral-90);border-top:solid 1px var(--dda-neutral-90);border-bottom:solid 1px var(--dda-neutral-90);border-radius:0px}.dda-pagination-buttons-pages button.prev{border-left:solid 1px var(--dda-neutral-90);border-radius:5px 0 0 5px}.dda-pagination-buttons-pages button.next{border-radius:0 5px 5px 0}.dda-pagination-full{gap:8px}.dda-pagination-full button{min-width:auto;width:10px;height:10px;border-radius:10px;padding:0px;overflow:hidden;text-indent:-100px;border:solid 1px var(--dda-surface-90)}.light-mode.dda-pagination-full button{border:solid 1px var(--dda-neutral-90)}.dda-pagination-full button.active{background-color:var(--dda-color-primary-40);border:transparent}.light-mode.dda-pagination-full button.active{background-color:var(--dda-primary-40)}";const d=s;const e=class{constructor(i){a(this,i);this.paginateClick=t(this,"paginateClick",7);this.total_pages=8;this.current_page=1;this.type="simple-slider";this.custom_class=""}validateTotalPages(a){if(a<1){this.total_pages=1}}validateCurrentPage(a){if(a<1){this.current_page=1}else if(a>this.total_pages){this.current_page=this.total_pages}}componentWillLoad(){this.validateTotalPages(this.total_pages);this.validateCurrentPage(this.current_page)}renderPagination(){switch(this.type){case"simple-slider":return i("div",{class:`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`},i("button",{name:this.simple_slider_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")," Prev"),i("span",null,"Page ",this.current_page," of ",this.total_pages),i("button",{name:this.simple_slider_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},"Next ",i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"buttons":return i("div",{class:`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`},i("button",{name:this.buttons_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")," Prev"),this.renderPageButtons(),i("button",{name:this.buttons_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},"Next ",i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"text":return i("div",{class:`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`},i("button",{name:this.text_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),i("span",null,"Page ",this.current_page," of ",this.total_pages),i("button",{name:this.text_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"text-pages":return i("div",{class:`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`},i("button",{name:this.text_pages_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),this.renderPageButtons(),i("button",{name:this.text_pages_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"button-text":return i("div",{class:`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`},i("button",{name:this.button_text_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),this.renderPageButtons(),i("button",{name:this.button_text_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"buttons-pages":return i("div",{class:`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`},i("button",{name:this.buttons_pages_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),i("button",{name:this.buttons_pages_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"full":return i("div",{class:`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`},this.renderPageButtons())}}renderPageButtons(){const a=[];for(let t=1;t<=this.total_pages;t++){a.push(i("button",{class:t===this.current_page?"active":"",onClick:()=>this.setcurrentpage(t)},t))}return a}setcurrentpage(a){if(a>=1&&a<=this.total_pages){console.log("Pagination button clicked, page:",a,this.paginateClick);this.current_page=a;this.paginateClick.emit(a)}}render(){return i(n,{key:"4bb34d20275c1a55a5a79c8209bd716d05665583"},i("div",{key:"f51201134ff25ab3718353b7b6f39535146beb24",class:`dda-pagination-container`},this.renderPagination()))}static get watchers(){return{total_pages:["validateTotalPages"],current_page:["validateCurrentPage"]}}};e.style=d;export{e as dda_pagination};
-//# sourceMappingURL=p-ba90f4be.entry.js.map

package/www/build/p-ba90f4be.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaPaginationCss","DdaPaginationStyle0","DdaPagination","constructor","hostRef","this","total_pages","current_page","type","custom_class","validateTotalPages","newValue","validateCurrentPage","componentWillLoad","renderPagination","h","class","component_mode","name","simple_slider_prev_button","disabled","onClick","setcurrentpage","simple_slider_next_button","buttons_prev_button","renderPageButtons","buttons_next_button","text_prev_button","text_next_button","text_pages_prev_button","text_pages_next_button","button_text_prev_button","button_text_next_button","buttons_pages_prev_button","buttons_pages_next_button","buttons","i","push","page","console","log","paginateClick","emit","render","Host","key"],"sources":["src/components/dda-pagination/dda-pagination.css?tag=dda-pagination","src/components/dda-pagination/dda-pagination.tsx"],"sourcesContent":[".dda-pagination-container {\r\n  min-width: 380px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.dda-pagination {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-pagination button {\r\n  height: 40px;\r\n  min-width: 40px;\r\n  border: transparent;\r\n  border-radius: 5px;\r\n  background-color: var(--dda-surface-100);\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.light-mode.dda-pagination button{\r\n  background-color: var(--dda-neutral-100);\r\n  color: var(--dda-neutral-variant-30);\r\n} \r\n\r\n.dda-pagination span{\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode.dda-pagination span {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-pagination-simple-slider {\r\n  width: 100%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-pagination-simple-slider button {\r\n  background-color: transparent;\r\n  border: transparent;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.dda-pagination-simple-slider span {\r\n  padding: 0 20px;\r\n}\r\n\r\n.dda-pagination-buttons button {\r\n  background-color: transparent;\r\n  border: transparent;\r\n  display: inline-flex;\r\n  gap: 10px;\r\n}\r\n\r\n.dda-pagination-buttons button.active {\r\n  background-color: transparent;\r\n  color: var(--dda-color-primary-40)\r\n}\r\n.light-mode.dda-pagination-buttons button.active {\r\n  color: var(--dda-primary-40)\r\n}\r\n\r\n.dda-pagination-text {\r\n  width: 100%;\r\n  justify-content: space-between;\r\n}\r\n.dda-pagination-text button{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-text-pages {\r\n  width: 100%;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n.dda-pagination-text-pages button{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-text-pages button.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  color: var(--dda-surface-100)\r\n}\r\n.light-mode.dda-pagination-text-pages button.active {\r\n  background-color: var(--dda-primary-40);\r\n  color: var(--dda-neutral-100)\r\n}\r\n.dda-pagination-button-text {\r\n  width: 100%;\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n\r\n.dda-pagination-button-text button {\r\n  min-width: 50px;\r\n  border: 0px;\r\n  border-right: solid 1px var(--dda-neutral-90);\r\n  border-top: solid 1px var(--dda-neutral-90);\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n.dda-pagination-button-text button.active {\r\n  color: var(--dda-color-primary-40);\r\n  font-weight: var(--dda-fw-700);\r\n}\r\n.light-mode.dda-pagination-button-text button.active {\r\n  color: var(--dda-primary-40);\r\n}\r\n.dda-pagination-button-text button.prev {\r\n  border-left: solid 1px var(--dda-neutral-90);\r\n  border-radius: 5px 0 0 5px;\r\n}\r\n\r\n.dda-pagination-button-text button.next {\r\n  border-radius: 0 5px 5px 0;\r\n}\r\n.dda-pagination-buttons-pages{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-buttons-pages button {\r\n  border: 0px;\r\n  border-right: solid 1px var(--dda-neutral-90);\r\n  border-top: solid 1px var(--dda-neutral-90);\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n.dda-pagination-buttons-pages button.prev {\r\n  border-left: solid 1px var(--dda-neutral-90);\r\n  border-radius: 5px 0 0 5px;\r\n}\r\n\r\n.dda-pagination-buttons-pages button.next {\r\n  border-radius: 0 5px 5px 0;\r\n}\r\n\r\n.dda-pagination-full {\r\n  gap: 8px;\r\n}\r\n\r\n.dda-pagination-full button {\r\n  min-width: auto;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 10px;\r\n  padding: 0px;\r\n  overflow: hidden;\r\n  text-indent: -100px;\r\n  border: solid 1px var(--dda-surface-90);\r\n}\r\n.light-mode.dda-pagination-full button{\r\n  border: solid 1px var(--dda-neutral-90);\r\n}\r\n.dda-pagination-full button.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  border: transparent;\r\n}\r\n.light-mode.dda-pagination-full button.active {\r\n  background-color: var(--dda-primary-40);\r\n}","import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, Prop, h, Host, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-pagination',\r\n  styleUrls: ['dda-pagination.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaPagination {\r\n  @Prop() total_pages: number = 8;\r\n  @Prop({ mutable: true }) current_page: number = 1;\r\n  @Prop() type: 'simple-slider' | 'buttons' | 'text' | 'text-pages' | 'button-text' | 'buttons-pages' | 'full' = 'simple-slider';\r\n  @Prop() custom_class: string = '';\r\n  @Prop() component_mode?: string; \r\n  @Prop() simple_slider_prev_button: string;\r\n  @Prop() simple_slider_next_button: string;\r\n  @Prop() buttons_prev_button: string;\r\n  @Prop() buttons_next_button: string;\r\n  @Prop() text_prev_button: string;\r\n  @Prop() text_next_button: string;\r\n  @Prop() text_pages_prev_button: string;\r\n  @Prop() text_pages_next_button: string;\r\n  @Prop() button_text_prev_button: string;\r\n  @Prop() button_text_next_button: string;\r\n  @Prop() buttons_pages_prev_button: string;\r\n  @Prop() buttons_pages_next_button: string;\r\n  @Prop() buttons_pages_id: string;\r\n  @Event() paginateClick?: EventEmitter<number>;\r\n\r\n  @Watch('total_pages')\r\n  validateTotalPages(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.total_pages = 1;\r\n    }\r\n  }\r\n\r\n  @Watch('current_page')\r\n  validateCurrentPage(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.current_page = 1;\r\n    } else if (newValue > this.total_pages) {\r\n      this.current_page = this.total_pages;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.validateTotalPages(this.total_pages);\r\n    this.validateCurrentPage(this.current_page);\r\n  }\r\n\r\n  private renderPagination() {\r\n    switch (this.type) {\r\n      case 'simple-slider':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.simple_slider_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.simple_slider_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.buttons_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.text_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'button-text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.button_text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.button_text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <button\r\n              name={this.buttons_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'full':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`}>\r\n            {this.renderPageButtons()}\r\n          </div>\r\n        );\r\n    }\r\n  }\r\n\r\n  private renderPageButtons() {\r\n    const buttons = [];\r\n    for (let i = 1; i <= this.total_pages; i++) {\r\n      buttons.push(\r\n        <button\r\n          class={i === this.current_page ? 'active' : ''}\r\n          onClick={() => this.setcurrentpage(i)}\r\n        >\r\n          {i}\r\n        </button>\r\n      );\r\n    }\r\n    return buttons;\r\n  }\r\n\r\n  private setcurrentpage(page: number) {\r\n    if (page >= 1 && page <= this.total_pages) {\r\n      console.log('Pagination button clicked, page:', page, this.paginateClick);  // <-- Log here\r\n      this.current_page = page;\r\n      this.paginateClick.emit(page)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-pagination-container`}>\r\n          {this.renderPagination()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-bd0d09ff.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as t,g as e}from"./p-1b339a0a.js";const s=".dda-slider-container{position:relative;width:100%;background-color:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);overflow:hidden;border-radius:8px}.dda-slider{position:relative;width:100%;height:450px}.dda-slide{position:absolute;width:100%;height:100%;opacity:0;display:flex;justify-content:center;align-items:center}.dda-slide.active{opacity:1;z-index:1}.dda-slide img{width:100%;height:100%;object-fit:cover}.dda-slide video{width:100%;height:100%;object-fit:cover}.dda-video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;background-color:rgba(0, 0, 0, 0.2)}.dda-video-play-overlay svg{width:64px;height:64px;}.dda-video-play-overlay:hover svg{transform:scale(1.2)}.dda-slider-controls-container{display:flex;justify-content:center;align-items:center;width:100%;padding:15px}.dda-slider-prev,.dda-slider-next{background-color:rgba(255, 255, 255, 0.2);color:black;padding:10px 15px;cursor:pointer;font-size:18px;border:none;border-radius:5px;z-index:2}.dda-slider-prev:hover,.dda-slider-next:hover{background-color:rgba(255, 255, 255, 0.4)}.dda-slider-indicator-container{display:flex;justify-content:center}.dda-slider-indicator{width:24px;height:24px;margin:0 5px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.dda-slider-indicator svg{width:24px;height:24px;display:block}.dda-slider-timer-circle{stroke-dasharray:63;stroke-dashoffset:63;}.dda-slider-play-icon,.dda-slider-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px}.dda-slider-play-pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2}@media (prefers-reduced-motion: no-preference){.dda-slide{transition:opacity 0.5s ease-in-out}.dda-video-play-overlay svg{transition:transform 0.3s ease}.dda-slider-prev,.dda-slider-next{transition:background-color 0.3s}.dda-slider-indicator{transition:all 0.3s}.dda-slider-timer-circle{transition:none}}";const d=s;const o=class{constructor(t){i(this,t);this.slides=[];this.interval=5e3;this.autoplay=true;this.currentSlide=0;this.isPaused=false;this.videoElements=[];this.playIcon=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="play-icon">\n    <polygon points="10,8 16,12 10,16" fill="white" stroke="white" stroke-width="1"/>\n  </svg>`;this.pauseIcon=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="pause-icon">\n    <rect x="9" y="8" width="2" height="8" fill="white" stroke="white" stroke-width="0"/>\n    <rect x="13" y="8" width="2" height="8" fill="white" stroke="white" stroke-width="0"/>\n  </svg>`;this.svgIndicators={inactive:`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="12" cy="12" r="10" fill="#ccc" stroke="#ccc" stroke-width="2"/>\n    </svg>`,active:(i,t)=>`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="12" cy="12" r="10" fill="#ccc" stroke="#ccc" stroke-width="4"/>\n      ${!t?`<circle cx="12" cy="12" r="10" class="dda-slider-timer-circle" fill="none" stroke="white" stroke-width="2" \n              stroke-dasharray="63" stroke-dashoffset="63" transform="rotate(-90 12 12)"/>`:""}\n      ${i?this.playIcon:this.pauseIcon}\n    </svg>`};this.prevSlide=()=>{this.goToSlide(this.currentSlide-1)};this.nextSlide=()=>{this.goToSlide(this.currentSlide+1)};this.handleIndicatorClick=i=>{this.goToSlide(i)};this.togglePlayPause=i=>{var t;i.stopPropagation();this.isPaused=!this.isPaused;const e=(t=this.slides[this.currentSlide])===null||t===void 0?void 0:t.type;if(e==="video"){const i=this.videoElements[this.currentSlide];if(i){if(this.isPaused){i.pause()}else{const t=i.play();if(t!==undefined){t.catch((t=>{console.error("Error toggling video play:",t);this.isPaused=true;this.createPlayButtonOverlay(i)}))}}}}if(this.isPaused){this.resetTimer();const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active");if(i){const t=i.querySelector("div");if(t){t.innerHTML=this.svgIndicators.active(this.isPaused,e==="video")}}}else{const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active");if(i){const t=i.querySelector("div");if(t){t.innerHTML=this.svgIndicators.active(this.isPaused,e==="video")}}if(e==="image"){this.startTimer()}}}}componentDidLoad(){setTimeout((()=>{var i;this.slides.forEach(((i,t)=>{if(i.type==="video"){const i=this.el.shadowRoot.querySelector(`.dda-slide[data-index="${t}"] video`);if(i){this.videoElements[t]=i;i.addEventListener("ended",(()=>{if(this.currentSlide===t){this.nextSlide()}}))}}}));if(((i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type)==="video"){const i=this.videoElements[this.currentSlide];if(i&&!this.isPaused){i.play().catch((i=>console.warn("Initial video play failed, may need user interaction:",i)))}}if(this.autoplay&&!this.isPaused){this.startTimer()}}),100)}disconnectedCallback(){this.resetTimer();this.videoElements.forEach((i=>{if(i){i.removeEventListener("ended",this.nextSlide)}}))}watchCurrentSlide(){var i;this.handleVideoPlayback();const t=((i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type)||"image";if(this.autoplay&&!this.isPaused&&t==="image"){setTimeout((()=>{this.resetTimer();this.startTimer()}),50)}}handleVideoPlayback(){var i;this.videoElements.forEach((i=>{if(i){i.pause()}}));const t=(i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type;if(t==="video"&&!this.isPaused){const i=this.videoElements[this.currentSlide];if(i){if(i.readyState>=2){i.currentTime=0;const t=i.play();if(t!==undefined){t.catch((t=>{console.error("Error playing video:",t);this.createPlayButtonOverlay(i)}))}}else{i.addEventListener("canplay",(()=>{if(this.currentSlide===this.slides.indexOf(this.slides[this.currentSlide])&&!this.isPaused){i.play().catch((i=>console.error("Error playing video on canplay:",i)))}}),{once:true})}}}}createPlayButtonOverlay(i){const t=document.createElement("div");t.className="dda-video-play-overlay";t.innerHTML=`\n      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="48" height="48">\n        <circle cx="12" cy="12" r="10" fill="rgba(0,0,0,0.5)" />\n        <polygon points="10,8 16,12 10,16" fill="white" />\n      </svg>\n    `;const e=i.parentElement;if(e){e.style.position="relative";e.appendChild(t);t.addEventListener("click",(()=>{i.play().then((()=>{t.remove()})).catch((i=>console.error("Play from overlay failed:",i)))}))}}startTimer(){var i;if(this.isPaused)return;this.resetTimer();const t=(i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type;if(t==="video")return;requestAnimationFrame((()=>{const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active .dda-slider-timer-circle");if(i){i.style.transition="none";i.style.strokeDashoffset="63";void i.getBoundingClientRect();setTimeout((()=>{if(!this.isPaused){i.style.transition=`stroke-dashoffset ${this.interval}ms linear`;i.style.strokeDashoffset="0"}}),20)}}));this.slideInterval=window.setInterval((()=>{if(!this.isPaused){this.nextSlide()}}),this.interval)}resetTimer(){if(this.slideInterval){window.clearInterval(this.slideInterval);this.slideInterval=null}const i=this.el.shadowRoot.querySelectorAll(".dda-slider-timer-circle");i.forEach((i=>{i.style.transition="none";i.style.strokeDashoffset="63"}))}goToSlide(i){this.currentSlide=i;if(this.currentSlide<0){this.currentSlide=this.slides.length-1}else if(this.currentSlide>=this.slides.length){this.currentSlide=0}}render(){return t("div",{key:"c913cd71be462a1c4f312570db0fe99dab591a97",class:"dda-slider-container"},t("div",{key:"0fc9861bffb8e4bb74bd79350b75d635838a4fc2",class:"dda-slider"},this.slides.map(((i,e)=>t("div",{class:`dda-slide ${e===this.currentSlide?"active":""}`,"data-index":e},i.type==="image"?t("img",{src:i.url,alt:`Slide ${e+1}`}):t("video",{src:i.url,controls:false,playsInline:true,preload:"auto",muted:false}))))),t("div",{key:"5dc1aebec849a521a75b7caa971b5e54182369c9",class:"dda-slider-controls-container"},t("button",{key:"dfe66b5522ae27085bd48f3f83a336bdc64250a5",class:"dda-slider-prev",onClick:this.prevSlide},"❮"),t("div",{key:"99e06b7a61e2ec5f6848bee62c8b727b96e4eb32",class:"dda-slider-indicator-container"},this.slides.map(((i,e)=>t("div",{class:`dda-slider-indicator ${e===this.currentSlide?"active":""}`,onClick:()=>this.handleIndicatorClick(e)},t("div",{innerHTML:e===this.currentSlide?this.svgIndicators.active(this.isPaused,i.type==="video"):this.svgIndicators.inactive}),e===this.currentSlide&&t("div",{class:"dda-slider-play-pause-overlay",onClick:this.togglePlayPause}))))),t("button",{key:"a3c550c247c8c4c1362182daef81944f9c9682c2",class:"dda-slider-next",onClick:this.nextSlide},"❯")))}get el(){return e(this)}static get watchers(){return{currentSlide:["watchCurrentSlide"]}}};o.style=d;export{o as dda_slider};
-//# sourceMappingURL=p-bd0d09ff.entry.js.map

package/www/build/p-bd0d09ff.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaSliderCss","DdaSliderStyle0","DDASlider","constructor","hostRef","this","slides","interval","autoplay","currentSlide","isPaused","videoElements","playIcon","pauseIcon","svgIndicators","inactive","active","isVideo","prevSlide","goToSlide","nextSlide","handleIndicatorClick","index","togglePlayPause","event","stopPropagation","currentSlideType","_a","type","currentVideo","pause","playPromise","play","undefined","catch","error","console","createPlayButtonOverlay","resetTimer","activeIndicator","el","shadowRoot","querySelector","svgContainer","innerHTML","startTimer","componentDidLoad","setTimeout","forEach","slide","videoEl","addEventListener","warn","disconnectedCallback","video","removeEventListener","watchCurrentSlide","handleVideoPlayback","readyState","currentTime","indexOf","once","videoElement","overlay","document","createElement","className","videoContainer","parentElement","style","position","appendChild","then","remove","requestAnimationFrame","timerCircle","transition","strokeDashoffset","getBoundingClientRect","slideInterval","window","setInterval","clearInterval","timerCircles","querySelectorAll","circle","length","render","h","key","class","map","src","url","alt","controls","playsInline","preload","muted","onClick"],"sources":["src/components/dda-slider/dda-slider.css?tag=dda-slider&encapsulation=shadow","src/components/dda-slider/dda-slider.tsx"],"sourcesContent":[".dda-slider-container {\r\n  position: relative;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n}\r\n\r\n.dda-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 450px;\r\n}\r\n\r\n.dda-slide {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  /* transition: opacity 0.5s ease-in-out; */\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.dda-slide.active {\r\n  opacity: 1;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-slide video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-video-play-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  z-index: 5;\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.dda-video-play-overlay svg {\r\n  width: 64px;\r\n  height: 64px;\r\n  /* transition: transform 0.3s ease; */\r\n}\r\n\r\n.dda-video-play-overlay:hover svg {\r\n  transform: scale(1.2);\r\n}\r\n\r\n.dda-slider-controls-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 15px;\r\n}\r\n\r\n.dda-slider-prev, .dda-slider-next {\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n  color: black;\r\n  padding: 10px 15px;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  /* transition: background-color 0.3s; */\r\n  z-index: 2;\r\n}\r\n\r\n.dda-slider-prev:hover, .dda-slider-next:hover {\r\n  background-color: rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.dda-slider-indicator-container {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator {\r\n  width: 24px;\r\n  height: 24px;\r\n  margin: 0 5px;\r\n  cursor: pointer;\r\n  /* transition: all 0.3s; */\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  display: block;\r\n}\r\n\r\n.dda-slider-timer-circle {\r\n  stroke-dasharray: 63;\r\n  stroke-dashoffset: 63;\r\n  /* transition: none; */\r\n}\r\n\r\n.dda-slider-play-icon, .dda-slider-pause-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.dda-slider-play-pause-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-slide {\r\n    transition: opacity 0.5s ease-in-out;\r\n  }\r\n  .dda-video-play-overlay svg {\r\n  transition: transform 0.3s ease;\r\n  }\r\n  .dda-slider-prev, .dda-slider-next {\r\n    transition: background-color 0.3s;\r\n  }\r\n  .dda-slider-indicator {\r\n    transition: all 0.3s;\r\n  }\r\n  .dda-slider-timer-circle {\r\n    transition: none;\r\n  }\r\n}","import { Component, Prop, h, State, Watch, Element } from '@stencil/core';\r\n\r\nexport interface SlideData {\r\n  url: string;\r\n  type: 'image' | 'video';\r\n}\r\n\r\n@Component({\r\n  tag: 'dda-slider',\r\n  styleUrl: 'dda-slider.css',\r\n  shadow: true\r\n})\r\nexport class DDASlider {\r\n  @Element() el: HTMLElement;\r\n  @Prop() slides: SlideData[] = [];\r\n  @Prop() interval: number = 5000;\r\n  @Prop() autoplay: boolean = true;\r\n  @State() currentSlide: number = 0;\r\n  @State() isPaused: boolean = false;\r\n  \r\n  private slideInterval: number;\r\n  private videoElements: HTMLVideoElement[] = [];\r\n  \r\n  private playIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"play-icon\">\r\n    <polygon points=\"10,8 16,12 10,16\" fill=\"white\" stroke=\"white\" stroke-width=\"1\"/>\r\n  </svg>`;\r\n  \r\n  private pauseIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pause-icon\">\r\n    <rect x=\"9\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n    <rect x=\"13\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n  </svg>`;\r\n  \r\n  private svgIndicators = {\r\n    inactive: `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"2\"/>\r\n    </svg>`,\r\n    active: (isPaused: boolean, isVideo: boolean) => `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"4\"/>\r\n      ${!isVideo ? `<circle cx=\"12\" cy=\"12\" r=\"10\" class=\"dda-slider-timer-circle\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" \r\n              stroke-dasharray=\"63\" stroke-dashoffset=\"63\" transform=\"rotate(-90 12 12)\"/>` : ''}\r\n      ${isPaused ? this.playIcon : this.pauseIcon}\r\n    </svg>`\r\n  }; \r\n  \r\n  componentDidLoad() {\r\n    setTimeout(() => {\r\n      this.slides.forEach((slide, index) => {\r\n        if (slide.type === 'video') {\r\n          const videoEl = this.el.shadowRoot.querySelector(`.dda-slide[data-index=\"${index}\"] video`) as HTMLVideoElement;\r\n          if (videoEl) {\r\n            this.videoElements[index] = videoEl;\r\n            \r\n            videoEl.addEventListener('ended', () => {\r\n              if (this.currentSlide === index) {\r\n                this.nextSlide();\r\n              }\r\n            });\r\n          }\r\n        }\r\n      });\r\n      \r\n      if (this.slides[this.currentSlide]?.type === 'video') {\r\n        const currentVideo = this.videoElements[this.currentSlide];\r\n        if (currentVideo && !this.isPaused) {\r\n          currentVideo.play()\r\n            .catch(error => console.warn('Initial video play failed, may need user interaction:', error));\r\n        }\r\n      }\r\n      \r\n      if (this.autoplay && !this.isPaused) {\r\n        this.startTimer();\r\n      }\r\n    }, 100);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resetTimer();\r\n    \r\n    this.videoElements.forEach(video => {\r\n      if (video) {\r\n        video.removeEventListener('ended', this.nextSlide);\r\n      }\r\n    });\r\n  }\r\n  \r\n  @Watch('currentSlide')\r\n  watchCurrentSlide() {\r\n    this.handleVideoPlayback();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type || 'image';\r\n    if (this.autoplay && !this.isPaused && currentSlideType === 'image') {\r\n      setTimeout(() => {\r\n        this.resetTimer();\r\n        this.startTimer();\r\n      }, 50);\r\n    }\r\n  }\r\n  \r\n  private handleVideoPlayback() {\r\n    this.videoElements.forEach(videoEl => {\r\n      if (videoEl) {\r\n        videoEl.pause();\r\n      }\r\n    });\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video' && !this.isPaused) {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (currentVideo.readyState >= 2) {\r\n          currentVideo.currentTime = 0;\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error playing video:', error);\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        } else {\r\n          currentVideo.addEventListener('canplay', () => {\r\n            if (this.currentSlide === this.slides.indexOf(this.slides[this.currentSlide]) && !this.isPaused) {\r\n              currentVideo.play().catch(error => console.error('Error playing video on canplay:', error));\r\n            }\r\n          }, { once: true });\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  private createPlayButtonOverlay(videoElement: HTMLVideoElement) {\r\n    const overlay = document.createElement('div');\r\n    overlay.className = 'dda-video-play-overlay';\r\n    overlay.innerHTML = `\r\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"rgba(0,0,0,0.5)\" />\r\n        <polygon points=\"10,8 16,12 10,16\" fill=\"white\" />\r\n      </svg>\r\n    `;\r\n    \r\n    const videoContainer = videoElement.parentElement;\r\n    if (videoContainer) {\r\n      videoContainer.style.position = 'relative';\r\n      videoContainer.appendChild(overlay);\r\n      \r\n      overlay.addEventListener('click', () => {\r\n        videoElement.play()\r\n          .then(() => {\r\n            overlay.remove();\r\n          })\r\n          .catch(error => console.error('Play from overlay failed:', error));\r\n      });\r\n    }\r\n  }\r\n  \r\n  private startTimer() {\r\n    if (this.isPaused) return;\r\n    this.resetTimer();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') return;\r\n    \r\n    requestAnimationFrame(() => {\r\n      const timerCircle = this.el.shadowRoot.querySelector('.dda-slider-indicator.active .dda-slider-timer-circle') as SVGCircleElement;\r\n      \r\n      if (timerCircle) {\r\n        timerCircle.style.transition = 'none';\r\n        timerCircle.style.strokeDashoffset = '63';\r\n        \r\n        void timerCircle.getBoundingClientRect();\r\n        \r\n        setTimeout(() => {\r\n          if (!this.isPaused) {\r\n            timerCircle.style.transition = `stroke-dashoffset ${this.interval}ms linear`;\r\n            timerCircle.style.strokeDashoffset = '0';\r\n          }\r\n        }, 20);\r\n      }\r\n    });\r\n    \r\n    this.slideInterval = window.setInterval(() => {\r\n      if (!this.isPaused) {\r\n        this.nextSlide();\r\n      }\r\n    }, this.interval);\r\n  }\r\n  \r\n  private resetTimer() {\r\n    if (this.slideInterval) {\r\n      window.clearInterval(this.slideInterval);\r\n      this.slideInterval = null;\r\n    }\r\n    \r\n    const timerCircles = this.el.shadowRoot.querySelectorAll('.dda-slider-timer-circle');\r\n    timerCircles.forEach(circle => {\r\n      (circle as SVGCircleElement).style.transition = 'none';\r\n      (circle as SVGCircleElement).style.strokeDashoffset = '63';\r\n    });\r\n  }\r\n  \r\n  private goToSlide(index: number) {\r\n    this.currentSlide = index;\r\n    if (this.currentSlide < 0) {\r\n      this.currentSlide = this.slides.length - 1;\r\n    } else if (this.currentSlide >= this.slides.length) {\r\n      this.currentSlide = 0;\r\n    }\r\n  }\r\n  \r\n  private prevSlide = () => {\r\n    this.goToSlide(this.currentSlide - 1);\r\n  }\r\n  \r\n  private nextSlide = () => {\r\n    this.goToSlide(this.currentSlide + 1);\r\n  }\r\n  \r\n  private handleIndicatorClick = (index: number) => {\r\n    this.goToSlide(index);\r\n  }\r\n  \r\n  private togglePlayPause = (event: Event) => {\r\n    event.stopPropagation();\r\n    \r\n    this.isPaused = !this.isPaused;\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (this.isPaused) {\r\n          currentVideo.pause();\r\n        } else {\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error toggling video play:', error);\r\n              this.isPaused = true;\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        }\r\n      }\r\n    }\r\n    \r\n    if (this.isPaused) {\r\n      this.resetTimer();\r\n      \r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n    } else {\r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n      \r\n      if (currentSlideType === 'image') {\r\n        this.startTimer();\r\n      }\r\n    }\r\n  }\r\n  \r\n  render() {\r\n    return (\r\n      <div class=\"dda-slider-container\">\r\n        <div class=\"dda-slider\">\r\n          {this.slides.map((slide, index) => (\r\n            <div class={`dda-slide ${index === this.currentSlide ? 'active' : ''}`} data-index={index}>\r\n              {slide.type === 'image' ? (\r\n                <img src={slide.url} alt={`Slide ${index + 1}`} />\r\n              ) : (\r\n                <video \r\n                  src={slide.url} \r\n                  controls={false}\r\n                  playsInline={true}\r\n                  preload=\"auto\"\r\n                  muted={false}\r\n                />\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n        \r\n        <div class=\"dda-slider-controls-container\">\r\n          <button class=\"dda-slider-prev\" onClick={this.prevSlide}>\r\n            &#10094;\r\n          </button>\r\n          \r\n          <div class=\"dda-slider-indicator-container\">\r\n            {this.slides.map((slide, index) => (\r\n              <div \r\n                class={`dda-slider-indicator ${index === this.currentSlide ? 'active' : ''}`}\r\n                onClick={() => this.handleIndicatorClick(index)}\r\n              >\r\n                <div innerHTML={index === this.currentSlide ? \r\n                  this.svgIndicators.active(this.isPaused, slide.type === 'video') : \r\n                  this.svgIndicators.inactive}>\r\n                </div>\r\n                {index === this.currentSlide && \r\n                  <div class=\"dda-slider-play-pause-overlay\" onClick={this.togglePlayPause}></div>\r\n                }\r\n              </div>\r\n            ))}\r\n          </div>\r\n          \r\n          <button class=\"dda-slider-next\" onClick={this.nextSlide}>\r\n            &#10095;\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"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","ignoreList":[]}

package/www/build/p-c766ae47.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e}from"./p-1b339a0a.js";const h=class{constructor(s){t(this,s);this.ddaLinkClick=i(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=t=>{if(this.disabled){t.preventDefault();t.stopPropagation();t.stopImmediatePropagation();return false}this.ddaLinkClick.emit(t);if(this.clickHandler){this.clickHandler(t)}}}render(){const t=["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":"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const i=this.aria_label||this.link_button_text||"Link button";const h=this.target;const a=this.target==="_blank"?"noopener noreferrer":this.rel;return s(e,{key:"f3c12526f6fa0fd49d1d11a2406f69826da41003"},s("a",{key:"65b66870f9683c276b3e20d8b8c20c817696d3fe",id:this.button_id,target:h,rel:a,"data-fancybox":this.data_fancybox,title:this.link_button_title,href:this.disabled?undefined:this.href,class:t,"aria-label":i,"aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:undefined,onClick:this.handleClick,onKeyDown:t=>{if(this.disabled&&(t.key==="Enter"||t.key===" ")){t.preventDefault();t.stopPropagation();t.stopImmediatePropagation();return false}},style:this.disabled?{pointerEvents:"none",cursor:"not-allowed"}:{}},this.start_icon&&s("i",{key:"553ef0895f08aab5e94e91f6dd51bc45a985298b",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),this.link_button_text,this.end_icon&&s("i",{key:"fd191ba6612d3c5cf4b8382182d20950d5361ca3",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.end_icon)))}};export{h as dda_link_button};
-//# sourceMappingURL=p-c766ae47.entry.js.map

package/www/build/p-c766ae47.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaLinkButton","constructor","hostRef","this","disabled","start_icon","link_button_text","link_button_title","end_icon","aria_label","button_color","button_shape","icon_button_shape","custom_class","href","target","rel","handleClick","event","preventDefault","stopPropagation","stopImmediatePropagation","ddaLinkClick","emit","clickHandler","render","linkbuttonClass","size","gap","component_mode","filter","Boolean","join","ariaLabel","linkTarget","linkRel","h","Host","key","id","button_id","data_fancybox","title","undefined","class","tabindex","onClick","onKeyDown","style","pointerEvents","cursor"],"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}"],"mappings":"+DAOaA,EAAa,MAL1B,WAAAC,CAAAC,G,qDAMUC,KAAAC,SAAoB,MACpBD,KAAAE,WAAqB,GACrBF,KAAAG,iBAA2B,GAC3BH,KAAAI,kBAA4B,GAC5BJ,KAAAK,SAAmB,GACnBL,KAAAM,WAAsB,GACtBN,KAAAO,aAAuB,UAEvBP,KAAAQ,aAAwB,GACxBR,KAAAS,kBAA6B,GAE7BT,KAAAU,aAAwB,GACxBV,KAAAW,KAAgB,IAGhBX,KAAAY,OAAkB,GAClBZ,KAAAa,IAAe,sBAOfb,KAAAc,YAAeC,IAErB,GAAIf,KAAKC,SAAU,CACjBc,EAAMC,iBACND,EAAME,kBACNF,EAAMG,2BACN,OAAO,K,CAITlB,KAAKmB,aAAaC,KAAKL,GAGvB,GAAIf,KAAKqB,aAAc,CACrBrB,KAAKqB,aAAaN,E,GAItB,MAAAO,GACE,MAAMC,EAAkB,CACtB,UACA,aAAavB,KAAKO,eAClBP,KAAKwB,KAAO,YAAYxB,KAAKwB,OAAS,GACtCxB,KAAKQ,aAAe,aAAaR,KAAKQ,eAAiB,GACvDR,KAAKS,kBAAoB,YAAYT,KAAKS,oBAAsB,GAChET,KAAKyB,IAAM,WAAWzB,KAAKyB,MAAQ,GACnCzB,KAAKC,SAAW,WAAa,GAC7BD,KAAKU,aACLV,KAAK0B,gBACLC,OAAOC,SAASC,KAAK,KAGvB,MAAMC,EAAY9B,KAAKM,YAAcN,KAAKG,kBAAoB,cAG9D,MAAM4B,EAAa/B,KAAKY,OACxB,MAAMoB,EAAUhC,KAAKY,SAAW,SAAW,sBAAwBZ,KAAKa,IAExE,OACEoB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CACEC,GAAIpC,KAAKqC,UACTzB,OAAQmB,EACRlB,IAAKmB,EAAO,gBACGhC,KAAKsC,cACpBC,MAAOvC,KAAKI,kBACZO,KAAMX,KAAKC,SAAWuC,UAAYxC,KAAKW,KACvC8B,MAAOlB,EAAe,aACVO,EAAS,gBACN9B,KAAKC,SAAW,OAASuC,UACxCE,SAAU1C,KAAKC,UAAY,EAAIuC,UAC/BG,QAAS3C,KAAKc,YACd8B,UAAY7B,IAEV,GAAIf,KAAKC,WAAac,EAAMoB,MAAQ,SAAWpB,EAAMoB,MAAQ,KAAM,CACjEpB,EAAMC,iBACND,EAAME,kBACNF,EAAMG,2BACN,OAAO,K,GAGX2B,MAAO7C,KAAKC,SAAW,CAAE6C,cAAe,OAAQC,OAAQ,eAAkB,IAEzE/C,KAAKE,YACJ+B,EAAA,KAAAE,IAAA,2CACEM,MAAM,2CAA0C,cACpC,QAEXzC,KAAKE,YAGTF,KAAKG,iBACLH,KAAKK,UACJ4B,EAAA,KAAAE,IAAA,2CACEM,MAAM,2CAA0C,cACpC,QAEXzC,KAAKK,W","ignoreList":[]}

package/www/build/p-d7434fd9.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as r,h as t,H as d,g as e}from"./p-1b339a0a.js";const i=".dda-breadcrumb{display:inline-flex;align-items:center;list-style:none;padding:0;margin:0}.dda-breadcrumb-item{display:flex;align-items:center}.dda-breadcrumb,.dda-breadcrumb-item{gap:10px}.dda-breadcrumb-item a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:var(--font-caption);gap:4px}.dda-breadcrumb-item a span{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500)}.light-mode .dda-breadcrumb-item a span{color:var(--dda-neutral-0)}.dda-breadcrumb-item i,.dda-breadcrumb-item svg{color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item i,.light-mode .dda-breadcrumb-item svg{color:var(--dda-neutral-variant-30)}:root[dir='rtl'] .dda-breadcrumb-item>i{transform:rotate(180deg)}.dda-breadcrumb-item .separator{margin:0 8px;color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item .separator{color:var(--dda-neutral-variant-30)}.dda-breadcrumb-item.active a span{color:var(--dda-on-surface-variant-30);font-weight:var(--dda-fw-400)}.light-mode .dda-breadcrumb-item.active a span{color:var(--dda-neutral-variant-30)}";const s=i;const c=class{constructor(t){a(this,t);this.navigatorClick=r(this,"navigatorClick",7);this.design="text";this.separator="chevron_right";this.aria_label="";this.custom_class="";this.dataBreadcrumbs="";this.useNavigator="false";this.breadcrumbs=[]}componentWillLoad(){const a=this.el.getAttribute("data-breadcrumbs");if(a){this.breadcrumbs=JSON.parse(a)}}render(){return t(d,{key:"4cf53dd9f6d34c360a7915785b197aa2b16fb300"},t("div",{key:"fe8d24e4289a9957f94cd482a0516015a0a6dd5d",class:this.component_mode},t("nav",{key:"0fa89857a63016fb9dc700aec9d1de84e90c157d","aria-label":this.aria_label,class:`${this.custom_class}`},t("ol",{key:"adc2b223eb03a4f270406360ec402028b482d99e",class:"dda-breadcrumb"},this.breadcrumbs&&this.breadcrumbs.map(((a,r)=>t("li",{class:`dda-breadcrumb-item ${r===this.breadcrumbs.length-1?"active":""}`},t("a",{href:this.useNavigator=="true"?"javascript:void(0)":a.url,onClick:()=>this.useNavigator=="true"?this.navigatorClick.emit(a.url):""},this.design!=="text"&&t("i",{class:`material-icons`,"aria-hidden":"true"},a.icon),this.design!=="icon"&&t("span",null,a.text)),r<this.breadcrumbs.length-1&&t("i",{class:`material-icons material-symbols-outlined`,"aria-hidden":"true"},this.separator))))))))}get el(){return e(this)}};c.style=s;export{c as dda_breadcrumb};
-//# sourceMappingURL=p-d7434fd9.entry.js.map

package/www/build/p-d7434fd9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaBreadcrumbCss","DdaBreadcrumbStyle0","DdaBreadcrumb","constructor","hostRef","this","design","separator","aria_label","custom_class","dataBreadcrumbs","useNavigator","breadcrumbs","componentWillLoad","breadcrumbsData","el","getAttribute","JSON","parse","render","h","Host","key","class","component_mode","map","crumb","index","length","href","url","onClick","navigatorClick","emit","icon","text"],"sources":["src/components/dda-breadcrumb/dda-breadcrumb.css?tag=dda-breadcrumb","src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"sourcesContent":[".dda-breadcrumb {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.dda-breadcrumb-item {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-breadcrumb,\r\n.dda-breadcrumb-item{\r\n  gap: 10px;\r\n}\r\n\r\n.dda-breadcrumb-item a {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-decoration: none;\r\n  font-size: var(--font-caption);\r\n  gap: 4px;\r\n}\r\n.dda-breadcrumb-item a span{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n}\r\n.light-mode .dda-breadcrumb-item a span{\r\n  color: var(--dda-neutral-0);\r\n}\r\n/**/\r\n.dda-breadcrumb-item i,\r\n.dda-breadcrumb-item svg {\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item i,\r\n.light-mode .dda-breadcrumb-item svg {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n:root[dir='rtl'] .dda-breadcrumb-item > i{\r\n  transform: rotate(180deg);\r\n}\r\n/**/\r\n.dda-breadcrumb-item .separator {\r\n  margin: 0 8px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item .separator {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n/**/\r\n.dda-breadcrumb-item.active a span{\r\n  color: var(--dda-on-surface-variant-30);\r\n  font-weight: var(--dda-fw-400);\r\n}\r\n.light-mode .dda-breadcrumb-item.active a span{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n","import { Component, Prop, h, Host, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-breadcrumb',\r\n  styleUrls: ['dda-breadcrumb.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n  @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n  @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() dataBreadcrumbs: string = '';\r\n  @Element() el: HTMLElement;\r\n\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n  breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n    if (breadcrumbsData) {\r\n      this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={this.component_mode}>\r\n          <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n            <ol class=\"dda-breadcrumb\">\r\n              {this.breadcrumbs &&\r\n                this.breadcrumbs.map((crumb, index) => (\r\n                  <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n                    <a\r\n                    //  href={crumb.url}\r\n                      href={this.useNavigator == \"true\" ? 'javascript:void(0)' : crumb.url}\r\n                      onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(crumb.url) : \"\"}                            \r\n                     >\r\n                      {this.design !== 'text' && (\r\n                        <i class={`material-icons`} aria-hidden=\"true\">\r\n                          {crumb.icon}\r\n                        </i>\r\n                      )}\r\n                      {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n                    </a>\r\n                    {index < this.breadcrumbs.length - 1 && (\r\n                      <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">\r\n                        {this.separator}\r\n                      </i>\r\n                    )}\r\n                  </li>\r\n                ))}\r\n            </ol>\r\n          </nav>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAmB,ukCACzB,MAAAC,EAAeD,E,MCMFE,EAAa,MAL1B,WAAAC,CAAAC,G,yDAMUC,KAAAC,OAAwC,OACxCD,KAAAE,UAA4C,gBAC5CF,KAAAG,WAAsB,GACtBH,KAAAI,aAAwB,GAExBJ,KAAAK,gBAA0B,GAI1BL,KAAAM,aAAiC,QAEzCN,KAAAO,YAA6D,E,CAE7D,iBAAAC,GACE,MAAMC,EAAkBT,KAAKU,GAAGC,aAAa,oBAC7C,GAAIF,EAAiB,CACnBT,KAAKO,YAAcK,KAAKC,MAAMJ,E,EAIlC,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOlB,KAAKmB,gBACfJ,EAAA,OAAAE,IAAA,wDAAiBjB,KAAKG,WAAYe,MAAO,GAAGlB,KAAKI,gBAC/CW,EAAA,MAAAE,IAAA,2CAAIC,MAAM,kBACPlB,KAAKO,aACJP,KAAKO,YAAYa,KAAI,CAACC,EAAOC,IAC3BP,EAAA,MAAIG,MAAO,uBAAuBI,IAAUtB,KAAKO,YAAYgB,OAAS,EAAI,SAAW,MACnFR,EAAA,KAEES,KAAMxB,KAAKM,cAAgB,OAAS,qBAAuBe,EAAMI,IACjEC,QAAS,IAAM1B,KAAKM,cAAgB,OAASN,KAAK2B,eAAeC,KAAKP,EAAMI,KAAO,IAElFzB,KAAKC,SAAW,QACfc,EAAA,KAAGG,MAAO,iBAAgB,cAAc,QACrCG,EAAMQ,MAGV7B,KAAKC,SAAW,QAAUc,EAAA,YAAOM,EAAMS,OAEzCR,EAAQtB,KAAKO,YAAYgB,OAAS,GACjCR,EAAA,KAAGG,MAAO,2CAA0C,cAAc,QAC/DlB,KAAKE,iB","ignoreList":[]}

package/www/build/p-d93f2102.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as e,g as i}from"./p-1b339a0a.js";const d=class{constructor(s){t(this,s);this.selected_currency="USD";this.is_focused=false;this.custom_class="";this.isCurrencyDropdownOpen=false;this.handleOutsideClick=t=>{if(!this.hostElement.contains(t.target)){this.isCurrencyDropdownOpen=false}}}connectedCallback(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}handleInput(t){const s=t.target;const e=s.value.replace(/[^0-9.]/g,"");s.value=e;this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true,data:t.data,inputType:t.inputType,isComposing:t.isComposing}))}handleFocus(){this.is_focused=true}handleBlur(){this.is_focused=false}toggleCurrencyDropdown(){this.isCurrencyDropdownOpen=!this.isCurrencyDropdownOpen;this.handleFocus();this.handleBlur()}selectCurrency(t){this.selected_currency=t;this.isCurrencyDropdownOpen=false}get parsedCurrencies(){try{return JSON.parse(this.currencies)}catch(t){return[]}}async setValue(t){this.value=t}async getValue(){return this.value||""}render(){const t=["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.is_focused?"dda-input-focus":"",this.error_message?"dda-error-message":"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return s(e,{key:"91def39d4869053ffb52d63279a504c0fd7e03e1",ref:t=>this.hostElement=t},s("div",{key:"bf83501237b86db00c05fb71d18f2a3d9cd13e11",class:t},this.label&&s("label",{key:"b6ca1e8a6bc9ad27292f7fb8f94d86fddc6d29d6",htmlFor:this.input_id,class:"dda-input-label"},this.label),s("div",{key:"f6b5193b6bf159272e7d20d375820698ea3f5a60",class:"dda-input-field-group dda-number-field"},s("input",{key:"d9369bd8021d0bf6af8870530d47718211e8360f",id:this.input_id,name:this.input_name,"aria-label":this.aria_label,type:"number",placeholder:this.placeholder,value:this.value,pattern:"[0-9]*",onInput:t=>this.handleInput(t),onFocus:this.handleFocus.bind(this),onBlur:this.handleBlur.bind(this),class:"dda-field-group-input"}),s("div",{key:"4dc2a7224754217edf78619ac40399c21634556d",class:"dda-input-dropdown-btn"},s("button",{key:"76047ef680f600fb74803e815669eba9a6dbb21e",name:this.toggle_button_name,type:"button",class:"dda-dropdown-select",onClick:()=>this.toggleCurrencyDropdown()},this.selected_currency," ",s("i",{key:"87017c99cb3515c7122148ede366f083599abbc3",class:`material-icons`,"aria-hidden":"true"},this.isCurrencyDropdownOpen?"keyboard_arrow_up":"keyboard_arrow_down")),this.isCurrencyDropdownOpen&&s("div",{key:"0847ebded3099fcf48ac0e0a337480446f6cd255",class:"dda-input-dropdown-list"},this.parsedCurrencies.length>0?this.parsedCurrencies.map((t=>s("button",{name:this.currency_button_name,type:"button",class:`dda-input-dropdown-item ${this.selected_currency===t?"selected":""}`,onClick:()=>this.selectCurrency(t)},t))):s("div",{class:"dda-input-dropdown-item"},"No options available")))),this.helper_text&&s("span",{key:"c77a72d290e9b157bebf52e4ea0293f723c2ff3d",class:"dda-helper-text"},this.helper_text),this.error_message&&s("span",{key:"52a3c41a8907b557bb26b207ee57822e56559d99",class:"dda-error-message"},this.error_message)))}get el(){return i(this)}};export{d as dda_number_field};
-//# sourceMappingURL=p-d93f2102.entry.js.map

package/www/build/p-d93f2102.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaNumberField","constructor","hostRef","this","selected_currency","is_focused","custom_class","isCurrencyDropdownOpen","handleOutsideClick","event","hostElement","contains","target","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","handleInput","inputElement","inputValue","value","replace","el","dispatchEvent","InputEvent","bubbles","composed","data","inputType","isComposing","handleFocus","handleBlur","toggleCurrencyDropdown","selectCurrency","currency","parsedCurrencies","JSON","parse","currencies","_a","setValue","val","getValue","render","containerClass","validation_type","size","input_status","error_message","component_mode","filter","Boolean","join","h","Host","key","ref","class","label","htmlFor","input_id","id","name","input_name","aria_label","type","placeholder","pattern","onInput","onFocus","bind","onBlur","toggle_button_name","onClick","length","map","option","currency_button_name","helper_text"],"sources":["src/components/dda-number-field/dda-number-field.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-number-field',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaNumberField {\r\n  @Prop() placeholder: string;\r\n  @Prop() label: string;\r\n  @Prop() value: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() size?: string;\r\n  @Prop() input_status?: string; // JSON string of currency options\r\n  @Prop() currencies: string;\r\n  @Prop() selected_currency: string = 'USD';\r\n  @State() is_focused: boolean = false;\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() toggle_button_name?: string;\r\n  @Prop() currency_button_name?: string;\r\n\r\n  @State() isCurrencyDropdownOpen: boolean = false;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private hostElement!: HTMLElement;\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  handleOutsideClick = (event: MouseEvent) => {\r\n    if (!this.hostElement.contains(event.target as Node)) {\r\n      this.isCurrencyDropdownOpen = false;\r\n    }\r\n  };\r\n\r\n  handleInput(event) {\r\n    const inputElement = event.target as HTMLInputElement;\r\n    const inputValue = inputElement.value.replace(/[^0-9.]/g, '');\r\n    inputElement.value = inputValue;\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\r\n  handleFocus() {\r\n    this.is_focused = true;\r\n  }\r\n\r\n  handleBlur() {\r\n    this.is_focused = false;\r\n  }\r\n\r\n  toggleCurrencyDropdown() {\r\n    this.isCurrencyDropdownOpen = !this.isCurrencyDropdownOpen;\r\n    this.handleFocus();\r\n    this.handleBlur();\r\n  }\r\n\r\n  selectCurrency(currency: string) {\r\n    this.selected_currency = currency;\r\n    this.isCurrencyDropdownOpen = false;\r\n  }\r\n\r\n  private get parsedCurrencies(): string[] {\r\n    try {\r\n      return JSON.parse(this.currencies);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.value = val;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.value || '';\r\n  }\r\n\r\n  render() {\r\n    const containerClass = [\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.is_focused ? 'dda-input-focus' : '',\r\n      this.error_message ? 'dda-error-message' : '',\r\n      this.custom_class ? `${this.custom_class}` : '',\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host ref={el => (this.hostElement = el as HTMLElement)}>\r\n        <div class={containerClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-input-field-group dda-number-field\">\r\n            <input\r\n              id={this.input_id}\r\n              name={this.input_name}\r\n              aria-label={this.aria_label}\r\n              type=\"number\"\r\n              placeholder={this.placeholder}\r\n              value={this.value}\r\n              pattern={'[0-9]*'}\r\n              onInput={event => this.handleInput(event)}\r\n              onFocus={this.handleFocus.bind(this)}\r\n              onBlur={this.handleBlur.bind(this)}\r\n              class=\"dda-field-group-input\"\r\n            />\r\n            <div class=\"dda-input-dropdown-btn\">\r\n              <button name={this.toggle_button_name} type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleCurrencyDropdown()}>\r\n                {this.selected_currency}{' '}\r\n                <i class={`material-icons`} aria-hidden=\"true\">\r\n                  {this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n                </i>\r\n              </button>\r\n              {this.isCurrencyDropdownOpen && (\r\n                <div class=\"dda-input-dropdown-list\">\r\n                  {this.parsedCurrencies.length > 0 ? (\r\n                    this.parsedCurrencies.map(option => (\r\n                      <button\r\n                        name={this.currency_button_name}\r\n                        type=\"button\"\r\n                        class={`dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`}\r\n                        onClick={() => this.selectCurrency(option)}\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            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-dca57f55.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,H as a,g as e}from"./p-1b339a0a.js";const h=class{constructor(i){t(this,i);this.buttonClick=s(this,"buttonClick",7);this.text_button_type="button";this.disabled=false;this.start_icon_family="";this.start_icon="";this.button_text="";this.aria_label="";this.button_color="primary";this.button_shape="";this.toggle_button_shape="";this.custom_class="";this.text_button_name="";this.is_open=false;this.handleClick=t=>{if(this.disabled)return;this.buttonClick.emit({event:t,id:this.text_button_id,value:this.value,name:this.text_button_name})};this.handleClickOutside=t=>{if(this.is_open&&!this.el.contains(t.target)){this.is_open=false}}}toggleSelect(){if(!this.disabled){this.is_open=!this.is_open}}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}componentDidLoad(){this.moveMenuToContainer()}componentDidRender(){this.moveMenuToContainer()}moveMenuToContainer(){const t=this.el.querySelector(".split-btn-list");if(!t)return;const s=Array.from(this.el.children);const i=s.filter((t=>t.getAttribute&&t.getAttribute("slot")==="menu"));i.forEach((s=>{if(s.parentElement!==t){t.appendChild(s)}}))}render(){const t=["dda-split-btn",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`split-btn-main-shape-${this.button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const s=["dda-split-btn dda-split-btn-toggle",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`split-icon-btn-shape-${this.button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const e=`split-btn-list ${this.is_open?"open":"closed"}`;return i(a,{key:"557dd738ecda2ea9b887f26a649545d636739162"},i("div",{key:"8cf1af27d4518266bcfa3ad973e5caf747752e4a",class:"split-btn-container"},i("button",{key:"7d37f0b271365ad447a605f87f4933ade5c51bba",id:this.text_button_id,type:this.text_button_type,class:t,disabled:this.disabled,"aria-label":this.aria_label||this.button_text,name:this.text_button_name,value:this.value,onClick:this.handleClick},this.start_icon&&i("i",{key:"f6244bede898854205902c83febd164f2a8c7772",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),i("span",{key:"5785f0550374e9b71225111c1473bc3a40808490"},this.button_text)),i("button",{key:"a8158ad76834a12c564771a91237a452ae917323",type:"button",class:s,disabled:this.disabled,onClick:()=>this.toggleSelect()},i("i",{key:"632d4c992c4da668770292d9b2b0881d0d85a557",class:"material-icons","aria-hidden":"true"},this.is_open?"keyboard_arrow_up":"keyboard_arrow_down")),i("div",{key:"88988abe9f2a3173f34356a030fdd03055c94139",class:e,"aria-hidden":!this.is_open,role:"menu"},i("slot",{key:"b7c9e16e3c36b64d6aa185ced7da41ff1f02cc76",name:"menu"}))))}get el(){return e(this)}};export{h as dda_split_button};
-//# sourceMappingURL=p-dca57f55.entry.js.map

package/www/build/p-dca57f55.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaSplitButton","constructor","hostRef","this","text_button_type","disabled","start_icon_family","start_icon","button_text","aria_label","button_color","button_shape","toggle_button_shape","custom_class","text_button_name","is_open","handleClick","event","buttonClick","emit","id","text_button_id","value","name","handleClickOutside","el","contains","target","toggleSelect","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","componentDidLoad","moveMenuToContainer","componentDidRender","container","querySelector","hostChildren","Array","from","children","slotted","filter","c","getAttribute","forEach","node","parentElement","appendChild","render","textButtonClass","size","gap","component_mode","Boolean","join","toggleButtonClass","listClass","h","Host","key","class","type","onClick","role"],"sources":["src/components/dda-split-button/dda-split-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-split-button',\r\n  // styleUrls: ['dda-split-button.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaSplitButton {\r\n  @Prop() text_button_type: string = 'button';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon_family: string = '';\r\n  @Prop() start_icon: string = '';\r\n  @Prop() button_text: 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() toggle_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() text_button_id: string;\r\n  @Prop() text_button_name?: string = '';\r\n  @Prop() value?: string;\r\n\r\n  @Event() buttonClick: EventEmitter<{ event: MouseEvent, id: string, value: string, name: string }>;\r\n\r\n  /*toogle Button*/\r\n  @Element() el: HTMLElement;\r\n  @State() is_open: boolean = false;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    this.buttonClick.emit({\r\n      event,\r\n      id: this.text_button_id,\r\n      value: this.value,\r\n      name: this.text_button_name,\r\n    });\r\n  };\r\n \r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    // after first render, move slotted menu inside container\r\n    this.moveMenuToContainer();\r\n  }\r\n\r\n  componentDidRender() {\r\n    // ensure menu stays inside container after re-renders (defensive)\r\n    this.moveMenuToContainer();\r\n  }\r\n\r\n  private moveMenuToContainer() {\r\n    // find the visible container inside this component\r\n    const container = this.el.querySelector('.split-btn-list') as HTMLElement | null;\r\n    if (!container) return;\r\n\r\n    // Only consider direct children of host that carry slot=\"menu\".\r\n    const hostChildren = Array.from(this.el.children) as Element[];\r\n    const slotted = hostChildren.filter((c) => c.getAttribute && c.getAttribute('slot') === 'menu');\r\n\r\n    slotted.forEach((node) => {\r\n      // if it's already inside container, skip\r\n      if (node.parentElement !== container) {\r\n        container.appendChild(node);\r\n      }\r\n    });\r\n  }\r\n\r\n\r\n\r\n  render() {\r\n  const textButtonClass = [\r\n    'dda-split-btn',                  // unique for main button\r\n    `btn-color-${this.button_color}`,\r\n    this.size ? `btn-size-${this.size}` : '',\r\n    this.button_shape ? `split-btn-main-shape-${this.button_shape}` : '',\r\n    this.gap ? `dda-gap-${this.gap}` : '',\r\n    this.custom_class,\r\n    this.component_mode,\r\n  ]\r\n  .filter(Boolean)\r\n  .join(' ');\r\n\r\n  const toggleButtonClass = [\r\n    'dda-split-btn dda-split-btn-toggle',                // unique for toggle button\r\n    `btn-color-${this.button_color}`,\r\n    this.size ? `btn-size-${this.size}` : '',\r\n    this.button_shape ? `split-icon-btn-shape-${this.button_shape}` : '',\r\n    this.gap ? `dda-gap-${this.gap}` : '',\r\n    this.custom_class,\r\n    this.component_mode,\r\n  ]\r\n  .filter(Boolean)\r\n  .join(' ');\r\n\r\n   const listClass = `split-btn-list ${this.is_open ? 'open' : 'closed'}`;\r\n\r\n  return (\r\n    <Host>\r\n      <div class=\"split-btn-container\">\r\n        {/* Main action button */}\r\n        <button\r\n          id={this.text_button_id}\r\n          type={this.text_button_type}\r\n          class={textButtonClass}\r\n          disabled={this.disabled}\r\n          aria-label={this.aria_label || this.button_text}\r\n          name={this.text_button_name}\r\n          value={this.value}\r\n          onClick={this.handleClick}\r\n        >\r\n          {this.start_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          <span>{this.button_text}</span>\r\n        </button>\r\n\r\n        {/* Dropdown toggle button */}\r\n        <button \r\n          type=\"button\"\r\n          class={toggleButtonClass}\r\n          disabled={this.disabled}\r\n          onClick={() => this.toggleSelect()}\r\n        >\r\n          <i class=\"material-icons\" aria-hidden=\"true\">\r\n            {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n          </i>\r\n        </button>\r\n\r\n        <div class={listClass} aria-hidden={!this.is_open} role=\"menu\">\r\n            <slot name=\"menu\"></slot>\r\n        </div>\r\n\r\n\r\n        {/* {this.is_open && (\r\n          <div class=\"split-btn-list\">\r\n            <slot name=\"menu\"></slot>\r\n          </div>\r\n        )} */}\r\n      </div>\r\n    </Host>\r\n  );\r\n}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-e1255160.js

@@ -1,2 +0,0 @@
-const o=()=>{};export{o as g};
-//# sourceMappingURL=p-e1255160.js.map

package/www/build/p-e1255160.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c","ignoreList":[]}

package/www/build/p-e808d48a.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,H as e}from"./p-1b339a0a.js";const r='.dda-range-slider-container{width:100%;margin:20px 0;position:relative}.dda-range-slider{position:relative;width:100%;height:6px;background:var(--dda-neutral-variant-92);border-radius:5px}.dda-range-slider-input{position:absolute;width:100%;height:6px;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none;border:0;margin:0;padding:0}.dda-range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--dda-neutral-100);border:solid 2px var(--dda-neutral-90);cursor:pointer;pointer-events:all}.dda-range-slider-input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--dda-color-primary-40);cursor:pointer;pointer-events:all;}.dda-range-slider-track{position:absolute;height:100%;background:var(--dda-color-primary-40);border-radius:5px}.light-mode .dda-range-slider-track{background:var(--dda-primary-40)}.dda-range-slider-track span{background:var(--dda-neutral-100);width:55px;height:35px;font-size:16px;color:var(--dda-on-surface-variant-30);font-weight:var(--dda-fw-500);text-align:center;position:absolute;top:13px;display:flex;align-items:center;justify-content:center}.light-mode .dda-range-slider-track span{color:var(--dda-neutral-variant-30)}.dda-tooltip-top .dda-range-slider-track span{top:auto;bottom:24px}.dda-tooltip-bottom .dda-range-slider-track span{top:24px}.dda-range-slider-track .min-label{left:-17px}.dda-range-slider-track .max-label{right:-33px}.dda-tooltip-top .dda-range-slider-track span,.dda-tooltip-bottom .dda-range-slider-track span{border:solid 1px var(--dda-neutral-90);border-radius:4px;-webkit-box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);-moz-box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-tooltip-top .dda-range-slider-track span::before,.dda-tooltip-top .dda-range-slider-track span::after,.dda-tooltip-bottom .dda-range-slider-track span::before,.dda-tooltip-bottom .dda-range-slider-track span::after{content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;left:50%;margin-inline-start:-10px}.dda-tooltip-top .dda-range-slider-track span::before{top:100%;border-top:8px solid var(--dda-neutral-90);margin-top:0px}.dda-tooltip-top .dda-range-slider-track span::after{top:100%;border-top:8px solid var(--dda-neutral-100);margin-top:-2px;z-index:1}.dda-tooltip-bottom .dda-range-slider-track span::before{bottom:100%;border-bottom:8px solid var(--dda-neutral-90);margin-bottom:0px}.dda-tooltip-bottom .dda-range-slider-track span::after{bottom:100%;border-bottom:8px solid var(--dda-neutral-100);margin-bottom:-2px;z-index:1}@media (prefers-reduced-motion: no-preference){.dda-range-slider-input::-moz-range-thumb{-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}}';const d=r;const i=class{constructor(t){a(this,t);this.min=0;this.max=100;this.step=1;this.initial_min=0;this.initial_max=100;this.custom_class=""}componentWillLoad(){this.min_value=this.initial_min;this.max_value=this.initial_max}handleMinChange(a){const t=Number(a.target.value);if(t<=this.max_value-this.step){this.min_value=t}}handleMaxChange(a){const t=Number(a.target.value);if(t>=this.min_value+this.step){this.max_value=t}}getPercentage(a){return(a-this.min)/(this.max-this.min)*100}render(){return t(e,{key:"7ca547b42d646b45843bbe124380f35f435d80e3"},t("div",{key:"275c4be09e6e42d0a9fda97c056278b68dcc62ca",class:`dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}`},t("div",{key:"aa970bfff7c09850a4726e238a9e3c70f5769699",class:"dda-range-slider"},t("div",{key:"8183779543ebe8f91fc15f1fd58961d3a6559af8",class:"dda-range-slider-track",style:{left:`${this.getPercentage(this.min_value)}%`,right:`${100-this.getPercentage(this.max_value)}%`}},t("span",{key:"3548c59fba761064a052b5eeae57718ce9068bcb",class:"min-label"},this.min_value,"%"),t("span",{key:"d434ec0edff9b6bbb21b15b700fd074c2c054e4b",class:"max-label"},this.max_value,"%")),t("label",{key:"8d70e12bfa867bca04977892cdbd7f095dda4301",htmlFor:this.left_input_id},t("input",{key:"66a4d465d2b3b7c99b1421969c4fd7e23f690bbf",id:this.left_input_id,name:this.left_input_name,"aria-label":this.left_aria_label,type:"range",min:this.min,max:this.max,step:this.step,value:this.min_value,onInput:a=>this.handleMinChange(a),class:"dda-range-slider-input",style:{zIndex:`${this.min_value>this.max-this.min_value?5:3}`}})),t("label",{key:"f2c1bac86d00ce1d56e7d566cf57285c06e13a46",htmlFor:this.right_input_id},t("input",{key:"26ad737accfccb3f1c0fc2c0a2289e9c768ef6a0",id:this.right_input_id,name:this.right_input_name,"aria-label":this.right_aria_label,type:"range",min:this.min,max:this.max,step:this.step,value:this.max_value,onInput:a=>this.handleMaxChange(a),class:"dda-range-slider-input",style:{zIndex:`${this.max_value<this.max-this.min_value?5:3}`}})))))}};i.style=d;export{i as dda_range_slider};
-//# sourceMappingURL=p-e808d48a.entry.js.map

package/www/build/p-e808d48a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaRangeSliderCss","DdaRangeSliderStyle0","DdaRangeSlider","constructor","hostRef","this","min","max","step","initial_min","initial_max","custom_class","componentWillLoad","min_value","max_value","handleMinChange","event","value","Number","target","handleMaxChange","getPercentage","render","h","Host","key","class","tooltip_position","component_mode","style","left","right","htmlFor","left_input_id","id","name","left_input_name","left_aria_label","type","onInput","zIndex","right_input_id","right_input_name","right_aria_label"],"sources":["src/components/dda-range-slider/dda-range-slider.css?tag=dda-range-slider","src/components/dda-range-slider/dda-range-slider.tsx"],"sourcesContent":[".dda-range-slider-container {\r\n  width: 100%;\r\n  margin: 20px 0;\r\n  position: relative;\r\n}\r\n\r\n.dda-range-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 6px;\r\n  background: var(--dda-neutral-variant-92);\r\n  border-radius: 5px;\r\n}\r\n\r\n.dda-range-slider-input {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 6px;\r\n  background: transparent;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  pointer-events: none;\r\n  border: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dda-range-slider-input::-webkit-slider-thumb {\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  background: var(--dda-neutral-100);\r\n  border: solid 2px var(--dda-neutral-90);\r\n  cursor: pointer;\r\n  pointer-events: all;\r\n}\r\n\r\n.dda-range-slider-input::-moz-range-thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  background: var(--dda-color-primary-40);\r\n  cursor: pointer;\r\n  pointer-events: all;\r\n  /* -moz-transition: all 0.15s ease-in-out;\r\n  transition: all 0.15s ease-in-out; */\r\n}\r\n\r\n.dda-range-slider-track {\r\n  position: absolute;\r\n  height: 100%;\r\n  background: var(--dda-color-primary-40);\r\n  border-radius: 5px;\r\n}\r\n\r\n.light-mode .dda-range-slider-track{\r\n  background: var(--dda-primary-40);\r\n}\r\n\r\n.dda-range-slider-track span {\r\n  background: var(--dda-neutral-100);\r\n  width: 55px;\r\n  height: 35px;\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  font-weight: var(--dda-fw-500);\r\n  text-align: center;\r\n  position: absolute;\r\n  top: 13px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.light-mode .dda-range-slider-track span{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-tooltip-top .dda-range-slider-track span{\r\n  top: auto;\r\n  bottom: 24px;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span{\r\n  top: 24px;\r\n}\r\n.dda-range-slider-track .min-label {\r\n  left: -17px;\r\n}\r\n\r\n.dda-range-slider-track .max-label {\r\n  right: -33px;\r\n}\r\n\r\n.dda-tooltip-top .dda-range-slider-track span,\r\n.dda-tooltip-bottom .dda-range-slider-track span{\r\n  border: solid 1px var(--dda-neutral-90);\r\n  border-radius: 4px;\r\n  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  -moz-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::before, \r\n.dda-tooltip-top .dda-range-slider-track span::after,\r\n.dda-tooltip-bottom .dda-range-slider-track span::before, \r\n.dda-tooltip-bottom .dda-range-slider-track span::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-range-slider-input::-moz-range-thumb {\r\n    -moz-transition: all 0.15s ease-in-out;\r\n    transition: all 0.15s ease-in-out;\r\n  }\r\n}","import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-range-slider',\r\n  styleUrl: 'dda-range-slider.css',\r\n  shadow: false,\r\n})\r\nexport class DdaRangeSlider {\r\n  @Prop() min: number = 0;\r\n  @Prop() max: number = 100;\r\n  @Prop() step: number = 1;\r\n  @Prop() initial_min: number = 0;\r\n  @Prop() initial_max: number = 100;\r\n  @Prop() size?: string;\r\n  @Prop() tooltip_position?: string;\r\n  @State() min_value: number;\r\n  @State() max_value: number;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() left_input_id: string;\r\n  @Prop() right_input_id: string;\r\n  @Prop() left_aria_label?: string;\r\n  @Prop() right_aria_label?: string;\r\n  @Prop() left_input_name: string;\r\n  @Prop() right_input_name: string;\r\n\r\n  componentWillLoad() {\r\n    this.min_value = this.initial_min;\r\n    this.max_value = this.initial_max;\r\n  }\r\n\r\n  handleMinChange(event) {\r\n    const value = Number(event.target.value);\r\n    if (value <= this.max_value - this.step) {\r\n      this.min_value = value;\r\n    }\r\n  }\r\n\r\n  handleMaxChange(event) {\r\n    const value = Number(event.target.value);\r\n    if (value >= this.min_value + this.step) {\r\n      this.max_value = value;\r\n    }\r\n  }\r\n\r\n  getPercentage(value: number) {\r\n    return ((value - this.min) / (this.max - this.min)) * 100;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"dda-range-slider\">\r\n            <div class=\"dda-range-slider-track\"\r\n              style={{\r\n                left: `${this.getPercentage(this.min_value)}%`,\r\n                right: `${100 - this.getPercentage(this.max_value)}%`,\r\n              }}>\r\n              <span class=\"min-label\">{this.min_value}%</span>\r\n              <span class=\"max-label\">{this.max_value}%</span>\r\n            </div>\r\n            <label htmlFor={this.left_input_id}>\r\n              <input\r\n                id={this.left_input_id}\r\n                name={this.left_input_name}\r\n                aria-label={this.left_aria_label}\r\n                type=\"range\"\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.min_value}\r\n                onInput={(event) => this.handleMinChange(event)}\r\n                class=\"dda-range-slider-input\"\r\n                style={{ zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` }}\r\n              />\r\n            </label>\r\n            <label htmlFor={this.right_input_id}>\r\n              <input\r\n                id={this.right_input_id}\r\n                name={this.right_input_name}\r\n                aria-label={this.right_aria_label}\r\n                type=\"range\"\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.max_value}\r\n                onInput={(event) => this.handleMaxChange(event)}\r\n                class=\"dda-range-slider-input\"\r\n                style={{ zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` }}\r\n              />\r\n            </label>\r\n            \r\n          </div>\r\n          \r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAoB,wzFAC1B,MAAAC,EAAeD,E,MCMFE,EAAc,MAL3B,WAAAC,CAAAC,G,UAMUC,KAAAC,IAAc,EACdD,KAAAE,IAAc,IACdF,KAAAG,KAAe,EACfH,KAAAI,YAAsB,EACtBJ,KAAAK,YAAsB,IAKtBL,KAAAM,aAAwB,E,CAShC,iBAAAC,GACEP,KAAKQ,UAAYR,KAAKI,YACtBJ,KAAKS,UAAYT,KAAKK,W,CAGxB,eAAAK,CAAgBC,GACd,MAAMC,EAAQC,OAAOF,EAAMG,OAAOF,OAClC,GAAIA,GAASZ,KAAKS,UAAYT,KAAKG,KAAM,CACvCH,KAAKQ,UAAYI,C,EAIrB,eAAAG,CAAgBJ,GACd,MAAMC,EAAQC,OAAOF,EAAMG,OAAOF,OAClC,GAAIA,GAASZ,KAAKQ,UAAYR,KAAKG,KAAM,CACvCH,KAAKS,UAAYG,C,EAIrB,aAAAI,CAAcJ,GACZ,OAASA,EAAQZ,KAAKC,MAAQD,KAAKE,IAAMF,KAAKC,KAAQ,G,CAGxD,MAAAgB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,0CAA0CrB,KAAKsB,oBAAoBtB,KAAKM,gBAAgBN,KAAKuB,kBACvGL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTG,MAAO,CACLC,KAAM,GAAGzB,KAAKgB,cAAchB,KAAKQ,cACjCkB,MAAO,GAAG,IAAM1B,KAAKgB,cAAchB,KAAKS,gBAE1CS,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAarB,KAAKQ,UAAS,KACvCU,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAarB,KAAKS,UAAS,MAEzCS,EAAA,SAAAE,IAAA,2CAAOO,QAAS3B,KAAK4B,eACnBV,EAAA,SAAAE,IAAA,2CACES,GAAI7B,KAAK4B,cACTE,KAAM9B,KAAK+B,gBAAe,aACd/B,KAAKgC,gBACjBC,KAAK,QACLhC,IAAKD,KAAKC,IACVC,IAAKF,KAAKE,IACVC,KAAMH,KAAKG,KACXS,MAAOZ,KAAKQ,UACZ0B,QAAUvB,GAAUX,KAAKU,gBAAgBC,GACzCU,MAAM,yBACNG,MAAO,CAAEW,OAAQ,GAAGnC,KAAKQ,UAAYR,KAAKE,IAAMF,KAAKQ,UAAY,EAAI,QAGzEU,EAAA,SAAAE,IAAA,2CAAOO,QAAS3B,KAAKoC,gBACnBlB,EAAA,SAAAE,IAAA,2CACES,GAAI7B,KAAKoC,eACTN,KAAM9B,KAAKqC,iBAAgB,aACfrC,KAAKsC,iBACjBL,KAAK,QACLhC,IAAKD,KAAKC,IACVC,IAAKF,KAAKE,IACVC,KAAMH,KAAKG,KACXS,MAAOZ,KAAKS,UACZyB,QAAUvB,GAAUX,KAAKe,gBAAgBJ,GACzCU,MAAM,yBACNG,MAAO,CAAEW,OAAQ,GAAGnC,KAAKS,UAAYT,KAAKE,IAAMF,KAAKQ,UAAY,EAAI,U","ignoreList":[]}

package/www/build/p-eb472057.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,H as h}from"./p-1b339a0a.js";const a=class{constructor(i){t(this,i);this.buttonClick=s(this,"buttonClick",7);this.button_type="button";this.disabled=false;this.start_icon_family="";this.start_icon="";this.button_text="";this.end_icon_family="";this.end_icon="";this.aria_label="";this.button_color="primary";this.button_shape="";this.icon_button_shape="";this.custom_class="";this.button_name="";this.handleClick=t=>{if(this.disabled)return;this.buttonClick.emit({event:t,id:this.button_id,value:this.value,name:this.button_name})}}render(){const t=["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.custom_class,this.component_mode].filter(Boolean).join(" ");return i(h,{key:"f8165afa9d362801c0c5d254ac5cf55e6256fb99"},i("button",{key:"b710cca1999559fb1c78a42403f28683c1b4241b",id:this.button_id,type:this.button_type,class:t,disabled:this.disabled,"aria-label":this.aria_label||this.button_text,name:this.button_name,value:this.value,onClick:this.handleClick},this.start_icon&&i("i",{key:"e78fa8e8a81c807edb5e7d4ce40a0be09dd933be",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),this.button_text,this.end_icon&&i("i",{key:"9dc3acc424c0414e143628045c14d4b2b92eee1c",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.end_icon)))}};export{a as dda_button};
-//# sourceMappingURL=p-eb472057.entry.js.map

package/www/build/p-eb472057.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaButton","constructor","hostRef","this","button_type","disabled","start_icon_family","start_icon","button_text","end_icon_family","end_icon","aria_label","button_color","button_shape","icon_button_shape","custom_class","button_name","handleClick","event","buttonClick","emit","id","button_id","value","name","render","buttonClass","size","gap","component_mode","filter","Boolean","join","h","Host","key","type","class","onClick"],"sources":["src/components/dda-button/dda-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaButton {\r\n  @Prop() button_type: string = 'button';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon_family: string = '';\r\n  @Prop() start_icon: string = '';\r\n  @Prop() button_text: string = '';\r\n  @Prop() end_icon_family: 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() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() button_name?: string = '';\r\n  @Prop() value?: string;\r\n  // @Prop() onpressKey?: () => void;\r\n\r\n  @Event() buttonClick: EventEmitter<{ event: MouseEvent, id: string, value: string, name: string }>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    this.buttonClick.emit({\r\n      event,\r\n      id: this.button_id,\r\n      value: this.value,\r\n      name: this.button_name,\r\n    });\r\n  };\r\n \r\n  // private handleKeyDown = (event: KeyboardEvent) => {\r\n  //   if (event.key === 'Enter' || event.key === ' ') {\r\n  //     event.preventDefault();\r\n  //     this.handleClick(event as unknown as MouseEvent);\r\n  //   }\r\n  // };\r\n\r\n  render() {\r\n    const buttonClass = [\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.custom_class,\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <button\r\n          id={this.button_id}\r\n          type={this.button_type}\r\n          class={buttonClass}\r\n          disabled={this.disabled}\r\n          aria-label={this.aria_label || this.button_text}\r\n          name={this.button_name}\r\n          value={this.value}\r\n          onClick={this.handleClick}\r\n          // onKeyDown={this.handleKeyDown}\r\n        >\r\n          {this.start_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.button_text}\r\n          {this.end_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"+DAOaA,EAAS,MALtB,WAAAC,CAAAC,G,mDAMUC,KAAAC,YAAsB,SACtBD,KAAAE,SAAoB,MACpBF,KAAAG,kBAA4B,GAC5BH,KAAAI,WAAqB,GACrBJ,KAAAK,YAAsB,GACtBL,KAAAM,gBAA0B,GAC1BN,KAAAO,SAAmB,GACnBP,KAAAQ,WAAsB,GACtBR,KAAAS,aAAuB,UAEvBT,KAAAU,aAAwB,GACxBV,KAAAW,kBAA6B,GAE7BX,KAAAY,aAAwB,GAGxBZ,KAAAa,YAAuB,GAMvBb,KAAAc,YAAeC,IACrB,GAAIf,KAAKE,SAAU,OAEnBF,KAAKgB,YAAYC,KAAK,CACpBF,QACAG,GAAIlB,KAAKmB,UACTC,MAAOpB,KAAKoB,MACZC,KAAMrB,KAAKa,aACX,C,CAUJ,MAAAS,GACE,MAAMC,EAAc,CAClB,UACA,aAAavB,KAAKS,eAClBT,KAAKwB,KAAO,YAAYxB,KAAKwB,OAAS,GACtCxB,KAAKU,aAAe,aAAaV,KAAKU,eAAiB,GACvDV,KAAKW,kBAAoB,YAAYX,KAAKW,oBAAsB,GAChEX,KAAKyB,IAAM,WAAWzB,KAAKyB,MAAQ,GACnCzB,KAAKY,aACLZ,KAAK0B,gBAEJC,OAAOC,SACPC,KAAK,KAER,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEd,GAAIlB,KAAKmB,UACTc,KAAMjC,KAAKC,YACXiC,MAAOX,EACPrB,SAAUF,KAAKE,SAAQ,aACXF,KAAKQ,YAAcR,KAAKK,YACpCgB,KAAMrB,KAAKa,YACXO,MAAOpB,KAAKoB,MACZe,QAASnC,KAAKc,aAGbd,KAAKI,YACJ0B,EAAA,KAAAE,IAAA,2CAAGE,MAAM,2CAA0C,cAAa,QAC7DlC,KAAKI,YAGTJ,KAAKK,YACLL,KAAKO,UACJuB,EAAA,KAAAE,IAAA,2CAAGE,MAAM,2CAA0C,cAAa,QAC7DlC,KAAKO,W","ignoreList":[]}