ids-enterprise-wc 1.9.0 → 1.9.1

package/chunks/{ids-chunk-B2D2S4S5.js → ids-chunk-XU2INS7X.js}

@@ -1,4 +1,4 @@
-import{i as e}from"./ids-chunk-ZNNLOALS.js";import{a as s}from"./ids-chunk-7TWTH2YZ.js";var l=({progress:t,type:r="circular"})=>`<div class="progress-percentage ${r}" part="percentage-text">
+import{i as e}from"./ids-chunk-ZNNLOALS.js";import{a as s}from"./ids-chunk-TUG7JY5H.js";var l=({progress:t,type:r="circular"})=>`<div class="progress-percentage ${r}" part="percentage-text">
     <ids-text font-size="14" font-weight="semi-bold" color="unset" label>${t}</ids-text>
   </div>`,w=({progress:t,type:r,percentageVisible:a,inline:i,slotted:c})=>{let n=!Number.isNaN(parseInt(t));switch(r){case s.STICKY:case s.LINEAR:{let o=`y="${r==="sticky"?"0":"12.5"}%"`;return`<svg
         xmlns="http://www.w3.org/2000/svg"
@@ -35,4 +35,4 @@ import{i as e}from"./ids-chunk-ZNNLOALS.js";import{a as s}from"./ids-chunk-7TWTH
         <circle cx="50" cy="50" r="45" stroke-width="${i?18:c?3:6}" class="progress" part="progress" />
       </svg>
       ${a?l({progress:t}):""}<ids-overlay ${r==="contained"?'class="contained"':""} exportparts="overlay: innerOverlay" opacity="0.7" background-color="page"></ids-overlay>`}};export{l as a,w as b};
-//# sourceMappingURL=ids-chunk-B2D2S4S5.js.map
+//# sourceMappingURL=ids-chunk-XU2INS7X.js.map

package/chunks/ids-chunk-XY6Y6TQS.js

@@ -0,0 +1,54 @@
+import{a as G}from"./ids-chunk-3ZNIY4EY.js";import{a as A,b as C}from"./ids-chunk-W544ATNJ.js";import{a as L}from"./ids-chunk-HEO7ODV7.js";import{h as a}from"./ids-chunk-EYGLOD2E.js";import{e as m}from"./ids-chunk-ZNNLOALS.js";import{a as e}from"./ids-chunk-TUG7JY5H.js";import{a as h,b as u,d as I,f as c}from"./ids-chunk-L5CMP5FA.js";var x=`/* Ids Step Chart Component */
+:host {
+  width: 100%;
+}
+
+:host([disabled]) .ids-step-chart .step-chart-container .step {
+  background-color: var(--ids-step-chart-step-disabled-color);
+}
+
+.ids-step-chart {
+  contain: content;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  margin: var(--ids-step-chart-margin);
+}
+.ids-step-chart .step-label-container {
+  margin-block-end: var(--ids-step-chart-inner-margin);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex: 1 1 auto;
+}
+.ids-step-chart .step-label-container .secondary-label {
+  display: flex;
+  flex-direction: row;
+}
+.ids-step-chart .step-label-container .secondary-label .completed-label {
+  margin-inline-end: var(--ids-step-chart-inner-margin);
+}
+.ids-step-chart .step-label-container .secondary-label .icon {
+  margin-inline-start: var(--ids-step-chart-inner-margin);
+}
+.ids-step-chart .step-chart-container {
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+}
+.ids-step-chart .step-chart-container .step {
+  background-color: var(--ids-step-chart-color-background-default);
+  margin: calc(var(--ids-step-chart-inner-margin) - 3px);
+  height: var(--ids-step-chart-height);
+  box-sizing: content-box;
+  border: 1px;
+  flex: 1 1 auto;
+}
+.ids-step-chart .step-chart-container .step.complete {
+  background-color: var(--ids-step-chart-color-background-complete);
+}
+.ids-step-chart .step-chart-container .step.in-progress {
+  background-color: var(--ids-step-chart-color-background-progress);
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtc3RlcC1jaGFydCIsInNvdXJjZXMiOlsiaWRzLXN0ZXAtY2hhcnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUdBO0VBQ0U7OztBQU1JO0VBQ0U7OztBQU1SO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFLTjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgU3RlcCBDaGFydCBDb21wb25lbnQgKi9cbkB1c2UgJ3Nhc3M6bGlzdCc7XG5cbjpob3N0IHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbjpob3N0KFtkaXNhYmxlZF0pIHtcbiAgLmlkcy1zdGVwLWNoYXJ0IHtcbiAgICAuc3RlcC1jaGFydC1jb250YWluZXIge1xuICAgICAgLnN0ZXAge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtc3RlcC1jaGFydC1zdGVwLWRpc2FibGVkLWNvbG9yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLmlkcy1zdGVwLWNoYXJ0IHtcbiAgY29udGFpbjogY29udGVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMSAxIGF1dG87XG4gIG1hcmdpbjogdmFyKC0taWRzLXN0ZXAtY2hhcnQtbWFyZ2luKTtcblxuICAuc3RlcC1sYWJlbC1jb250YWluZXIge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLWlkcy1zdGVwLWNoYXJ0LWlubmVyLW1hcmdpbik7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBmbGV4OiAxIDEgYXV0bztcblxuICAgIC5zZWNvbmRhcnktbGFiZWwge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAgIC5jb21wbGV0ZWQtbGFiZWwge1xuICAgICAgICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXN0ZXAtY2hhcnQtaW5uZXItbWFyZ2luKTtcbiAgICAgIH1cblxuICAgICAgLmljb24ge1xuICAgICAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtc3RlcC1jaGFydC1pbm5lci1tYXJnaW4pO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5zdGVwLWNoYXJ0LWNvbnRhaW5lciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGZsZXg6IDEgMSBhdXRvO1xuXG4gICAgLnN0ZXAge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLXN0ZXAtY2hhcnQtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcbiAgICAgIG1hcmdpbjogY2FsYyh2YXIoLS1pZHMtc3RlcC1jaGFydC1pbm5lci1tYXJnaW4pIC0gM3B4KTtcbiAgICAgIGhlaWdodDogdmFyKC0taWRzLXN0ZXAtY2hhcnQtaGVpZ2h0KTtcbiAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgICAgYm9yZGVyOiAxcHg7XG4gICAgICBmbGV4OiAxIDEgYXV0bztcblxuICAgICAgJi5jb21wbGV0ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1zdGVwLWNoYXJ0LWNvbG9yLWJhY2tncm91bmQtY29tcGxldGUpO1xuICAgICAgfVxuXG4gICAgICAmLmluLXByb2dyZXNzIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLXN0ZXAtY2hhcnQtY29sb3ItYmFja2dyb3VuZC1wcm9ncmVzcyk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0= */`;var r,n,i=class extends G(L){constructor(){super();I(this,r);u(this,"internalStepsInProgress",[])}connectedCallback(){super.connectedCallback()}static get attributes(){return[...super.attributes,e.COLOR,e.COMPLETED_LABEL,e.DISABLED,e.LABEL,e.PROGRESS_COLOR,e.STEP_NUMBER,e.STEPS_IN_PROGRESS,e.VALUE]}get color(){return this.getAttribute(e.COLOR)}set color(t){t?(this.setAttribute("color",t),this.container?.querySelectorAll(".complete").forEach(s=>{s.setAttribute("color",t),a(t,s,"--ids-step-chart-color-background-default"),a(t,s,"--ids-step-chart-color-background-complete")})):this.removeAttribute("color")}get completedLabel(){return this.getAttribute(e.COMPLETED_LABEL)??""}set completedLabel(t){if(this.getAttribute(e.COMPLETED_LABEL)!==t){this.setAttribute("completed-label",t);let s=this.container?.querySelector(".completed-label");s&&(s.innerHTML=`${t}`)}}set disabled(t){m(t)?this.setAttribute(e.DISABLED,""):this.removeAttribute(e.DISABLED)}get disabled(){return this.hasAttribute(e.DISABLED)}get label(){return this.getAttribute(e.LABEL)??""}set label(t){if(this.getAttribute(e.LABEL)!==t){this.setAttribute("label",t);let s=this.container?.querySelector(".label");s&&(s.innerHTML=`${t}`)}}get progressColor(){return this.getAttribute(e.PROGRESS_COLOR)}set progressColor(t){this.getAttribute(e.PROGRESS_COLOR)!==t&&(this.setAttribute("progress-color",String(t)),this.container?.querySelectorAll(".in-progress").forEach(s=>{s.setAttribute("color",String(t)),a(t,s,"--ids-step-chart-color-background-complete")}))}get stepNumber(){return parseInt(this.getAttribute(e.STEP_NUMBER)??"")}set stepNumber(t){this.getAttribute(e.STEP_NUMBER)!==t&&(this.setAttribute("step-number",String(t)),this.container&&(this.container.innerHTML=this.template()),c(this,r,n).call(this))}get stepsInProgress(){return this.internalStepsInProgress}set stepsInProgress(t){typeof t=="string"&&(t=t.split(",")),this.internalStepsInProgress=t.map(Number),c(this,r,n).call(this)}get value(){return parseInt(this.getAttribute(e.VALUE)??"")}set value(t){this.setAttribute("value",String(t)),c(this,r,n).call(this)}template(){let t=`<ids-text class="label" id="chart-label" font-size="16">${this.label}</ids-text>`,s="",b="",d="",p="";for(let o=1;o<=this.stepNumber;o++){let l="step",g="";this.internalStepsInProgress&&this.internalStepsInProgress.length>0&&this.progressColor&&this.internalStepsInProgress.includes(o)?(l+=" in-progress",g=`${this.progressColor}`):o<=this.value?(g=`${this.color}`,l+=" complete"):l+=" untouched",d+=`<div class="${l}" color="${g}" part="step"></div>`}return b=`<div class="step-chart-container" part="step-chart"> ${d} </div>`,this.completedLabel?s+=`<ids-text class="completed-label" font-size="14">${this.completedLabel}</ids-text>`:s+='<ids-text class="completed-label" font-size="14"></ids-text>',s+='<slot name="icon"></slot>',t+=`<div class="secondary-label">${s}</div>`,p=`<div class="ids-step-chart"><div class="step-label-container">${t}</div>${b}</div>`,p}};r=new WeakSet,n=function(){this.container?.querySelectorAll(".step").forEach((t,s)=>{t.className="",this.internalStepsInProgress&&this.internalStepsInProgress.length>0&&this.progressColor&&this.internalStepsInProgress.includes(s+1)?(t.classList.add("step","in-progress"),t.setAttribute("color",`${this.progressColor}`)):s<=this.value-1?(t.setAttribute("color",`${this.color}`),t.classList.add("step","complete")):t.classList.add("step","untouched")})},i=h([A("ids-step-chart"),C(x)],i);export{i as a};
+//# sourceMappingURL=ids-chunk-XY6Y6TQS.js.map

package/chunks/ids-chunk-XY6Y6TQS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-step-chart/ids-step-chart.scss", "../../../../src/components/ids-step-chart/ids-step-chart.ts"],
+  "sourcesContent": ["export default `/* Ids Step Chart Component */\n:host {\n  width: 100%;\n}\n\n:host([disabled]) .ids-step-chart .step-chart-container .step {\n  background-color: var(--ids-step-chart-step-disabled-color);\n}\n\n.ids-step-chart {\n  contain: content;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: var(--ids-step-chart-margin);\n}\n.ids-step-chart .step-label-container {\n  margin-block-end: var(--ids-step-chart-inner-margin);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  flex: 1 1 auto;\n}\n.ids-step-chart .step-label-container .secondary-label {\n  display: flex;\n  flex-direction: row;\n}\n.ids-step-chart .step-label-container .secondary-label .completed-label {\n  margin-inline-end: var(--ids-step-chart-inner-margin);\n}\n.ids-step-chart .step-label-container .secondary-label .icon {\n  margin-inline-start: var(--ids-step-chart-inner-margin);\n}\n.ids-step-chart .step-chart-container {\n  display: flex;\n  flex-direction: row;\n  flex: 1 1 auto;\n}\n.ids-step-chart .step-chart-container .step {\n  background-color: var(--ids-step-chart-color-background-default);\n  margin: calc(var(--ids-step-chart-inner-margin) - 3px);\n  height: var(--ids-step-chart-height);\n  box-sizing: content-box;\n  border: 1px;\n  flex: 1 1 auto;\n}\n.ids-step-chart .step-chart-container .step.complete {\n  background-color: var(--ids-step-chart-color-background-complete);\n}\n.ids-step-chart .step-chart-container .step.in-progress {\n  background-color: var(--ids-step-chart-color-background-progress);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtc3RlcC1jaGFydCIsInNvdXJjZXMiOlsiaWRzLXN0ZXAtY2hhcnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUdBO0VBQ0U7OztBQU1JO0VBQ0U7OztBQU1SO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFLTjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgU3RlcCBDaGFydCBDb21wb25lbnQgKi9cbkB1c2UgJ3Nhc3M6bGlzdCc7XG5cbjpob3N0IHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbjpob3N0KFtkaXNhYmxlZF0pIHtcbiAgLmlkcy1zdGVwLWNoYXJ0IHtcbiAgICAuc3RlcC1jaGFydC1jb250YWluZXIge1xuICAgICAgLnN0ZXAge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtc3RlcC1jaGFydC1zdGVwLWRpc2FibGVkLWNvbG9yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLmlkcy1zdGVwLWNoYXJ0IHtcbiAgY29udGFpbjogY29udGVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMSAxIGF1dG87XG4gIG1hcmdpbjogdmFyKC0taWRzLXN0ZXAtY2hhcnQtbWFyZ2luKTtcblxuICAuc3RlcC1sYWJlbC1jb250YWluZXIge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLWlkcy1zdGVwLWNoYXJ0LWlubmVyLW1hcmdpbik7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBmbGV4OiAxIDEgYXV0bztcblxuICAgIC5zZWNvbmRhcnktbGFiZWwge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAgIC5jb21wbGV0ZWQtbGFiZWwge1xuICAgICAgICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXN0ZXAtY2hhcnQtaW5uZXItbWFyZ2luKTtcbiAgICAgIH1cblxuICAgICAgLmljb24ge1xuICAgICAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtc3RlcC1jaGFydC1pbm5lci1tYXJnaW4pO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5zdGVwLWNoYXJ0LWNvbnRhaW5lciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGZsZXg6IDEgMSBhdXRvO1xuXG4gICAgLnN0ZXAge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLXN0ZXAtY2hhcnQtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcbiAgICAgIG1hcmdpbjogY2FsYyh2YXIoLS1pZHMtc3RlcC1jaGFydC1pbm5lci1tYXJnaW4pIC0gM3B4KTtcbiAgICAgIGhlaWdodDogdmFyKC0taWRzLXN0ZXAtY2hhcnQtaGVpZ2h0KTtcbiAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgICAgYm9yZGVyOiAxcHg7XG4gICAgICBmbGV4OiAxIDEgYXV0bztcblxuICAgICAgJi5jb21wbGV0ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1zdGVwLWNoYXJ0LWNvbG9yLWJhY2tncm91bmQtY29tcGxldGUpO1xuICAgICAgfVxuXG4gICAgICAmLmluLXByb2dyZXNzIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLXN0ZXAtY2hhcnQtY29sb3ItYmFja2dyb3VuZC1wcm9ncmVzcyk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0= */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport { stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\n\nimport '../ids-color/ids-color';\nimport '../ids-icon/ids-icon';\nimport '../ids-text/ids-text';\n\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport styles from './ids-step-chart.scss';\nimport { applyColorValue, IdsColorValueNames, type IdsColorValue } from '../../utils/ids-color-utils/ids-color-utils';\n\n/**\n * IDS Step Chart Component\n * @type {IdsStepChart}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @part icon - slot for completed message icons\n */\n\n@customElement('ids-step-chart')\n@scss(styles)\nexport default class IdsStepChart extends IdsEventsMixin(IdsElement) {\n  internalStepsInProgress: number[] = [];\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Invoked each time the custom element is add into a document-connected element\n   */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /**\n   * Return the attributes we handle as getters/setters\n   * @returns {Array} The attributes in an array\n   */\n  static get attributes() {\n    return [\n      ...super.attributes,\n      attributes.COLOR,\n      attributes.COMPLETED_LABEL,\n      attributes.DISABLED,\n      attributes.LABEL,\n      attributes.PROGRESS_COLOR,\n      attributes.STEP_NUMBER,\n      attributes.STEPS_IN_PROGRESS,\n      attributes.VALUE\n    ];\n  }\n\n  /**\n   * @returns {IdsColorValue} returns the current ids color variable\n   * for completed steps\n   */\n  get color(): IdsColorValue { return this.getAttribute(attributes.COLOR) as IdsColorValue; }\n\n  /**\n   * @param {IdsColorValue} value sets the color variable that is used to fill\n   * completed steps\n   */\n  set color(value: IdsColorValue) {\n    if (value) {\n      this.setAttribute('color', value);\n      this.container?.querySelectorAll<HTMLElement>(`.complete`).forEach((completedStep) => {\n        completedStep.setAttribute('color', value);\n        applyColorValue(value, completedStep, '--ids-step-chart-color-background-default');\n        applyColorValue(value, completedStep, '--ids-step-chart-color-background-complete');\n      });\n    } else {\n      this.removeAttribute('color');\n    }\n  }\n\n  /**\n   * @returns {string} returns the text for the step charts secondary label\n   */\n  get completedLabel(): string { return this.getAttribute(attributes.COMPLETED_LABEL) ?? ''; }\n\n  /**\n   * @param {string} value set the text for the secondary label\n   */\n  set completedLabel(value: string) {\n    if (this.getAttribute(attributes.COMPLETED_LABEL) !== value) {\n      this.setAttribute('completed-label', value);\n      const labelElem = this.container?.querySelector('.completed-label');\n      if (labelElem) labelElem.innerHTML = `${value}`;\n    }\n  }\n\n  /**\n   * Sets the disabled state\n   * @param {boolean | string} value The value\n   */\n  set disabled(value: boolean | string) {\n    if (stringToBool(value)) this.setAttribute(attributes.DISABLED, '');\n    else this.removeAttribute(attributes.DISABLED);\n  }\n\n  get disabled(): boolean {\n    return this.hasAttribute(attributes.DISABLED);\n  }\n\n  /**\n   * @returns {string} returns the current primary label text\n   */\n  get label(): string { return this.getAttribute(attributes.LABEL) ?? ''; }\n\n  /**\n   * @param {string} value set the primary label for the step chart\n   */\n  set label(value: string) {\n    if (this.getAttribute(attributes.LABEL) !== value) {\n      this.setAttribute('label', value);\n      const labelElem = this.container?.querySelector('.label');\n      if (labelElem) labelElem.innerHTML = `${value}`;\n    }\n  }\n\n  /**\n   * @returns {IdsColorValueNames} the ids color variable that\n   * in progress steps are currently set with\n   */\n  get progressColor(): IdsColorValueNames { return this.getAttribute(attributes.PROGRESS_COLOR) as any; }\n\n  /**\n   * @param {string} value sets the ids color variable that in progress steps use\n   */\n  set progressColor(value: IdsColorValueNames) {\n    if (this.getAttribute(attributes.PROGRESS_COLOR) !== value) {\n      this.setAttribute('progress-color', String(value));\n      this.container?.querySelectorAll<HTMLElement>(`.in-progress`).forEach((element) => {\n        element.setAttribute('color', String(value));\n        applyColorValue(value, element, '--ids-step-chart-color-background-complete');\n      });\n    }\n  }\n\n  /**\n   * @returns {number} the current number of steps displayed in the step chart\n   */\n  get stepNumber(): number { return parseInt(this.getAttribute(attributes.STEP_NUMBER) ?? ''); }\n\n  /**\n   * @param {string|number} value sets the number of steps in the step chart\n   */\n  set stepNumber(value: string | number) {\n    if (this.getAttribute(attributes.STEP_NUMBER) !== value) {\n      this.setAttribute('step-number', String(value));\n      if (this.container) this.container.innerHTML = this.template();\n      this.#updateColor();\n    }\n  }\n\n  /**\n   * @returns {Array} an array of the steps that have been marked as in progress\n   */\n  get stepsInProgress() {\n    return this.internalStepsInProgress;\n  }\n\n  /**\n   * @param {Array} value updates the list of steps that are marked as\n   * in progress\n   */\n  set stepsInProgress(value: string | Array<string | number>) {\n    if (typeof value === 'string') value = value.split(',');\n    this.internalStepsInProgress = value.map(Number);\n    this.#updateColor();\n  }\n\n  /**\n   * @returns {number} the number of the last step to be filled in\n   */\n  get value(): number { return parseInt(this.getAttribute(attributes.VALUE) ?? ''); }\n\n  /**\n   * @param {string} value sets the number of the last step in the array to be filled in\n   */\n  set value(value: string | number) {\n    this.setAttribute('value', String(value));\n    this.#updateColor();\n  }\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The template\n   */\n  template(): string {\n    let labelContainer = `<ids-text class=\"label\" id=\"chart-label\" font-size=\"16\">${this.label}</ids-text>`;\n    let rightContainer = ``;\n    let stepChart = '';\n    let stepDiv = '';\n    let template = '';\n\n    for (let i = 1; i <= this.stepNumber; i++) {\n      let classes = 'step';\n      let color = ``;\n\n      if (this.internalStepsInProgress && this.internalStepsInProgress.length > 0\n        && this.progressColor\n        && this.internalStepsInProgress.includes(i)) {\n        classes += ` in-progress`;\n        color = `${this.progressColor}`;\n      } else if (i <= this.value) {\n        color = `${this.color}`;\n        classes += ` complete`;\n      } else {\n        classes += ` untouched`;\n      }\n\n      stepDiv += `<div class=\"${classes}\" color=\"${color}\" part=\"step\"></div>`;\n    }\n\n    stepChart = `<div class=\"step-chart-container\" part=\"step-chart\"> ${stepDiv} </div>`;\n\n    if (this.completedLabel) {\n      rightContainer += `<ids-text class=\"completed-label\" font-size=\"14\">${this.completedLabel}</ids-text>`;\n    } else {\n      rightContainer += `<ids-text class=\"completed-label\" font-size=\"14\"></ids-text>`;\n    }\n\n    rightContainer += `<slot name=\"icon\"></slot>`;\n\n    labelContainer += `<div class=\"secondary-label\">${rightContainer}</div>`;\n\n    template = `<div class=\"ids-step-chart\"><div class=\"step-label-container\">${labelContainer}</div>${stepChart}</div>`;\n    return template;\n  }\n\n  /**\n   * updates the colors and classes of the step divs\n   */\n  #updateColor() {\n    this.container?.querySelectorAll<HTMLElement>(`.step`).forEach((element, index) => {\n      element.className = '';\n      if (this.internalStepsInProgress\n        && this.internalStepsInProgress.length > 0\n        && this.progressColor\n        && this.internalStepsInProgress.includes(index + 1)) {\n        element.classList.add(`step`, `in-progress`);\n        element.setAttribute(`color`, `${this.progressColor}`);\n      } else if (index <= this.value - 1) {\n        element.setAttribute(`color`, `${this.color}`);\n        element.classList.add(`step`, `complete`);\n      } else {\n        element.classList.add(`step`, `untouched`);\n      }\n    });\n  }\n}\n"],
+  "mappings": "gVAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;i+ECAf,IAAAC,EAAAC,EAwBqBC,EAArB,cAA0CC,EAAeC,CAAU,CAAE,CAGnE,aAAc,CACZ,MAAM,EAJVC,EAAA,KAAAL,GACEM,EAAA,+BAAoC,CAAC,EAIrC,CAKA,mBAAoB,CAClB,MAAM,kBAAkB,CAC1B,CAMA,WAAW,YAAa,CACtB,MAAO,CACL,GAAG,MAAM,WACTC,EAAW,MACXA,EAAW,gBACXA,EAAW,SACXA,EAAW,MACXA,EAAW,eACXA,EAAW,YACXA,EAAW,kBACXA,EAAW,KACb,CACF,CAMA,IAAI,OAAuB,CAAE,OAAO,KAAK,aAAaA,EAAW,KAAK,CAAoB,CAM1F,IAAI,MAAMC,EAAsB,CAC1BA,GACF,KAAK,aAAa,QAASA,CAAK,EAChC,KAAK,WAAW,iBAA8B,WAAW,EAAE,QAASC,GAAkB,CACpFA,EAAc,aAAa,QAASD,CAAK,EACzCE,EAAgBF,EAAOC,EAAe,2CAA2C,EACjFC,EAAgBF,EAAOC,EAAe,4CAA4C,CACpF,CAAC,GAED,KAAK,gBAAgB,OAAO,CAEhC,CAKA,IAAI,gBAAyB,CAAE,OAAO,KAAK,aAAaF,EAAW,eAAe,GAAK,EAAI,CAK3F,IAAI,eAAeC,EAAe,CAChC,GAAI,KAAK,aAAaD,EAAW,eAAe,IAAMC,EAAO,CAC3D,KAAK,aAAa,kBAAmBA,CAAK,EAC1C,IAAMG,EAAY,KAAK,WAAW,cAAc,kBAAkB,EAC9DA,IAAWA,EAAU,UAAY,GAAGH,CAAK,GAC/C,CACF,CAMA,IAAI,SAASA,EAAyB,CAChCI,EAAaJ,CAAK,EAAG,KAAK,aAAaD,EAAW,SAAU,EAAE,EAC7D,KAAK,gBAAgBA,EAAW,QAAQ,CAC/C,CAEA,IAAI,UAAoB,CACtB,OAAO,KAAK,aAAaA,EAAW,QAAQ,CAC9C,CAKA,IAAI,OAAgB,CAAE,OAAO,KAAK,aAAaA,EAAW,KAAK,GAAK,EAAI,CAKxE,IAAI,MAAMC,EAAe,CACvB,GAAI,KAAK,aAAaD,EAAW,KAAK,IAAMC,EAAO,CACjD,KAAK,aAAa,QAASA,CAAK,EAChC,IAAMG,EAAY,KAAK,WAAW,cAAc,QAAQ,EACpDA,IAAWA,EAAU,UAAY,GAAGH,CAAK,GAC/C,CACF,CAMA,IAAI,eAAoC,CAAE,OAAO,KAAK,aAAaD,EAAW,cAAc,CAAU,CAKtG,IAAI,cAAcC,EAA2B,CACvC,KAAK,aAAaD,EAAW,cAAc,IAAMC,IACnD,KAAK,aAAa,iBAAkB,OAAOA,CAAK,CAAC,EACjD,KAAK,WAAW,iBAA8B,cAAc,EAAE,QAASK,GAAY,CACjFA,EAAQ,aAAa,QAAS,OAAOL,CAAK,CAAC,EAC3CE,EAAgBF,EAAOK,EAAS,4CAA4C,CAC9E,CAAC,EAEL,CAKA,IAAI,YAAqB,CAAE,OAAO,SAAS,KAAK,aAAaN,EAAW,WAAW,GAAK,EAAE,CAAG,CAK7F,IAAI,WAAWC,EAAwB,CACjC,KAAK,aAAaD,EAAW,WAAW,IAAMC,IAChD,KAAK,aAAa,cAAe,OAAOA,CAAK,CAAC,EAC1C,KAAK,YAAW,KAAK,UAAU,UAAY,KAAK,SAAS,GAC7DM,EAAA,KAAKd,EAAAC,GAAL,WAEJ,CAKA,IAAI,iBAAkB,CACpB,OAAO,KAAK,uBACd,CAMA,IAAI,gBAAgBO,EAAwC,CACtD,OAAOA,GAAU,WAAUA,EAAQA,EAAM,MAAM,GAAG,GACtD,KAAK,wBAA0BA,EAAM,IAAI,MAAM,EAC/CM,EAAA,KAAKd,EAAAC,GAAL,UACF,CAKA,IAAI,OAAgB,CAAE,OAAO,SAAS,KAAK,aAAaM,EAAW,KAAK,GAAK,EAAE,CAAG,CAKlF,IAAI,MAAMC,EAAwB,CAChC,KAAK,aAAa,QAAS,OAAOA,CAAK,CAAC,EACxCM,EAAA,KAAKd,EAAAC,GAAL,UACF,CAMA,UAAmB,CACjB,IAAIc,EAAiB,2DAA2D,KAAK,KAAK,cACtFC,EAAiB,GACjBC,EAAY,GACZC,EAAU,GACVC,EAAW,GAEf,QAASC,EAAI,EAAGA,GAAK,KAAK,WAAYA,IAAK,CACzC,IAAIC,EAAU,OACVC,EAAQ,GAER,KAAK,yBAA2B,KAAK,wBAAwB,OAAS,GACrE,KAAK,eACL,KAAK,wBAAwB,SAASF,CAAC,GAC1CC,GAAW,eACXC,EAAQ,GAAG,KAAK,aAAa,IACpBF,GAAK,KAAK,OACnBE,EAAQ,GAAG,KAAK,KAAK,GACrBD,GAAW,aAEXA,GAAW,aAGbH,GAAW,eAAeG,CAAO,YAAYC,CAAK,sBACpD,CAEA,OAAAL,EAAY,wDAAwDC,CAAO,UAEvE,KAAK,eACPF,GAAkB,oDAAoD,KAAK,cAAc,cAEzFA,GAAkB,+DAGpBA,GAAkB,4BAElBD,GAAkB,gCAAgCC,CAAc,SAEhEG,EAAW,iEAAiEJ,CAAc,SAASE,CAAS,SACrGE,CACT,CAsBF,EAvOAnB,EAAA,YAsNEC,EAAY,UAAG,CACb,KAAK,WAAW,iBAA8B,OAAO,EAAE,QAAQ,CAACY,EAASU,IAAU,CACjFV,EAAQ,UAAY,GAChB,KAAK,yBACJ,KAAK,wBAAwB,OAAS,GACtC,KAAK,eACL,KAAK,wBAAwB,SAASU,EAAQ,CAAC,GAClDV,EAAQ,UAAU,IAAI,OAAQ,aAAa,EAC3CA,EAAQ,aAAa,QAAS,GAAG,KAAK,aAAa,EAAE,GAC5CU,GAAS,KAAK,MAAQ,GAC/BV,EAAQ,aAAa,QAAS,GAAG,KAAK,KAAK,EAAE,EAC7CA,EAAQ,UAAU,IAAI,OAAQ,UAAU,GAExCA,EAAQ,UAAU,IAAI,OAAQ,WAAW,CAE7C,CAAC,CACH,EAtOmBX,EAArBsB,EAAA,CAFCC,EAAc,gBAAgB,EAC9BC,EAAKC,CAAM,GACSzB",
+  "names": ["ids_step_chart_default", "_IdsStepChart_instances", "updateColor_fn", "IdsStepChart", "ids_events_mixin_default", "IdsElement", "__privateAdd", "__publicField", "attributes", "value", "completedStep", "applyColorValue", "labelElem", "stringToBool", "element", "__privateMethod", "labelContainer", "rightContainer", "stepChart", "stepDiv", "template", "i", "classes", "color", "index", "__decorateClass", "customElement", "scss", "ids_step_chart_default"]
+}

package/chunks/{ids-chunk-CQJ7HAAC.js → ids-chunk-YAYZGQ5Y.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./ids-chunk-7TWTH2YZ.js";var e="center",A=e,i=[e,"bottom","top","left","right"],r=[e,"left","right"],s=[e,"top","bottom"],N=r.filter(o=>o!==e),I=s.filter(o=>o!==e),c=["fade","scale-in","slide-from-bottom"],p=["none","bottom","top","left","right"],_=["fixed","absolute","viewport"],l=["none","menu","menu-alt","modal","tooltip","tooltip-alt","custom","dropdown","module-nav"],m=[t.ALIGN,t.ALIGN_X,t.ALIGN_Y,t.ALIGN_EDGE,t.ALIGN_TARGET,t.ARROW,t.ARROW_TARGET,t.ANIMATED,t.ANIMATION_STYLE,t.BLEED,t.HEIGHT,t.KEEP_OPEN,t.MAX_HEIGHT,t.OFFSET_CONTAINER,t.POSITION_STYLE,t.TYPE,t.VISIBLE,t.WIDTH,t.X,t.Y],u="--ids-popup-maxheight";function S(o,E,n){return I.includes(n)?!o||!o.length||o===e?`${n}`:`${n}, ${o}`:!E||!E.length||E===e?`${o}`:n===e?`${E}`:`${n}, ${E}`}function G(o){return o}export{e as a,A as b,i as c,r as d,s as e,N as f,I as g,c as h,p as i,_ as j,l as k,m as l,u as m,S as n,G as o};
-//# sourceMappingURL=ids-chunk-CQJ7HAAC.js.map
+import{a as t}from"./ids-chunk-TUG7JY5H.js";var e="center",A=e,i=[e,"bottom","top","left","right"],r=[e,"left","right"],s=[e,"top","bottom"],N=r.filter(o=>o!==e),I=s.filter(o=>o!==e),c=["fade","scale-in","slide-from-bottom"],p=["none","bottom","top","left","right"],_=["fixed","absolute","viewport"],l=["none","menu","menu-alt","modal","tooltip","tooltip-alt","custom","dropdown","module-nav"],m=[t.ALIGN,t.ALIGN_X,t.ALIGN_Y,t.ALIGN_EDGE,t.ALIGN_TARGET,t.ARROW,t.ARROW_TARGET,t.ANIMATED,t.ANIMATION_STYLE,t.BLEED,t.HEIGHT,t.KEEP_OPEN,t.MAX_HEIGHT,t.OFFSET_CONTAINER,t.POSITION_STYLE,t.TYPE,t.VISIBLE,t.WIDTH,t.X,t.Y],u="--ids-popup-maxheight";function S(o,E,n){return I.includes(n)?!o||!o.length||o===e?`${n}`:`${n}, ${o}`:!E||!E.length||E===e?`${o}`:n===e?`${E}`:`${n}, ${E}`}function G(o){return o}export{e as a,A as b,i as c,r as d,s as e,N as f,I as g,c as h,p as i,_ as j,l as k,m as l,u as m,S as n,G as o};
+//# sourceMappingURL=ids-chunk-YAYZGQ5Y.js.map

package/chunks/ids-chunk-YBOEVNZT.js

@@ -0,0 +1,8 @@
+import{a}from"./ids-chunk-5726KNWI.js";import{a as d}from"./ids-chunk-3ZNIY4EY.js";import{a as l,b as o}from"./ids-chunk-W544ATNJ.js";import{a as p}from"./ids-chunk-HEO7ODV7.js";import{e as s}from"./ids-chunk-ZNNLOALS.js";import{a as t}from"./ids-chunk-TUG7JY5H.js";import{a as n}from"./ids-chunk-L5CMP5FA.js";var h=`/* Ids Splitter Pane Component */
+.ids-splitter-pane {
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtc3BsaXR0ZXIiLCJzb3VyY2VzIjpbImlkcy1zcGxpdHRlci1wYW5lLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBTcGxpdHRlciBQYW5lIENvbXBvbmVudCAqL1xuLmlkcy1zcGxpdHRlci1wYW5lIHtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iXX0= */`;var S=a(d(p)),r=class extends S{constructor(){super()}static get attributes(){return[...super.attributes,t.COLLAPSED,t.NO_SCROLL,t.MIN_SIZE,t.MAX_SIZE,t.SIZE]}template(){return'<div class="ids-splitter-pane" part="pane"><slot></slot></div>'}connectedCallback(){super.connectedCallback(),this.size&&(this.state.collapsedSize=String(this.size))}state={collapsedSize:String(this.size)};set collapsed(e){let i=s(e),c=s(this.collapsed);i!==c&&(i?(this.state.collapsedSize=String(this.size)==="0%"?this.state.collapsedSize:String(this.size),this.setAttribute(t.COLLAPSED,String(i))):(this.removeAttribute(t.COLLAPSED),this.size=this.state.collapsedSize),this.parentNode&&this.parentNode.initialized&&i&&this.parentNode.collapse({startPane:`#${this.id}`,endPane:`#${this.id}`}),this.parentNode&&this.parentNode.initialized&&!i&&this.parentNode.expand({startPane:`#${this.id}`,endPane:`#${this.id}`}))}get collapsed(){return s(this.getAttribute(t.COLLAPSED))}set size(e){e?this.setAttribute(t.SIZE,String(e)||`${100/(this.parentNode?.childElementCount||0)}%`):this.removeAttribute(t.SIZE),this.parentNode&&this.parentNode.initialized&&this.parentNode.refreshSizes()}get size(){return this.getAttribute(t.SIZE)||`${100/(this.parentNode?.childElementCount||0)}%`}set minSize(e){e?this.setAttribute(t.MIN_SIZE,String(e)):this.removeAttribute(t.MIN_SIZE),this.parentNode&&this.parentNode.initialized&&this.parentNode.refreshSizes()}get minSize(){return this.getAttribute(t.MIN_SIZE)}set maxSize(e){e?this.setAttribute(t.MAX_SIZE,String(e)):this.removeAttribute(t.MAX_SIZE),this.parentNode&&this.parentNode.initialized&&this.parentNode.refreshSizes()}get maxSize(){return this.getAttribute(t.MAX_SIZE)}set noScroll(e){let i=s(e);this.toggleAttribute(t.NO_SCROLL,i),this.container?.style.setProperty("overflow",i?"hidden":"auto")}get noScroll(){return s(t.NO_SCROLL)}};r=n([l("ids-splitter-pane"),o(h)],r);export{r as a};
+//# sourceMappingURL=ids-chunk-YBOEVNZT.js.map

package/chunks/ids-chunk-YBOEVNZT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-splitter/ids-splitter-pane.scss", "../../../../src/components/ids-splitter/ids-splitter-pane.ts"],
+  "sourcesContent": ["export default `/* Ids Splitter Pane Component */\n.ids-splitter-pane {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtc3BsaXR0ZXIiLCJzb3VyY2VzIjpbImlkcy1zcGxpdHRlci1wYW5lLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBTcGxpdHRlciBQYW5lIENvbXBvbmVudCAqL1xuLmlkcy1zcGxpdHRlci1wYW5lIHtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iXX0= */`;\n", "import { attributes } from '../../core/ids-attributes';\nimport { customElement, scss } from '../../core/ids-decorators';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsElement from '../../core/ids-element';\nimport type IdsSplitter from './ids-splitter';\nimport { stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\n\nimport styles from './ids-splitter-pane.scss';\n\nconst Base = IdsLocaleMixin(\n  IdsEventsMixin(\n    IdsElement\n  )\n);\n\n/**\n * IDS SplitterPane Component\n * @type {IdsSplitterPane}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @mixes IdsLocaleMixin\n * @part pane - the splitter pane container element\n */\n@customElement('ids-splitter-pane')\n@scss(styles)\nexport default class IdsSplitterPane extends Base {\n  constructor() {\n    super();\n  }\n\n  /**\n   * Return the attributes we handle as getters/setters\n   * @returns {Array} The attributes in an array\n   */\n  static get attributes(): Array<string> {\n    return [\n      ...super.attributes,\n      attributes.COLLAPSED,\n      attributes.NO_SCROLL,\n      attributes.MIN_SIZE,\n      attributes.MAX_SIZE,\n      attributes.SIZE\n    ];\n  }\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The template\n   */\n  template(): string {\n    return `<div class=\"ids-splitter-pane\" part=\"pane\"><slot></slot></div>`;\n  }\n\n  /**\n   * Invoked each time the custom element is appended into a document-connected element.\n   */\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.size) {\n      this.state.collapsedSize = String(this.size);\n    }\n  }\n\n  state = { collapsedSize: String(this.size) };\n\n  /**\n   * Set the collapsed state of the pane\n   * @param {boolean} value for the size in percent with the percent sign\n   */\n  set collapsed(value: boolean) {\n    const val = stringToBool(value);\n    const previousVal = stringToBool(this.collapsed);\n    if (val === previousVal) return;\n\n    if (val) {\n      this.state.collapsedSize = String(this.size) === '0%' ? this.state.collapsedSize : String(this.size);\n      this.setAttribute(attributes.COLLAPSED, String(val));\n    } else {\n      this.removeAttribute(attributes.COLLAPSED);\n      this.size = this.state.collapsedSize;\n    }\n\n    if (this.parentNode && (this.parentNode as IdsSplitter).initialized && val) {\n      (this.parentNode as IdsSplitter).collapse({ startPane: `#${this.id}`, endPane: `#${this.id}` });\n    }\n\n    if (this.parentNode && (this.parentNode as IdsSplitter).initialized && !val) {\n      (this.parentNode as IdsSplitter).expand({ startPane: `#${this.id}`, endPane: `#${this.id}` });\n    }\n  }\n\n  /**\n   * Get collapsed state of the pane\n   * @returns {boolean} the size value\n   */\n  get collapsed(): boolean {\n    return stringToBool(this.getAttribute(attributes.COLLAPSED));\n  }\n\n  /**\n   * Set the pane size (width or height depending on axis)\n   * @param {string} value for the size in percent with the percent sign\n   */\n  set size(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.SIZE, String(value) || `${100 / (this.parentNode?.childElementCount || 0)}%`);\n    } else {\n      this.removeAttribute(attributes.SIZE);\n    }\n\n    if (this.parentNode && (this.parentNode as IdsSplitter).initialized) {\n      (this.parentNode as IdsSplitter).refreshSizes();\n    }\n  }\n\n  /**\n   * Get the current panes size\n   * @returns {number | string | null} the size value\n   */\n  get size(): number | string | null {\n    return this.getAttribute(attributes.SIZE) || `${100 / (this.parentNode?.childElementCount || 0)}%`;\n  }\n\n  /**\n   * Set the pane minSize\n   * @param {string} value for the minSize\n   */\n  set minSize(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.MIN_SIZE, String(value));\n    } else {\n      this.removeAttribute(attributes.MIN_SIZE);\n    }\n\n    if (this.parentNode && (this.parentNode as IdsSplitter).initialized) {\n      (this.parentNode as IdsSplitter).refreshSizes();\n    }\n  }\n\n  /**\n   * Get the current panes minSize\n   * @returns {number | string | null} the minSize value\n   */\n  get minSize(): number | string | null {\n    return this.getAttribute(attributes.MIN_SIZE);\n  }\n\n  /**\n   * Set the pane maxSize\n   * @param {string} value for the maxSize\n   */\n  set maxSize(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.MAX_SIZE, String(value));\n    } else {\n      this.removeAttribute(attributes.MAX_SIZE);\n    }\n\n    if (this.parentNode && (this.parentNode as IdsSplitter).initialized) {\n      (this.parentNode as IdsSplitter).refreshSizes();\n    }\n  }\n\n  /**\n   * Get the current panes maxSize\n   * @returns {number | string | null} the maxSize value\n   */\n  get maxSize(): number | string | null {\n    return this.getAttribute(attributes.MAX_SIZE);\n  }\n\n  /**\n   * Set the noScroll property to disable scrollbars\n   * @param {boolean} val for the noScroll property\n   */\n  set noScroll(val: boolean) {\n    const hideScroll = stringToBool(val);\n    this.toggleAttribute(attributes.NO_SCROLL, hideScroll);\n    this.container?.style.setProperty('overflow', hideScroll ? 'hidden' : 'auto');\n  }\n\n  get noScroll(): boolean {\n    return stringToBool(attributes.NO_SCROLL);\n  }\n}\n"],
+  "mappings": "sTAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;6cCUf,IAAMC,EAAOC,EACXC,EACEC,CACF,CACF,EAYqBC,EAArB,cAA6CJ,CAAK,CAChD,aAAc,CACZ,MAAM,CACR,CAMA,WAAW,YAA4B,CACrC,MAAO,CACL,GAAG,MAAM,WACTK,EAAW,UACXA,EAAW,UACXA,EAAW,SACXA,EAAW,SACXA,EAAW,IACb,CACF,CAMA,UAAmB,CACjB,MAAO,gEACT,CAKA,mBAAoB,CAClB,MAAM,kBAAkB,EAEpB,KAAK,OACP,KAAK,MAAM,cAAgB,OAAO,KAAK,IAAI,EAE/C,CAEA,MAAQ,CAAE,cAAe,OAAO,KAAK,IAAI,CAAE,EAM3C,IAAI,UAAUC,EAAgB,CAC5B,IAAMC,EAAMC,EAAaF,CAAK,EACxBG,EAAcD,EAAa,KAAK,SAAS,EAC3CD,IAAQE,IAERF,GACF,KAAK,MAAM,cAAgB,OAAO,KAAK,IAAI,IAAM,KAAO,KAAK,MAAM,cAAgB,OAAO,KAAK,IAAI,EACnG,KAAK,aAAaF,EAAW,UAAW,OAAOE,CAAG,CAAC,IAEnD,KAAK,gBAAgBF,EAAW,SAAS,EACzC,KAAK,KAAO,KAAK,MAAM,eAGrB,KAAK,YAAe,KAAK,WAA2B,aAAeE,GACpE,KAAK,WAA2B,SAAS,CAAE,UAAW,IAAI,KAAK,EAAE,GAAI,QAAS,IAAI,KAAK,EAAE,EAAG,CAAC,EAG5F,KAAK,YAAe,KAAK,WAA2B,aAAe,CAACA,GACrE,KAAK,WAA2B,OAAO,CAAE,UAAW,IAAI,KAAK,EAAE,GAAI,QAAS,IAAI,KAAK,EAAE,EAAG,CAAC,EAEhG,CAMA,IAAI,WAAqB,CACvB,OAAOC,EAAa,KAAK,aAAaH,EAAW,SAAS,CAAC,CAC7D,CAMA,IAAI,KAAKC,EAA+B,CAClCA,EACF,KAAK,aAAaD,EAAW,KAAM,OAAOC,CAAK,GAAK,GAAG,KAAO,KAAK,YAAY,mBAAqB,EAAE,GAAG,EAEzG,KAAK,gBAAgBD,EAAW,IAAI,EAGlC,KAAK,YAAe,KAAK,WAA2B,aACrD,KAAK,WAA2B,aAAa,CAElD,CAMA,IAAI,MAA+B,CACjC,OAAO,KAAK,aAAaA,EAAW,IAAI,GAAK,GAAG,KAAO,KAAK,YAAY,mBAAqB,EAAE,GACjG,CAMA,IAAI,QAAQC,EAA+B,CACrCA,EACF,KAAK,aAAaD,EAAW,SAAU,OAAOC,CAAK,CAAC,EAEpD,KAAK,gBAAgBD,EAAW,QAAQ,EAGtC,KAAK,YAAe,KAAK,WAA2B,aACrD,KAAK,WAA2B,aAAa,CAElD,CAMA,IAAI,SAAkC,CACpC,OAAO,KAAK,aAAaA,EAAW,QAAQ,CAC9C,CAMA,IAAI,QAAQC,EAA+B,CACrCA,EACF,KAAK,aAAaD,EAAW,SAAU,OAAOC,CAAK,CAAC,EAEpD,KAAK,gBAAgBD,EAAW,QAAQ,EAGtC,KAAK,YAAe,KAAK,WAA2B,aACrD,KAAK,WAA2B,aAAa,CAElD,CAMA,IAAI,SAAkC,CACpC,OAAO,KAAK,aAAaA,EAAW,QAAQ,CAC9C,CAMA,IAAI,SAASE,EAAc,CACzB,IAAMG,EAAaF,EAAaD,CAAG,EACnC,KAAK,gBAAgBF,EAAW,UAAWK,CAAU,EACrD,KAAK,WAAW,MAAM,YAAY,WAAYA,EAAa,SAAW,MAAM,CAC9E,CAEA,IAAI,UAAoB,CACtB,OAAOF,EAAaH,EAAW,SAAS,CAC1C,CACF,EAhKqBD,EAArBO,EAAA,CAFCC,EAAc,mBAAmB,EACjCC,EAAKC,CAAM,GACSV",
+  "names": ["ids_splitter_pane_default", "Base", "ids_locale_mixin_default", "ids_events_mixin_default", "IdsElement", "IdsSplitterPane", "attributes", "value", "val", "stringToBool", "previousVal", "hideScroll", "__decorateClass", "customElement", "scss", "ids_splitter_pane_default"]
+}

package/chunks/{ids-chunk-U4R6CCO5.js → ids-chunk-YLDT3PT5.js}

@@ -1,12 +1,12 @@
-import{a as A}from"./ids-chunk-7BZCWSXD.js";import{a as D}from"./ids-chunk-4I5XUS7D.js";import{a as N}from"./ids-chunk-46CNAHSV.js";import{a as S}from"./ids-chunk-3ZNIY4EY.js";import{a as m,b as E}from"./ids-chunk-W544ATNJ.js";import{a as I}from"./ids-chunk-T4CWIXQV.js";import{e as n,g as b}from"./ids-chunk-ZNNLOALS.js";import{a as t}from"./ids-chunk-7TWTH2YZ.js";import{a as p,b as h,d as c,f as r}from"./ids-chunk-L5CMP5FA.js";var f=`/* Ids Pager Button Component */
+import{a as A}from"./ids-chunk-7BZCWSXD.js";import{a as D}from"./ids-chunk-W5HZ2VN6.js";import{a as N}from"./ids-chunk-5726KNWI.js";import{a as S}from"./ids-chunk-3ZNIY4EY.js";import{a as c,b as E}from"./ids-chunk-W544ATNJ.js";import{a as I}from"./ids-chunk-HEO7ODV7.js";import{e as n,g as b}from"./ids-chunk-ZNNLOALS.js";import{a as t}from"./ids-chunk-TUG7JY5H.js";import{a as p,b as h,d as m,f as r}from"./ids-chunk-L5CMP5FA.js";var f=`/* Ids Pager Button Component */
 :host(ids-pager-button) {
   display: inline-flex;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXBhZ2VyIiwic291cmNlcyI6WyJpZHMtcGFnZXItYnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIFBhZ2VyIEJ1dHRvbiBDb21wb25lbnQgKi9cbjpob3N0KGlkcy1wYWdlci1idXR0b24pIHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG59XG4iXX0= */`;var T=N(D(S(I))),i,l,L,g,d,o,u=class extends T{constructor(){super();c(this,i);h(this,"DEFAULT_PAGE_SIZE",10);h(this,"rootNode");h(this,"button");h(this,"icon")}template(){let e=this.type;return`<ids-button
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtcGFnZXIiLCJzb3VyY2VzIjpbImlkcy1wYWdlci1idXR0b24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgUGFnZXIgQnV0dG9uIENvbXBvbmVudCAqL1xuOmhvc3QoaWRzLXBhZ2VyLWJ1dHRvbikge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbn1cbiJdfQ== */`;var T=N(D(S(I))),i,l,L,d,g,o,u=class extends T{constructor(){super();m(this,i);h(this,"DEFAULT_PAGE_SIZE",10);h(this,"rootNode");h(this,"button");h(this,"icon")}template(){let e=this.type;return`<ids-button
         ${e}
         ${this.hasAttribute(t.DISABLED)?" disabled":""}
         part="button"
       >
         <ids-icon icon="${e}-page" size="medium" part="icon"></ids-icon>
-      </ids-button>`}static get attributes(){return[t.DISABLED,t.FIRST,t.LABEL,t.LANGUAGE,t.LAST,t.NAV_DISABLED,t.NEXT,t.PAGE_NUMBER,t.PAGE_SIZE,t.PARENT_DISABLED,t.PREVIOUS,t.TOTAL]}attributeChangedCallback(e,s,a){super.attributeChangedCallback(e,s,a),[t.PAGE_NUMBER,t.PAGE_SIZE,t.STEP,t.TOTAL,t.TYPE].includes(e)&&s!==a&&this.connectedCallback()}connectedCallback(){super.connectedCallback(),this.button=this.shadowRoot?.querySelector("ids-button"),this.icon=this.shadowRoot?.querySelector("ids-icon"),this.offEvent("click",this.button),this.onEvent("click",this.button,()=>r(this,i,L).call(this)),this.pager&&(this.parentDisabled=this.pager.disabled,this.pageNumber=this.pager.pageNumber,this.pageSize=this.pager.pageSize,this.total=this.pager?.total??0),r(this,i,d).call(this),r(this,i,o).call(this)}get pager(){return this.rootNode||(this.rootNode=this.getRootNode?.()?.host),this.rootNode?.nodeName!=="IDS-PAGER"&&(this.rootNode=this.closest("ids-pager")),this.rootNode}get pageCount(){let e=this.hasAttribute(t.TOTAL)?Math.max(Math.ceil(this.total/this.pageSize),1):null;return this.pager?.pageCount??e}set first(e){r(this,i,g).call(this,t.FIRST,e)}set last(e){r(this,i,g).call(this,t.LAST,e)}set next(e){r(this,i,g).call(this,t.NEXT,e)}set previous(e){r(this,i,g).call(this,t.PREVIOUS,e)}get disabled(){return this.hasAttribute(t.DISABLED)}set disabled(e){n(e)?this.setAttribute(t.DISABLED,"true"):this.removeAttribute(t.DISABLED),r(this,i,o).call(this)}get type(){for(let e of A)if(this.hasAttribute(e))return e}set total(e){let s=b(e);(Number.isNaN(s)||s<1)&&(s=0),this.setAttribute(t.TOTAL,String(s)),r(this,i,d).call(this),r(this,i,o).call(this)}get total(){let e=b(this.getAttribute(t.TOTAL));return this.pager?.total??e}set navDisabled(e){n(e)?this.setAttribute(t.NAV_DISABLED,""):this.removeAttribute(t.NAV_DISABLED),r(this,i,o).call(this)}get navDisabled(){return this.hasAttribute(t.NAV_DISABLED)}set parentDisabled(e){n(e)&&!this.hasAttribute(t.PARENT_DISABLED)?this.setAttribute(t.PARENT_DISABLED,""):!n(e)&&this.hasAttribute(t.PARENT_DISABLED)&&this.removeAttribute(t.PARENT_DISABLED),r(this,i,o).call(this)}get parentDisabled(){return this.hasAttribute(t.PARENT_DISABLED)}set pageNumber(e){let s=b(e);Number.isNaN(s)||s<1?s=1:this.pageCount&&(s=Math.min(s,this.pageCount)),this.setAttribute(t.PAGE_NUMBER,String(s)),r(this,i,d).call(this),r(this,i,o).call(this)}get pageNumber(){let e=b(this.getAttribute(t.PAGE_NUMBER)??1);return this.pager?.pageNumber??e}set pageSize(e){let s=this.isValidPageSize(e);this.setAttribute(t.PAGE_SIZE,String(s)),r(this,i,d).call(this),r(this,i,o).call(this)}get pageSize(){return this.pager?.pageSize??this.isValidPageSize(this.getAttribute(t.PAGE_SIZE))}isValidPageSize(e){let s=b(e);return!Number.isNaN(s)&&s>0?s:this.DEFAULT_PAGE_SIZE}set label(e){e?this.setAttribute(t.LABEL,e):this.removeAttribute(t.LABEL)}get label(){return this.getAttribute(t.LABEL)}};i=new WeakSet,l=function(e,s){this.triggerEvent("pagenumberchange",this,{bubbles:!0,composed:!0,detail:{elem:this,value:e}}),this.triggerEvent(`page${s}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:e}})},L=function(){if(!this.disabled){let e=Math.ceil(Number(this.total)/this.pageSize);switch(this.type){case t.FIRST:{this.pageNumber>1&&r(this,i,l).call(this,1,t.FIRST);break}case t.LAST:{this.pageNumber<e&&r(this,i,l).call(this,Number(this.pageCount),t.LAST);break}case t.PREVIOUS:{this.pageNumber>1&&r(this,i,l).call(this,Number(this.pageNumber)-1,t.PREVIOUS);break}case t.NEXT:{this.pageNumber<e&&r(this,i,l).call(this,Number(this.pageNumber)+1,t.NEXT);break}default:break}}},g=function(e,s){if(n(s)){this.setAttribute(e,"");for(let a of A)e!==a&&this.hasAttribute(a)&&this.removeAttribute(a);this.shadowRoot?.querySelector("ids-icon")?.setAttribute("icon",`${e}-page`),this.shadowRoot?.querySelector("ids-button")?.setAttribute("aria-label",this.label||e),this.shadowRoot?.querySelector("ids-button")?.setAttribute(e,""),this.shadowRoot?.querySelector("ids-button")?.removeAttribute("undefined")}else this.removeAttribute(e)},d=function(){let e=!1;switch(this.type){case t.FIRST:case t.PREVIOUS:{e=this.pageNumber<=1&&this.total>0;break}case t.NEXT:case t.LAST:{e=this.pageNumber>=(this.pageCount||0)&&this.total>0;break}default:break}e?this.navDisabled=!0:this.navDisabled=!1},o=function(){this.hasAttribute(t.DISABLED)||this.hasAttribute(t.NAV_DISABLED)||this.hasAttribute(t.PARENT_DISABLED)?this.button?.setAttribute(t.DISABLED,""):this.button?.removeAttribute(t.DISABLED)},u=p([m("ids-pager-button"),E(f)],u);export{u as a};
-//# sourceMappingURL=ids-chunk-U4R6CCO5.js.map
+      </ids-button>`}static get attributes(){return[t.DISABLED,t.FIRST,t.LABEL,t.LANGUAGE,t.LAST,t.NAV_DISABLED,t.NEXT,t.PAGE_NUMBER,t.PAGE_SIZE,t.PARENT_DISABLED,t.PREVIOUS,t.TOTAL]}attributeChangedCallback(e,s,a){super.attributeChangedCallback(e,s,a),[t.PAGE_NUMBER,t.PAGE_SIZE,t.STEP,t.TOTAL,t.TYPE].includes(e)&&s!==a&&this.connectedCallback()}connectedCallback(){super.connectedCallback(),this.button=this.shadowRoot?.querySelector("ids-button"),this.icon=this.shadowRoot?.querySelector("ids-icon"),this.offEvent("click",this.button),this.onEvent("click",this.button,()=>r(this,i,L).call(this)),this.pager&&(this.parentDisabled=this.pager.disabled,this.pageNumber=this.pager.pageNumber,this.pageSize=this.pager.pageSize,this.total=this.pager?.total??0),r(this,i,g).call(this),r(this,i,o).call(this)}get pager(){return this.rootNode||(this.rootNode=this.getRootNode?.()?.host),this.rootNode?.nodeName!=="IDS-PAGER"&&(this.rootNode=this.closest("ids-pager")),this.rootNode}get pageCount(){let e=this.hasAttribute(t.TOTAL)?Math.max(Math.ceil(this.total/this.pageSize),1):null;return this.pager?.pageCount??e}set first(e){r(this,i,d).call(this,t.FIRST,e)}set last(e){r(this,i,d).call(this,t.LAST,e)}set next(e){r(this,i,d).call(this,t.NEXT,e)}set previous(e){r(this,i,d).call(this,t.PREVIOUS,e)}get disabled(){return this.hasAttribute(t.DISABLED)}set disabled(e){n(e)?this.setAttribute(t.DISABLED,"true"):this.removeAttribute(t.DISABLED),r(this,i,o).call(this)}get type(){for(let e of A)if(this.hasAttribute(e))return e}set total(e){let s=b(e);(Number.isNaN(s)||s<1)&&(s=0),this.setAttribute(t.TOTAL,String(s)),r(this,i,g).call(this),r(this,i,o).call(this)}get total(){let e=b(this.getAttribute(t.TOTAL));return this.pager?.total??e}set navDisabled(e){n(e)?this.setAttribute(t.NAV_DISABLED,""):this.removeAttribute(t.NAV_DISABLED),r(this,i,o).call(this)}get navDisabled(){return this.hasAttribute(t.NAV_DISABLED)}set parentDisabled(e){n(e)&&!this.hasAttribute(t.PARENT_DISABLED)?this.setAttribute(t.PARENT_DISABLED,""):!n(e)&&this.hasAttribute(t.PARENT_DISABLED)&&this.removeAttribute(t.PARENT_DISABLED),r(this,i,o).call(this)}get parentDisabled(){return this.hasAttribute(t.PARENT_DISABLED)}set pageNumber(e){let s=b(e);Number.isNaN(s)||s<1?s=1:this.pageCount&&(s=Math.min(s,this.pageCount)),this.setAttribute(t.PAGE_NUMBER,String(s)),r(this,i,g).call(this),r(this,i,o).call(this)}get pageNumber(){let e=b(this.getAttribute(t.PAGE_NUMBER)??1);return this.pager?.pageNumber??e}set pageSize(e){let s=this.isValidPageSize(e);this.setAttribute(t.PAGE_SIZE,String(s)),r(this,i,g).call(this),r(this,i,o).call(this)}get pageSize(){return this.pager?.pageSize??this.isValidPageSize(this.getAttribute(t.PAGE_SIZE))}isValidPageSize(e){let s=b(e);return!Number.isNaN(s)&&s>0?s:this.DEFAULT_PAGE_SIZE}set label(e){e?this.setAttribute(t.LABEL,e):this.removeAttribute(t.LABEL)}get label(){return this.getAttribute(t.LABEL)}};i=new WeakSet,l=function(e,s){this.triggerEvent("pagenumberchange",this,{bubbles:!0,composed:!0,detail:{elem:this,value:e}}),this.triggerEvent(`page${s}`,this,{bubbles:!0,composed:!0,detail:{elem:this,value:e}})},L=function(){if(!this.disabled){let e=Math.ceil(Number(this.total)/this.pageSize);switch(this.type){case t.FIRST:{this.pageNumber>1&&r(this,i,l).call(this,1,t.FIRST);break}case t.LAST:{this.pageNumber<e&&r(this,i,l).call(this,Number(this.pageCount),t.LAST);break}case t.PREVIOUS:{this.pageNumber>1&&r(this,i,l).call(this,Number(this.pageNumber)-1,t.PREVIOUS);break}case t.NEXT:{this.pageNumber<e&&r(this,i,l).call(this,Number(this.pageNumber)+1,t.NEXT);break}default:break}}},d=function(e,s){if(n(s)){this.setAttribute(e,"");for(let a of A)e!==a&&this.hasAttribute(a)&&this.removeAttribute(a);this.shadowRoot?.querySelector("ids-icon")?.setAttribute("icon",`${e}-page`),this.shadowRoot?.querySelector("ids-button")?.setAttribute("aria-label",this.label||e),this.shadowRoot?.querySelector("ids-button")?.setAttribute(e,""),this.shadowRoot?.querySelector("ids-button")?.removeAttribute("undefined")}else this.removeAttribute(e)},g=function(){let e=!1;switch(this.type){case t.FIRST:case t.PREVIOUS:{e=this.pageNumber<=1&&this.total>0;break}case t.NEXT:case t.LAST:{e=this.pageNumber>=(this.pageCount||0)&&this.total>0;break}default:break}e?this.navDisabled=!0:this.navDisabled=!1},o=function(){this.hasAttribute(t.DISABLED)||this.hasAttribute(t.NAV_DISABLED)||this.hasAttribute(t.PARENT_DISABLED)?this.button?.setAttribute(t.DISABLED,""):this.button?.removeAttribute(t.DISABLED)},u=p([c("ids-pager-button"),E(f)],u);export{u as a};
+//# sourceMappingURL=ids-chunk-YLDT3PT5.js.map

package/chunks/ids-chunk-YLDT3PT5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ids-pager/ids-pager-button.scss", "../../../../src/components/ids-pager/ids-pager-button.ts"],
+  "sourcesContent": ["export default `/* Ids Pager Button Component */\n:host(ids-pager-button) {\n  display: inline-flex;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL3Jvb3QvZW50ZXJwcmlzZS9zcmMvY29tcG9uZW50cy9pZHMtcGFnZXIiLCJzb3VyY2VzIjpbImlkcy1wYWdlci1idXR0b24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgUGFnZXIgQnV0dG9uIENvbXBvbmVudCAqL1xuOmhvc3QoaWRzLXBhZ2VyLWJ1dHRvbikge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbn1cbiJdfQ== */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\n\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsTooltipMixin from '../../mixins/ids-tooltip-mixin/ids-tooltip-mixin';\nimport IdsElement from '../../core/ids-element';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\n\nimport { stringToBool, stringToNumber } from '../../utils/ids-string-utils/ids-string-utils';\nimport '../ids-button/ids-button';\nimport '../ids-icon/ids-icon';\nimport { buttonTypes } from './ids-pager-attributes';\n\nimport styles from './ids-pager-button.scss';\nimport type IdsButton from '../ids-button/ids-button';\nimport type IdsIcon from '../ids-icon/ids-icon';\nimport type IdsPager from './ids-pager';\n\nconst Base = IdsLocaleMixin(\n  IdsTooltipMixin(\n    IdsEventsMixin(\n      IdsElement\n    )\n  )\n);\n\n/**\n * IDS PagerButton Component\n * @type {IdsPagerButton}\n * @inherits IdsElement\n * @mixes IdsLocaleMixin\n * @part button - the `ids-button` component\n * @part icon - the `ids-icon` component\n */\n@customElement('ids-pager-button')\n@scss(styles)\nexport default class IdsPagerButton extends Base {\n  readonly DEFAULT_PAGE_SIZE = 10;\n\n  rootNode: any;\n\n  button?: IdsButton | null;\n\n  icon?: IdsIcon | null;\n\n  constructor() {\n    super();\n  }\n\n  template(): string {\n    const type = this.type;\n\n    return (\n      `<ids-button\n        ${type}\n        ${this.hasAttribute(attributes.DISABLED) ? ' disabled' : ''}\n        part=\"button\"\n      >\n        <ids-icon icon=\"${type}-page\" size=\"medium\" part=\"icon\"></ids-icon>\n      </ids-button>`\n    );\n  }\n\n  static get attributes(): Array<string> {\n    return [\n      attributes.DISABLED,\n      attributes.FIRST,\n      attributes.LABEL,\n      attributes.LANGUAGE,\n      attributes.LAST,\n      attributes.NAV_DISABLED,\n      attributes.NEXT,\n      attributes.PAGE_NUMBER,\n      attributes.PAGE_SIZE,\n      attributes.PARENT_DISABLED,\n      attributes.PREVIOUS,\n      attributes.TOTAL\n    ];\n  }\n\n  /**\n   * React to attributes changing on the web-component\n   * @param {string} name The property name\n   * @param {string} oldValue The property old value\n   * @param {string} newValue The property new value\n   */\n  attributeChangedCallback(name: string, oldValue: string, newValue: string) {\n    super.attributeChangedCallback(name, oldValue, newValue);\n\n    const shouldRerender = [\n      attributes.PAGE_NUMBER,\n      attributes.PAGE_SIZE,\n      attributes.STEP,\n      attributes.TOTAL,\n      attributes.TYPE,\n    ].includes(name);\n\n    if (shouldRerender) {\n      if (oldValue !== newValue) {\n        this.connectedCallback();\n      }\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.button = this.shadowRoot?.querySelector('ids-button');\n    this.icon = this.shadowRoot?.querySelector('ids-icon');\n    this.offEvent('click', this.button);\n    this.onEvent('click', this.button, () => this.#onClick());\n\n    if (this.pager) {\n      this.parentDisabled = this.pager.disabled;\n      this.pageNumber = this.pager.pageNumber;\n      this.pageSize = this.pager.pageSize;\n      this.total = this.pager?.total ?? 0;\n    }\n\n    this.#updateNavDisabled();\n    this.#updateDisabledState();\n  }\n\n  /**\n   * Reference to the pager parent\n   * @returns {IdsPager} the parent element\n   */\n  get pager(): IdsPager {\n    if (!this.rootNode) this.rootNode = (this.getRootNode?.() as any)?.host;\n    if (this.rootNode?.nodeName !== 'IDS-PAGER') this.rootNode = this.closest('ids-pager');\n    return this.rootNode as IdsPager;\n  }\n\n  /**\n   * @returns {number} # of pages -- read-only attribute;\n   * inferred from pageSize and total\n   */\n  get pageCount(): number | null {\n    const val = this.hasAttribute(attributes.TOTAL)\n      ? Math.max(Math.ceil(this.total / this.pageSize), 1)\n      : null;\n    return this.pager?.pageCount ?? val;\n  }\n\n  /**\n   * @param {boolean|string} value designates this as a nav to first page button\n   */\n  set first(value: boolean | string) {\n    this.#setTypeAttribute(attributes.FIRST, value);\n  }\n\n  /**\n   * @param {boolean|string} value designates this as a nav to last page button\n   */\n  set last(value: boolean | string) {\n    this.#setTypeAttribute(attributes.LAST, value);\n  }\n\n  /**\n   * @param {boolean|string} value A flag which designates this as a nav to next page button\n   */\n  set next(value: boolean | string) {\n    this.#setTypeAttribute(attributes.NEXT, value);\n  }\n\n  /**\n   * @param {boolean|string} value A flag which designates this as a nav to previous\n   * page button\n   */\n  set previous(value: boolean | string) {\n    this.#setTypeAttribute(attributes.PREVIOUS, value);\n  }\n\n  /**\n   * @returns {boolean|string} A flag indicating whether button is disabled\n   * for nav reasons\n   */\n  get disabled(): boolean | string {\n    return this.hasAttribute(attributes.DISABLED);\n  }\n\n  /**\n   * @param {boolean|string} value A whether to disable input at app-specified-level\n   */\n  set disabled(value: boolean | string) {\n    if (stringToBool(value)) {\n      this.setAttribute(attributes.DISABLED, 'true');\n    } else {\n      this.removeAttribute(attributes.DISABLED);\n    }\n\n    this.#updateDisabledState();\n  }\n\n  /**\n   * @returns {string|undefined} type The type of button -- based on which attrib was set\n   */\n  get type(): undefined | string {\n    for (const a of buttonTypes) {\n      if (this.hasAttribute(a)) { return a; }\n    }\n\n    return undefined;\n  }\n\n  /**\n   * @param {number} value The number of items to track\n   */\n  set total(value: number) {\n    let val = stringToNumber(value);\n    if (Number.isNaN(val) || val < 1) val = 0;\n    this.setAttribute(attributes.TOTAL, String(val));\n\n    this.#updateNavDisabled();\n    this.#updateDisabledState();\n  }\n\n  /**\n   * @returns {number} The number of items for pager is tracking\n   */\n  get total(): number {\n    const val = stringToNumber(this.getAttribute(attributes.TOTAL));\n    return this.pager?.total ?? val;\n  }\n\n  /**\n   * @param {string|boolean} value A flag indicating whether button is disabled\n   * for nav reasons\n   */\n  set navDisabled(value: string | boolean) {\n    if (stringToBool(value)) {\n      this.setAttribute(attributes.NAV_DISABLED, '');\n    } else {\n      this.removeAttribute(attributes.NAV_DISABLED);\n    }\n\n    this.#updateDisabledState();\n  }\n\n  /**\n   * @returns {string|boolean} A flag indicating whether button is disabled\n   * for nav reasons\n   */\n  get navDisabled(): string | boolean {\n    return this.hasAttribute(attributes.NAV_DISABLED);\n  }\n\n  /**\n   * @param {string|boolean} value A flag indicating if button is disabled\n   * through parent pager's disabled attribute\n   */\n  set parentDisabled(value: string | boolean) {\n    if (stringToBool(value) && !this.hasAttribute(attributes.PARENT_DISABLED)) {\n      this.setAttribute(attributes.PARENT_DISABLED, '');\n    } else if (!stringToBool(value) && this.hasAttribute(attributes.PARENT_DISABLED)) {\n      this.removeAttribute(attributes.PARENT_DISABLED);\n    }\n\n    this.#updateDisabledState();\n  }\n\n  /**\n   * @returns {string|boolean} A flag indicating whether button is disabled\n   * via parent pager's disabled attribute\n   */\n  get parentDisabled(): string | boolean {\n    return this.hasAttribute(attributes.PARENT_DISABLED);\n  }\n\n  /**\n   * @param {number} value A 1-based page number shown\n   */\n  set pageNumber(value: number) {\n    let val = stringToNumber(value);\n    if (Number.isNaN(val) || val < 1) val = 1;\n    else if (this.pageCount) val = Math.min(val, this.pageCount);\n    this.setAttribute(attributes.PAGE_NUMBER, String(val));\n\n    this.#updateNavDisabled();\n    this.#updateDisabledState();\n  }\n\n  /** @returns {number} value A 1-based page number displayed */\n  get pageNumber(): number {\n    const val = stringToNumber(this.getAttribute(attributes.PAGE_NUMBER) ?? 1);\n    return this.pager?.pageNumber ?? val;\n  }\n\n  /** @param {number} value The number of items shown per page */\n  set pageSize(value: number) {\n    const val = this.isValidPageSize(value);\n    this.setAttribute(attributes.PAGE_SIZE, String(val));\n\n    this.#updateNavDisabled();\n    this.#updateDisabledState();\n  }\n\n  /** @returns {number} The number of items shown per page */\n  get pageSize(): number {\n    return this.pager?.pageSize\n      ?? this.isValidPageSize(this.getAttribute(attributes.PAGE_SIZE));\n  }\n\n  /**\n   * Check given page size value, if not a number return default\n   * @private\n   * @param {number | string | null} value The value\n   * @returns {number} Given value or default\n   */\n  isValidPageSize(value?: number | string | null): number {\n    const val = stringToNumber(value);\n    return !Number.isNaN(val) && val > 0 ? val : this.DEFAULT_PAGE_SIZE;\n  }\n\n  /**\n   * Set the aria label text\n   * @param {string} value The label text\n   */\n  set label(value: string | null) {\n    if (value) {\n      this.setAttribute(attributes.LABEL, value);\n    } else {\n      this.removeAttribute(attributes.LABEL);\n    }\n  }\n\n  get label() {\n    return this.getAttribute(attributes.LABEL);\n  }\n\n  #triggerPageNumberChange(value: number, source: string) {\n    this.triggerEvent(`pagenumberchange`, this, {\n      bubbles: true,\n      composed: true,\n      detail: { elem: this, value }\n    });\n\n    this.triggerEvent(`page${source}`, this, {\n      bubbles: true,\n      composed: true,\n      detail: { elem: this, value }\n    });\n  }\n\n  /**\n   * Handles click functionality dependent on whether this\n   * button is disabled and the type of button it is set to;\n   * will bubble up an appropriate event to parent ids-pager\n   * in order to update the page-number value via\n   * 'pagenumberchange' if applicable\n   */\n  #onClick() {\n    if (!this.disabled) {\n      const lastPageNumber = Math.ceil(Number(this.total) / this.pageSize);\n\n      switch (this.type) {\n        case attributes.FIRST: {\n          if (this.pageNumber > 1) {\n            this.#triggerPageNumberChange(1, attributes.FIRST);\n          }\n          break;\n        }\n        case attributes.LAST: {\n          if (this.pageNumber < lastPageNumber) {\n            this.#triggerPageNumberChange(Number(this.pageCount), attributes.LAST);\n          }\n          break;\n        }\n        case attributes.PREVIOUS: {\n          if (this.pageNumber > 1) {\n            this.#triggerPageNumberChange(Number(this.pageNumber) - 1, attributes.PREVIOUS);\n          }\n          break;\n        }\n        case attributes.NEXT: {\n          if (this.pageNumber < lastPageNumber) {\n            this.#triggerPageNumberChange(Number(this.pageNumber) + 1, attributes.NEXT);\n          }\n          break;\n        }\n        default: break;\n      }\n    }\n  }\n\n  #setTypeAttribute(attribute: string, value: string | boolean) {\n    if (stringToBool(value)) {\n      this.setAttribute(attribute, '');\n\n      for (const type of buttonTypes) {\n        if (attribute === type) {\n          continue;\n        }\n\n        if (this.hasAttribute(type)) {\n          this.removeAttribute(type);\n        }\n      }\n      this.shadowRoot?.querySelector('ids-icon')?.setAttribute('icon', `${attribute}-page`);\n      this.shadowRoot?.querySelector('ids-button')?.setAttribute('aria-label', this.label || attribute);\n      this.shadowRoot?.querySelector('ids-button')?.setAttribute(attribute, '');\n      this.shadowRoot?.querySelector('ids-button')?.removeAttribute('undefined');\n    } else {\n      this.removeAttribute(attribute);\n    }\n  }\n\n  /**\n   * Updates nav-disabled attribute based\n   * on page number, size and total to\n   * prevent nav actions/disable the component\n   * based on these factors\n   */\n  #updateNavDisabled(): void {\n    let isNavDisabled = false;\n\n    switch (this.type) {\n      case attributes.FIRST:\n      case attributes.PREVIOUS: {\n        isNavDisabled = this.pageNumber <= 1 && this.total > 0;\n        break;\n      }\n      case attributes.NEXT:\n      case attributes.LAST: {\n        isNavDisabled = this.pageNumber >= (this.pageCount || 0) && this.total > 0;\n        break;\n      }\n      default: {\n        break;\n      }\n    }\n\n    if (isNavDisabled) {\n      this.navDisabled = true;\n    } else {\n      this.navDisabled = false;\n    }\n  }\n\n  /**\n   * Update visible button disabled state\n   * dependent on current page nav and\n   * user-provided disabled state\n   */\n  #updateDisabledState(): void {\n    const isDisabled = (\n      this.hasAttribute(attributes.DISABLED)\n      || this.hasAttribute(attributes.NAV_DISABLED)\n      || this.hasAttribute(attributes.PARENT_DISABLED)\n    );\n\n    if (isDisabled) {\n      this.button?.setAttribute(attributes.DISABLED, '');\n    } else {\n      this.button?.removeAttribute(attributes.DISABLED);\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ids_pager_button_default", "Base", "ids_locale_mixin_default", "ids_tooltip_mixin_default", "ids_events_mixin_default", "IdsElement", "_IdsPagerButton_instances", "triggerPageNumberChange_fn", "onClick_fn", "setTypeAttribute_fn", "updateNavDisabled_fn", "updateDisabledState_fn", "IdsPagerButton", "__privateAdd", "__publicField", "type", "attributes", "name", "oldValue", "newValue", "__privateMethod", "val", "value", "stringToBool", "a", "buttonTypes", "stringToNumber", "source", "lastPageNumber", "attribute", "isNavDisabled", "__decorateClass", "customElement", "scss", "ids_pager_button_default"]
+}

package/chunks/{ids-chunk-AV5LRLM4.js → ids-chunk-YV4EGWMM.js}

@@ -1,2 +1,2 @@
-import{b as n}from"./ids-chunk-CZUYZPLU.js";import{a as r}from"./ids-chunk-7TWTH2YZ.js";var s=["contextmenu","click","custom","hover","immediate","immediate-closed"],g=["click.trigger","contextmenu.trigger","hoverend.trigger","mouseenter.trigger","mouseleave.trigger","sloped-mouseleave.trigger"],a=o=>class extends o{constructor(...e){super(...e),this.state||(this.state={}),this.state.triggerType=s[0],this.state.triggerElem=null,this.state.currentTriggerElem=null}static get attributes(){return[...o.attributes,r.TARGET,r.TRIGGER_TYPE,r.TRIGGER_ELEM]}connectedCallback(){super.connectedCallback?.(),this.#e()}disconnectedCallback(){super.disconnectedCallback?.(),this.removeTriggerEvents()}#e(){let e=this.getAttribute(r.TARGET),t=e?this.parentNode?.querySelector(e):null;this.popup&&t&&!this.target&&(this.popup.alignTarget=t),(this.triggerElem||t)&&(this.removeTriggerEvents(),this.refreshTriggerEvents())}hasTriggerEvents=!1;popupDelay=500;get popup(){return this.shadowRoot?.querySelector("ids-popup")}get target(){return this.popup?.alignTarget??null}set target(e){if(this.popup&&e!==this.popup.alignTarget){let t=this.popup.alignTarget;this.removeTriggerEvents(),typeof e=="string"&&(e=n(this).querySelector(e)||this.parentNode),this.popup.alignTarget=e,this.refreshTriggerEvents(),typeof this.onTargetChange=="function"&&this.onTargetChange(t,e)}}get triggerType(){return this.state.triggerType}set triggerType(e){let t=this.state.triggerType,i=e;s.includes(e)||(i=s[0]),t!==i&&(this.removeTriggerEvents(),this.state.triggerType=i,this.refreshTriggerEvents())}get triggerElem(){return this.state.triggerElem}set triggerElem(e){if(typeof e=="string"){let t=n(this)?.querySelector(e);t&&(this.removeTriggerEvents(),this.state.triggerElem=t,this.refreshTriggerEvents())}}refreshTriggerEvents(){if(this.hasTriggerEvents||!this.popup)return;let e=this.triggerElem||this.target||window;switch(this.state.currentTriggerElem=e,this.state.triggerType){case"click":e.id&&!(e instanceof Window)&&e.setAttribute("aria-controls",`${this.id}`),requestAnimationFrame(()=>{this.offEvent("click.trigger"),this.onEvent("click.trigger",e,t=>typeof this.onTriggerClick=="function"?this.onTriggerClick(t):!0)});break;case"contextmenu":if(this.parentMenu)break;this.onEvent("contextmenu.trigger",e,t=>{typeof this.onContextMenu=="function"&&this.onContextMenu(t)});break;case"hover":this.onEvent("hoverend.trigger",e,t=>{typeof this.onTriggerHover=="function"&&this.onTriggerHover(t)},{delay:this.popupDelay}),this.onEvent("sloped-mouseleave.trigger",e,t=>{typeof this.onCancelTriggerHover=="function"&&this.onCancelTriggerHover(t)},{delay:this.popupDelay}),this.onEvent("click.trigger",e,t=>{typeof this.onTriggerHoverClick=="function"&&this.onTriggerHoverClick(t)});break;case"immediate":typeof this.onTriggerImmediate=="function"&&this.onTriggerImmediate();break;case"custom":break;default:break}this.hasTriggerEvents=!0}removeTriggerEvents(){this.currentTargetElem?.removeAttribute("aria-controls"),g.forEach(e=>{this.detachEventsByName(e)}),this.hasTriggerEvents=!1}},c=a;export{c as a};
-//# sourceMappingURL=ids-chunk-AV5LRLM4.js.map
+import{b as n}from"./ids-chunk-CZUYZPLU.js";import{a as r}from"./ids-chunk-TUG7JY5H.js";var s=["contextmenu","click","custom","hover","immediate","immediate-closed"],g=["click.trigger","contextmenu.trigger","hoverend.trigger","mouseenter.trigger","mouseleave.trigger","sloped-mouseleave.trigger"],a=o=>class extends o{constructor(...e){super(...e),this.state||(this.state={}),this.state.triggerType=s[0],this.state.triggerElem=null,this.state.currentTriggerElem=null}static get attributes(){return[...o.attributes,r.TARGET,r.TRIGGER_TYPE,r.TRIGGER_ELEM]}connectedCallback(){super.connectedCallback?.(),this.#e()}disconnectedCallback(){super.disconnectedCallback?.(),this.removeTriggerEvents()}#e(){let e=this.getAttribute(r.TARGET),t=e?this.parentNode?.querySelector(e):null;this.popup&&t&&!this.target&&(this.popup.alignTarget=t),(this.triggerElem||t)&&(this.removeTriggerEvents(),this.refreshTriggerEvents())}hasTriggerEvents=!1;popupDelay=500;get popup(){return this.shadowRoot?.querySelector("ids-popup")}get target(){return this.popup?.alignTarget??null}set target(e){if(this.popup&&e!==this.popup.alignTarget){let t=this.popup.alignTarget;this.removeTriggerEvents(),typeof e=="string"&&(e=n(this).querySelector(e)||this.parentNode),this.popup.alignTarget=e,this.refreshTriggerEvents(),typeof this.onTargetChange=="function"&&this.onTargetChange(t,e)}}get triggerType(){return this.state.triggerType}set triggerType(e){let t=this.state.triggerType,i=e;s.includes(e)||(i=s[0]),t!==i&&(this.removeTriggerEvents(),this.state.triggerType=i,this.refreshTriggerEvents())}get triggerElem(){return this.state.triggerElem}set triggerElem(e){if(typeof e=="string"){let t=n(this)?.querySelector(e);t&&(this.removeTriggerEvents(),this.state.triggerElem=t,this.refreshTriggerEvents())}}refreshTriggerEvents(){if(this.hasTriggerEvents||!this.popup)return;let e=this.triggerElem||this.target||window;switch(this.state.currentTriggerElem=e,this.state.triggerType){case"click":e.id&&!(e instanceof Window)&&e.setAttribute("aria-controls",`${this.id}`),requestAnimationFrame(()=>{this.offEvent("click.trigger"),this.onEvent("click.trigger",e,t=>typeof this.onTriggerClick=="function"?this.onTriggerClick(t):!0)});break;case"contextmenu":if(this.parentMenu)break;this.onEvent("contextmenu.trigger",e,t=>{typeof this.onContextMenu=="function"&&this.onContextMenu(t)});break;case"hover":this.onEvent("hoverend.trigger",e,t=>{typeof this.onTriggerHover=="function"&&this.onTriggerHover(t)},{delay:this.popupDelay}),this.onEvent("sloped-mouseleave.trigger",e,t=>{typeof this.onCancelTriggerHover=="function"&&this.onCancelTriggerHover(t)},{delay:this.popupDelay}),this.onEvent("click.trigger",e,t=>{typeof this.onTriggerHoverClick=="function"&&this.onTriggerHoverClick(t)});break;case"immediate":typeof this.onTriggerImmediate=="function"&&this.onTriggerImmediate();break;case"custom":break;default:break}this.hasTriggerEvents=!0}removeTriggerEvents(){this.currentTargetElem?.removeAttribute("aria-controls"),g.forEach(e=>{this.detachEventsByName(e)}),this.hasTriggerEvents=!1}},c=a;export{c as a};
+//# sourceMappingURL=ids-chunk-YV4EGWMM.js.map