ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.18

package/chunks/ids-chunk-TEL2LLWU.js

@@ -0,0 +1,81 @@
+import{a as y}from"./ids-chunk-SXTIEPC4.js";import{a as E}from"./ids-chunk-L6TXGTNK.js";import{a as g,b as f}from"./ids-chunk-XE4WFW5M.js";import{a as w,b as h,d as n,g as r}from"./ids-chunk-Y32WUP63.js";var D=`.ids-list-builder {
+  display: flex;
+  flex-direction: column;
+  border: var(--ids-list-builder-border);
+  border-radius: var(--ids-list-builder-border-radius);
+}
+.ids-list-builder ids-list-view-item.is-editing [hide] {
+  display: none;
+}
+.ids-list-builder .ids-list-view-body ids-list-view-item.is-editing > ids-text,
+.ids-list-builder .ids-list-view-body .list-item-content.is-editing > ids-text {
+  display: none;
+}
+.ids-list-builder .ids-list-view {
+  overflow: auto;
+  position: relative;
+}
+.ids-list-builder .ids-list-view ids-input::part(input) {
+  background-color: var(--ids-list-builder-color-background);
+  border-width: var(--ids-list-builder-border-width);
+  height: var(--ids-list-builder-input-height);
+  padding: var(--ids-list-builder-input-padding);
+}
+.ids-list-builder .ids-list-view ids-input::part(field-container) {
+  max-width: 98%;
+}
+
+:host ids-list-view-item {
+  border: var(--ids-list-builder-item-border);
+  padding: var(--ids-list-builder-item-padding);
+  min-height: var(--ids-list-builder-item-height-min);
+  height: var(--ids-list-builder-item-height);
+  list-style-type: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  position: relative;
+  width: 100%;
+}
+:host ids-list-view-item[selected] {
+  background: transparent;
+}
+:host ids-list-view-item:hover span::after {
+  position: absolute;
+  left: 0;
+  transform: translate(100%, -8%);
+  font-size: var(--ids-list-builder-item-font-size-drag);
+  content: var(--ids-list-builder-drag-content);
+  cursor: var(--ids-list-builder-item-cursor-drag);
+}
+:host ids-list-view-item ids-text::part(text) {
+  display: inline;
+  user-select: none;
+}
+:host ids-list-view-item.placeholder {
+  background-color: var(--ids-list-builder-item-color-background-placeholder);
+  opacity: var(--ids-list-builder-item-placeholder-opacity);
+}`;var p,S,c,v,u,x,b,k,m,I,d=class extends y{constructor(){super();n(this,p);n(this,c);n(this,u);n(this,b);n(this,m);h(this,"placeholder");h(this,"actions",{ADD:"add",EDIT:"edit",DELETE:"delete",MOVE_UP:"move-up",MOVE_DOWN:"move-down"})}connectedCallback(){this.sortable=!0,r(this,p,S).call(this),super.connectedCallback(),r(this,c,v).call(this)}static get attributes(){return[...super.attributes]}template(){return`
+      <div class="ids-list-builder">
+        <div class="toolbar-container" part="toolbar-container">
+          <slot name="toolbar"></slot>
+        </div>
+        ${super.template()}
+      </div>
+    `}toolbarTemplate(){let t=this.actions;return`
+      <ids-toolbar slot="toolbar" type="formatter" tabbable="true">
+        <ids-toolbar-section type="buttonset">
+          ${this.buttonTemplate({action:t.ADD,icon:"add",text:"Add New"})}
+          <ids-separator vertical></ids-separator>
+          ${this.buttonTemplate({action:t.MOVE_UP,icon:"arrow-up",text:"Move Up"})}
+          ${this.buttonTemplate({action:t.MOVE_DOWN,icon:"arrow-down",text:"Move Down"})}
+          <ids-separator vertical></ids-separator>
+          ${this.buttonTemplate({action:t.EDIT,icon:"edit",text:"Edit"})}
+          ${this.buttonTemplate({action:t.DELETE,icon:"delete",text:"Delete"})}
+        </ids-toolbar-section>
+      </ids-toolbar>
+    `}buttonTemplate(t){let{action:e,icon:a,text:i}=t;return`
+      <ids-button list-builder-action="${e}" tooltip="${i}" color-variant="alternate-formatter">
+        <span class="audible">${i}</span>
+        <ids-icon icon="${a}"></ids-icon>
+      </ids-button>
+    `}get parentEl(){return this.shadowRoot?.querySelector("ids-swappable")}get toolbar(){return this.querySelector("ids-toolbar")}get dataKeys(){return super.dataKeys}set dataKeys(t){super.dataKeys=t}get data(){return super.data}set data(t){super.data=t,r(this,c,v).call(this)}add(){let t=this.itemsSelected.at(-1)??this.items.at(-1),e=document.createElement("ids-list-view-item"),a=document.createElement("ids-swappable-item");a.append(e),(t?.swappableParent??this.shadowRoot?.querySelector("ids-swappable"))?.after(a),e.activated=!0,e.selected=!0,a.selected=!0,this.triggerEvent("itemAdd",this,{detail:e.rowData}),this.edit()}edit(){let t=this.itemFocused;if(!t)return;t.swappableParent&&(t.swappableParent.selected=!0),this.triggerEvent("itemChange",this,{detail:t.rowData});let e=t.templateElements(),a=Object.keys(e)[0]??"unknownField",i=e[a]??t?.querySelector("ids-text")??t,o=(i?.textContent??"").trim()||"New Value";i.innerHTML=o;let s=new E;s.name=a,s.value=o,s.autoselect="true",s.noMargins="true",s.colorVariant="list-builder",t?.classList.add("is-editing"),t?.prepend(s),s.focus(),this.onEvent("keyup.listbuilder-editor",s,l=>{l.stopImmediatePropagation(),i.innerHTML=s.value??""}),this.onEvent("blur.listbuilder-editor",s,()=>{t.rowData={[a]:i.textContent},t?.classList.remove("is-editing"),s.remove(),t.focus()}),this.listen("Escape",s,()=>{s.value=o,i.innerHTML=o,s.blur()}),s.addEventListener("keydown",l=>{let T=l.code||"Space";["Backspace","Delete","Enter"].includes(T)&&l.stopImmediatePropagation(),l.code==="Enter"&&s.blur()})}delete(){let t=this.itemsSelected,e=t.at(-1),a=e?.nextEnabled;t.forEach(i=>{let o=i===e,s=i.rowData;this.data[i.rowIndex]&&(this.data[i.rowIndex]=null),this.triggerEvent("itemDelete",this,{detail:s}),i.swappableParent?.remove(),i?.remove(),o&&a?.focus()})}moveUp(){let t=this.itemsSelected,e=t[0];if(e){let a=t.map(i=>i.swappableParent);e.swappableParent?.previousElementSibling?.before(...a),this.triggerEvent("itemMoveUp",this,{detail:{dataSet:this.data}})}}moveDown(){let t=this.itemsSelected,e=t.at(-1);if(e){let a=t.map(i=>i.swappableParent);e.swappableParent?.nextElementSibling?.after(...a),this.triggerEvent("itemMoveDown",this,{detail:{dataSet:this.data}})}}set virtualScroll(t){}get virtualScroll(){return!1}};p=new WeakSet,S=function(){this.querySelector('[slot="toolbar"]')||this.insertAdjacentHTML("afterbegin",this.toolbarTemplate())},c=new WeakSet,v=function(){r(this,b,k).call(this),r(this,m,I).call(this)},u=new WeakSet,x=function(t){t===this.actions.ADD&&this.add(),t===this.actions.EDIT&&this.edit(),t===this.actions.DELETE&&this.delete(),t===this.actions.MOVE_UP&&this.moveUp(),t===this.actions.MOVE_DOWN&&this.moveDown()},b=new WeakSet,k=function(){this.onEvent("selected.list-builder-toolbar",this.toolbar,t=>{t.stopImmediatePropagation();let e=t.detail?.elem?.getAttribute("list-builder-action");r(this,u,x).call(this,e)}),this.offEvent("afterdragend.listbuilder",this.container),this.onEvent("afterdragend.listbuilder",this.container,t=>{let e=t.detail?.elem?.querySelector(".is-editing");e&&e?.querySelector("ids-input")?.focus()})},m=new WeakSet,I=function(){this.unlisten("Enter"),this.unlisten("ArrowUp"),this.unlisten("ArrowDown"),this.unlisten("Delete"),this.offEvent("keydown",this),this.onEvent("keydown",this,t=>{switch(String(t.key).trim()||"Space"){case"Enter":t.stopImmediatePropagation(),this.itemFocused?.classList.contains("is-editing")||this.edit();break;case"Space":break;case"Tab":case"ArrowUp":case"ArrowDown":break;case"Backspace":case"Delete":this.delete();break;default:break}})},d=w([g("ids-list-builder"),f(D)],d);export{d as a};

package/chunks/{ids-chunk-N4PGPFE5.js → ids-chunk-TKQCOPYQ.js}

@@ -1 +1 @@
-import{a as r}from"./ids-chunk-AYV2UDVJ.js";import{b as f,d as I,e as S}from"./ids-chunk-YG2GGPUF.js";import{b as k,i as d}from"./ids-chunk-GX2AIROS.js";import{e as h}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";var g=[o.MASK,o.MASK_GUIDE,o.MASK_RETAIN_POSITIONS,o.MASK_OPTIONS],M=m=>class extends m{maskState={guide:!1,keepCharacterPositions:!1,options:{},previousMaskResult:"",previousPlaceholder:""};constructor(...e){super(...e)}static get attributes(){return[...m.attributes,...g]}connectedCallback(){super.connectedCallback?.(),this.handleMaskEvents(),this.processMaskWithCurrentValue()}get maskAPI(){return r}set maskGuide(e){let t=h(e);this.maskState.guide=t,this.processMaskWithCurrentValue()}get maskGuide(){return this.maskState.guide}get maskOptions(){return this.maskState.options}set maskOptions(e){typeof e=="object"&&(this.maskState.options=e)}get maskPipe(){return this.maskState.pipe}set maskPipe(e){typeof e=="function"&&(this.maskState.pipe=e)}set maskRetainPositions(e){let t=h(e);this.maskState.keepCharacterPositions=t}get maskRetainPositions(){return this.maskState.keepCharacterPositions}get mask(){return this.maskState.pattern}set mask(e){let t;if(Array.isArray(e)||typeof e=="function")t=e;else switch(e){case"date":case"time":t=I,this.onLocaleChange=a=>{this.maskOptions.format||(this.maskOptions.format=a.calendar().dateFormat.short)};break;case"rangeDate":t=S,this.onLocaleChange=a=>{this.maskOptions.format||(this.maskOptions.format=a.calendar().dateFormat.short)};break;case"number":t=f,this.onLocaleChange=a=>{let i=a.locale;this.maskOptions.symbols={currency:i.options.currencySign,decimal:i.options.numbers.decimal,negative:i.options.numbers.minusSign,thousands:i.options.numbers.group}};break;default:t=d(e),this.onLocaleChange=void 0;break}this.maskState.pattern=t,typeof this.onLocaleChange=="function"&&this.localeAPI&&this.onLocaleChange(this.localeAPI)}handleMaskEvents(){this.onEvent("input",this,()=>this.processMaskWithCurrentValue())}processMask=(e,t={},a=!1)=>{if(!this.mask)return!1;let i=this.maskState.previousMaskResult;if(e===i)return!1;let p=this.input.selectionStart||0,u=this.input.selectionEnd||0;e=r.getSafeRawValue(e);let c={caretTrapIndexes:[],guide:this.maskState.guide,locale:this.localeAPI,keepCharacterPositions:this.maskState.keepCharacterPositions,pattern:this.mask,patternOptions:t,placeholderChar:k,previousMaskResult:i,selection:{start:p,end:u,contents:""}};p!==u&&(c.selection.contents=e.substring(p,u)),typeof this.maskPipe=="function"&&(c.pipe=this.maskPipe);let s=r.process(e,c);if(!s.maskResult)return!1;let n=s.conformedValue;s.pipedValue&&(n=s.pipedValue),n!==""&&t.suffix&&!n.includes(t.suffix)&&(n+=`${t.suffix}`);let l={conformedValue:n,rawValue:e,caretPos:s.caretPos,placeholder:s.placeholder,placeholderChar:c.placeholderChar,previousMaskResult:i,previousPlaceholder:this.maskState.previousPlaceholder};return s.pipedCharacterIndexes&&(l.indexesOfPipedChars=s.pipedCharIndexes),s.caretTrapIndexes&&(l.caretTrapIndexes=s.caretTrapIndexes),s.caretPos=r.adjustCaretPosition(l),this.maskState.previousMaskResult=n,this.maskState.previousPlaceholder=s.placeholder,a&&(this.value=n,this.safelySetSelection(this.shadowRoot,s.caretPos,s.caretPos)),n};processMaskWithCurrentValue(){return this.processMask(this.value,this.maskOptions,!0)}processMaskFromProperty(e=""){return this.processMask(e,this.maskOptions,!1)}safelySetSelection(e=document,t=0,a=0){e?.activeElement===this.input&&this.input.setSelectionRange(t,a,"none")}},R=M;export{R as a};
+import{a as r}from"./ids-chunk-AYV2UDVJ.js";import{b as f,d as I,e as S}from"./ids-chunk-DX3F6CNY.js";import{b as k,i as d}from"./ids-chunk-GX2AIROS.js";import{e as h}from"./ids-chunk-5Q3WPKMB.js";import{a as o}from"./ids-chunk-4NXTNKXV.js";var g=[o.MASK,o.MASK_GUIDE,o.MASK_RETAIN_POSITIONS,o.MASK_OPTIONS],M=m=>class extends m{maskState={guide:!1,keepCharacterPositions:!1,options:{},previousMaskResult:"",previousPlaceholder:""};constructor(...e){super(...e)}static get attributes(){return[...m.attributes,...g]}connectedCallback(){super.connectedCallback?.(),this.handleMaskEvents(),this.processMaskWithCurrentValue()}get maskAPI(){return r}set maskGuide(e){let t=h(e);this.maskState.guide=t,this.processMaskWithCurrentValue()}get maskGuide(){return this.maskState.guide}get maskOptions(){return this.maskState.options}set maskOptions(e){typeof e=="object"&&(this.maskState.options=e)}get maskPipe(){return this.maskState.pipe}set maskPipe(e){typeof e=="function"&&(this.maskState.pipe=e)}set maskRetainPositions(e){let t=h(e);this.maskState.keepCharacterPositions=t}get maskRetainPositions(){return this.maskState.keepCharacterPositions}get mask(){return this.maskState.pattern}set mask(e){let t;if(Array.isArray(e)||typeof e=="function")t=e;else switch(e){case"date":case"time":t=I,this.onLocaleChange=a=>{this.maskOptions.format||(this.maskOptions.format=a.calendar().dateFormat.short)};break;case"rangeDate":t=S,this.onLocaleChange=a=>{this.maskOptions.format||(this.maskOptions.format=a.calendar().dateFormat.short)};break;case"number":t=f,this.onLocaleChange=a=>{let i=a.locale;this.maskOptions.symbols={currency:i.options.currencySign,decimal:i.options.numbers.decimal,negative:i.options.numbers.minusSign,thousands:i.options.numbers.group}};break;default:t=d(e),this.onLocaleChange=void 0;break}this.maskState.pattern=t,typeof this.onLocaleChange=="function"&&this.localeAPI&&this.onLocaleChange(this.localeAPI)}handleMaskEvents(){this.onEvent("input",this,()=>this.processMaskWithCurrentValue())}processMask=(e,t={},a=!1)=>{if(!this.mask)return!1;let i=this.maskState.previousMaskResult;if(e===i)return!1;let p=this.input.selectionStart||0,u=this.input.selectionEnd||0;e=r.getSafeRawValue(e);let c={caretTrapIndexes:[],guide:this.maskState.guide,locale:this.localeAPI,keepCharacterPositions:this.maskState.keepCharacterPositions,pattern:this.mask,patternOptions:t,placeholderChar:k,previousMaskResult:i,selection:{start:p,end:u,contents:""}};p!==u&&(c.selection.contents=e.substring(p,u)),typeof this.maskPipe=="function"&&(c.pipe=this.maskPipe);let s=r.process(e,c);if(!s.maskResult)return!1;let n=s.conformedValue;s.pipedValue&&(n=s.pipedValue),n!==""&&t.suffix&&!n.includes(t.suffix)&&(n+=`${t.suffix}`);let l={conformedValue:n,rawValue:e,caretPos:s.caretPos,placeholder:s.placeholder,placeholderChar:c.placeholderChar,previousMaskResult:i,previousPlaceholder:this.maskState.previousPlaceholder};return s.pipedCharacterIndexes&&(l.indexesOfPipedChars=s.pipedCharIndexes),s.caretTrapIndexes&&(l.caretTrapIndexes=s.caretTrapIndexes),s.caretPos=r.adjustCaretPosition(l),this.maskState.previousMaskResult=n,this.maskState.previousPlaceholder=s.placeholder,a&&(this.value=n,this.safelySetSelection(this.shadowRoot,s.caretPos,s.caretPos)),n};processMaskWithCurrentValue(){return this.processMask(this.value,this.maskOptions,!0)}processMaskFromProperty(e=""){return this.processMask(e,this.maskOptions,!1)}safelySetSelection(e=document,t=0,a=0){e?.activeElement===this.input&&this.input.setSelectionRange(t,a,"none")}},R=M;export{R as a};

package/chunks/ids-chunk-TPYEYUWM.js

@@ -0,0 +1 @@
+import{a as b,b as g}from"./ids-chunk-7SNGPV6G.js";import{a as m,b as E}from"./ids-chunk-XE4WFW5M.js";import{s as f}from"./ids-chunk-U4XVR5SW.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as a}from"./ids-chunk-4NXTNKXV.js";import{a as p,d as c,g as u}from"./ids-chunk-Y32WUP63.js";var r,d,l,T,o=class extends g{constructor(){super();c(this,r);c(this,l)}static get attributes(){return[...super.attributes,i.DISABLED,i.DISPLAY_SELECTED_TEXT,i.DROPDOWN_ICON,i.FORMATTER_WIDTH,i.ID,i.MENU]}connectedCallback(){super.connectedCallback(),this.hasAttribute(i.DROPDOWN_ICON)&&u(this,r,d).call(this,!0),u(this,l,T).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.dropdownIcon=null}get protoClasses(){let t=this.querySelector("span:not(.audible), ids-text:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-menu-button","ids-icon-button"]:["ids-menu-button"]}set disabled(t){super.disabled=t;let e=n(t);this.menuEl.disabled=e}get disabled(){return super.disabled}set displaySelectedText(t){n(t)?this.setAttribute(i.DISPLAY_SELECTED_TEXT,`${t}`):this.removeAttribute(i.DISPLAY_SELECTED_TEXT),this.configureMenu()}get displaySelectedText(){return n(this.getAttribute(i.DISPLAY_SELECTED_TEXT))}set dropdownIcon(t){let e=n(t);e?this.setAttribute(i.DROPDOWN_ICON,typeof t=="string"&&t.length?`${t}`:"dropdown"):this.removeAttribute(i.DROPDOWN_ICON),u(this,r,d).call(this,e),this.setPopupArrow()}get dropdownIcon(){return this.getAttribute(i.DROPDOWN_ICON)}get dropdownIconEl(){return this.container?.querySelector("ids-icon:not([slot])")}get menu(){return this.getAttribute(i.MENU)}set menu(t){this.setAttribute(i.MENU,`${t}`),this.configureMenu()}get value(){return this.menuEl?.getSelectedValues()}set value(t){typeof this.menuEl?.setSelectedValues=="function"&&this.menuEl.setSelectedValues(t)}get menuEl(){let t=s=>s?.querySelector(`ids-popup-menu[id="${this.menu}"]`)||s?.querySelector(`ids-action-sheet[id="${this.menu}"]`),e=t(this.parentElement);return e||(e=t(this.getRootNode())),e}configureMenu(){if(!this.menuEl||!this.menuEl.popup)return;this.resizeMenu(),this.menuEl.triggerType="click",this.menuEl.target=this,this.setAttribute(a.ARIA_HASPOPUP,"menu"),this.menuEl.popup&&(this.menuEl.popup.align="bottom, left",this.menuEl.popup.y=8,this.setPopupArrow()),this?.handledEvents?.get("beforeshow")||this.onEvent("beforeshow",this.menuEl,()=>{this.setActiveState(!0),this.resizeMenu()}),this?.handledEvents?.get("hide")||this.onEvent("hide",this.menuEl,()=>{this.setActiveState(!1)}),this.offEvent("selected.menu"),this.menuEl&&this.displaySelectedText&&this.onEvent("selected.menu",this.menuEl,s=>{let h=this.querySelector("ids-text, span");h||(h=this),h.textContent=s.detail.elem.textContent.trim()})}setActiveState(t){t?this.button?.classList.add("is-active"):this.button?.classList.remove("is-active")}resizeMenu(){!this.menuEl||!this.menuEl.popup||!this.menuEl.popup.container||(this.menuEl.popup.container.style.minWidth=`${this.button?.clientWidth}px`)}setPopupArrow(){!this.menuEl||!this.menuEl.popup||(this.menuEl.popup.arrowTarget=this.dropdownIconEl||this,this.menuEl.popup.arrow="bottom")}set formatterWidth(t){let e=f(t);this.container?.classList[/%$/g.test(e)?"add":"remove"]("formatter-width-percentage"),e?(this.setAttribute(i.FORMATTER_WIDTH,String(t)),this.container?.classList.add(i.FORMATTER_WIDTH),this.container&&(this.container.style.minWidth=e)):(this.removeAttribute(i.FORMATTER_WIDTH),this.container?.classList.remove(i.FORMATTER_WIDTH),this.container&&(this.container.style.minWidth=""))}};r=new WeakSet,d=function(t){let e=this.dropdownIconEl,s=this.dropdownIcon&&this.dropdownIcon.length?this.dropdownIcon:"dropdown";t?e?e.icon=s:this.container?.insertAdjacentHTML("beforeend",`<ids-icon icon="${s}" class="ids-icon dropdown-icon"></ids-icon>`):e&&e.remove()},l=new WeakSet,T=function(){this.configureMenu(),this.menuEl?.popup||requestAnimationFrame(()=>this.configureMenu())},o=p([m("ids-menu-button"),E(b)],o);export{o as a};

package/chunks/ids-chunk-TSK7TBSI.js

@@ -0,0 +1 @@
+import{e as l}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";var s=[e.LABEL,e.LABEL_REQUIRED,e.LABEL_STATE],d=t=>t===null||["hidden","collapsed"].includes(t),r=t=>typeof t<"u"&&t!==null?l(t):!0;export{s as a,d as b,r as c};

package/chunks/ids-chunk-TVIZTYHR.js

@@ -0,0 +1,18 @@
+import{e as s}from"./ids-chunk-5Q3WPKMB.js";import{a as n}from"./ids-chunk-4NXTNKXV.js";var o=i=>class extends i{state={eventTypesData:[],eventsData:[],beforeEventsRender:void 0};constructor(...e){super(...e)}static get attributes(){return[...i.attributes,n.VIEW_PICKER,n.HIDDEN]}set eventsData(e){this.state.eventsData=this.sortEventsByDate(e),this.renderEventsData?.(!0),this.onEventsChange?.(this.state.eventsData)}get eventsData(){return this.state.eventsData}set eventTypesData(e){this.state.eventTypesData=e,this.renderEventsData?.(!0),this.onEventTypesChange?.(e)}get eventTypesData(){return this.state.eventTypesData}set beforeEventsRender(e){this.state.beforeEventsRender=e,this.renderEventsData?.()}set viewPicker(e){let t=s(e);t?this.setAttribute(n.VIEW_PICKER,""):this.removeAttribute(n.VIEW_PICKER),typeof this.onViewPickerChange=="function"&&this.onViewPickerChange(t)}get viewPicker(){return this.hasAttribute(n.VIEW_PICKER)}onHiddenChange(e){s(e)?this.container?.classList.add(n.HIDDEN):this.container?.classList.remove(n.HIDDEN)}sortEventsByDate(e){return e.slice().sort((t,a)=>{let r=new Date(t.starts),d=new Date(a.starts);return r.getTime()-d.getTime()})}generateDateKey(e){let t=e.getFullYear(),a=e.getMonth().toString(),r=e.getDate().toString();return parseInt(`${t}${a.padStart(2,"0")}${r.padStart(2,"0")}`)}removeAllEvents(){this.container?.querySelectorAll("ids-calendar-event")?.forEach(t=>t.remove())}createViewPickerTemplate(e){let t=e[0].toUpperCase()+e.slice(1).toLowerCase();return`
+      <ids-menu-button id="view-picker-btn" menu="view-picker" value="${e}" dropdown-icon display-selected-text>
+        <span><ids-text translate-text="true" font-weight="semi-bold">${t}</ids-text></span>
+      </ids-menu-button>
+      <ids-popup-menu id="view-picker" trigger-type="click" target="#view-picker-btn">
+        <ids-menu-group select="single">
+          <ids-menu-item value="month" selected="${e==="month"}">
+            <ids-text translate-text="true">Month</ids-text>
+          </ids-menu-item>
+          <ids-menu-item value="week" selected="${e==="week"}">
+            <ids-text translate-text="true">Week</ids-text>
+          </ids-menu-item>
+          <ids-menu-item value="day" selected="${e==="day"}">
+            <ids-text translate-text="true">Day</ids-text>
+          </ids-menu-item>
+        </ids-menu-group>
+      </ids-popup-menu>
+    `}viewPickerConnected(){let e=this.container?.querySelector("#view-picker-btn");e&&e.configureMenu()}attachViewPickerEvents(e){let t=this.container?.querySelector("#view-picker");t&&e&&(this.offEvent(`selected.${e}-view-picker`,t),this.onEvent(`selected.${e}-view-picker`,t,a=>{a.stopPropagation(),this.#e(a.detail.value)}))}#e(e,t){e&&this.triggerEvent("viewchange",this,{detail:{view:e,elem:this,date:t},bubbles:!0,cancelable:!0,composed:!0})}triggerDateChange(e,t){this.triggerEvent("datechange",this,{detail:{date:e,type:t},bubbles:!0,cancelable:!0,composed:!0})}getEventById(e){return this.state.eventsData.find(t=>t.id===e)}getEventElemById(e){return this.container?.querySelector(`ids-calendar-event[data-id="${e}"]`)}getEventTypeById(e){return this.state.eventTypesData.find(t=>e===t.id)}setViewPickerValue(e){let t=this.container?.querySelector("#view-picker-btn");t&&(t.value=e)}},u=o;export{u as a};

package/chunks/ids-chunk-U2MR3PFJ.js

@@ -0,0 +1,23 @@
+import{a as b}from"./ids-chunk-SQGTVQTQ.js";import{a as d,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as c,d as p,g as r}from"./ids-chunk-Y32WUP63.js";var h=`ids-popup::part(popup) {
+  max-width: 335px;
+}`;var g="empty-error-loading",a,m,n,l,o=class extends b{constructor(){super();p(this,a);p(this,n)}connectedCallback(){super.connectedCallback(),r(this,a,m).call(this),this.overlay.visible=!0}static get attributes(){return[...super.attributes,e.BUTTON_TEXT,e.DESCRIPTION,e.ICON,e.LABEL]}template(){return`<ids-popup part="modal" class="ids-modal ids-error" type="modal" position-style="viewport">
+      <div class="ids-modal-container" slot="content">
+        <ids-empty-message icon="${this.icon??g}">
+          <ids-text
+            type="h2"
+            font-size="24"
+            font-weight="semi-bold"
+            label="true"
+            slot="label"
+          >
+          ${this.label??"Add Label"}
+          </ids-text>
+          <ids-text label="true" slot="description">
+            ${this.description??"Add Description"}
+          </ids-text>
+          <ids-button class="action-button" slot="button" appearance="primary">
+            <span>${this.buttonText??"Action"}</span>
+          </ids-button>
+        </ids-empty-message>
+      </div>
+    </ids-popup>`}set icon(t){if(t?this.setAttribute(e.ICON,t):this.removeAttribute(e.ICON),!this.container)return;let i=this.container.querySelector("ids-empty-message");i&&(i.icon=t)}get icon(){return this.getAttribute(e.ICON)}set label(t){t?this.setAttribute(e.LABEL,t):this.removeAttribute(e.LABEL),r(this,n,l).call(this,'[slot="label"]',t)}get label(){return this.getAttribute(e.LABEL)}set description(t){t?this.setAttribute(e.DESCRIPTION,t):this.removeAttribute(e.DESCRIPTION),r(this,n,l).call(this,'[slot="description"]',t)}get description(){return this.getAttribute(e.DESCRIPTION)}set buttonText(t){t?this.setAttribute(e.BUTTON_TEXT,t):this.removeAttribute(e.BUTTON_TEXT),r(this,n,l).call(this,'[slot="button"]',t)}get buttonText(){return this.getAttribute(e.BUTTON_TEXT)}get ariaLabelContent(){return`${this.querySelector('[slot="label"')?.innerText||""} ${this.label||""} ${this.description||""}`}};a=new WeakSet,m=function(){let t=this.container?.querySelector(".action-button"),i="action-button";this.onEvent("click",t,s=>{this.triggerEvent(i,this,{detail:{elem:this,nativeEvent:s}})}),this.onEvent("touchend",t,s=>{this.triggerEvent(i,this,{detail:{elem:this,nativeEvent:s}})})},n=new WeakSet,l=function(t,i){if(!this.container)return;let s=this.container.querySelector(t);s&&(s.innerHTML=i?i.toString():"")},o=c([d("ids-error-page"),u(h)],o);export{o as a};

package/chunks/ids-chunk-UBKI3PZB.js

@@ -0,0 +1,20 @@
+import{a as f}from"./ids-chunk-WEFCRV2K.js";import{a as S}from"./ids-chunk-DK5QOJMP.js";import{a as c,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-RCDMHHTV.js";import{e as A,f as a}from"./ids-chunk-5Q3WPKMB.js";import{a as s}from"./ids-chunk-4NXTNKXV.js";import{a as m,b as p,d,g as n}from"./ids-chunk-Y32WUP63.js";var o,h,g,b,l=class extends S(N){constructor(){super();d(this,o);d(this,g);p(this,"DEFAULT_STEP",3);p(this,"DEFAULT_PAGE_SIZE",10);p(this,"sizes",[5,10,25,50,100])}get elements(){return{buttons:{first:this.querySelector("ids-pager-button[first]"),previous:this.querySelector("ids-pager-button[previous]"),next:this.querySelector("ids-pager-button[next]"),last:this.querySelector("ids-pager-button[last]")},input:this.querySelector("ids-pager-input"),slots:{start:this.container?.querySelector(".pager-section.start slot"),middle:this.container?.querySelector(".pager-section.middle slot"),end:this.container?.querySelector(".pager-section.end slot")},dropdowns:this.querySelectorAll("ids-pager-dropdown")}}static get attributes(){return[s.DISABLED,s.STEP,s.TOTAL,s.TYPE,s.PAGE_COUNT,s.PAGE_SIZE,s.PAGE_NUMBER]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i),[s.DISABLED,s.PAGE_NUMBER,s.PAGE_SIZE,s.STEP,s.TOTAL,s.TYPE].includes(e)&&t!==i&&(this.connectedCallback(),n(this,o,h).call(this,e,i))}template(){switch(this.type){case"list":return this.templatePagerList();default:return this.templatePagerButtons()}}templatePagerButtons(){return`
+      <div class="ids-pager">
+        <section class="pager-section start"><slot name="start"></slot></section>
+        <section class="pager-section middle" role="navigation"><slot></slot></section>
+        <section class="pager-section end"><slot name="end"></slot></section>
+      </div>
+    `}templatePagerList(){return`
+      <div class="ids-pager">
+        <ids-pager-button label="Previous page" previous></ids-pager-button>
+        <ids-pager-number-list
+          label="Page {num} of {total}"
+          page-number="${this.pageNumber}"
+          page-size="${this.pageSize}"
+          total="${this.total}"
+          step="${this.step}"
+        >
+        </ids-pager-number-list>
+        <ids-pager-button label="Next page" next></ids-pager-button>
+      </div>
+    `}connectedCallback(){super.connectedCallback(),this.offEvent("pagenumberchange",this),this.onEvent("pagenumberchange",this,e=>{let t=a(e.detail.value);!Number.isNaN(t)&&t!==this.pageNumber&&(this.pageNumber=Number(e.detail.value))}),this.offEvent("pagesizechange",this),this.onEvent("pagesizechange",this,e=>{this.pageSize=Number(e.detail.value)})}set disabled(e){let t=A(e);t&&!this.hasAttribute(s.DISABLED)?(this.setAttribute(s.DISABLED,""),n(this,o,h).call(this,s.PARENT_DISABLED,!0)):!t&&this.hasAttribute(s.DISABLED)&&(this.removeAttribute(s.DISABLED),n(this,o,h).call(this,s.PARENT_DISABLED,!1))}get disabled(){return this.hasAttribute(s.DISABLED)}set pageSize(e){let t=this.isValidPageSize(e);this.setAttribute(s.PAGE_SIZE,String(t)),n(this,g,b).call(this)}get pageSize(){return this.isValidPageSize(this.getAttribute(s.PAGE_SIZE))}set pageSizes(e){e=e.filter((t,i)=>!Number.isNaN(Number(t))&&e.indexOf(t)===i),e=e.length?e:this.sizes,e.sort((t,i)=>t-i),this.sizes=e,this.elements.dropdowns.forEach(t=>t.updatePageSizes(e))}get pageSizes(){return this.sizes}isValidPageSize(e){let t=a(e);return!Number.isNaN(t)&&t>0?t:this.DEFAULT_PAGE_SIZE}set pageNumber(e){let t=this.pageNumber,i=this.pageCount,r=a(e);(r!==t||t<1||i&&i<t)&&(Number.isNaN(r)||r<1?r=1:i&&(r=Math.min(r,i)),this.setAttribute(s.PAGE_NUMBER,String(r)))}get pageNumber(){return Math.max(parseInt(this.getAttribute(s.PAGE_NUMBER)??"")||1,1)}get pageCount(){return this.total!==null&&!Number.isNaN(this.total)?Math.ceil(this.total/this.pageSize):null}set step(e){let t=a(e);if(!Number.isNaN(t)){this.setAttribute(s.STEP,String(t));return}this.removeAttribute(s.STEP)}get step(){let e=a(this.getAttribute(s.STEP));return Number.isNaN(e)?this.DEFAULT_STEP:e}set total(e){let t=a(e);(Number.isNaN(t)||t<1)&&(t=1),this.setAttribute(s.TOTAL,String(t)),n(this,g,b).call(this)}get total(){return a(this.getAttribute(s.TOTAL))}set type(e){this.setAttribute(s.TYPE,e)}get type(){return this.getAttribute(s.TYPE)}sync(){let e=["total","pageNumber","pageSize"],t=i=>typeof i<"u"&&i!==null;e.forEach(i=>{let r=this.pager,u=this.datasource,P=t(r?.[i])&&t(u?.[i]);this.initialized&&P&&r[i]!==u[i]&&(r[i]=u[i])})}};o=new WeakSet,h=function(e,t){let i=["ids-pager-input","ids-pager-number-list","ids-pager-button","ids-pager-dropdown"].join(", ");[...this.shadowRoot?.querySelectorAll(i)||[],...this.querySelectorAll(i)].forEach(u=>{u.setAttribute(e,t)})},g=new WeakSet,b=function(){let e=Number.parseInt(this.getAttribute(s.PAGE_NUMBER)??""),t=e;Number.isNaN(t)||t<=1?t=1:this.pageCount&&t>this.pageCount&&(t=this.pageCount),this.elements.dropdowns.forEach(i=>{i.pageSize!==this.pageSize&&(i.pageSize=this.pageSize)}),t!==e&&!Number.isNaN(e)&&this.setAttribute(s.PAGE_NUMBER,String(t))},l=m([c("ids-pager"),E(f)],l);export{l as a};

package/chunks/ids-chunk-UCUVUYRO.js

@@ -0,0 +1 @@
+import{a as s}from"./ids-chunk-RMV7ZP4H.js";import{a as n}from"./ids-chunk-WYSIBKRB.js";import{a as d}from"./ids-chunk-AG3TBUSU.js";import{d as a}from"./ids-chunk-4NXTNKXV.js";window.IdsGlobal??={version:a,personalize:new n,themeName:""};var o=class t{static getLocale(){return window.IdsGlobal.locale||(window.IdsGlobal.locale=new d),window.IdsGlobal.locale}static onThemeLoaded(){return window.IdsGlobal.themeLoaded||(window.IdsGlobal.themeLoaded=new s),window.IdsGlobal.themeLoaded}static get personalize(){return t.personalize}static get version(){return t.version}static get themeName(){return window.IdsGlobal.themeName||""}static set themeName(e){window.IdsGlobal.themeName=e}static set customIconData(e){window.IdsGlobal.customIconData=e}static get customIconData(){return window.IdsGlobal.customIconData}},m=o;export{m as a};

package/chunks/ids-chunk-UDGJ6J55.js

@@ -0,0 +1,58 @@
+import{a as M}from"./ids-chunk-R6OXGY7H.js";import{a as v}from"./ids-chunk-T6ZV4PDM.js";import{a as y}from"./ids-chunk-DK5QOJMP.js";import{a as g,b as f}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-4NXTNKXV.js";import{a as b,c as a,d as l,e as h,g as p}from"./ids-chunk-Y32WUP63.js";var k=`/* Ids Masthead Component */
+.ids-masthead {
+  background-color: var(--ids-masthead-color-background);
+  color: var(--ids-masthead-color-text);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding-inline: var(--ids-masthead-padding-inline);
+  height: var(--ids-masthead-height);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
+  --ids-button-formatter-color-background-hover: transparant;
+  --ids-button-formatter-color-text-hover: var(--ids-masthead-color-hover);
+}
+.ids-masthead #logo.icon-logo {
+  padding-inline: var(--ids-masthead-logo-padding-icon-inline);
+  position: relative;
+  top: var(--ids-masthead-logo-top-space-icon);
+}
+.ids-masthead #logo.icon-logo::part(button) {
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
+  opacity: 1;
+}
+.ids-masthead #title {
+  margin-inline: var(--ids-masthead-title-margin-inline);
+}
+.ids-masthead #more.hidden {
+  display: none;
+}
+.ids-masthead ::slotted([slot=more]) {
+  display: none;
+}`;var A=v(y(M)),n,r,m,L,u,x,c=class extends A{constructor(){super();l(this,m);l(this,u);l(this,n,null);l(this,r,null)}get elements(){return{logo:this.container?.querySelector("#logo-wrapper"),title:this.container?.querySelector("#title"),sections:{start:this.container?.querySelector("ids-toolbar-section#start"),center:this.container?.querySelector("ids-toolbar-section#center"),end:this.container?.querySelector("ids-toolbar-section#end"),more:this.container?.querySelector("ids-toolbar-more-actions#more")}}}get slots(){return h(this,n,a(this,n)||{start:this.querySelector('[slot="start"]'),center:this.querySelector('[slot="center"]'),end:this.querySelector('[slot="end"]'),more:this.querySelector('[slot="more"]')}),a(this,n)}get breakpoints(){return h(this,r,a(this,r)||{mobile:window.matchMedia("(max-width: 425px)"),tablet:window.matchMedia("(min-width: 426px) and (max-width: 768px)"),desktop:window.matchMedia("(min-width: 769px)")}),a(this,r)}get isMobile(){return this.breakpoints.mobile.matches}get isTablet(){return this.breakpoints.tablet.matches}get isDesktop(){return this.breakpoints.desktop.matches}static get attributes(){return[...super.attributes,d.ICON,d.TITLE]}set icon(t){this.setAttribute(d.ICON,t),this.elements.logo&&(this.elements.logo.innerHTML=this.logo())}get icon(){return this.getAttribute(d.ICON)||""}template(){return`
+      <ids-toolbar class="ids-masthead" tabbable="true">
+        <ids-toolbar-section id="start" align="start" type="fluid">
+          <span id="logo-wrapper">${this.logo()}</span>
+          <ids-text id="title" color-variant="alternate" font-size="14" font-weight="semi-bold">${this.title}</ids-text>
+          <slot name="start"></slot>
+        </ids-toolbar-section>
+
+        <ids-toolbar-section id="center" align="center" type="fluid">
+          <slot name="center"></slot>
+        </ids-toolbar-section>
+
+        <ids-toolbar-section id="end" align="end" type="fluid">
+          <slot name="end"></slot>
+        </ids-toolbar-section>
+
+        <ids-toolbar-more-actions id="more" icon="expand-app-tray" class="hidden">
+          <slot name="more"></slot>
+        </ids-toolbar-more-actions>
+      </ids-toolbar>
+    `}logo(){let t=this.icon;if(t){let i=`<ids-icon icon="${t}" viewbox="0 0 32 34" width="32" height="32"></ids-icon>`,e=`<ids-icon icon="${t}"></ids-icon>`;t=`
+        <ids-button id="logo" class="icon-${t}" color-variant="alternate" square="true">
+          ${t==="logo"?i:e}
+          <ids-text audible="true">Masthead logo</ids-text>
+        </ids-button>
+      `}return t}connectedCallback(){super.connectedCallback(),p(this,m,L).call(this),this.renderBreakpoint()}renderBreakpoint(){let{start:t,center:i,end:e}=this.slots,{more:o}=this.elements.sections;o?.menu?.popup&&(o.menu.popup.type="menu-alt"),this.isDesktop?(t?.setAttribute("slot","start"),i?.setAttribute("slot","center"),e?.setAttribute("slot","end"),o?.classList.add("hidden")):this.isTablet?(t?.setAttribute("slot","start"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),o?.classList.remove("hidden")):this.isMobile&&(t?.setAttribute("slot","more"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),o?.classList.remove("hidden")),p(this,u,x).call(this)}onTitleChange(t){this.elements.title&&(this.elements.title.innerHTML=t??"")}};n=new WeakMap,r=new WeakMap,m=new WeakSet,L=function(){this.breakpoints.mobile.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.tablet.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.desktop.addEventListener("change",()=>this.renderBreakpoint())},u=new WeakSet,x=function(){let{sections:t}=this.elements;[t.more?.button,...this.querySelectorAll("ids-button, ids-menu-button")].forEach(e=>{if(e){e.colorVariant="alternate",e.iconAlign="start",e.type="button";let o=e.closest("[slot]"),s=e.querySelector("span, ids-text"),T=s?.classList.contains("audible"),S=s?.classList.contains("audible-off");T&&o?.slot==="more"&&(s?.classList.remove("audible"),s?.classList.add("audible-off"),s?.style.setProperty("padding","0 4px")),S&&o?.slot!=="more"&&(s?.classList.remove("audible-off"),s?.classList.add("audible"),s?.style.setProperty("padding",""))}})},c=b([g("ids-masthead"),f(k)],c);export{c as a};

package/chunks/ids-chunk-UQ5U4LGH.js

@@ -0,0 +1,286 @@
+import{a as Y}from"./ids-chunk-BLIZTILN.js";import{a as J}from"./ids-chunk-Z2CYLLXD.js";import{a as X}from"./ids-chunk-ZIGY2P3N.js";import{a as Q}from"./ids-chunk-T2TIUOXF.js";import{b as W}from"./ids-chunk-LEAYO2RU.js";import{a as F}from"./ids-chunk-OPOTJ7IF.js";import{a as _}from"./ids-chunk-DK5QOJMP.js";import{a as G,b as O}from"./ids-chunk-XE4WFW5M.js";import{a as j}from"./ids-chunk-RCDMHHTV.js";import{b as q,e as b,f as U,g as B}from"./ids-chunk-5Q3WPKMB.js";import{a}from"./ids-chunk-4NXTNKXV.js";import{a as V,b as h,c as g,d as n,e as S,g as c}from"./ids-chunk-Y32WUP63.js";var K=`/* 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 bt=Y(J(F(_(j)))),w,Z,T,tt,x,et,y,H,p,A,rt,$,st,f,m,k,it,I,ot,C,at,P,lt,D,nt,M,ct,L,dt,N,ht,v=class extends bt{constructor(){super();n(this,w);n(this,T);n(this,x);n(this,y);n(this,A);n(this,$);n(this,k);n(this,I);n(this,C);n(this,P);n(this,D);n(this,M);n(this,L);n(this,N);h(this,"initialized",!1);h(this,"svg");h(this,"svgContainer");h(this,"emptyMessage");h(this,"legend");h(this,"percents",[]);h(this,"totals",0);h(this,"datasource",new W);h(this,"vetoableEventTypes",["beforeselected","beforedeselected"]);h(this,"onLocaleChange",()=>{this.redraw();let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))});h(this,"onLanguageChange",()=>{let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))});n(this,p,[]);n(this,f,2);n(this,m,[]);this.state||(this.state={}),this.DEFAULT_SELECTABLE=!1}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){c(this,M,ct).call(this);return}c(this,w,Z).call(this),c(this,A,rt).call(this),c(this,T,tt).call(this),this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.svg&&(this.svg.innerHTML=this.chartTemplate()),c(this,I,ot).call(this),c(this,N,ht).call(this),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>`}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-${q(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}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,d)=>{let u=2*Math.PI*r,R=u-u*l.total/100,gt=e*360/100+-90,E=this.data[0].data,ut=E?.[d].pattern?"":` color-${d+1}`,pt=E?.[d].pattern?`url(#${E?.[d].pattern})`:this.color(d);if(t+=`<g role="listitem">
+        <circle class="slice${ut}" part="circle" stroke="${pt}" stroke-width="${i}" index="${d}" percent="${l.total}" r="${r}" cx="${o}" cy="${s}" stroke-dasharray="${u}" stroke-dashoffset="${this.animated?u:R}" transform="rotate(${gt} ${o} ${s})" pointer-events="stroke"></circle>
+        <text class="audible">${E?.[d].name}  ${l.rounded}%</text>
+        </g>`,e+=l.total,this.animated){let mt=380*l.total/100,ft=380*e/100;requestAnimationFrame(()=>{this.container?.querySelector(`circle.slice[index="${d}"]`)?.style.setProperty("transition",`stroke-dashoffset ${mt}ms cubic-bezier(0.17, 0.04, 0.03, 0.94) ${ft}ms`),requestAnimationFrame(()=>{this.container?.querySelector(`circle.slice[index="${d}"]`)?.setAttribute("stroke-dashoffset",String(R))})})}}),`<title></title>
+      <title>${this.title}</title>
+      <defs>
+        ${c(this,x,et).call(this)}
+      </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>
+      `}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}"}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}}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=U(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(d=>d.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 b(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){c(this,L,dt).call(this),this.datasource.data=t,this.initialized=!0,this.redraw();return}this.datasource.data=[]}get data(){return this?.datasource?.data||[]}get colors(){return X}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:b(this.getAttribute(a.ANIMATED))}set suppressTooltips(t){this.setAttribute(a.SUPPRESS_TOOLTIPS,String(t)),b(this.getAttribute(a.SUPPRESS_TOOLTIPS))&&c(this,C,at).call(this),this.redraw()}get suppressTooltips(){return this.getAttribute(a.SUPPRESS_TOOLTIPS)===null?!1:b(this.getAttribute(a.SUPPRESS_TOOLTIPS))}};w=new WeakSet,Z=function(){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)})})},T=new WeakSet,tt=function(){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}
+    }`)},x=new WeakSet,et=function(){let t="";return this.data[0].data?.forEach((e,r)=>{let i=Q[e.pattern];if(i){let o=`${this.color(r)}`;i=i.replace('fill="#000000"',`fill="${o}"`),t+=i}}),t},y=new WeakSet,H=function(t){return t*(Math.PI/180)},p=new WeakMap,A=new WeakSet,rt=function(){S(this,p,[]);let t=this.totals,e=c(this,y,H).call(this,-90);this.data?.[0]?.data?.forEach(r=>{let i=r.value/t*Math.PI*2+e,o=(e+i)/2;g(this,p).push({startAngle:e,midAngle:o,endAngle:i}),e=i})},$=new WeakSet,st=function(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},d=r/2+s-g(this,f),z=i/2+l-g(this,f),{midAngle:u}=g(this,p)[t];return{x:d+Math.cos(u)*(o+e),y:z+Math.sin(u)*(o+e),midAngle:u}},f=new WeakMap,m=new WeakMap,k=new WeakSet,it=function(){if(S(this,m,[...this.svgContainer?.parentElement?.querySelectorAll("#dots .dot")??[]]),!g(this,m).length){let t=`<div id="dots">${g(this,p).map(()=>'<span class="dot"></span>').join("")}`;this.svgContainer?.parentElement?.insertAdjacentHTML("beforeend",t),S(this,m,[...this.svgContainer?.parentElement?.querySelectorAll("#dots .dot")??[]])}g(this,m).forEach((t,e)=>{let{x:r,y:i}=c(this,$,st).call(this,e);t.style.setProperty("--ids-pie-chart-tooltip-dot-size",`${g(this,f)}px`),t.style.setProperty("left",`${r}px`),t.style.setProperty("top",`${i}px`)})},I=new WeakSet,ot=function(){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=c(this,D,nt).call(this,e),t.target=e),c(this,P,lt).call(this,t,r)})})},C=new WeakSet,at=function(){this.tooltipElements().forEach(t=>{this.offEvent("hoverend",t)})},P=new WeakSet,lt=function(t,e){c(this,k,it).call(this),t.popup.alignTarget=g(this,m)[e];let{midAngle:r}=g(this,p)[e],i=r+c(this,y,H).call(this,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},D=new WeakSet,nt=function(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):B(this.tooltipTemplate(),r)},M=new WeakSet,ct=function(){this.svg?.classList.add("hidden"),this.svgContainer?.parentElement?.classList.add("empty"),this.emptyMessage?.style.setProperty("height",`${this.height}px`),this.emptyMessage?.removeAttribute("hidden")},L=new WeakSet,dt=function(){this.svg?.classList.remove("hidden"),this.svgContainer?.parentElement?.classList.remove("empty"),this.emptyMessage?.style.setProperty("height",""),this.emptyMessage?.setAttribute("hidden","")},N=new WeakSet,ht=function(){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")})}},v=V([G("ids-pie-chart"),O(K)],v);export{v as a};