ids-enterprise-wc 1.0.0-beta.15 → 1.0.0-beta.17

package/chunks/ids-chunk-VSBAMYSR.js

@@ -1,287 +0,0 @@
-import{a as k}from"./ids-chunk-ZRTZR2P5.js";import{a as I}from"./ids-chunk-JUDMGQ3I.js";import{a as A}from"./ids-chunk-ZIGY2P3N.js";import{a as $}from"./ids-chunk-T2TIUOXF.js";import{a as x}from"./ids-chunk-OIS6KGMU.js";import{a as S}from"./ids-chunk-OUX67T2L.js";import{a as w}from"./ids-chunk-B6P5AQ2Z.js";import{a as T}from"./ids-chunk-SNYFQ5ZT.js";import{a as f,b}from"./ids-chunk-XE4WFW5M.js";import{b as v,e as d,f as y,g as E}from"./ids-chunk-TJKIW3GF.js";import{a}from"./ids-chunk-EHQM67XJ.js";import{a as m}from"./ids-chunk-U7OOVFXE.js";var C=`
-/* Ids Pie Chart Component */
-.chart-legend {
-  display: flex;
-  padding-inline-start: 8px;
-  flex-direction: row;
-  margin-top: -4px;
-  justify-content: flex-start;
-  width: inherit;
-}
-.chart-legend a {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  align-items: center;
-  border: 1px solid transparent;
-  display: flex;
-  font-family: var(--ids-font-family-default);
-  font-size: var(--ids-chart-legend-font-size);
-  color: var(--ids-chart-legend-color-text);
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  padding-block-start: 2px;
-  padding-block-end: 2px;
-  text-decoration: none;
-}
-.chart-legend a:focus {
-  outline: none;
-  border-color: var(--ids-color-border-focus);
-  box-shadow: var(--ids-shadow-focus);
-}
-.chart-legend .swatch {
-  display: inline-flex;
-  margin-inline-end: 8px;
-  height: 12px;
-  width: 12px;
-}
-.chart-legend .swatch.color-1 {
-  background-color: var(--ids-chart-color-1);
-}
-.chart-legend .swatch.color-2 {
-  background-color: var(--ids-chart-color-2);
-}
-.chart-legend .swatch.color-3 {
-  background-color: var(--ids-chart-color-3);
-}
-.chart-legend .swatch.color-4 {
-  background-color: var(--ids-chart-color-4);
-}
-.chart-legend .swatch.color-5 {
-  background-color: var(--ids-chart-color-5);
-}
-.chart-legend .swatch.color-6 {
-  background-color: var(--ids-chart-color-6);
-}
-.chart-legend .swatch.color-7 {
-  background-color: var(--ids-chart-color-7);
-}
-.chart-legend .swatch.color-8 {
-  background-color: var(--ids-chart-color-8);
-}
-.chart-legend .swatch.color-9 {
-  background-color: var(--ids-chart-color-9);
-}
-.chart-legend .swatch.color-10 {
-  background-color: var(--ids-chart-color-10);
-}
-.chart-legend .swatch.color-11 {
-  background-color: var(--ids-chart-color-11);
-}
-.chart-legend .swatch.color-12 {
-  background-color: var(--ids-chart-color-12);
-}
-.chart-legend .swatch.color-13 {
-  background-color: var(--ids-chart-color-13);
-}
-.chart-legend .swatch.color-14 {
-  background-color: var(--ids-chart-color-14);
-}
-.chart-legend .swatch.color-15 {
-  background-color: var(--ids-chart-color-15);
-}
-.chart-legend .swatch.color-16 {
-  background-color: var(--ids-chart-color-16);
-}
-.chart-legend .swatch.color-17 {
-  background-color: var(--ids-chart-color-17);
-}
-.chart-legend .swatch.color-18 {
-  background-color: var(--ids-chart-color-18);
-}
-.chart-legend .swatch.color-19 {
-  background-color: var(--ids-chart-color-19);
-}
-.chart-legend .swatch.color-20 {
-  background-color: var(--ids-chart-color-20);
-}
-.chart-legend .swatch.color-21 {
-  background-color: var(--ids-chart-color-21);
-}
-
-.ids-chart-container {
-  display: flex;
-  flex-direction: column;
-}
-.ids-chart-container.legend-top {
-  margin-block-end: 8px;
-  flex-direction: column-reverse;
-}
-.ids-chart-container.legend-top .chart-legend {
-  margin-inline-start: 0;
-  justify-content: end;
-}
-.ids-chart-container.legend-right, .ids-chart-container.legend-left {
-  flex-direction: row;
-}
-.ids-chart-container.legend-right .chart-legend, .ids-chart-container.legend-left .chart-legend {
-  margin-inline-start: 0;
-  flex-direction: column;
-  justify-content: center;
-}
-.ids-chart-container.legend-right .chart-legend a, .ids-chart-container.legend-left .chart-legend a {
-  margin-block-end: 8px;
-  width: max-content;
-}
-.ids-chart-container.legend-left {
-  flex-direction: row-reverse;
-}
-
-.ids-chart-container {
-  height: 100%;
-  width: 100%;
-}
-.ids-chart-container.empty {
-  flex-direction: column;
-}
-.ids-chart-container .dot {
-  border-color: transparent;
-  border-style: solid;
-  border-radius: 50%;
-  display: inline-block;
-  border-width: var(--ids-pie-chart-tooltip-dot-size, 0);
-  position: absolute;
-  height: 0;
-  width: 0;
-}
-
-.ids-pie-chart {
-  margin-block-end: var(--ids-space-50);
-  height: 100%;
-  width: 100%;
-}
-.ids-pie-chart .slice.color-1:not([fill]) {
-  stroke: var(--ids-chart-color-1);
-}
-.ids-pie-chart .slice.color-2:not([fill]) {
-  stroke: var(--ids-chart-color-2);
-}
-.ids-pie-chart .slice.color-3:not([fill]) {
-  stroke: var(--ids-chart-color-3);
-}
-.ids-pie-chart .slice.color-4:not([fill]) {
-  stroke: var(--ids-chart-color-4);
-}
-.ids-pie-chart .slice.color-5:not([fill]) {
-  stroke: var(--ids-chart-color-5);
-}
-.ids-pie-chart .slice.color-6:not([fill]) {
-  stroke: var(--ids-chart-color-6);
-}
-.ids-pie-chart .slice.color-7:not([fill]) {
-  stroke: var(--ids-chart-color-7);
-}
-.ids-pie-chart .slice.color-8:not([fill]) {
-  stroke: var(--ids-chart-color-8);
-}
-.ids-pie-chart .slice.color-9:not([fill]) {
-  stroke: var(--ids-chart-color-9);
-}
-.ids-pie-chart .slice.color-10:not([fill]) {
-  stroke: var(--ids-chart-color-10);
-}
-.ids-pie-chart .slice.color-11:not([fill]) {
-  stroke: var(--ids-chart-color-11);
-}
-.ids-pie-chart .slice.color-12:not([fill]) {
-  stroke: var(--ids-chart-color-12);
-}
-.ids-pie-chart .slice.color-13:not([fill]) {
-  stroke: var(--ids-chart-color-13);
-}
-.ids-pie-chart .slice.color-14:not([fill]) {
-  stroke: var(--ids-chart-color-14);
-}
-.ids-pie-chart .slice.color-15:not([fill]) {
-  stroke: var(--ids-chart-color-15);
-}
-.ids-pie-chart .slice.color-16:not([fill]) {
-  stroke: var(--ids-chart-color-16);
-}
-.ids-pie-chart .slice.color-17:not([fill]) {
-  stroke: var(--ids-chart-color-17);
-}
-.ids-pie-chart .slice.color-18:not([fill]) {
-  stroke: var(--ids-chart-color-18);
-}
-.ids-pie-chart .slice.color-19:not([fill]) {
-  stroke: var(--ids-chart-color-19);
-}
-.ids-pie-chart .slice.color-20:not([fill]) {
-  stroke: var(--ids-chart-color-20);
-}
-.ids-pie-chart .slice.color-21:not([fill]) {
-  stroke: var(--ids-chart-color-21);
-}
-.ids-pie-chart.hidden {
-  display: none;
-}
-.ids-pie-chart.selectable .audible {
-  font-size: 1px;
-}
-.ids-pie-chart.selectable .slice {
-  cursor: pointer;
-}
-.ids-pie-chart.selectable .slice[selected] {
-  opacity: 1;
-}
-.ids-pie-chart.selectable .slice.not-selected {
-  opacity: 0.5;
-}
-
-.slice {
-  outline: none;
-  fill-opacity: 0;
-}
-
-.donut-text {
-  font-family: var(--ids-chart-pie-font-family);
-  font-size: var(--ids-chart-pie-font-size);
-  fill: var(--ids-chart-pie-color-text);
-  text-anchor: middle;
-}
-
-.donut-hole {
-  pointer-events: none;
-}
-
-.audible {
-  opacity: 0;
-  fill-opacity: 0;
-}
-
-.chart-legend {
-  justify-content: center;
-}`;var H=k(I(S(w(T)))),h=class extends H{initialized=!1;constructor(){super(),this.state||(this.state={}),this.DEFAULT_SELECTABLE=!1}svg;svgContainer;emptyMessage;legend;percents=[];totals=0;datasource=new x;vetoableEventTypes=["beforeselected","beforedeselected"];connectedCallback(){super.connectedCallback?.(),this.legendPlacement="right",this.svg=this.shadowRoot?.querySelector("svg"),this.svgContainer=this.shadowRoot?.querySelector(".ids-chart-svg-container"),this.emptyMessage=this.querySelector("ids-empty-message")||this.shadowRoot?.querySelector("ids-empty-message"),this.legend=this.shadowRoot?.querySelector('[name="legend"]'),this.redraw(),this.legendsClickable?.(this.selectable)}onSelectableChange(){this.legendsClickable?.(this.selectable)}redraw(){if(this.initialized){if(this.data&&this.data.length===0&&this.initialized){this.#p();return}this.#i(),this.#l(),this.#o(),this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.svg&&(this.svg.innerHTML=this.chartTemplate()),this.#d(),this.#f(),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data}})}}static get attributes(){return[...super.attributes,a.ANIMATED,a.DATA,a.DONUT,a.DONUT_TEXT,a.HEIGHT,a.SUPPRESS_TOOLTIPS,a.TITLE,a.WIDTH]}template(){return`<div class="ids-chart-container" part="container">
-      <div class="ids-chart-svg-container">
-        <svg class="ids-pie-chart" part="chart"${this.width?` width="${this.width}"`:""}${this.height?` height="${this.height}"`:""} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${this.viewBoxSize} ${this.viewBoxSize}">
-        </svg>
-      </div>
-      <slot name="legend">
-      </slot>
-      <slot name="empty-message">
-        <ids-empty-message icon="empty-no-data" hidden>
-          <ids-text type="h2" font-size="20" label="true" slot="label">${this.localeAPI?.translate("NoData")||"No data available"}</ids-text>
-        </ids-empty-message>
-      </slot>
-      <slot name="tooltip">
-        <ids-tooltip id="tooltip"></ids-tooltip>
-      </slot>
-    </div>`}onLocaleChange=()=>{this.redraw();let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))};onLanguageChange=()=>{let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))};#i(){this.totals=0,this.percents=[];let t=this.data[0].data;t?.forEach(e=>{this.totals+=e.value||0}),t?.forEach(e=>{let r=(e.value||0)/this.totals*100;this.percents.push({total:r,rounded:Math.round(r)})})}legendTemplate(){let t='<div class="chart-legend">';return this.data[0].data?.forEach((e,r)=>{let i=e.pattern?"":` color-${r+1}`,o=e.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" fill="url(#${e.pattern})"></rect></svg>`:"",s=`${e.name} (${this.percents[r].rounded}${this.localeAPI?.numbers().percentSign||"%"})`;typeof this.legendFormatter=="function"&&(s=this.legendFormatter(e,this.percents[r],this)),t+=`<a href="#legend-${v(e.name||r)}" data-index="${r}" class="chart-legend-item">
-        <div class="swatch${i}">${o}</div>
-        ${s}
-        </a>`}),t+="</div>",t}set legendFormatter(t){this.state.legendFormatter=t,this.redraw()}get legendFormatter(){return this.state.legendFormatter}#o(){let t="";if(!this.shadowRoot?.styleSheets)return;this.data[0].data?.forEach((i,o)=>{let s=i,l=s.patternColor;!l&&s.color&&s.color.substr(0,1)==="#"&&(l=s.color),!l&&s.color&&s.color.substr(0,1)!=="#"&&s.color.substr(0,11)!=="--ids-color"&&(l=`var(--ids-color-${s.color})`),!l&&s.color&&s.color.substr(0,1)!=="#"&&s.color.substr(0,11)==="--ids-color"&&(l=`var(${s.color})`),l||(l=`var(${this.colors[o]})`),t+=`--ids-chart-color-${o+1}: ${l} !important;`});let r=this.shadowRoot.styleSheets[0];r.cssRules&&r.cssRules[0].selectorText===":host"&&r.deleteRule(0),r.insertRule(`:host {
-      ${t}
-    }`)}chartTemplate(){let t="",e=0,r=this.donut?40:25,i=this.donut?15:50,o=this.viewBoxSize/2,s=this.viewBoxSize/2;return this.percents.forEach((l,n)=>{let c=2*Math.PI*r,p=c-c*l.total/100,P=e*360/100+-90,g=this.data[0].data,D=g?.[n].pattern?"":` color-${n+1}`,M=g?.[n].pattern?`url(#${g?.[n].pattern})`:this.color(n);if(t+=`<g role="listitem">
-        <circle class="slice${D}" part="circle" stroke="${M}" stroke-width="${i}" index="${n}" percent="${l.total}" r="${r}" cx="${o}" cy="${s}" stroke-dasharray="${c}" stroke-dashoffset="${this.animated?c:p}" transform="rotate(${P} ${o} ${s})" pointer-events="stroke"></circle>
-        <text class="audible">${g?.[n].name}  ${l.rounded}%</text>
-        </g>`,e+=l.total,this.animated){let L=380*l.total/100,N=380*e/100;requestAnimationFrame(()=>{this.container?.querySelector(`circle.slice[index="${n}"]`)?.style.setProperty("transition",`stroke-dashoffset ${L}ms cubic-bezier(0.17, 0.04, 0.03, 0.94) ${N}ms`),requestAnimationFrame(()=>{this.container?.querySelector(`circle.slice[index="${n}"]`)?.setAttribute("stroke-dashoffset",String(p))})})}}),`<title></title>
-      <title>${this.title}</title>
-      <defs>
-        ${this.#a()}
-      </defs>
-      <g role="list">
-        ${t}
-      </g>
-      <circle class="donut-hole" r="${r}" cx="${o}" cy="${s}" fill="transparent" stroke-width="0"></circle>
-      <text class="donut-text" x="50%" y="50%" dy=".3em">${this.donutText}</text>
-      `}#a(){let t="";return this.data[0].data?.forEach((e,r)=>{let i=$[e.pattern];if(i){let o=`${this.color(r)}`;i=i.replace('fill="#000000"',`fill="${o}"`),t+=i}}),t}get viewBoxSize(){return 100}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll(".slice")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll(".slice")??[]]}tooltipTemplate(){return"<b>${label}</b> ${value}"}#s(t){return t*(Math.PI/180)}#t=[];#l(){this.#t=[];let t=this.totals,e=this.#s(-90);this.data?.[0]?.data?.forEach(r=>{let i=r.value/t*Math.PI*2+e,o=(e+i)/2;this.#t.push({startAngle:e,midAngle:o,endAngle:i}),e=i})}#n(t,e=0){let r=this.svg?.clientWidth??NaN,i=this.svg?.clientHeight??NaN,o=Math.min(r,i)/2-(this.donut?8:0),{x:s,y:l}=this.svgContainer?.getBoundingClientRect()??{x:NaN,y:NaN},n=r/2+s-this.#r,u=i/2+l-this.#r,{midAngle:c}=this.#t[t];return{x:n+Math.cos(c)*(o+e),y:u+Math.sin(c)*(o+e),midAngle:c}}#r=2;#e=[];#c(){if(this.#e=[...this.svgContainer?.parentElement?.querySelectorAll("#dots .dot")??[]],!this.#e.length){let t=`<div id="dots">${this.#t.map(()=>'<span class="dot"></span>').join("")}`;this.svgContainer?.parentElement?.insertAdjacentHTML("beforeend",t),this.#e=[...this.svgContainer?.parentElement?.querySelectorAll("#dots .dot")??[]]}this.#e.forEach((t,e)=>{let{x:r,y:i}=this.#n(e);t.style.setProperty("--ids-pie-chart-tooltip-dot-size",`${this.#r}px`),t.style.setProperty("left",`${r}px`),t.style.setProperty("top",`${i}px`)})}#d(){if(this.suppressTooltips)return;let t=this.svgContainer?.parentElement?.querySelector("ids-tooltip");this.tooltipElements().forEach((e,r)=>{this.onEvent("hoverend",e,async()=>{t&&(t.innerHTML=this.#u(e),t.target=e),this.#g(t,r)})})}#h(){this.tooltipElements().forEach(t=>{this.offEvent("hoverend",t)})}#g(t,e){this.#c(),t.popup.alignTarget=this.#e[e];let{midAngle:r}=this.#t[e],i=r+this.#s(90),o=Math.PI/4,s=null;i<=o&&i>=0||i>7*o?s="top":i<=3*o&&i>=o?s="right":i<=5*o&&i>=3*o?s="bottom":i<=7*o&&i>=5*o&&(s="left"),t.placement=s,t.visible=!0}tooltipData(t){let e=this.data[0].data[t];return{label:e.name,value:e.value||0,tooltip:e.tooltip,total:this.percents[t].total,rounded:this.percents[t].rounded}}#u(t){let e=Number(t.getAttribute("index")),r=this.tooltipData(e);return r.tooltip?r.tooltip.replace("${value}",r.value).replace("${label}",r.label).replace("${percent}",r.rounded):E(this.tooltipTemplate(),r)}#p(){this.svg?.classList.add("hidden"),this.svgContainer?.parentElement?.classList.add("empty"),this.emptyMessage?.style.setProperty("height",`${this.height}px`),this.emptyMessage?.removeAttribute("hidden")}#m(){this.svg?.classList.remove("hidden"),this.svgContainer?.parentElement?.classList.remove("empty"),this.emptyMessage?.style.setProperty("height",""),this.emptyMessage?.setAttribute("hidden","")}#f(){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let t=this.data[0]?.data?.findIndex(e=>e.selected);if(typeof t=="number"&&t>-1){let e=this.selectionElements[t];if(!e)return;this.selectionElements.forEach(r=>{r===e?r.setAttribute("selected",""):r.classList.add("not-selected")})}}getSelected(){let t=this.selectionElements.filter(i=>i.hasAttribute("selected"))[0];if(!t)return{};let e=t.getAttribute("index"),r=this.data[0].data?.[e];return{slice:t,index:e,data:r}}setSelected(t){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let e=y(t.index);Number.isNaN(e)||this.setSelection(e)}setSelection(t){let e=this.selectionElements?.[t];if(!e)return!1;let r,i=(s,l)=>(r=this.data[0].data?.[l],this.triggerVetoableEvent("beforedeselected",{slice:s,index:l,data:r})?(r&&delete r.selected,this.selectionElements.forEach(n=>n.classList.remove("not-selected")),s.removeAttribute("selected"),this.triggerEvent("deselected",this,{bubbles:!0,detail:{elem:this,slice:s,index:l,data:r}}),!0):!1),o=this.selectionElements.findIndex(s=>s.hasAttribute("selected"));if(o>-1){if(`${o}`==`${t}`)return i(e,o);if(!i(this.selectionElements[o],o))return!1}return r=this.data[0].data?.[t],this.triggerVetoableEvent("beforeselected",{slice:e,index:t,data:r})?(this.selectionElements.forEach(s=>{s===e?s.setAttribute("selected",""):s.classList.add("not-selected")}),r&&(r.selected=!0),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,slice:e,index:t,data:r}}),!0):!1}onTitleChange(t){let e=this.container?.querySelectorAll(a.TITLE);e&&e?.length>1&&(e[1].textContent=t)}set donut(t){this.setAttribute(a.DONUT,String(t)),this.redraw()}get donut(){return d(this.getAttribute(a.DONUT))||!1}set donutText(t){this.setAttribute(a.DONUT_TEXT,t);let e=this.container?.querySelector(".donut-text");e&&(e.innerHTML=t)}get donutText(){return this.getAttribute(a.DONUT_TEXT)||""}set height(t){this.setAttribute(a.HEIGHT,String(t)),this.svg?.setAttribute(a.HEIGHT,String(t)),this.redraw()}get height(){let t=this.getAttribute(a.HEIGHT);return t?parseFloat(t):""}set width(t){this.setAttribute(a.WIDTH,String(t)),this.svg?.setAttribute(a.WIDTH,String(t)),this.redraw()}get width(){let t=this.getAttribute(a.WIDTH);return t?parseFloat(t):""}set data(t){if(t){this.#m(),this.datasource.data=t,this.initialized=!0,this.redraw();return}this.datasource.data=[]}get data(){return this?.datasource?.data||[]}get colors(){return A}color(t){return`var(${this.data[0].data?.[t].color?`color-${t+1}`:this.colors[t]})`}set animated(t){this.setAttribute(a.ANIMATED,String(t)),this.redraw()}get animated(){return this.getAttribute(a.ANIMATED)===null?!0:d(this.getAttribute(a.ANIMATED))}set suppressTooltips(t){this.setAttribute(a.SUPPRESS_TOOLTIPS,String(t)),d(this.getAttribute(a.SUPPRESS_TOOLTIPS))&&this.#h(),this.redraw()}get suppressTooltips(){return this.getAttribute(a.SUPPRESS_TOOLTIPS)===null?!1:d(this.getAttribute(a.SUPPRESS_TOOLTIPS))}};h=m([f("ids-pie-chart"),b(C)],h);export{h as a};

package/chunks/ids-chunk-W6SERMUQ.js

@@ -1,79 +0,0 @@
-import{a,b as n}from"./ids-chunk-5U5L5TSC.js";import{a as v}from"./ids-chunk-J6DDVFGW.js";import{a as c}from"./ids-chunk-OUX67T2L.js";import{a as p}from"./ids-chunk-B6P5AQ2Z.js";import{c as m}from"./ids-chunk-ZUHWNQKP.js";import{a as u}from"./ids-chunk-SNYFQ5ZT.js";import{a as l,b as g}from"./ids-chunk-XE4WFW5M.js";import{e as d}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-EHQM67XJ.js";import{a as h}from"./ids-chunk-U7OOVFXE.js";var b=`
-:host {
-  display: block;
-  position: fixed;
-  transition: box-shadow var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease);
-}
-
-:host([edge=bottom]) {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  transform: translateY(100%);
-}
-
-:host([edge=bottom][visible]) {
-  transform: translateY(0);
-}
-
-:host([edge=start]:not([dir])) {
-  bottom: 0;
-  left: 0;
-  top: 0;
-  transform: translateX(-100%);
-}
-
-:host([edge=start][visible]) {
-  transform: translateX(0);
-}
-
-:host([dir=rtl][edge=start]) {
-  bottom: 0;
-  right: 0;
-  top: 0;
-  transform: translateX(100%);
-}
-
-:host([dir=rtl][edge=start][visible]) {
-  transform: translateX(0);
-}
-
-.ids-drawer {
-  height: 100%;
-  width: 100%;
-}
-.ids-drawer.type-action-sheet {
-  background-color: var(--ids-drawer-action-sheet-color-background);
-  box-shadow: var(--ids-drawer-action-sheet-shadow);
-  color: var(--ids-drawer-action-sheet-color-text);
-  padding: var(--ids-space-50);
-  margin: 0 auto;
-  max-height: 70vh;
-  max-width: 480px;
-  min-height: 150px;
-  border-top-left-radius: 15px;
-  border-top-right-radius: 15px;
-}
-.ids-drawer.type-app-menu {
-  background-color: var(--ids-drawer-app-menu-color-background);
-  color: var(--ids-drawer-app-menu-color-text);
-  min-width: var(--ids-drawer-width);
-  width: var(--ids-drawer-width);
-}
-.ids-drawer.type-app-menu ::slotted(ids-text) {
-  color: inherit;
-}
-.ids-drawer.type-app-menu.visible {
-  box-shadow: var(--ids-drawer-app-menu-shadow);
-}
-@media (min-width: 840px) {
-  .ids-drawer.type-app-menu.visible {
-    box-shadow: none;
-  }
-}
-.ids-drawer.type-module-nav {
-  background-color: var(--ids-module-nav-background-color);
-  color: var(--ids-module-nav-text-color);
-}`;var f=v(c(p(u))),r=class extends f{constructor(){super(),this.state||(this.state={}),this.state.edge=null,this.state.target=null,this.state.type=null,this.state.visible=!1}connectedCallback(){super.connectedCallback()}static get attributes(){return[...super.attributes,i.EDGE,i.TYPE,i.VISIBLE]}template(){return`<div class="ids-drawer">
-      <slot></slot>
-    </ids-drawer>`}get edge(){return this.state.edge}set edge(t){let e=a[0];typeof t=="string"&&a.includes(t)&&(e=t),this.state.edge!==e&&(this.state.edge=e,this.setAttribute(i.EDGE,`${e}`),this.#t())}#t(){let t=this.container?.classList,e=`edge-${this.edge}`;a.forEach(o=>{let s=`edge-${o}`;e===s&&!t?.contains(e)?t?.add(e):e!==s&&t?.contains(s)&&t?.remove(s)})}get target(){return this.state.target}set target(t){t!==this.state.target&&(this.removeTriggerEvents(),this.state.target=t,this.refreshTriggerEvents())}hasTriggerEvents=!1;removeTriggerEvents(){["click.trigger"].forEach(e=>{this.handledEvents.get(e)&&this.detachEventsByName(e)}),this.hasTriggerEvents=!1}refreshTriggerEvents(){this.target&&this.onEvent("click.trigger",this.target,()=>{this.type===n[0]&&this.visible?this.hide():this.show()})}get type(){return this.state.type}set type(t){let e=null;typeof t=="string"&&n.includes(t)&&(e=t),this.state.type!==e&&(this.state.type=e,e?this.setAttribute(i.TYPE,`${e}`):this.removeAttribute(i.TYPE),this.#e())}#e(){let t=this.container?.classList,e=`type-${this.type}`;n.forEach(o=>{let s=`type-${o}`;this.type!==null&&e===s&&!t?.contains(e)?t?.add(e):e!==s&&t?.contains(s)&&t?.remove(s)})}get visible(){return d(this.state.visible)}set visible(t){let e=d(t);e?this.setAttribute(i.VISIBLE,m(`${t}`)):this.removeAttribute(i.VISIBLE),this.state.visible!==e&&(this.state.visible=e,this.#s())}#s(){this.visible?(this.container?.classList.add("visible"),this.addOpenEvents(),this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}})):(this.container?.classList.remove("visible"),this.removeOpenEvents(),this.triggerEvent("hide",this,{bubbles:!0,detail:{elem:this}}))}vetoableEventTypes=["beforeshow","beforehide"];show(){this.triggerVetoableEvent("beforeshow")&&(this.visible=!0)}hide(){this.triggerVetoableEvent("beforehide")&&(this.visible=!1)}onOutsideClick(t){this.isEqualNode(t.target)||this.contains(t.target)||this.hide()}};r=h([l("ids-drawer"),g(b)],r);export{r as a};

package/chunks/ids-chunk-WHTBSUNZ.js

@@ -1,192 +0,0 @@
-import{a as y,b as V,c as d}from"./ids-chunk-MQRL4K4E.js";import{a as x}from"./ids-chunk-53T43YKS.js";import{a as S}from"./ids-chunk-PRFN5Z6E.js";import{a as D}from"./ids-chunk-ZORFAJZQ.js";import{b as v}from"./ids-chunk-4Y4JK2GT.js";import{a as N}from"./ids-chunk-XEVQKVGO.js";import{a as f}from"./ids-chunk-OUX67T2L.js";import{a as E}from"./ids-chunk-T6ZV4PDM.js";import{a as k}from"./ids-chunk-B6P5AQ2Z.js";import{a as T}from"./ids-chunk-E2WR233N.js";import{a as I}from"./ids-chunk-SNYFQ5ZT.js";import{a as m,b}from"./ids-chunk-XE4WFW5M.js";import{j as g,t as A,u as h}from"./ids-chunk-EJFTSZLS.js";import{e as s,f as u}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-EHQM67XJ.js";import{a as c}from"./ids-chunk-U7OOVFXE.js";var R=`
-.hide {
-  display: none;
-}
-
-@media all and (max-width: 1440px) {
-  .hide-xxl-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1440px) {
-  .hide-xxl-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 1280px) {
-  .hide-xl-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1280px) {
-  .hide-xl-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 1024px) {
-  .hide-lg-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 1024px) {
-  .hide-lg-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 840px) {
-  .hide-md-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 840px) {
-  .hide-md-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 600px) {
-  .hide-sm-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 600px) {
-  .hide-sm-up {
-    display: none;
-  }
-}
-
-@media all and (max-width: 360px) {
-  .hide-xs-down {
-    display: none;
-  }
-}
-
-@media all and (min-width: 360px) {
-  .hide-xs-up {
-    display: none;
-  }
-}
-
-:host {
-  display: block;
-}
-
-.ids-time-picker {
-  display: inline-block;
-  max-width: 100%;
-}
-.ids-time-picker ids-trigger-field,
-.ids-time-picker .ids-trigger-field {
-  display: inline-block;
-  max-width: 100%;
-}
-.ids-time-picker ids-trigger-field[size=full] {
-  display: block;
-}
-.ids-time-picker.full {
-  display: block;
-}
-.ids-time-picker.full ids-trigger-field,
-.ids-time-picker.full .ids-trigger-field {
-  display: block;
-}
-.ids-time-picker ids-dropdown::part(trigger-field) {
-  display: inline-flex;
-  min-width: 75px;
-}
-.ids-time-picker ids-list-box,
-.ids-time-picker ids-list-box-option {
-  width: 100%;
-}
-.ids-time-picker ids-popup::part(popup) {
-  margin: var(--ids-space-none);
-  padding: var(--ids-space-none);
-}
-.ids-time-picker .dropdowns {
-  display: flex;
-  flex-direction: row;
-  padding-inline-start: 15px;
-  padding-inline-end: 15px;
-  padding-top: 15px;
-}
-.ids-time-picker .dropdown::part(trigger-field) {
-  justify-content: center;
-}
-.ids-time-picker.is-open ids-trigger-button::part(button) {
-  color: var(--ids-time-picker-button-color-background-expanded);
-}
-.ids-time-picker.is-open ids-trigger-field::part(field-container) {
-  border-color: var(--ids-time-picker-input-color-border-expanded);
-}
-@media all and (max-width: 360px) {
-  .ids-time-picker .dropdowns {
-    flex-direction: column;
-    align-items: center;
-    width: var(--ids-input-width-10);
-  }
-  .ids-time-picker .separator {
-    display: none;
-  }
-}
-.ids-time-picker.color-variant-borderless ids-trigger-field::part(input) {
-  padding-inline-end: 0 !important;
-}
-.ids-time-picker.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
-  padding-inline: 14px;
-  height: 50px;
-}
-.ids-time-picker.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
-  padding-inline: 10px;
-  height: 40px;
-}
-.ids-time-picker.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
-  padding-inline: 6px;
-  height: 35px;
-}
-.ids-time-picker.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
-  padding-inline: 2px;
-  height: 30px;
-}`;var L=D(N(v(T(S(f(E(k(I)))))))),l=class extends L{isFormComponent=!0;triggerButton=null;picker=null;constructor(){super()}connectedCallback(){super.connectedCallback(),this.triggerButton=this.container?.querySelector("ids-trigger-button"),this.picker=this.container?.querySelector("ids-time-picker-popup"),this.configurePickerPopup(),this.#p(),this.#h(),this.#n()}disconnectedCallback(){super.disconnectedCallback?.(),this.picker=null,this.triggerButton=null}static get attributes(){return[...super.attributes,...y,...V]}colorVariants=["alternate-formatter","borderless","in-cell"];onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onFieldHeightChange(t){if(t){let e=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.input?.setAttribute(e.name,e.val)}else this.input?.removeAttribute("compact"),this.input?.removeAttribute("field-height")}template(){let t=()=>`<ids-time-picker-popup
-        id="popup-${this.id?this.id:""}"
-        align="left, top"
-        animated
-        arrow="bottom"
-        autoupdate="${this.autoupdate}"
-        embeddable="${this.embeddable}"
-        format="${this.format}"
-        trigger-type="click"
-        use-current-time="time"
-        value="${this.value}"
-      ></ids-time-picker-popup>`;if(this.embeddable)return t();let e=this.colorVariant?` color-variant="${this.colorVariant}"`:"",n=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",r=this.labelState?` label-state="${this.labelState}"`:"",o=this.compact?" compact":"",a=this.noMargins?" no-margins":"";return`
-      <div class="ids-time-picker" part="container">
-        <ids-trigger-field
-          ${this.id?`id="${this.id}"`:""}
-          ${e}${n}${o}${a}${r}
-          label="${this.label}"
-          size="${this.size}"
-          placeholder="${this.placeholder}"
-          value="${this.value}"
-          ${this.disabled?`disabled="${this.disabled}"`:""}
-          ${this.readonly?`readonly="${this.readonly}"`:""}
-          ${this.dirtyTracker?`dirty-tracker="${this.dirtyTracker}"`:""}
-          ${this.validate?`validate="${this.validate}"`:""}
-          validation-events="${this.validationEvents}"
-          part="input"
-        >
-          <ids-text audible="true" translate-text="true">UseArrow</ids-text>
-          <ids-trigger-button slot="trigger-end" part="trigger-button" id="triggerBtn-${this.id?this.id:""}">
-            <ids-text audible="true" translate-text="true">TimepickerTriggerButton</ids-text>
-            <ids-icon icon="clock" part="icon"></ids-icon>
-          </ids-trigger-button>
-        </ids-trigger-field>
-        ${t()}
-      <div>
-    `}onDirtyTrackerChange(t){t?this.input?.setAttribute(i.DIRTY_TRACKER,String(t)):this.input?.removeAttribute(i.DIRTY_TRACKER)}configurePickerPopup(){let t=this.input?.getAttribute("id"),e=this.triggerButton,n=e?.getAttribute("id"),r=this.picker;r&&(r.format=this.format,this.input&&(r.value=this.input.value),e&&(r.setAttribute(i.TARGET,`#${t}`),r.setAttribute(i.TRIGGER_TYPE,"click"),r.setAttribute(i.TRIGGER_ELEM,`#${n}`),r.popup&&(r.popup.x=0,r.popup.setAttribute(i.ARROW_TARGET,`#${n}`),r.popup.onXYSwitch=x),r.onOutsideClick=o=>{let a=o.composedPath&&o.composedPath();!a?.includes(r)&&!a?.includes(this.input)&&r.hide()},r.onTriggerClick=()=>{this.disabled||this.readonly||r?.toggleVisibility()},r.refreshTriggerEvents()))}#h(){return this.listen(["ArrowDown","Escape","Backspace"],this,t=>{t.stopPropagation(),t.key==="ArrowDown"?this.picker?.show():(t.key==="Escape"||t.key==="Backspace")&&this.picker?.hide(!0)}),this}#p(){return this.offEvent("change.time-picker-dropdowns"),this.onEvent("change.time-picker-dropdowns",this.container?.querySelector(".dropdowns"),t=>{let e=t.detail?.elem?.id;e&&this.setAttribute(e,t.detail.value)}),this.offEvent("timeselected"),this.onEvent("timeselected",this.container,()=>{this.#i()}),this.offEvent("hide.picker"),this.onEvent("hide.picker",this.picker,t=>{t.detail.doFocus&&!this.autoselect&&this.input?.focus(),this.onHide()}),this.offEvent("show.picker"),this.onEvent("show.picker",this.picker,()=>{this.onShow()}),this.offEvent("focus.time-picker-input"),this.onEvent("focus.time-picker-input",this.input,()=>{this.picker&&this.autoselect&&(this.picker.visible||this.picker.show())}),this.offEvent("change.time-picker-input"),this.onEvent("change.time-picker-input",this.input,t=>{this.setAttribute(i.VALUE,t.detail.value)}),this}onLocaleChange=()=>{this.picker&&(this.picker.format=this.format,this.picker.locale=this.locale),this.input&&(this.input.format=this.format,this.input.locale=this.locale),this.#n(),this.picker?.renderDropdowns()};onLanguageChange=()=>{this.picker?.renderDropdowns()};#o(){let t=this.input?.value||this.value,e=this.localeAPI?.parseDate(t,{dateFormat:this.format}),n=e?.getHours(),r=h(n),o=e?.getMinutes(),a=e?.getSeconds(),p=e&&this.localeAPI?.calendar()?.dayPeriods[n>=12?1:0];this.#a()&&n!==this.hours&&(this.hours=n>=0?n:null),this.#t()&&r!==this.hours&&(this.hours=r>=0?r:null),o!==this.minutes&&(this.minutes=o>=0?o:null),a!==this.seconds&&(this.seconds=a>=0?a:null),this.#s()&&p!==this.period&&(this.period=p)}#s(){return this.#t()&&(this.format.toLowerCase().indexOf(" a")>-1||this.format.toLowerCase().indexOf("a")===0)}#t(){return this.format.includes("h")}#a(){return this.format.includes("H")||!this.#s()}#u(){if(!this.#e())return d(this.#t()?1:0,this.#t()?12:23);if(this.#a())return d(this.startHour,this.endHour>23?23:this.endHour);let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t===0&&this.startHour===0||t===1&&this.startHour<=12&&this.endHour>=12?[...d(this.#d(),this.#l()),12]:d(this.#d(),this.#l())}#e(){return this.startHour>0||this.endHour<24}#d(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.startHour<=12&&t===1||this.startHour===0?1:this.startHour>12?this.startHour%12:this.startHour}#l(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.endHour>=12&&t===0||this.endHour===24?11:t===1?this.endHour%12:this.endHour}#c(){let t=this.localeAPI?.calendar().dayPeriods||[];return this.#e()?t.reduce((e,n,r)=>{let o=r===0&&(this.startHour<12||this.startHour===0),a=r===1&&this.endHour>=12;return o||a?[...e,n]:e},[]):t}#m(){let t=new Date,e=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t.setHours(A(this.hours,e),this.minutes,this.seconds),this.localeAPI.formatDate(t,{pattern:this.format})}#i(){this.value=this.#m()}#b(){this.validate?.includes("time")&&this.input?.addValidationRule({id:"time",type:"error",message:this.localeAPI?.translate("InvalidTime"),check:t=>{if(!t.value)return!0;let e=this.localeAPI.parseDate(t.value,{dateFormat:this.format,strictTime:!0});return g(e)}})}#r(t,e){return Math.round(t/e)*e}#n(){this.input&&this.mask&&(this.input.mask="date",this.input.maskOptions={format:this.format})}open(){this.picker?.show()}close(){this.picker?.hide(!1)}onHide(){this.container?.classList.remove("is-open"),this.picker?.setAttribute(i.TABINDEX,"-1")}onShow(){this.container?.classList.add("is-open"),this.picker&&(this.picker.removeAttribute(i.TABINDEX),this.picker.popup&&(this.picker.popup.align=`bottom, ${this.localeAPI.isRTL()||["md","lg","full"].includes(this.size)?"right":"left"}`,this.picker.popup.arrow="bottom")),!this.input?.value&&this.useCurrentTime&&this.#o(),this.picker?.focus()}get popup(){return this.container?.querySelector("ids-popup")||null}get input(){return this.container?.querySelector("ids-trigger-field")||null}set format(t){t?(this.setAttribute(i.FORMAT,t),this.picker?.setAttribute(i.FORMAT,`${t}`)):(this.removeAttribute(i.FORMAT),this.picker?.setAttribute(i.FORMAT,`${this.localeAPI?.calendar().timeFormat}`)),this.#n()}get format(){return this.getAttribute(i.FORMAT)||this.localeAPI?.calendar().timeFormat||"hh:mm a"}set value(t){!this.disabled&&!this.readonly&&(this.setAttribute(i.VALUE,t),this.#o(),this.input&&(this.input.value=t))}get value(){return this.getAttribute(i.VALUE)||""}set autoselect(t){s(t)?this.setAttribute(i.AUTOSELECT,"true"):this.removeAttribute(i.AUTOSELECT)}get autoselect(){return s(this.getAttribute(i.AUTOSELECT))}set autoupdate(t){let e=s(t),n=this.container?.querySelector(".popup-btn");e?(this.setAttribute(i.AUTOUPDATE,"true"),n?.setAttribute("hidden","true")):(this.removeAttribute(i.AUTOUPDATE),n?.removeAttribute("hidden"))}get autoupdate(){return s(this.getAttribute(i.AUTOUPDATE))}set disabled(t){s(t)?(this.setAttribute(i.DISABLED,"true"),this.input?.setAttribute(i.DISABLED,"true")):(this.removeAttribute(i.DISABLED),this.input?.removeAttribute(i.DISABLED))}get disabled(){return s(this.getAttribute(i.DISABLED))}set readonly(t){s(t)?(this.setAttribute(i.READONLY,"true"),this.input?.setAttribute(i.READONLY,"true")):(this.removeAttribute(i.READONLY),this.input?.removeAttribute(i.READONLY))}get readonly(){return s(this.getAttribute(i.READONLY))}onLabelChange(t){this.input&&(this.input.label=t??"")}onIdChange(t){t?this.input?.setAttribute(i.ID,t):this.input?.removeAttribute(i.ID)}set placeholder(t){t?(this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t)):(this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER))}get placeholder(){return this.getAttribute(i.PLACEHOLDER)??""}set noMargins(t){s(t)?(this.setAttribute(i.NO_MARGINS,"true"),this.input?.setAttribute(i.NO_MARGINS,"true")):(this.removeAttribute(i.NO_MARGINS),this.input?.removeAttribute(i.NO_MARGINS))}get noMargins(){return s(this.getAttribute(i.NO_MARGINS))}set size(t){t?(this.setAttribute(i.SIZE,t),this.container?.classList.add(t)):(this.removeAttribute(i.SIZE),this.container?.classList.remove(t)),this.input?.setAttribute(i.SIZE,this.size)}get size(){return this.getAttribute(i.SIZE)??"sm"}set minuteInterval(t){let e=u(t);Number.isNaN(e)?this.removeAttribute(i.MINUTE_INTERVAL):this.setAttribute(i.MINUTE_INTERVAL,String(e)),this.picker&&(this.picker.minuteInterval=t)}get minuteInterval(){let t=u(this.getAttribute(i.MINUTE_INTERVAL));return Number.isNaN(t)?5:t}set secondInterval(t){let e=u(t);Number.isNaN(e)?this.removeAttribute(i.SECOND_INTERVAL):this.setAttribute(i.SECOND_INTERVAL,String(e)),this.picker&&(this.picker.secondInterval=t)}get secondInterval(){let t=u(this.getAttribute(i.SECOND_INTERVAL));return Number.isNaN(t)?5:t}set embeddable(t){s(t)?this.setAttribute(i.EMBEDDABLE,"true"):this.removeAttribute(i.EMBEDDABLE),this.picker&&(this.picker.embeddable=t)}get embeddable(){return s(this.getAttribute(i.EMBEDDABLE))}set hours(t){t!==null?this.setAttribute(i.HOURS,String(t)):this.removeAttribute(i.HOURS),this.picker&&(this.picker.hours=t),this.autoupdate&&this.#i()}get hours(){if(this.picker)return this.picker.hours;let t=u(this.getAttribute(i.HOURS));if(!Number.isNaN(t))return t;if(this.#e())return this.#u()[0];if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getHours();return this.#t()?h(e):e}return 1}get hours24(){return(this.localeAPI?.parseDate(this.input?.value||this.value,{dateFormat:this.format})).getHours()}set minutes(t){let e=String(t);t!==null?this.setAttribute(i.MINUTES,e):this.removeAttribute(i.MINUTES),this.picker&&(this.picker.minutes=t),this.autoupdate&&this.#i()}get minutes(){if(this.picker)return this.picker.minutes;let t=u(this.getAttribute(i.MINUTES));if(!Number.isNaN(t))return this.#r(t,this.minuteInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getMinutes();return this.#r(e,this.minuteInterval)}return 0}set seconds(t){let e=String(t);t!==null?this.setAttribute(i.SECONDS,e):this.removeAttribute(i.SECONDS),this.picker&&(this.picker.seconds=t),this.autoupdate&&this.#i()}get seconds(){if(this.picker)return this.picker.seconds;let t=u(this.getAttribute(i.SECONDS));if(!Number.isNaN(t))return this.#r(t,this.secondInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getSeconds();return this.#r(e,this.secondInterval)}return 0}set period(t){t?this.setAttribute(i.PERIOD,t):this.removeAttribute(i.PERIOD),this.picker&&(this.#e()?this.picker.hours=String(this.#u()[0]):this.picker.period=t),this.autoupdate&&this.#i()}get period(){if(this.picker)return this.picker.period;let t=this.getAttribute(i.PERIOD),e=this.#c(),n=e.map(r=>r.toLowerCase()).includes(t?.toString().toLowerCase());return this.#s()?t&&n?t:this.useCurrentTime&&new Date().getHours()>=12?e[1]:e[0]:""}set validate(t){t?(this.setAttribute(i.VALIDATE,t),this.input?.setAttribute(i.VALIDATE,t),this.input?.setAttribute(i.VALIDATION_EVENTS,this.validationEvents),this.input?.handleValidation()):(this.removeAttribute(i.VALIDATE),this.input?.removeAttribute(i.VALIDATE),this.input?.removeAttribute(i.VALIDATION_EVENTS),this.input?.handleValidation()),this.#b()}get validate(){return this.getAttribute(i.VALIDATE)}set validationEvents(t){t?(this.setAttribute(i.VALIDATION_EVENTS,t),this.input?.setAttribute(i.VALIDATION_EVENTS,t)):(this.removeAttribute(i.VALIDATION_EVENTS),this.input?.removeAttribute(i.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(i.VALIDATION_EVENTS)??"change blur"}set tabbable(t){this.setAttribute(i.TABBABLE,String(t)),this.input?.setAttribute(i.TABBABLE,String(t))}get tabbable(){let t=this.getAttribute(i.TABBABLE);return t!==null?s(t):!0}set startHour(t){t?this.setAttribute(i.START_HOUR,String(t)):this.removeAttribute(i.START_HOUR),this.picker&&(this.picker.startHour=t)}get startHour(){if(this.picker)return this.picker.startHour;let t=u(this.getAttribute(i.START_HOUR));return!Number.isNaN(t)&&t>=0?t:0}set endHour(t){t?this.setAttribute(i.END_HOUR,String(t)):this.removeAttribute(i.END_HOUR),this.picker&&(this.picker.endHour=t)}get endHour(){if(this.picker)return this.picker.endHour;let t=u(this.getAttribute(i.END_HOUR));return!Number.isNaN(t)&&t<=24?t:24}set useCurrentTime(t){let e=s(t);e?this.setAttribute(i.USE_CURRENT_TIME,"true"):this.removeAttribute(i.USE_CURRENT_TIME),this.picker&&(this.picker.useCurrentTime=e)}get useCurrentTime(){return this.picker?this.picker.useCurrentTime:s(this.getAttribute(i.USE_CURRENT_TIME))}set mask(t){s(t)?(this.setAttribute(i.MASK,"true"),this.input?.setAttribute(i.MASK,"date")):(this.removeAttribute(i.MASK),this.input?.removeAttribute(i.MASK))}get mask(){let t=this.getAttribute(i.MASK);return s(t)}};l=c([m("ids-time-picker"),b(R)],l);export{l as a};

package/chunks/ids-chunk-WLISYL3C.js

@@ -1,52 +0,0 @@
-import{a as y}from"./ids-chunk-PRFN5Z6E.js";import{a as v}from"./ids-chunk-ZORFAJZQ.js";import{b as E}from"./ids-chunk-4Y4JK2GT.js";import{a as A}from"./ids-chunk-XEVQKVGO.js";import{a as p}from"./ids-chunk-6DZMKJ4V.js";import{a as b}from"./ids-chunk-OUX67T2L.js";import{a as m}from"./ids-chunk-T6ZV4PDM.js";import{a as c}from"./ids-chunk-B6P5AQ2Z.js";import{a as f}from"./ids-chunk-SNYFQ5ZT.js";import{a as g,b as u}from"./ids-chunk-XE4WFW5M.js";import{e as d}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-EHQM67XJ.js";import{a as h}from"./ids-chunk-U7OOVFXE.js";var I=`
-/* Ids Lookup Component */
-.data-grid-container {
-  overflow: auto;
-}
-
-ids-trigger-field::part(clearable-button) {
-  margin-inline-end: -4px;
-}`;var L=A(v(b(m(y(E(p(c(f)))))))),n=class extends L{triggerField;triggerButton;dataGrid;modal;listBox;constructor(){super(),this.state={...this.state,clearable:!0,dataGridSettings:{rowSelection:"multiple"},value:""},Object.defineProperty(this,"title",{get:()=>this.#e,set:t=>{this.#e=t},enumerable:!0,configurable:!0})}isFormComponent=!0;connectedCallback(){super.connectedCallback(),this.triggerField=this.shadowRoot?.querySelector("ids-trigger-field"),this.triggerButton=this.shadowRoot?.querySelector('ids-trigger-button[part="trigger-lookup"]'),this.dataGrid=this.shadowRoot?.querySelector("ids-data-grid"),this.dataGrid?.setAttribute(e.LIST_STYLE,"true"),this.modal=this.querySelector('[slot="lookup-modal"]')||this.shadowRoot?.querySelector("ids-modal"),this.modal&&(this.modal.target=this.triggerButton,this.modal.triggerType="click"),this.#s().#r()}disconnectedCallback(){super.disconnectedCallback?.(),this.dataGrid=void 0,this.modal=void 0,this.triggerField=void 0,this.triggerButton=void 0,this.state={}}static get attributes(){return[...super.attributes,e.AUTOCOMPLETE,e.CLEARABLE,e.DISABLED,e.FIELD,e.READONLY,e.SIZE,e.TABBABLE,e.TITLE,e.VALUE]}template(){return`
-    <ids-trigger-field
-      label="${this.label}"
-      part="trigger-field"
-      value="${this.value}"
-      ${this.autocomplete?` autocomplete search-field="${this.field}"`:""}
-      ${this.clearable?' clearable="true"':""}
-      ${this.disabled?' disabled="true"':""}
-      ${this.readonly?' readonly="true"':""}
-      ${this.dirtyTracker?' dirty-tracker="true"':""}
-      ${this.compact?" compact":""}
-      ${this.size?` size="${this.size}"`:""}
-      ${this.fieldHeight?` field-height="${this.fieldHeight}"`:""}
-      ${this.validate?` validate="${this.validate}"`:""}
-      ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}>
-      <ids-trigger-button
-        slot="trigger-end"
-        part="trigger-lookup"
-        tabbable="${this.tabbable}"
-        disabled="${this.disabled}"
-        readonly="${this.readonly}">
-        <ids-text audible="true">LookupTriggerButton</ids-text>
-        <ids-icon icon="search-list" part="icon"></ids-icon>
-      </ids-trigger-button>
-    </ids-trigger-field>
-    <slot name="lookup-modal">
-      <ids-modal id="lookup-modal" aria-labelledby="lookup-modal-title" part="modal">
-        <ids-text slot="title" font-size="24" type="h2" id="lookup-modal-title">${this.title}</ids-text>
-        <ids-layout-grid class="data-grid-container" auto-fit="true" gap="md" no-margins="true" min-col-width="600px">
-          <ids-layout-grid-cell>
-            <ids-data-grid id="lookup-data-grid" label="${this.label}" part="data-grid">
-            </ids-data-grid>
-          </ids-layout-grid-cell>
-        </ids-layout-grid>
-
-      <ids-modal-button slot="buttons" id="modal-cancel-btn" appearance="secondary">
-        <span>Cancel</span>
-        </ids-modal-button>
-        <ids-modal-button slot="buttons" id="modal-apply-btn" appearance="primary">
-          <span>Apply</span>
-        </ids-modal-button>
-      </ids-modal>
-    </slot>
-    `}set autocomplete(t){d(t)?this.setAttribute(e.AUTOCOMPLETE,""):this.removeAttribute(e.AUTOCOMPLETE)}get autocomplete(){return this.hasAttribute(e.AUTOCOMPLETE)}onDirtyTrackerChange(t){t?this.container?.setAttribute(e.DIRTY_TRACKER,t.toString()):this.container?.removeAttribute(e.DIRTY_TRACKER)}set value(t){t!==this.state.value&&(this.state.value=(t??"").toString(),this.setAttribute(e.VALUE,this.state.value),this.triggerField&&this.triggerField.value!==this.state.value&&(this.triggerField.value=this.state.value,this.triggerField?.input?.dispatchEvent(new Event("change"))),this.triggerEvent("change",this,{detail:{elem:this,value:this.state.value}}))}get value(){return this.state.value}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}set readonly(t){let i=d(t);if(this.triggerField){if(i){this.removeAttribute("disabled"),this.triggerField.readonly=!0,this.setAttribute("readonly","true");return}this.triggerField.readonly=!1,this.removeAttribute("readonly")}}get readonly(){return d(this.getAttribute("readonly"))||!1}set disabled(t){let i=d(t);if(this.triggerField){if(i){this.removeAttribute("readonly"),this.triggerField.disabled=!0,this.setAttribute("disabled","true");return}this.triggerField.disabled=!1,this.removeAttribute("disabled")}}get disabled(){return d(this.getAttribute("disabled"))||!1}set tabbable(t){let i=d(t);this.triggerField&&(this.setAttribute(e.TABBABLE,String(i)),this.triggerField.setAttribute(e.TABBABLE,String(i)))}get tabbable(){let t=this.getAttribute(e.TABBABLE);return this.readonly||this.disabled?!1:t===null?!0:d(this.getAttribute(e.TABBABLE))}set columns(t){this.dataGrid&&(this.dataGrid.columns=t)}get columns(){return this.dataGrid?.columns}set data(t){this.dataGrid&&(this.dataGrid.data=t),this.#t()}get data(){return this.dataGrid?this.dataGrid.data:[]}#t(t=this.value){if(t===""){this.dataGrid?.selectedRows.length&&this.dataGrid.deSelectAllRows(),this.value!==t&&(this.value=t);return}let i=(s,l)=>s.findIndex(o=>o[this.field]===l),r=t?.split(this.delimiter)||[],a=[];r.forEach((s,l)=>{let o=i(this.dataGrid?.data,s);o>-1?i(this.dataGrid?.selectedRows.map(T=>T.data),s)===-1&&this.dataGrid?.selectRow(o):a.push(l)}),a.forEach(s=>r.splice(s,1)),a=[],this.dataGrid?.selectedRows&&this.dataGrid?.selectedRows.length>r.length&&this.dataGrid?.selectedRows.forEach(s=>{r.includes(s.data[this.field])||a.push(s.index)}),a.forEach(s=>this.dataGrid?.deSelectRow(s)),this.value!==t&&(this.value=t)}set dataGridSettings(t){this.state.dataGridSettings=t;for(let[i,r]of Object.entries(t))this.dataGrid[i]=r;this.dataGrid&&(this.dataGrid.listStyle=!0)}get dataGridSettings(){return this.state.dataGridSettings}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.triggerField?.setAttribute(e.VALIDATE,t.toString()),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,this.validationEvents),this.triggerField?.handleValidation()):(this.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.handleValidation())}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change blur"}set#e(t){if(t){this.setAttribute(e.TITLE,t);let i=this.modal?.querySelector('[slot="title"]');i&&(i.innerText=t),this.triggerField?.setAttribute(e.TITLE,t)}}get#e(){return this.getAttribute(e.TITLE)||`${this.label}`}set field(t){t&&this.setAttribute(e.FIELD,t)}get field(){return this.getAttribute(e.FIELD)||"id"}set size(t){t?this.setAttribute(e.SIZE,t):this.removeAttribute(e.SIZE),this.triggerField&&this.triggerField.setAttribute(e.SIZE,this.size)}get size(){return this.getAttribute(e.SIZE)??"md"}set delimiter(t){t&&this.setAttribute(e.DELIMITER,t)}get delimiter(){return this.getAttribute(e.DELIMITER)||","}get input(){return this.container}set clearable(t){let i=d(t);i!==this.state.clearable&&(this.state.clearable=i,this.setAttribute(e.CLEARABLE,String(i)),this.triggerField?.setAttribute(e.CLEARABLE,String(i)))}get clearable(){return this.state.clearable}onFieldHeightChange(t){if(t){let i=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.triggerField?.setAttribute(i.name,i.val)}else this.triggerField?.removeAttribute("compact"),this.triggerField?.removeAttribute("field-height"),this.listBox?.removeAttribute("compact")}#i(){this.value=this.dataGrid?.selectedRows.map(t=>t.data[this.field]).join(this.delimiter)||""}#s(){return this.onEvent("click.lookup",this.modal,t=>{let i=t.target?.getAttribute("id");i==="modal-cancel-btn"&&(this.modal?.hide(),this.#t()),i==="modal-apply-btn"&&(this.modal?.hide(),this.#i())}),this.onEvent("change.lookup",this.triggerField,()=>{let t=this.triggerField?.value,i=t!==this.value;if(!i){let r=this.dataGrid?.selectedRows?.map(s=>s?.data?.[this.field])||[],a=this.value?.split(this.delimiter)||[];if(r.length!==a.length&&(i=!0),!i){for(let s=0,l=a.length;s<l;s++)if(!r.includes(a[s])){i=!0;break}}}i&&this.#t(t)}),this.modal?.addEventListener("beforeshow",t=>{(this.readonly||this.disabled)&&t.detail.response(!1),this.querySelectorAll('[slot="lookup-modal"]').length!==1&&this.data?.length===0&&this.columns?.length===1&&this.columns[0].id===""&&t.detail.response(!1)}),this.dataGrid?.addEventListener("beforerowselected",t=>{this.triggerEvent("beforerowselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("rowselected",t=>{this.triggerEvent("rowselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("beforerowdeselected",t=>{this.triggerEvent("beforerowdeselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("rowdeselected",t=>{this.triggerEvent("rowdeselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("selectionchanged",t=>{this.triggerEvent("selectionchanged",this,{detail:t.detail})}),this}#r(){return this.listen(["ArrowDown"],this,()=>{this.modal?.show()}),this}};n=h([g("ids-lookup"),u(I)],n);export{n as a};