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

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":[]}