@siemens/ix 5.2.0 → 5.2.1

package/components/ix-pagination.js

@@ -1 +1 @@
-import{p as r,H as e,e as o,h as t,d as a,t as n}from"./p-eN5fQtqO.js";import{B as d}from"./p-BQ-hS49k.js";import{a as i}from"./p-C21npbUc.js";import{u as s,J as b}from"./p-DsVj4Cd-.js";import{d as l}from"./p-CLDB-pmj.js";import{d as c}from"./p-CUpOF7jN.js";import{d as h}from"./p-BGOtCwtj.js";import{d as m}from"./p-eGuQ8D3W.js";import{d as u}from"./p-D_HzQCU-.js";import{d as v}from"./p-DdlGyKd2.js";import{d as p}from"./p-l9UTiHpM.js";import{d as y}from"./p-CatmTvkh.js";import{d as g}from"./p-D7sEY2UQ.js";import{d as k}from"./p-CgPr717U.js";import{d as f}from"./p-YFmbQndr.js";const x=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pageSelected=o(this,"pageSelected",7),this.itemCountChanged=o(this,"itemCountChanged",7)}baseButtonConfig={variant:"subtle-tertiary",iconOnly:!0,iconOval:!1,disabled:!1,icon:"",loading:!1,selected:!1,type:"button"};maxCountPages=7;get hostElement(){return this}advanced=!1;itemCount=15;hideItemCount=!1;itemCountOptions=[10,15,20,40,100];count=0;selectedPage=0;i18nPage="Page";i18nOf="of";i18nItems="Items";ariaLabelChevronLeftIconButton="Previous page";ariaLabelChevronRightIconButton="Next page";ariaLabelPageSelection="Page selection input";pageSelected;itemCountChanged;selectPage(r){const e=this.selectedPage;this.selectedPage=r<0?0:r>this.count-1?this.count-1:r;const{defaultPrevented:o}=this.pageSelected.emit(this.selectedPage);o&&(this.selectedPage=e)}increase(){this.selectedPage!==this.count-1&&this.selectPage(this.selectedPage+1)}decrease(){0!==this.selectedPage&&this.selectPage(this.selectedPage-1)}getPageButton(r){const e={...this.baseButtonConfig,onClick:()=>this.selectPage(r),selected:this.selectedPage===r,ariaAttributes:{"aria-pressed":i(this.selectedPage===r)}};return t(d,{...e},r+1)}renderPageButtons(){const r=Math.floor(this.maxCountPages/2),e=this.count>this.maxCountPages,o=e&&this.selectedPage>r,a=e&&this.selectedPage<this.count-r-1,n=[];let i=0,s=Math.min(this.count,this.maxCountPages),b=Math.floor((this.maxCountPages-4)/2);if(o){const r={...this.baseButtonConfig,onClick:()=>{this.selectPage(a?this.selectedPage-Math.max(0,2*b+1):this.count-this.maxCountPages)}};n.push(this.getPageButton(0)),n.push(t(d,{...r},"...")),a?i=this.count-this.maxCountPages+2:(i=this.count-this.maxCountPages+2,s=this.count)}a&&(o?(i=this.selectedPage-b,s=this.selectedPage+b+1):s=this.maxCountPages-2);for(let r=i;r<s;r++)n.push(this.getPageButton(r));if(a){const r={...this.baseButtonConfig,onClick:()=>{this.selectPage(o?this.selectedPage+Math.max(0,2*b+1):this.maxCountPages-1)}};n.push(t(d,{...r},"...")),n.push(this.getPageButton(this.count-1))}return t("span",{class:"page-buttons"},n)}handlePageInput(r){const e=Number.parseInt(r,10);Number.isNaN(e)||this.selectPage(Math.max(1,Math.min(e,this.count))-1)}render(){return t(a,{key:"4e2c8eafe7413cd12e9bf999bec9e757e2e71d74"},t("ix-icon-button",{key:"eb009bcba8709996a0f858def3a235546c057cc7",disabled:!this.count||0===this.selectedPage,variant:"subtle-tertiary",icon:b,onClick:()=>this.decrease(),"aria-label":this.ariaLabelChevronLeftIconButton}),this.advanced?t("div",{class:"advanced-pagination"},t("ix-typography",{format:"body"},this.i18nPage),t("input",{"aria-label":this.ariaLabelPageSelection,class:"ix-form-control page-selection",type:"number",min:"1",max:this.count,value:this.selectedPage+1,onChange:r=>{this.handlePageInput(r.target.value)},onKeyDown:r=>{if(["e","E","+","-","."].includes(r.key)&&r.preventDefault(),"Enter"===r.key){const e=r.target;this.handlePageInput(e.value),e.blur()}},onBlur:r=>{r.target.value=""+(this.selectedPage+1)}}),t("span",{class:"total-count"},t("ix-typography",{format:"body"},this.i18nOf," ",this.count))):t("span",{class:"basic-pagination"},this.renderPageButtons()," "),t("ix-icon-button",{key:"222ee56d962841a67f9e623958d891a1107d4713",disabled:!this.count||this.selectedPage===this.count-1,variant:"subtle-tertiary",icon:s,onClick:()=>this.increase(),"aria-label":this.ariaLabelChevronRightIconButton}),this.advanced&&!this.hideItemCount&&t("span",{key:"26262c1d60c090106360e9969aef66e71d350369",class:"item-count"},t("ix-typography",{key:"d4ceb347484c5f65f53b8cdcf180be26aa11584c",format:"body"},this.i18nItems),t("ix-select",{key:"2fcb117e0c2ec130ca1dc449b5a2036737a0cec2",hideListHeader:!0,i18nPlaceholder:"",i18nSelectListHeader:"",value:""+this.itemCount,onValueChange:r=>{const e=Number.parseInt(Array.isArray(r.detail)?r.detail[0]:r.detail);this.itemCountChanged.emit(e)}},this.itemCountOptions.map((r=>t("ix-select-item",{label:""+r,value:""+r}))))))}static get style(){return".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}*::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}*{}*::-webkit-scrollbar{width:0.5rem;height:0.5rem}*{}*::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}*::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}*{}*::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}*{}*::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}*::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host,:host .advanced-pagination,:host .item-count{display:inline-flex;align-items:center}:host .basic-pagination{padding:0 0.125rem}:host .advanced-pagination{padding:0 0.75rem}:host .page-selection{width:4.125rem;text-align:center;margin:0 0.5rem;-moz-appearance:textfield;-webkit-appearance:textfield}:host .page-buttons{white-space:nowrap}:host .total-count{white-space:nowrap}:host .item-count{flex-grow:1;justify-content:flex-end;margin-inline-start:1.5rem}:host .item-count ix-select{width:4.5rem;margin-inline-start:1.5rem}:host button{width:auto;min-width:2rem;height:2rem;padding:0 0.5rem}:host button+button{margin-inline-start:0.125rem}"}},[513,"ix-pagination",{advanced:[4],itemCount:[2,"item-count"],hideItemCount:[4,"hide-item-count"],itemCountOptions:[16],count:[2],selectedPage:[1026,"selected-page"],i18nPage:[1,"i18n-page"],i18nOf:[1,"i18n-of"],i18nItems:[1,"i18n-items"],ariaLabelChevronLeftIconButton:[1,"aria-label-chevron-left-icon-button"],ariaLabelChevronRightIconButton:[1,"aria-label-chevron-right-icon-button"],ariaLabelPageSelection:[1,"aria-label-page-selection"]}]),w=x,z=function(){"undefined"!=typeof customElements&&["ix-pagination","ix-dropdown","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-filter-chip","ix-icon-button","ix-select","ix-select-item","ix-spinner","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-pagination":customElements.get(n(r))||customElements.define(n(r),x);break;case"ix-dropdown":customElements.get(n(r))||l();break;case"ix-dropdown-item":customElements.get(n(r))||c();break;case"ix-field-label":customElements.get(n(r))||h();break;case"ix-field-wrapper":customElements.get(n(r))||m();break;case"ix-filter-chip":customElements.get(n(r))||u();break;case"ix-icon-button":customElements.get(n(r))||v();break;case"ix-select":customElements.get(n(r))||p();break;case"ix-select-item":customElements.get(n(r))||y();break;case"ix-spinner":customElements.get(n(r))||g();break;case"ix-tooltip":customElements.get(n(r))||k();break;case"ix-typography":customElements.get(n(r))||f()}}))};export{w as IxPagination,z as defineCustomElement}
+import{p as r,H as e,e as o,h as t,d as a,t as n}from"./p-eN5fQtqO.js";import{B as d}from"./p-CRbQNmxe.js";import{a as i}from"./p-DD206pTM.js";import{u as s,J as b}from"./p-DsVj4Cd-.js";import{d as l}from"./p-CGGWaScq.js";import{d as c}from"./p-n2_EOgMr.js";import{d as h}from"./p-CAd-WgR8.js";import{d as m}from"./p-viP8I2_s.js";import{d as u}from"./p-DIq_C5Sa.js";import{d as v}from"./p-CiP3eKpd.js";import{d as p}from"./p-BGpGr8Qv.js";import{d as y}from"./p-DyC90hvu.js";import{d as g}from"./p-BKVBe7Co.js";import{d as k}from"./p-D_VBAyPm.js";import{d as f}from"./p-YFmbQndr.js";const x=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pageSelected=o(this,"pageSelected",7),this.itemCountChanged=o(this,"itemCountChanged",7)}baseButtonConfig={variant:"subtle-tertiary",iconOnly:!0,iconOval:!1,disabled:!1,icon:"",loading:!1,selected:!1,type:"button"};maxCountPages=7;get hostElement(){return this}advanced=!1;itemCount=15;hideItemCount=!1;itemCountOptions=[10,15,20,40,100];count=0;selectedPage=0;i18nPage="Page";i18nOf="of";i18nItems="Items";ariaLabelChevronLeftIconButton="Previous page";ariaLabelChevronRightIconButton="Next page";ariaLabelPageSelection="Page selection input";pageSelected;itemCountChanged;selectPage(r){const e=this.selectedPage;this.selectedPage=r<0?0:r>this.count-1?this.count-1:r;const{defaultPrevented:o}=this.pageSelected.emit(this.selectedPage);o&&(this.selectedPage=e)}increase(){this.selectedPage!==this.count-1&&this.selectPage(this.selectedPage+1)}decrease(){0!==this.selectedPage&&this.selectPage(this.selectedPage-1)}getPageButton(r){const e={...this.baseButtonConfig,onClick:()=>this.selectPage(r),selected:this.selectedPage===r,ariaAttributes:{"aria-pressed":i(this.selectedPage===r)}};return t(d,{...e},r+1)}renderPageButtons(){const r=Math.floor(this.maxCountPages/2),e=this.count>this.maxCountPages,o=e&&this.selectedPage>r,a=e&&this.selectedPage<this.count-r-1,n=[];let i=0,s=Math.min(this.count,this.maxCountPages),b=Math.floor((this.maxCountPages-4)/2);if(o){const r={...this.baseButtonConfig,onClick:()=>{this.selectPage(a?this.selectedPage-Math.max(0,2*b+1):this.count-this.maxCountPages)}};n.push(this.getPageButton(0)),n.push(t(d,{...r},"...")),a?i=this.count-this.maxCountPages+2:(i=this.count-this.maxCountPages+2,s=this.count)}a&&(o?(i=this.selectedPage-b,s=this.selectedPage+b+1):s=this.maxCountPages-2);for(let r=i;r<s;r++)n.push(this.getPageButton(r));if(a){const r={...this.baseButtonConfig,onClick:()=>{this.selectPage(o?this.selectedPage+Math.max(0,2*b+1):this.maxCountPages-1)}};n.push(t(d,{...r},"...")),n.push(this.getPageButton(this.count-1))}return t("span",{class:"page-buttons"},n)}handlePageInput(r){const e=Number.parseInt(r,10);Number.isNaN(e)||this.selectPage(Math.max(1,Math.min(e,this.count))-1)}render(){return t(a,{key:"4e2c8eafe7413cd12e9bf999bec9e757e2e71d74"},t("ix-icon-button",{key:"eb009bcba8709996a0f858def3a235546c057cc7",disabled:!this.count||0===this.selectedPage,variant:"subtle-tertiary",icon:b,onClick:()=>this.decrease(),"aria-label":this.ariaLabelChevronLeftIconButton}),this.advanced?t("div",{class:"advanced-pagination"},t("ix-typography",{format:"body"},this.i18nPage),t("input",{"aria-label":this.ariaLabelPageSelection,class:"ix-form-control page-selection",type:"number",min:"1",max:this.count,value:this.selectedPage+1,onChange:r=>{this.handlePageInput(r.target.value)},onKeyDown:r=>{if(["e","E","+","-","."].includes(r.key)&&r.preventDefault(),"Enter"===r.key){const e=r.target;this.handlePageInput(e.value),e.blur()}},onBlur:r=>{r.target.value=""+(this.selectedPage+1)}}),t("span",{class:"total-count"},t("ix-typography",{format:"body"},this.i18nOf," ",this.count))):t("span",{class:"basic-pagination"},this.renderPageButtons()," "),t("ix-icon-button",{key:"222ee56d962841a67f9e623958d891a1107d4713",disabled:!this.count||this.selectedPage===this.count-1,variant:"subtle-tertiary",icon:s,onClick:()=>this.increase(),"aria-label":this.ariaLabelChevronRightIconButton}),this.advanced&&!this.hideItemCount&&t("span",{key:"26262c1d60c090106360e9969aef66e71d350369",class:"item-count"},t("ix-typography",{key:"d4ceb347484c5f65f53b8cdcf180be26aa11584c",format:"body"},this.i18nItems),t("ix-select",{key:"2fcb117e0c2ec130ca1dc449b5a2036737a0cec2",hideListHeader:!0,i18nPlaceholder:"",i18nSelectListHeader:"",value:""+this.itemCount,onValueChange:r=>{const e=Number.parseInt(Array.isArray(r.detail)?r.detail[0]:r.detail);this.itemCountChanged.emit(e)}},this.itemCountOptions.map((r=>t("ix-select-item",{label:""+r,value:""+r}))))))}static get style(){return".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}*::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}*{}*::-webkit-scrollbar{width:0.5rem;height:0.5rem}*{}*::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}*::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}*{}*::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}*{}*::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}*::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host,:host .advanced-pagination,:host .item-count{display:inline-flex;align-items:center}:host .basic-pagination{padding:0 0.125rem}:host .advanced-pagination{padding:0 0.75rem}:host .page-selection{width:4.125rem;text-align:center;margin:0 0.5rem;-moz-appearance:textfield;-webkit-appearance:textfield}:host .page-buttons{white-space:nowrap}:host .total-count{white-space:nowrap}:host .item-count{flex-grow:1;justify-content:flex-end;margin-inline-start:1.5rem}:host .item-count ix-select{width:4.5rem;margin-inline-start:1.5rem}:host button{width:auto;min-width:2rem;height:2rem;padding:0 0.5rem}:host button+button{margin-inline-start:0.125rem}"}},[513,"ix-pagination",{advanced:[4],itemCount:[2,"item-count"],hideItemCount:[4,"hide-item-count"],itemCountOptions:[16],count:[2],selectedPage:[1026,"selected-page"],i18nPage:[1,"i18n-page"],i18nOf:[1,"i18n-of"],i18nItems:[1,"i18n-items"],ariaLabelChevronLeftIconButton:[1,"aria-label-chevron-left-icon-button"],ariaLabelChevronRightIconButton:[1,"aria-label-chevron-right-icon-button"],ariaLabelPageSelection:[1,"aria-label-page-selection"]}]),w=x,z=function(){"undefined"!=typeof customElements&&["ix-pagination","ix-dropdown","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-filter-chip","ix-icon-button","ix-select","ix-select-item","ix-spinner","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-pagination":customElements.get(n(r))||customElements.define(n(r),x);break;case"ix-dropdown":customElements.get(n(r))||l();break;case"ix-dropdown-item":customElements.get(n(r))||c();break;case"ix-field-label":customElements.get(n(r))||h();break;case"ix-field-wrapper":customElements.get(n(r))||m();break;case"ix-filter-chip":customElements.get(n(r))||u();break;case"ix-icon-button":customElements.get(n(r))||v();break;case"ix-select":customElements.get(n(r))||p();break;case"ix-select-item":customElements.get(n(r))||y();break;case"ix-spinner":customElements.get(n(r))||g();break;case"ix-tooltip":customElements.get(n(r))||k();break;case"ix-typography":customElements.get(n(r))||f()}}))};export{w as IxPagination,z as defineCustomElement}

package/components/ix-pane.js

@@ -1 +1 @@
-import{p as t,H as e,e as i,h as s,d as o,t as a}from"./p-eN5fQtqO.js";import{G as h,X as n,Y as r,F as l,E as d}from"./p-DsVj4Cd-.js";import{a as p}from"./p-DhE1t8Qh.js";import{A as c}from"./p-DNIQ2C1K.js";import{m as b}from"./p-D_Hmobxf.js";import{a as m}from"./p-CKoABG1h.js";import{r as g}from"./p-BEuV0Xpe.js";import{a as f}from"./p-DWOjSq8j.js";import{a as x}from"./p-C21npbUc.js";import{d as v}from"./p-DdlGyKd2.js";import{d as u}from"./p-D7sEY2UQ.js";import{d as w}from"./p-YFmbQndr.js";import{a as C}from"./p-4pTtJwcY.js";const y=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedChanged=i(this,"expandedChanged",7),this.variantChanged=i(this,"variantChanged",7),this.borderlessChanged=i(this,"borderlessChanged",7),this.hideOnCollapseChanged=i(this,"hideOnCollapseChanged",7),this.slotChanged=i(this,"slotChanged",7)}get hostElement(){return this}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;noPadding=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;disposableKeydown;focusTrap;focusReturnElement;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.(),this.disposableKeydown?.(),this.focusTrap?.destroy()}async onExpandedChange(){if(this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=m(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.(),this.registerEscapeListener(),this.floating)if(this.expanded){const t=document.activeElement;this.focusReturnElement=t instanceof e?t:void 0,this.focusTrap=await f(this.hostElement,{trapFocusInShadowDom:"both"})}else this.focusTrap?.destroy(),this.focusTrap=void 0,g((()=>{const t=this.focusReturnElement;this.focusReturnElement=void 0,t&&"function"==typeof t.focus&&t.focus()}))}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=b("sm"),C.onChange.on((()=>{this.isMobile=b("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(e){t.validPositions.includes(e)&&(this.composition=e)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?e+"px":i+"px"}else t="50%"===this.size?Math.round(this.parentHeightPx/2)+"px":Math.round(this.parentHeightPx/3)+"px";else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?e+"px":i+"px"}else t="50%"===this.size?Math.round(this.parentWidthPx/2)+"px":Math.round(this.parentWidthPx/3)+"px";return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?n:d,e=this.isMobile?r:l;break;case"right":t=this.isMobile?r:l,e=this.isMobile?n:d;break;case"bottom":t=r,e=n;break;case"top":t=n,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return""+this.animationCounter++}animateVerticalFadeIn(t){let e=this.getKey(),i=p(this.hostElement,{duration:c.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=p(this.hostElement,{duration:c.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}onAnimationComplete(t){this.expanded&&(this.showContent=!0,this.floating&&g((()=>{this.focusFirstSlottedElement()}))),this.animations.delete(t)}removePadding(){p(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=c.mediumTime){let i=this.getKey(),s=p(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=c.mediumTime){let i=this.getKey(),s=p(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t}),"floating"!==t&&(this.focusTrap?.destroy(),this.focusTrap=void 0),this.registerEscapeListener()}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}focusFirstSlottedElement(){const t=this.hostElement.querySelector("[autofocus]");if(t)return void t.focus();const e=this.hostElement.shadowRoot?.querySelector(".title-icon");e&&e.focus()}registerEscapeListener(){this.disposableKeydown?.(),this.disposableKeydown=void 0,this.floating&&this.expanded&&(this.disposableKeydown=m(this.hostElement,"keydown",(t=>{"Escape"===t.key&&this.dispatchExpandedChangedEvent()})))}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":t.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":t.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":t.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":t.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const e=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":t.collapsedPane,this.animateHorizontalFadeIn(e)):(this.hostElement.style.width=this.hideOnCollapse?"0":t.collapsedPane,this.animateVerticalFadeIn(e))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=t.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(t.collapsedPane):this.animateVerticalFadeIn(t.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(o,{key:"2af275a401925a99c9a47cc5aa58a17c3eb5fcfb",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[this.composition+"-pane-border"]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":x(this.expanded)},s("aside",{key:"1f9feb7d0c080e5f5833f0a5b5154202490b9fa4",id:"pane-"+this.composition,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"2bfafc9e2922128eec41210485fec6534f525828",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"8417658fd2c0a70f98bd51c8f0ba2ccc84616167",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?h:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":"pane-"+this.composition,"aria-label":e}),s("div",{key:"7685fa2b6726c80e861715db078f354ace32b044",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"35faca81de8fc22114b05cc980a22c475cdd87ad",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"27e27879098e31c758924cf3a0b0bd61ecaf3ba3",class:"title-text-overflow"},s("ix-typography",{key:"f8c15cc21515bb68e0f3ab17c392c716f77c842d",format:"h4"},this.heading)),this.expanded&&s("div",{key:"5f9468a14dcba14a378332fb0f7cb47df06786ef",class:"slot-header"},s("slot",{key:"563d760c062d11d076040f346343bd980ce53a3b",name:"header"})))),s("div",{key:"4cf43dc7985849d58d7e9314c2c9a3eec2e3262e",class:{"side-pane-content":!0,"no-padding":this.noPadding},hidden:!this.showContent},s("slot",{key:"551be42a3c3c7ddd86a072da7fe98f8b9c0044ec"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}static get style(){return":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .side-pane-content.no-padding{padding-inline:0;padding-block-end:0}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}"}},[769,"ix-pane",{heading:[1],variant:[1],hideOnCollapse:[4,"hide-on-collapse"],size:[1],borderless:[4],noPadding:[4,"no-padding"],expanded:[1028],composition:[1025],icon:[1],closeOnClickOutside:[4,"close-on-click-outside"],ariaLabelIcon:[1,"aria-label-icon"],ariaLabelCollapseCloseButton:[1,"aria-label-collapse-close-button"],ignoreLayoutSettings:[4,"ignore-layout-settings"],isMobile:[1028,"is-mobile"],expandIcon:[32],showContent:[32],minimizeIcon:[32],floating:[32],parentWidthPx:[32],parentHeightPx:[32]},void 0,{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}]),k=y,z=function(){"undefined"!=typeof customElements&&["ix-pane","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-pane":customElements.get(a(t))||customElements.define(a(t),y);break;case"ix-icon-button":customElements.get(a(t))||v();break;case"ix-spinner":customElements.get(a(t))||u();break;case"ix-typography":customElements.get(a(t))||w()}}))};export{k as IxPane,z as defineCustomElement}
+import{p as t,H as e,e as i,h as s,d as o,t as a}from"./p-eN5fQtqO.js";import{G as h,X as n,Y as r,F as l,E as d}from"./p-DsVj4Cd-.js";import{a as p}from"./p-DhE1t8Qh.js";import{A as c}from"./p-BqeSHO6C.js";import{m}from"./p-D_Hmobxf.js";import{a as b}from"./p-CKoABG1h.js";import{r as g}from"./p-BEuV0Xpe.js";import{a as f}from"./p-DWOjSq8j.js";import{a as x}from"./p-DD206pTM.js";import{d as v}from"./p-CiP3eKpd.js";import{d as u}from"./p-BKVBe7Co.js";import{d as w}from"./p-YFmbQndr.js";import{a as C}from"./p-4pTtJwcY.js";const y=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedChanged=i(this,"expandedChanged",7),this.variantChanged=i(this,"variantChanged",7),this.borderlessChanged=i(this,"borderlessChanged",7),this.hideOnCollapseChanged=i(this,"hideOnCollapseChanged",7),this.slotChanged=i(this,"slotChanged",7)}get hostElement(){return this}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;noPadding=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;disposableKeydown;focusTrap;focusReturnElement;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.(),this.disposableKeydown?.(),this.focusTrap?.destroy()}async onExpandedChange(){if(this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=b(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.(),this.registerEscapeListener(),this.floating)if(this.expanded){const t=document.activeElement;this.focusReturnElement=t instanceof e?t:void 0,this.focusTrap=await f(this.hostElement,{trapFocusInShadowDom:"both"})}else this.focusTrap?.destroy(),this.focusTrap=void 0,g((()=>{const t=this.focusReturnElement;this.focusReturnElement=void 0,t&&"function"==typeof t.focus&&t.focus()}))}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=m("sm"),C.onChange.on((()=>{this.isMobile=m("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(e){t.validPositions.includes(e)&&(this.composition=e)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?e+"px":i+"px"}else t="50%"===this.size?Math.round(this.parentHeightPx/2)+"px":Math.round(this.parentHeightPx/3)+"px";else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?e+"px":i+"px"}else t="50%"===this.size?Math.round(this.parentWidthPx/2)+"px":Math.round(this.parentWidthPx/3)+"px";return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?n:d,e=this.isMobile?r:l;break;case"right":t=this.isMobile?r:l,e=this.isMobile?n:d;break;case"bottom":t=r,e=n;break;case"top":t=n,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return""+this.animationCounter++}animateVerticalFadeIn(t){let e=this.getKey(),i=p(this.hostElement,{duration:c.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=p(this.hostElement,{duration:c.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}onAnimationComplete(t){this.expanded&&(this.showContent=!0,this.floating&&g((()=>{this.focusFirstSlottedElement()}))),this.animations.delete(t)}removePadding(){p(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=c.mediumTime){let i=this.getKey(),s=p(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=c.mediumTime){let i=this.getKey(),s=p(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t}),"floating"!==t&&(this.focusTrap?.destroy(),this.focusTrap=void 0),this.registerEscapeListener()}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}focusFirstSlottedElement(){const t=this.hostElement.querySelector("[autofocus]");if(t)return void t.focus();const e=this.hostElement.shadowRoot?.querySelector(".title-icon");e&&e.focus()}registerEscapeListener(){this.disposableKeydown?.(),this.disposableKeydown=void 0,this.floating&&this.expanded&&(this.disposableKeydown=b(this.hostElement,"keydown",(t=>{"Escape"===t.key&&this.dispatchExpandedChangedEvent()})))}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":t.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":t.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":t.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":t.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const e=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":t.collapsedPane,this.animateHorizontalFadeIn(e)):(this.hostElement.style.width=this.hideOnCollapse?"0":t.collapsedPane,this.animateVerticalFadeIn(e))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=t.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(t.collapsedPane):this.animateVerticalFadeIn(t.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(o,{key:"2af275a401925a99c9a47cc5aa58a17c3eb5fcfb",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[this.composition+"-pane-border"]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":x(this.expanded)},s("aside",{key:"1f9feb7d0c080e5f5833f0a5b5154202490b9fa4",id:"pane-"+this.composition,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"2bfafc9e2922128eec41210485fec6534f525828",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"8417658fd2c0a70f98bd51c8f0ba2ccc84616167",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?h:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":"pane-"+this.composition,"aria-label":e}),s("div",{key:"7685fa2b6726c80e861715db078f354ace32b044",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"35faca81de8fc22114b05cc980a22c475cdd87ad",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"27e27879098e31c758924cf3a0b0bd61ecaf3ba3",class:"title-text-overflow"},s("ix-typography",{key:"f8c15cc21515bb68e0f3ab17c392c716f77c842d",format:"h4"},this.heading)),this.expanded&&s("div",{key:"5f9468a14dcba14a378332fb0f7cb47df06786ef",class:"slot-header"},s("slot",{key:"563d760c062d11d076040f346343bd980ce53a3b",name:"header"})))),s("div",{key:"4cf43dc7985849d58d7e9314c2c9a3eec2e3262e",class:{"side-pane-content":!0,"no-padding":this.noPadding},hidden:!this.showContent},s("slot",{key:"551be42a3c3c7ddd86a072da7fe98f8b9c0044ec"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}static get style(){return":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .side-pane-content.no-padding{padding-inline:0;padding-block-end:0}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}"}},[769,"ix-pane",{heading:[1],variant:[1],hideOnCollapse:[4,"hide-on-collapse"],size:[1],borderless:[4],noPadding:[4,"no-padding"],expanded:[1028],composition:[1025],icon:[1],closeOnClickOutside:[4,"close-on-click-outside"],ariaLabelIcon:[1,"aria-label-icon"],ariaLabelCollapseCloseButton:[1,"aria-label-collapse-close-button"],ignoreLayoutSettings:[4,"ignore-layout-settings"],isMobile:[1028,"is-mobile"],expandIcon:[32],showContent:[32],minimizeIcon:[32],floating:[32],parentWidthPx:[32],parentHeightPx:[32]},void 0,{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}]),k=y,z=function(){"undefined"!=typeof customElements&&["ix-pane","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-pane":customElements.get(a(t))||customElements.define(a(t),y);break;case"ix-icon-button":customElements.get(a(t))||v();break;case"ix-spinner":customElements.get(a(t))||u();break;case"ix-typography":customElements.get(a(t))||w()}}))};export{k as IxPane,z as defineCustomElement}

package/components/ix-pill.js

@@ -1 +1 @@
-import{P as o,d as s}from"./p-CEE0wwD3.js";const p=o,r=s;export{p as IxPill,r as defineCustomElement}
+import{P as o,d as s}from"./p-BKCLcJ_A.js";const p=o,r=s;export{p as IxPill,r as defineCustomElement}

package/components/ix-popover-header.js

@@ -1 +1 @@
-import{p as e,H as o,e as r,h as t,d as a,t as s}from"./p-eN5fQtqO.js";import{G as i}from"./p-DsVj4Cd-.js";import{a as c}from"./p-C21npbUc.js";import{b as l}from"./p-DWOjSq8j.js";import{c as n}from"./p-Dw_A3HUC.js";import{d as b}from"./p-DdlGyKd2.js";import{d as h}from"./p-D7sEY2UQ.js";import{d}from"./p-YFmbQndr.js";const m=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closeClick=r(this,"closeClick",7)}get hostElement(){return this}icon;iconColor;hideClose=!1;ariaLabelCloseIconButton="Close";closeClick;parentPopover;componentDidLoad(){this.parentPopover=n(this.hostElement,"ix-popover")}onCloseClick(e){this.closeClick.emit(e).defaultPrevented||e.defaultPrevented||this.parentPopover?.hidePopover()}render(){return t(a,{key:"76d1a3d16977a65199b5fe65bf1695936ef32261",[l]:!0},this.icon?t("ix-icon",{name:this.icon,color:this.iconColor,size:"24","aria-hidden":c(!0)}):null,t("div",{key:"657a03037f738a7d6eda5882e81daee2adb865dc",class:"popover-title"},t("ix-typography",{key:"b2b73f314f4831e17e77187126be81ba7c349ca1",format:"h5"},t("slot",{key:"4b2764e2af36d94fdfb7f175354291fcacbb701e"}))),t("div",{key:"18708b2c35c85c1a9bafe0b66b004fa142b2c116",class:"additional-items"},t("slot",{key:"8ff6074594f854d8e220f8da8364b4b69f8c6c7e",name:"additional-items"})),this.hideClose?null:t("ix-icon-button",{class:"popover-close",onClick:e=>this.onCloseClick(e),variant:"tertiary",icon:i,"aria-label":this.ariaLabelCloseIconButton}))}static get delegatesFocus(){return!0}static get style(){return":host{display:flex;padding:0.75rem;align-items:center;gap:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .popover-title{flex-grow:1}:host .additional-items{display:flex;align-items:center;gap:0.25rem}:host .popover-close{align-self:flex-start;border-radius:var(--theme-small-border-radius);--ix-icon-button-color:var(--theme-popover-close--color);--theme-btn-tertiary--color:var(--theme-popover-close--color);--theme-btn-tertiary--color--hover:var(--theme-popover-close--color);--theme-btn-tertiary--color--active:var(--theme-popover-close--color);--theme-btn-tertiary--background:var(     --theme-popover-close-btn--background   );--theme-btn-tertiary--background--hover:var(     --theme-popover-close-btn--background--hover   );--theme-btn-tertiary--background--active:var(     --theme-popover-close-btn--background--active   );--theme-btn-tertiary--border-color:transparent;--theme-btn-tertiary--border-color--hover:transparent;--theme-btn-tertiary--border-color--active:transparent}"}},[785,"ix-popover-header",{icon:[1],iconColor:[1,"icon-color"],hideClose:[4,"hide-close"],ariaLabelCloseIconButton:[1,"aria-label-close-icon-button"]}]),p=m,u=function(){"undefined"!=typeof customElements&&["ix-popover-header","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-popover-header":customElements.get(s(e))||customElements.define(s(e),m);break;case"ix-icon-button":customElements.get(s(e))||b();break;case"ix-spinner":customElements.get(s(e))||h();break;case"ix-typography":customElements.get(s(e))||d()}}))};export{p as IxPopoverHeader,u as defineCustomElement}
+import{p as e,H as o,e as r,h as t,d as a,t as s}from"./p-eN5fQtqO.js";import{G as i}from"./p-DsVj4Cd-.js";import{a as c}from"./p-DD206pTM.js";import{b as l}from"./p-DWOjSq8j.js";import{c as n}from"./p-Dw_A3HUC.js";import{d as b}from"./p-CiP3eKpd.js";import{d as h}from"./p-BKVBe7Co.js";import{d}from"./p-YFmbQndr.js";const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closeClick=r(this,"closeClick",7)}get hostElement(){return this}icon;iconColor;hideClose=!1;ariaLabelCloseIconButton="Close";closeClick;parentPopover;componentDidLoad(){this.parentPopover=n(this.hostElement,"ix-popover")}onCloseClick(e){this.closeClick.emit(e).defaultPrevented||e.defaultPrevented||this.parentPopover?.hidePopover()}render(){return t(a,{key:"76d1a3d16977a65199b5fe65bf1695936ef32261",[l]:!0},this.icon?t("ix-icon",{name:this.icon,color:this.iconColor,size:"24","aria-hidden":c(!0)}):null,t("div",{key:"657a03037f738a7d6eda5882e81daee2adb865dc",class:"popover-title"},t("ix-typography",{key:"b2b73f314f4831e17e77187126be81ba7c349ca1",format:"h5"},t("slot",{key:"4b2764e2af36d94fdfb7f175354291fcacbb701e"}))),t("div",{key:"18708b2c35c85c1a9bafe0b66b004fa142b2c116",class:"additional-items"},t("slot",{key:"8ff6074594f854d8e220f8da8364b4b69f8c6c7e",name:"additional-items"})),this.hideClose?null:t("ix-icon-button",{class:"popover-close",onClick:e=>this.onCloseClick(e),variant:"tertiary",icon:i,"aria-label":this.ariaLabelCloseIconButton}))}static get delegatesFocus(){return!0}static get style(){return":host{display:flex;padding:0.75rem;align-items:center;gap:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .popover-title{flex-grow:1}:host .additional-items{display:flex;align-items:center;gap:0.25rem}:host .popover-close{align-self:flex-start;border-radius:var(--theme-small-border-radius);--ix-icon-button-color:var(--theme-popover-close--color);--theme-btn-tertiary--color:var(--theme-popover-close--color);--theme-btn-tertiary--color--hover:var(--theme-popover-close--color);--theme-btn-tertiary--color--active:var(--theme-popover-close--color);--theme-btn-tertiary--background:var(     --theme-popover-close-btn--background   );--theme-btn-tertiary--background--hover:var(     --theme-popover-close-btn--background--hover   );--theme-btn-tertiary--background--active:var(     --theme-popover-close-btn--background--active   );--theme-btn-tertiary--border-color:transparent;--theme-btn-tertiary--border-color--hover:transparent;--theme-btn-tertiary--border-color--active:transparent}"}},[785,"ix-popover-header",{icon:[1],iconColor:[1,"icon-color"],hideClose:[4,"hide-close"],ariaLabelCloseIconButton:[1,"aria-label-close-icon-button"]}]),m=p,u=function(){"undefined"!=typeof customElements&&["ix-popover-header","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-popover-header":customElements.get(s(e))||customElements.define(s(e),p);break;case"ix-icon-button":customElements.get(s(e))||b();break;case"ix-spinner":customElements.get(s(e))||h();break;case"ix-typography":customElements.get(s(e))||d()}}))};export{m as IxPopoverHeader,u as defineCustomElement}

package/components/ix-popover.js

@@ -1 +1 @@
-import{p as t,M as e,e as i,h as a,d as r,t as s}from"./p-eN5fQtqO.js";import{f as o,c as h,a as n,o as d,b as l,s as c,d as u,h as g}from"./p-Bxrgt3H_.js";import{b as p}from"./p-CKoABG1h.js";import{a as b,g as m,f as v}from"./p-DWOjSq8j.js";import{D as C,r as A}from"./p-CApDAYIa.js";import{I as f}from"./p-BST8QY5w.js";import{C as w}from"./p-Dpk_WgCl.js";import{m as k}from"./p-Djkc69iv.js";import{r as x}from"./p-BEuV0Xpe.js";import{N as y,p as T}from"./p-CNLoALIl.js";const P=new class{stack=new y({blocksOutsideDismiss:t=>!t.closeOnClickOutside},(t=>this.dismiss(t)));presentationOrder=[];isWindowListenerActive=!1;connected(t){this.isWindowListenerActive||this.addOverlayListeners(),this.stack.connect(t)}disconnected(t){this.removeFromPresentationOrder(t.getId()),this.stack.disconnect(t)}removeFromNestedPopoverIds(t){this.stack.removeFromHierarchy(t)}syncNestedPopoverIds(t){this.stack.setChildIds(t.getId(),t.getNestedPopoverIds())}present(t){this.presentAndWait(t)}async presentAndWait(t){!t.isPresent()&&t.willPresent?.()&&(this.dismissOthers(t.getId()),this.syncNestedPopoverIds(t),await t.present(),this.recordPresented(t.getId()))}dismissChildren(t){this.dismissChildrenWithFocus(t)}dismiss(t,e="restore-trigger"){const i=t.isPresent(),a=t.willDismiss?.()??!0;i&&a&&(this.dismissChildrenWithFocus(t.getId(),e),t.dismiss(e),this.stack.deleteChildIdsEntry(t.getId()),this.removeFromPresentationOrder(t.getId()))}dismissChildrenWithFocus(t,e="restore-trigger"){for(const i of this.stack.getChildIds(t)){const t=this.stack.get(i);t&&this.dismiss(t,e)}}dismissAll(t=!1){this.stack.dismissAll(t?{ignorePolicyForIds:this.stack.keys()}:void 0)}dismissTopmost(){const t=this.getTopmostForEscape();t&&this.dismiss(t)}dismissOthers(t){this.stack.dismissOthers(t)}pathIncludesTrigger(t){return T(t,"data-ix-popover-trigger")}recordPresented(t){this.removeFromPresentationOrder(t),this.presentationOrder.push(t)}removeFromPresentationOrder(t){const e=this.presentationOrder.indexOf(t);e>-1&&this.presentationOrder.splice(e,1)}isTopmostPresentedHost(t){return this.getTopmostForEscape()?.hostElement===t}getTopmostForEscape(){for(let t=this.presentationOrder.length-1;t>=0;t--){const e=this.stack.get(this.presentationOrder[t]);if(e?.isPresent())return e}let t;return this.stack.forEach((e=>{e.isPresent()&&(t=e)})),t}getPopoverDialog(t){return t.shadowRoot?.querySelector("dialog")??null}pathIncludesPopover(t){for(const e of t)if(e instanceof HTMLElement){if("IX-POPOVER"===e.tagName)return!0;for(const t of this.stack.values()){if(e===t.hostElement)return!0;const i=this.getPopoverDialog(t.hostElement);if(i&&e===i)return!0}}return!1}dismissAllFromOutsideClick(){this.stack.forEach((t=>{t.closeOnClickOutside&&t.isPresent()&&this.dismiss(t,"release")}))}addOverlayListeners(){this.isWindowListenerActive=!0,window.addEventListener("click",(t=>{const e=this.pathIncludesTrigger(t.composedPath()),i=this.pathIncludesPopover(t.composedPath());e||i||this.dismissAllFromOutsideClick()})),window.addEventListener("keydown",(t=>{"Escape"===t.key&&this.dismissTopmost()}))}},O=t=>null==t?"":t+"px",I=t(class extends(e(...C,f,w)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=i(this,"showChange",7),this.showChanged=i(this,"showChanged",7)}get hostElement(){return this}trigger;show=!1;placement="bottom";hasSpike=!1;triggerMode="click";closeOnClickOutside=!1;showChange;showChanged;dialogRef=k();triggerElement;disposeAutoUpdate;disposeTriggerListener;disposeDialogListener;focusTrap;hideTimeout;assignedNestedPopoverIds=[];hasFocusableContent=!1;suppressShowWatch=!1;isOpeningPopover=!1;closeFocus="restore-trigger";hasDisconnected=!1;triggerRegistryId=0;suppressFocusPresent=!1;get spikeElement(){return this.hostElement.shadowRoot.querySelector(".spike")}getFocusTrapOptions(){return{trapFocusInShadowDom:"both",listenOnDocument:!0,shouldDeferTabTrap:t=>!P.isTopmostPresentedHost(t)}}get popoverPanelId(){return"ix-component-ix-popover-"+this.$internal_id}getId(){return this.getHostElementId()}getNestedPopoverIds(){return this.assignedNestedPopoverIds}cacheNestedPopoverId(t){const{detail:e}=t;e===this.getId()||this.assignedNestedPopoverIds.includes(e)||(this.assignedNestedPopoverIds.push(e),P.syncNestedPopoverIds(this),t.stopImmediatePropagation(),t.preventDefault())}isPresent(){return this.show}willPresent(){return!this.showChange.emit(!0).defaultPrevented}willDismiss(){return!this.showChange.emit(!1).defaultPrevented}present(){return this.openPopover()}dismiss(t="restore-trigger"){this.closeFocus=t,this.closePopover()}async showPopover(){await P.presentAndWait(this)}async hidePopover(){P.dismiss(this)}onTriggerChange(t,e){t!==e&&this.registerTriggerListener()}onTriggerModeChange(){this.registerTriggerListener()}onShowChange(t){this.suppressShowWatch||(t?this.openPopover({fromShowWatch:!0}):this.closePopover({fromShowWatch:!0}))}connectedCallback(){this.hasDisconnected&&(P.connected(this),this.initializePopover())}componentDidLoad(){P.connected(this),this.initializePopover()}async initializePopover(){await this.registerTriggerListener(),this.show&&await this.openPopover({fromShowWatch:!0})}componentDidRender(){this.trigger&&!this.triggerElement&&this.registerTriggerListener()}disconnectedCallback(){this.hasDisconnected=!0,this.clearHideTimeout(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeDialogListener?.(),this.focusTrap?.destroy(),P.disconnected(this),this.clearTriggerAria()}async openPopover(t){if(!this.isOpeningPopover&&(t?.fromShowWatch||!this.show)){this.isOpeningPopover=!0;try{const t=await this.dialogRef.waitForCurrent();if(!t||!this.hostElement.isConnected)return;if(this.suppressShowWatch=!0,this.show=!0,this.suppressShowWatch=!1,t.showPopover(),this.registerHoverDialogListener(t),this.detectFocusableContent(),!this.triggerElement&&this.trigger&&await this.registerTriggerListener(),this.triggerElement&&(await this.applyPopoverPosition(this.triggerElement,t),this.updateTriggerAria(!0)),this.hasFocusableContent){const t=await b(this.hostElement,this.getFocusTrapOptions());this.hostElement.isConnected&&this.show?(this.focusTrap=t,"hover"!==this.triggerMode&&this.focusFirstElement()):t.destroy()}x((()=>{this.showChanged.emit(!0)}))}finally{this.isOpeningPopover=!1}}}async closePopover(t){if(!t?.fromShowWatch&&!this.show)return;const e=await this.dialogRef.waitForCurrent();e&&this.hostElement.isConnected&&(this.disposeAutoUpdate?.(),this.disposeAutoUpdate=void 0,this.disposeDialogListener?.(),this.disposeDialogListener=void 0,this.focusTrap?.destroy(),this.focusTrap=void 0,this.applyCloseFocus(),e.hidePopover(),"release"===this.closeFocus&&this.blurTriggerElement(),this.schedulePostCloseFocus(),this.suppressShowWatch=!0,this.show=!1,this.suppressShowWatch=!1,this.closeFocus="restore-trigger",this.updateTriggerAria(!1),x((()=>{this.showChanged.emit(!1)})))}detectFocusableContent(){this.hasFocusableContent=m(this.hostElement,this.getFocusTrapOptions()).length>0}focusFirstElement(){const t=this.getFocusTrapOptions();x((()=>{v(this.hostElement,t)}))}applyCloseFocus(){this.hasFocusableContent&&this.triggerElement&&("hover"!==this.triggerMode||"release"!==this.closeFocus?A():this.releasePopoverFocus())}schedulePostCloseFocus(){if(!this.hasFocusableContent||!this.triggerElement)return;if("hover"===this.triggerMode&&"release"===this.closeFocus)return;const t="restore-trigger"===this.closeFocus;x((()=>{if(t)return"hover"===this.triggerMode&&(this.suppressFocusPresent=!0),this.triggerElement?.focus(),void x((()=>{this.suppressFocusPresent=!1}));this.releasePopoverFocus(),x((()=>{this.blurTriggerElement()}))}))}releasePopoverFocus(){const t=document.activeElement;t instanceof HTMLElement&&this.containsPopoverTarget(t)&&t.blur(),this.blurTriggerElement()}blurTriggerElement(){if(!this.triggerElement)return;const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t?.blur(),this.triggerElement!==t&&this.triggerElement.blur()}async registerTriggerListener(){if(this.disposeTriggerListener?.(),this.clearTriggerAria(),!this.trigger)return;const t=++this.triggerRegistryId,e=this.trigger,i=this.triggerMode;try{const a=await o(e,this.hostElement);if(t!==this.triggerRegistryId||this.trigger!==e||this.triggerMode!==i||!this.hostElement.isConnected)return;this.triggerElement=a,a.dataset.ixPopoverTrigger="",this.updateTriggerAria(this.show),this.discoverNestedPopover(),this.disposeTriggerListener=p("click"===this.triggerMode?[{element:a,eventType:"click",callback:()=>this.togglePopover()},{element:a,eventType:"keydown",callback:t=>{const e=t.key;"Enter"!==e&&" "!==e||(t.preventDefault(),this.togglePopover())}}]:[{element:a,eventType:"mouseenter",callback:()=>{this.clearHideTimeout(),this.show||P.present(this)}},{element:a,eventType:"mouseleave",callback:t=>this.scheduleHideFromTrigger(t)},{element:a,eventType:"focus",callback:()=>{if(this.clearHideTimeout(),!this.show){if(this.suppressFocusPresent)return;P.present(this)}}},{element:a,eventType:"focusout",callback:t=>this.scheduleHideFromTrigger(t)}])}catch{}}discoverNestedPopover(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-popover",{bubbles:!0,composed:!0,cancelable:!0,detail:this.getId()}))}togglePopover(){this.show?P.dismiss(this):P.present(this)}containsPopoverTarget(t){if(!(t instanceof Node))return!1;if(t===this.hostElement)return!0;if(this.hostElement.contains(t))return!0;const e=this.hostElement.shadowRoot;return!!e?.contains(t)}scheduleHideFromTrigger(t){this.containsPopoverTarget(t.relatedTarget)||("focusout"!==t.type?this.scheduleHide():x((()=>{this.containsPopoverTarget(document.activeElement)||this.scheduleHide()})))}scheduleHide(){this.clearHideTimeout(),this.hideTimeout=setTimeout((()=>{this.show&&P.dismiss(this,"release")}),150)}clearHideTimeout(){void 0!==this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}getTriggerAriaTarget(){const t=this.triggerElement;if(t){if("IX-BUTTON"===t.tagName||"IX-ICON-BUTTON"===t.tagName){const e=t.shadowRoot?.querySelector('button, a[role="button"]');if(e)return e}return t}}clearTriggerAriaAttributes(t){t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-haspopup")}updateTriggerAria(t){const e=this.triggerElement,i=this.getTriggerAriaTarget();e&&i&&(i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-expanded",t+""),i.setAttribute("aria-controls",this.popoverPanelId),i!==e&&this.clearTriggerAriaAttributes(e))}clearTriggerAria(){if(!this.triggerElement)return;this.clearTriggerAriaAttributes(this.triggerElement);const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t&&this.clearTriggerAriaAttributes(t),delete this.triggerElement.dataset.ixPopoverTrigger,this.triggerElement=void 0}computeSpikePosition({placement:t,middlewareData:e}){if(!e.arrow)return;const{x:i,y:a}=e.arrow,r={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...r,left:O(i),bottom:O(-6)}:t.startsWith("right")?{...r,left:O(-6),top:O(a)}:t.startsWith("bottom")?{...r,left:O(i),top:O(-6)}:t.startsWith("left")?{...r,right:O(-6),top:O(a)}:void 0}async computePopoverPosition(t,e){const i=[d(12),l({fallbackStrategy:"initialPlacement"}),c({padding:10})];return this.hasSpike&&this.spikeElement&&i.push(u({element:this.spikeElement})),i.push(g()),h(t,e,{strategy:"fixed",placement:this.placement,middleware:i})}async applyPopoverPosition(t,e){this.disposeAutoUpdate?.();const i=async()=>{if(!this.show)return;const i=await this.computePopoverPosition(t,e);if(!this.show)return;const a=i.middlewareData.hide?.referenceHidden;if(a)return P.dismiss(this,"release"),i;if(this.hasSpike&&i.middlewareData.arrow){const t=this.computeSpikePosition(i);t&&this.spikeElement&&Object.assign(this.spikeElement.style,t)}return Object.assign(e.style,{left:O(i.x),top:O(i.y)}),i};await i(),this.show&&this.hostElement.isConnected&&(this.disposeAutoUpdate=n(t,e,i,{ancestorResize:!0,ancestorScroll:!0,elementResize:!0}))}registerHoverDialogListener(t){this.disposeDialogListener?.(),"hover"===this.triggerMode&&(this.disposeDialogListener=p([{element:t,eventType:"click",callback:t=>{t.stopPropagation()}}]))}onDialogMouseEnter(){"hover"===this.triggerMode&&this.clearHideTimeout()}onDialogMouseLeave(){"hover"===this.triggerMode&&this.scheduleHide()}render(){return a(r,{key:"d3950e6a33913834d9ac23937918ed2a119c339e",class:{visible:this.show},"data-ix-popover":this.popoverPanelId},a("dialog",{key:"5c2c659d9fbd6c8c6124e48ac23d0563a6a349dd",ref:this.dialogRef,id:this.popoverPanelId,class:"dialog",popover:"manual",inert:!this.show,...this.inheritAriaAttributes,role:this.inheritAriaAttributes.role??"dialog",onMouseEnter:()=>this.onDialogMouseEnter(),onMouseLeave:()=>this.onDialogMouseLeave()},a("div",{key:"020ab467f0f869f890e99dfae2eb8882ec6b313c",class:"popover-container"},a("div",{key:"6d765907691e15b9f37782c0b4c64e31bae5cf22",class:"popover-body"},a("slot",{key:"e1f14fa9be44cc63f15dbb3d3c8e75c0019646b0"})),this.hasSpike?a("div",{class:"spike"}):null)))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}}static get style(){return':host{--theme-popover--background:var(--theme-color-2);--theme-popover--border-color:transparent;--theme-popover--color:var(--theme-color-std-text);--theme-popover--elevation-filter:drop-shadow(0 0 2px var(--theme-color-shadow-2))     drop-shadow(0 4px 8px var(--theme-color-shadow-3))     drop-shadow(0 12px 18px var(--theme-color-shadow-3));--theme-popover-close--color:var(--theme-color-soft-text);--theme-popover-close-btn--background:transparent;--theme-popover-close-btn--background--active:var(--theme-color-ghost--active);--theme-popover-close-btn--background--hover:var(--theme-color-ghost--hover)}:host dialog.dialog{margin:0;padding:0;border:none;background-color:transparent;box-shadow:none;overflow:visible;position:fixed;inset:unset;width:25rem;min-width:15rem;max-width:37.5rem;max-height:calc(100vh - 2rem)}:host .popover-container{display:flex;flex-direction:column;position:relative;width:100%;max-height:calc(100vh - 2rem);background:var(--theme-popover--background);color:var(--theme-popover--color);border:1px solid var(--theme-popover--border-color);box-shadow:var(--theme-shadow-4);border-radius:var(--theme-default-border-radius);overflow:visible}:host .popover-body{position:relative;z-index:1;display:block;width:100%}:host .popover-container:has(.spike){box-shadow:none;filter:var(--theme-popover--elevation-filter)}:host .spike,:host .spike::before{position:absolute;width:12px;height:12px;background:inherit}:host .spike{visibility:hidden;z-index:0;pointer-events:none}:host .spike::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-popover--background)}'}},[769,"ix-popover",{trigger:[1],show:[1540],placement:[1],hasSpike:[4,"has-spike"],triggerMode:[1,"trigger-mode"],closeOnClickOutside:[4,"close-on-click-outside"],inheritAriaAttributes:[32],showPopover:[64],hidePopover:[64]},[[0,"ix-assign-sub-popover","cacheNestedPopoverId"]],{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}]),D=I,E=function(){"undefined"!=typeof customElements&&["ix-popover"].forEach((t=>{"ix-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),I))}))};export{D as IxPopover,E as defineCustomElement}
+import{p as t,M as e,e as s,h as i,d as o,t as r}from"./p-eN5fQtqO.js";import{f as h,c as n,a,o as c,b as p,s as l,d,h as g}from"./p-Bxrgt3H_.js";import{b as u}from"./p-CKoABG1h.js";import{a as m,g as v,f}from"./p-DWOjSq8j.js";import{D as b,r as w}from"./p-CApDAYIa.js";import{I as k}from"./p-BF2IsI5j.js";import{C as y}from"./p-Dpk_WgCl.js";import{m as T}from"./p-Djkc69iv.js";import{r as x}from"./p-BEuV0Xpe.js";import{N as P,p as C}from"./p-CNLoALIl.js";const I=new class{stack=new P({blocksOutsideDismiss:t=>!t.closeOnClickOutside},(t=>this.dismiss(t)));presentationOrder=[];isWindowListenerActive=!1;connected(t){this.isWindowListenerActive||this.addOverlayListeners(),this.stack.connect(t)}disconnected(t){this.removeFromPresentationOrder(t.getId()),this.stack.disconnect(t)}removeFromNestedPopoverIds(t){this.stack.removeFromHierarchy(t)}syncNestedPopoverIds(t){this.stack.setChildIds(t.getId(),t.getNestedPopoverIds())}present(t){this.presentAndWait(t)}async presentAndWait(t){!t.isPresent()&&t.willPresent?.()&&(this.dismissOthers(t.getId()),this.syncNestedPopoverIds(t),await t.present(),this.recordPresented(t.getId()))}dismissChildren(t){this.dismissChildrenWithFocus(t)}dismiss(t,e="restore-trigger"){const s=t.isPresent(),i=t.willDismiss?.()??!0;s&&i&&(this.dismissChildrenWithFocus(t.getId(),e),t.dismiss(e),this.stack.deleteChildIdsEntry(t.getId()),this.removeFromPresentationOrder(t.getId()))}dismissChildrenWithFocus(t,e="restore-trigger"){for(const s of this.stack.getChildIds(t)){const t=this.stack.get(s);t&&this.dismiss(t,e)}}dismissAll(t=!1){this.stack.dismissAll(t?{ignorePolicyForIds:this.stack.keys()}:void 0)}dismissTopmost(){const t=this.getTopmostForEscape();t&&this.dismiss(t)}dismissOthers(t){this.stack.dismissOthers(t)}pathIncludesTrigger(t){return C(t,"data-ix-popover-trigger")}recordPresented(t){this.removeFromPresentationOrder(t),this.presentationOrder.push(t)}removeFromPresentationOrder(t){const e=this.presentationOrder.indexOf(t);e>-1&&this.presentationOrder.splice(e,1)}isTopmostPresentedHost(t){return this.getTopmostForEscape()?.hostElement===t}getTopmostForEscape(){for(let t=this.presentationOrder.length-1;t>=0;t--){const e=this.stack.get(this.presentationOrder[t]);if(e?.isPresent())return e}let t;return this.stack.forEach((e=>{e.isPresent()&&(t=e)})),t}getPopoverDialog(t){return t.shadowRoot?.querySelector("dialog")??null}pathIncludesPopover(t){for(const e of t)if(e instanceof HTMLElement){if("IX-POPOVER"===e.tagName)return!0;for(const t of this.stack.values()){if(e===t.hostElement)return!0;const s=this.getPopoverDialog(t.hostElement);if(s&&e===s)return!0}}return!1}dismissAllFromOutsideClick(){this.stack.forEach((t=>{t.closeOnClickOutside&&t.isPresent()&&this.dismiss(t,"release")}))}addOverlayListeners(){this.isWindowListenerActive=!0,window.addEventListener("click",(t=>{const e=this.pathIncludesTrigger(t.composedPath()),s=this.pathIncludesPopover(t.composedPath());e||s||this.dismissAllFromOutsideClick()})),window.addEventListener("keydown",(t=>{"Escape"===t.key&&this.dismissTopmost()}))}},O=t=>null==t?"":t+"px",D=t(class extends(e(...b,k,y)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=s(this,"showChange",7),this.showChanged=s(this,"showChanged",7)}get hostElement(){return this}trigger;show=!1;placement="bottom";hasSpike=!1;triggerMode="click";closeOnClickOutside=!1;showChange;showChanged;dialogRef=T();triggerElement;disposeAutoUpdate;disposeTriggerListener;disposeDialogListener;focusTrap;hideTimeout;assignedNestedPopoverIds=[];hasFocusableContent=!1;suppressShowWatch=!1;isOpeningPopover=!1;closeFocus="restore-trigger";hasDisconnected=!1;triggerRegistryId=0;suppressFocusPresent=!1;get spikeElement(){return this.hostElement.shadowRoot.querySelector(".spike")}getFocusTrapOptions(){return{trapFocusInShadowDom:"both",listenOnDocument:!0,shouldDeferTabTrap:t=>!I.isTopmostPresentedHost(t)}}get popoverPanelId(){return"ix-component-ix-popover-"+this.$internal_id}getId(){return this.getHostElementId()}getNestedPopoverIds(){return this.assignedNestedPopoverIds}cacheNestedPopoverId(t){const{detail:e}=t;e===this.getId()||this.assignedNestedPopoverIds.includes(e)||(this.assignedNestedPopoverIds.push(e),I.syncNestedPopoverIds(this),t.stopImmediatePropagation(),t.preventDefault())}isPresent(){return this.show}willPresent(){return!this.showChange.emit(!0).defaultPrevented}willDismiss(){return!this.showChange.emit(!1).defaultPrevented}present(){return this.openPopover()}dismiss(t="restore-trigger"){this.closeFocus=t,this.closePopover()}async showPopover(){await I.presentAndWait(this)}async hidePopover(){I.dismiss(this)}onTriggerChange(t,e){t!==e&&this.registerTriggerListener()}onTriggerModeChange(){this.registerTriggerListener()}onShowChange(t){this.suppressShowWatch||(t?this.openPopover({fromShowWatch:!0}):this.closePopover({fromShowWatch:!0}))}connectedCallback(){super.connectedCallback(),this.hasDisconnected&&(I.connected(this),this.initializePopover())}componentDidLoad(){I.connected(this),this.initializePopover()}async initializePopover(){await this.registerTriggerListener(),this.show&&await this.openPopover({fromShowWatch:!0})}componentDidRender(){this.trigger&&!this.triggerElement&&this.registerTriggerListener()}disconnectedCallback(){super.disconnectedCallback(),this.hasDisconnected=!0,this.clearHideTimeout(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeDialogListener?.(),this.focusTrap?.destroy(),I.disconnected(this),this.clearTriggerAria()}async openPopover(t){if(!this.isOpeningPopover&&(t?.fromShowWatch||!this.show)){this.isOpeningPopover=!0;try{const t=await this.dialogRef.waitForCurrent();if(!t||!this.hostElement.isConnected)return;if(this.suppressShowWatch=!0,this.show=!0,this.suppressShowWatch=!1,t.showPopover(),this.registerHoverDialogListener(t),this.detectFocusableContent(),!this.triggerElement&&this.trigger&&await this.registerTriggerListener(),this.triggerElement&&(await this.applyPopoverPosition(this.triggerElement,t),this.updateTriggerAria(!0)),this.hasFocusableContent){const t=await m(this.hostElement,this.getFocusTrapOptions());this.hostElement.isConnected&&this.show?(this.focusTrap=t,"hover"!==this.triggerMode&&this.focusFirstElement()):t.destroy()}x((()=>{this.showChanged.emit(!0)}))}finally{this.isOpeningPopover=!1}}}async closePopover(t){if(!t?.fromShowWatch&&!this.show)return;const e=await this.dialogRef.waitForCurrent();e&&this.hostElement.isConnected&&(this.disposeAutoUpdate?.(),this.disposeAutoUpdate=void 0,this.disposeDialogListener?.(),this.disposeDialogListener=void 0,this.focusTrap?.destroy(),this.focusTrap=void 0,this.applyCloseFocus(),e.hidePopover(),"release"===this.closeFocus&&this.blurTriggerElement(),this.schedulePostCloseFocus(),this.suppressShowWatch=!0,this.show=!1,this.suppressShowWatch=!1,this.closeFocus="restore-trigger",this.updateTriggerAria(!1),x((()=>{this.showChanged.emit(!1)})))}detectFocusableContent(){this.hasFocusableContent=v(this.hostElement,this.getFocusTrapOptions()).length>0}focusFirstElement(){const t=this.getFocusTrapOptions();x((()=>{f(this.hostElement,t)}))}applyCloseFocus(){this.hasFocusableContent&&this.triggerElement&&("hover"!==this.triggerMode||"release"!==this.closeFocus?w():this.releasePopoverFocus())}schedulePostCloseFocus(){if(!this.hasFocusableContent||!this.triggerElement)return;if("hover"===this.triggerMode&&"release"===this.closeFocus)return;const t="restore-trigger"===this.closeFocus;x((()=>{if(t)return"hover"===this.triggerMode&&(this.suppressFocusPresent=!0),this.triggerElement?.focus(),void x((()=>{this.suppressFocusPresent=!1}));this.releasePopoverFocus(),x((()=>{this.blurTriggerElement()}))}))}releasePopoverFocus(){const t=document.activeElement;t instanceof HTMLElement&&this.containsPopoverTarget(t)&&t.blur(),this.blurTriggerElement()}blurTriggerElement(){if(!this.triggerElement)return;const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t?.blur(),this.triggerElement!==t&&this.triggerElement.blur()}async registerTriggerListener(){if(this.disposeTriggerListener?.(),this.clearTriggerAria(),!this.trigger)return;const t=++this.triggerRegistryId,e=this.trigger,s=this.triggerMode;try{const i=await h(e,this.hostElement);if(t!==this.triggerRegistryId||this.trigger!==e||this.triggerMode!==s||!this.hostElement.isConnected)return;this.triggerElement=i,i.dataset.ixPopoverTrigger="",this.updateTriggerAria(this.show),this.discoverNestedPopover(),this.disposeTriggerListener=u("click"===this.triggerMode?[{element:i,eventType:"click",callback:()=>this.togglePopover()},{element:i,eventType:"keydown",callback:t=>{const e=t.key;"Enter"!==e&&" "!==e||(t.preventDefault(),this.togglePopover())}}]:[{element:i,eventType:"mouseenter",callback:()=>{this.clearHideTimeout(),this.show||I.present(this)}},{element:i,eventType:"mouseleave",callback:t=>this.scheduleHideFromTrigger(t)},{element:i,eventType:"focus",callback:()=>{if(this.clearHideTimeout(),!this.show){if(this.suppressFocusPresent)return;I.present(this)}}},{element:i,eventType:"focusout",callback:t=>this.scheduleHideFromTrigger(t)}])}catch{}}discoverNestedPopover(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-popover",{bubbles:!0,composed:!0,cancelable:!0,detail:this.getId()}))}togglePopover(){this.show?I.dismiss(this):I.present(this)}containsPopoverTarget(t){if(!(t instanceof Node))return!1;if(t===this.hostElement)return!0;if(this.hostElement.contains(t))return!0;const e=this.hostElement.shadowRoot;return!!e?.contains(t)}scheduleHideFromTrigger(t){this.containsPopoverTarget(t.relatedTarget)||("focusout"!==t.type?this.scheduleHide():x((()=>{this.containsPopoverTarget(document.activeElement)||this.scheduleHide()})))}scheduleHide(){this.clearHideTimeout(),this.hideTimeout=setTimeout((()=>{this.show&&I.dismiss(this,"release")}),150)}clearHideTimeout(){void 0!==this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}getTriggerAriaTarget(){const t=this.triggerElement;if(t){if("IX-BUTTON"===t.tagName||"IX-ICON-BUTTON"===t.tagName){const e=t.shadowRoot?.querySelector('button, a[role="button"]');if(e)return e}return t}}clearTriggerAriaAttributes(t){t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-haspopup")}updateTriggerAria(t){const e=this.triggerElement,s=this.getTriggerAriaTarget();e&&s&&(s.setAttribute("aria-haspopup","dialog"),s.setAttribute("aria-expanded",t+""),s.setAttribute("aria-controls",this.popoverPanelId),s!==e&&this.clearTriggerAriaAttributes(e))}clearTriggerAria(){if(!this.triggerElement)return;this.clearTriggerAriaAttributes(this.triggerElement);const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t&&this.clearTriggerAriaAttributes(t),delete this.triggerElement.dataset.ixPopoverTrigger,this.triggerElement=void 0}computeSpikePosition({placement:t,middlewareData:e}){if(!e.arrow)return;const{x:s,y:i}=e.arrow,o={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...o,left:O(s),bottom:O(-6)}:t.startsWith("right")?{...o,left:O(-6),top:O(i)}:t.startsWith("bottom")?{...o,left:O(s),top:O(-6)}:t.startsWith("left")?{...o,right:O(-6),top:O(i)}:void 0}async computePopoverPosition(t,e){const s=[c(12),p({fallbackStrategy:"initialPlacement"}),l({padding:10})];return this.hasSpike&&this.spikeElement&&s.push(d({element:this.spikeElement})),s.push(g()),n(t,e,{strategy:"fixed",placement:this.placement,middleware:s})}async applyPopoverPosition(t,e){this.disposeAutoUpdate?.();const s=async()=>{if(!this.show)return;const s=await this.computePopoverPosition(t,e);if(!this.show)return;const i=s.middlewareData.hide?.referenceHidden;if(i)return I.dismiss(this,"release"),s;if(this.hasSpike&&s.middlewareData.arrow){const t=this.computeSpikePosition(s);t&&this.spikeElement&&Object.assign(this.spikeElement.style,t)}return Object.assign(e.style,{left:O(s.x),top:O(s.y)}),s};await s(),this.show&&this.hostElement.isConnected&&(this.disposeAutoUpdate=a(t,e,s,{ancestorResize:!0,ancestorScroll:!0,elementResize:!0}))}registerHoverDialogListener(t){this.disposeDialogListener?.(),"hover"===this.triggerMode&&(this.disposeDialogListener=u([{element:t,eventType:"click",callback:t=>{t.stopPropagation()}}]))}onDialogMouseEnter(){"hover"===this.triggerMode&&this.clearHideTimeout()}onDialogMouseLeave(){"hover"===this.triggerMode&&this.scheduleHide()}render(){return i(o,{key:"800528be7326703a5fca61e0a03e90b3e6231905",class:{visible:this.show},"data-ix-popover":this.popoverPanelId},i("dialog",{key:"a7b501ed22173801f1820b2ae1e47edd50d3a596",ref:this.dialogRef,id:this.popoverPanelId,class:"dialog",popover:"manual",inert:!this.show,...this.inheritAriaAttributes,role:this.inheritAriaAttributes.role??"dialog",onMouseEnter:()=>this.onDialogMouseEnter(),onMouseLeave:()=>this.onDialogMouseLeave()},i("div",{key:"804589dd5243897bd9965abee685fcf0608b3398",class:"popover-container"},i("div",{key:"0607a218729bd1715ee8eccf06f83cdd1938db8e",class:"popover-body"},i("slot",{key:"481b1891c9a092597f2b483d3e8237821769d583"})),this.hasSpike?i("div",{class:"spike"}):null)))}static get watchers(){return{trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}}static get style(){return':host{--theme-popover--background:var(--theme-color-2);--theme-popover--border-color:transparent;--theme-popover--color:var(--theme-color-std-text);--theme-popover--elevation-filter:drop-shadow(0 0 2px var(--theme-color-shadow-2))     drop-shadow(0 4px 8px var(--theme-color-shadow-3))     drop-shadow(0 12px 18px var(--theme-color-shadow-3));--theme-popover-close--color:var(--theme-color-soft-text);--theme-popover-close-btn--background:transparent;--theme-popover-close-btn--background--active:var(--theme-color-ghost--active);--theme-popover-close-btn--background--hover:var(--theme-color-ghost--hover)}:host dialog.dialog{margin:0;padding:0;border:none;background-color:transparent;box-shadow:none;overflow:visible;position:fixed;inset:unset;width:25rem;min-width:15rem;max-width:37.5rem;max-height:calc(100vh - 2rem)}:host .popover-container{display:flex;flex-direction:column;position:relative;width:100%;max-height:calc(100vh - 2rem);background:var(--theme-popover--background);color:var(--theme-popover--color);border:1px solid var(--theme-popover--border-color);box-shadow:var(--theme-shadow-4);border-radius:var(--theme-default-border-radius);overflow:visible}:host .popover-body{position:relative;z-index:1;display:block;width:100%}:host .popover-container:has(.spike){box-shadow:none;filter:var(--theme-popover--elevation-filter)}:host .spike,:host .spike::before{position:absolute;width:12px;height:12px;background:inherit}:host .spike{visibility:hidden;z-index:0;pointer-events:none}:host .spike::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-popover--background)}'}},[769,"ix-popover",{trigger:[1],show:[1540],placement:[1],hasSpike:[4,"has-spike"],triggerMode:[1,"trigger-mode"],closeOnClickOutside:[4,"close-on-click-outside"],inheritAriaAttributes:[32],showPopover:[64],hidePopover:[64]},[[0,"ix-assign-sub-popover","cacheNestedPopoverId"]],{trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}]),E=D,F=function(){"undefined"!=typeof customElements&&["ix-popover"].forEach((t=>{"ix-popover"===t&&(customElements.get(r(t))||customElements.define(r(t),D))}))};export{E as IxPopover,F as defineCustomElement}

package/components/ix-progress-indicator.js

@@ -1 +1 @@
-import{h as r,p as e,H as t,F as o,d as i,t as s}from"./p-eN5fQtqO.js";import{Z as a,a as c,c as n,d as l,b as h}from"./p-DsVj4Cd-.js";import{d as g}from"./p-CgPr717U.js";import{d as p}from"./p-YFmbQndr.js";function d({value:e,status:t}){return r("div",{class:"linear-progress-container "+t},r("div",{class:"progress",role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100},r("div",{class:{"progress-bar":!0},style:{width:e+"%"},"data-value":e})))}const x=(e,t)=>{const{value:o,size:i,alignment:s}=e,a=function(r){switch(r){case"xs":return 16;case"sm":return 24;case"md":default:return 32;case"lg":return 48;case"xl":return 64}}(i),c=a/2,n=2*Math.PI*c,l=Math.round(n*((100-o)/100)),h="lg"===i||"xl"===i;return r("div",{class:{"circular-progress-container":!0,["align-"+s]:!!s,[e.status]:!0}},r("svg",{width:a,height:a,viewBox:`-${.125*a} -${.125*a} ${1.25*a} ${1.25*a}`,version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"}},r("circle",{r:c,cx:c,cy:c,fill:"transparent",stroke:"var(--ix-progress-indicator-track-color)","stroke-width":"3px"}),l>0&&r("circle",{r:c,cx:c,cy:c,stroke:"var(--ix-progress-indicator-color)","stroke-width":"3px","stroke-dashoffset":l+"px",fill:"transparent","stroke-dasharray":n+"px"}),r("foreignObject",{x:"0px",y:"0px",width:a+"px",height:a+"px",style:{transform:`rotate(90deg) translate(0px, -${a}px)`}},h&&r("div",{class:"slotted-container slotted-container-inside"},t))),!h&&r("div",{class:"slotted-container"},t))},m=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type="linear";size="md";value=0;min=0;max=100;status="default";label;helperText;textAlignment="left";showTextAsTooltip=!1;getHelperText(){let e=null;switch(this.status){case"error":e=h;break;case"info":e=l;break;case"warning":e=n;break;case"success":e=c;break;case"paused":e=a;break;default:e=null}return this.helperText?r("div",{class:{"helper-text":!0,[this.status]:!0}},e&&r("ix-icon",{name:e,size:"16"}),r("div",{class:{text:!0,"align-left":"left"===this.textAlignment,"align-center":"center"===this.textAlignment,"align-right":"right"===this.textAlignment}},this.helperText),r("slot",{name:"helper-text"})):r("slot",{name:"helper-text"})}render(){const e=Math.max(0,Math.min((this.value-this.min)/(this.max-this.min)*100,100));return r(i,{key:"05a0f4409950bd14852a4b4e8573ddd8ecd3288a",class:{linear:"linear"===this.type,circular:"circular"===this.type},tabIndex:-1},r("div",{key:"7a4e59690c101846dfbcb57ee04f8143b9f7b71b",class:{"progress-indicator":!0,[this.size]:!0,[this.status]:!0,"text-center":"center"===this.textAlignment,"text-left":"left"===this.textAlignment,"text-right":"right"===this.textAlignment}},this.label&&r("ix-typography",{key:"ce97142eb085bac72ea662adcb2c486c186e03b0",format:"label",textColor:"error"===this.status?"alarm":"soft",class:"label"},this.label),r("div",{key:"8a188d3971f1016f3fc858d59fac134d33a43153",class:"progress-container"},"linear"===this.type?r(o,null,r(d,{value:e,status:this.status}),r("div",{class:"linear-slot"},r("slot",null))):r(x,{status:this.status,alignment:this.textAlignment,value:e,size:this.size},r("slot",null))),!0===this.showTextAsTooltip&&this.helperText?r("ix-tooltip",{for:this.hostElement,showDelay:500,placement:"bottom"},this.getHelperText()):this.getHelperText()))}static get style(){return":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;width:100%;align-items:center;gap:0.25rem;flex-wrap:nowrap}:host .label{margin:0.5rem 0 0.25rem 0}:host .helper-text{display:flex;align-items:center;margin:0.25rem 0px;gap:0.25rem;color:var(--theme-progress-indicator-helper--color)}:host .helper-text ix-icon{margin:0.125rem;color:var(--theme-progress-indicator-helper-icon--color)}:host .helper-text.success{color:var(--theme-progress-indicator-helper-success--color)}:host .helper-text.success ix-icon{color:var(--theme-progress-indicator-helper-icon-success--color)}:host .helper-text.error{color:var(--theme-progress-indicator-helper-error--color)}:host .helper-text.error ix-icon{color:var(--theme-progress-indicator-helper-icon-error--color)}:host .helper-text.info{color:var(--theme-progress-indicator-helper-info--color)}:host .helper-text.info ix-icon{color:var(--theme-progress-indicator-helper-icon-info--color)}:host .helper-text.warning{color:var(--theme-progress-indicator-helper-warning--color)}:host .helper-text.warning ix-icon{color:var(--theme-progress-indicator-helper-icon-warning--color)}:host .helper-text.paused{color:var(--theme-progress-indicator-helper-paused--color)}:host .helper-text.paused ix-icon{color:var(--theme-progress-indicator-helper-icon-paused--color)}:host .helper-text .text.align-left{text-align:start}:host .helper-text .text.align-right{text-align:end}:host .helper-text .text.align-center{text-align:center}:host .progress-indicator{display:flex;flex-direction:column}:host .progress-indicator.text-center{align-items:center}:host .progress-indicator.text-left{align-items:flex-start}:host .progress-indicator.text-right{align-items:flex-end}:host .progress-indicator{--ix-progress-indicator-margin:0.5rem 0;height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem;--ix-progress-indicator-margin:0.25rem 0}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem;--ix-progress-indicator-margin:0.375rem 0}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill--background   )}:host .progress-indicator.success{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-success--background   )}:host .progress-indicator.error{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-error--background   )}:host .progress-indicator.info{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-info--background   )}:host .progress-indicator.warning{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-warning--background   )}:host .progress-indicator.paused{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-paused--background   )}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-progress-indicator-track--background);border-radius:2px;overflow:hidden;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.linear) .linear-progress-container.success{background-color:var(--theme-progress-indicator-track-success--background)}:host(.linear) .linear-progress-container.error{background-color:var(--theme-progress-indicator-track-error--background)}:host(.linear) .linear-progress-container.info{background-color:var(--theme-progress-indicator-track-info--background)}:host(.linear) .linear-progress-container.warning{background-color:var(--theme-progress-indicator-track-warning--background)}:host(.linear) .linear-progress-container.paused{background-color:var(--theme-progress-indicator-track-paused--background)}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track--background   );display:flex;align-items:center;width:100%;gap:0.25rem;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.circular) .circular-progress-container.align-left{justify-content:flex-start}:host(.circular) .circular-progress-container.align-center{justify-content:center}:host(.circular) .circular-progress-container.align-right{justify-content:flex-end}:host(.circular) .circular-progress-container.success{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-success--background   )}:host(.circular) .circular-progress-container.error{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-error--background   )}:host(.circular) .circular-progress-container.info{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-info--background   )}:host(.circular) .circular-progress-container.warning{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-warning--background   )}:host(.circular) .circular-progress-container.paused{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-paused--background   )}:host(.circular) .slotted-container{height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}"}},[769,"ix-progress-indicator",{type:[1],size:[1],value:[2],min:[2],max:[2],status:[1],label:[1],helperText:[1,"helper-text"],textAlignment:[1,"text-alignment"],showTextAsTooltip:[4,"show-text-as-tooltip"]}]),u=m,f=function(){"undefined"!=typeof customElements&&["ix-progress-indicator","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-progress-indicator":customElements.get(s(r))||customElements.define(s(r),m);break;case"ix-tooltip":customElements.get(s(r))||g();break;case"ix-typography":customElements.get(s(r))||p()}}))};export{u as IxProgressIndicator,f as defineCustomElement}
+import{h as r,p as e,H as t,F as o,d as i,t as s}from"./p-eN5fQtqO.js";import{Z as a,a as c,c as n,d as l,b as h}from"./p-DsVj4Cd-.js";import{d as g}from"./p-D_VBAyPm.js";import{d as p}from"./p-YFmbQndr.js";function d({value:e,status:t}){return r("div",{class:"linear-progress-container "+t},r("div",{class:"progress",role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100},r("div",{class:{"progress-bar":!0},style:{width:e+"%"},"data-value":e})))}const x=(e,t)=>{const{value:o,size:i,alignment:s}=e,a=function(r){switch(r){case"xs":return 16;case"sm":return 24;case"md":default:return 32;case"lg":return 48;case"xl":return 64}}(i),c=a/2,n=2*Math.PI*c,l=Math.round(n*((100-o)/100)),h="lg"===i||"xl"===i;return r("div",{class:{"circular-progress-container":!0,["align-"+s]:!!s,[e.status]:!0}},r("svg",{width:a,height:a,viewBox:`-${.125*a} -${.125*a} ${1.25*a} ${1.25*a}`,version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"}},r("circle",{r:c,cx:c,cy:c,fill:"transparent",stroke:"var(--ix-progress-indicator-track-color)","stroke-width":"3px"}),l>0&&r("circle",{r:c,cx:c,cy:c,stroke:"var(--ix-progress-indicator-color)","stroke-width":"3px","stroke-dashoffset":l+"px",fill:"transparent","stroke-dasharray":n+"px"}),r("foreignObject",{x:"0px",y:"0px",width:a+"px",height:a+"px",style:{transform:`rotate(90deg) translate(0px, -${a}px)`}},h&&r("div",{class:"slotted-container slotted-container-inside"},t))),!h&&r("div",{class:"slotted-container"},t))},m=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type="linear";size="md";value=0;min=0;max=100;status="default";label;helperText;textAlignment="left";showTextAsTooltip=!1;getHelperText(){let e=null;switch(this.status){case"error":e=h;break;case"info":e=l;break;case"warning":e=n;break;case"success":e=c;break;case"paused":e=a;break;default:e=null}return this.helperText?r("div",{class:{"helper-text":!0,[this.status]:!0}},e&&r("ix-icon",{name:e,size:"16"}),r("div",{class:{text:!0,"align-left":"left"===this.textAlignment,"align-center":"center"===this.textAlignment,"align-right":"right"===this.textAlignment}},this.helperText),r("slot",{name:"helper-text"})):r("slot",{name:"helper-text"})}render(){const e=Math.max(0,Math.min((this.value-this.min)/(this.max-this.min)*100,100));return r(i,{key:"05a0f4409950bd14852a4b4e8573ddd8ecd3288a",class:{linear:"linear"===this.type,circular:"circular"===this.type},tabIndex:-1},r("div",{key:"7a4e59690c101846dfbcb57ee04f8143b9f7b71b",class:{"progress-indicator":!0,[this.size]:!0,[this.status]:!0,"text-center":"center"===this.textAlignment,"text-left":"left"===this.textAlignment,"text-right":"right"===this.textAlignment}},this.label&&r("ix-typography",{key:"ce97142eb085bac72ea662adcb2c486c186e03b0",format:"label",textColor:"error"===this.status?"alarm":"soft",class:"label"},this.label),r("div",{key:"8a188d3971f1016f3fc858d59fac134d33a43153",class:"progress-container"},"linear"===this.type?r(o,null,r(d,{value:e,status:this.status}),r("div",{class:"linear-slot"},r("slot",null))):r(x,{status:this.status,alignment:this.textAlignment,value:e,size:this.size},r("slot",null))),!0===this.showTextAsTooltip&&this.helperText?r("ix-tooltip",{for:this.hostElement,showDelay:500,placement:"bottom"},this.getHelperText()):this.getHelperText()))}static get style(){return":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;width:100%;align-items:center;gap:0.25rem;flex-wrap:nowrap}:host .label{margin:0.5rem 0 0.25rem 0}:host .helper-text{display:flex;align-items:center;margin:0.25rem 0px;gap:0.25rem;color:var(--theme-progress-indicator-helper--color)}:host .helper-text ix-icon{margin:0.125rem;color:var(--theme-progress-indicator-helper-icon--color)}:host .helper-text.success{color:var(--theme-progress-indicator-helper-success--color)}:host .helper-text.success ix-icon{color:var(--theme-progress-indicator-helper-icon-success--color)}:host .helper-text.error{color:var(--theme-progress-indicator-helper-error--color)}:host .helper-text.error ix-icon{color:var(--theme-progress-indicator-helper-icon-error--color)}:host .helper-text.info{color:var(--theme-progress-indicator-helper-info--color)}:host .helper-text.info ix-icon{color:var(--theme-progress-indicator-helper-icon-info--color)}:host .helper-text.warning{color:var(--theme-progress-indicator-helper-warning--color)}:host .helper-text.warning ix-icon{color:var(--theme-progress-indicator-helper-icon-warning--color)}:host .helper-text.paused{color:var(--theme-progress-indicator-helper-paused--color)}:host .helper-text.paused ix-icon{color:var(--theme-progress-indicator-helper-icon-paused--color)}:host .helper-text .text.align-left{text-align:start}:host .helper-text .text.align-right{text-align:end}:host .helper-text .text.align-center{text-align:center}:host .progress-indicator{display:flex;flex-direction:column}:host .progress-indicator.text-center{align-items:center}:host .progress-indicator.text-left{align-items:flex-start}:host .progress-indicator.text-right{align-items:flex-end}:host .progress-indicator{--ix-progress-indicator-margin:0.5rem 0;height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem;--ix-progress-indicator-margin:0.25rem 0}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem;--ix-progress-indicator-margin:0.375rem 0}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill--background   )}:host .progress-indicator.success{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-success--background   )}:host .progress-indicator.error{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-error--background   )}:host .progress-indicator.info{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-info--background   )}:host .progress-indicator.warning{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-warning--background   )}:host .progress-indicator.paused{--ix-progress-indicator-color:var(     --theme-progress-indicator-fill-paused--background   )}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-progress-indicator-track--background);border-radius:2px;overflow:hidden;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.linear) .linear-progress-container.success{background-color:var(--theme-progress-indicator-track-success--background)}:host(.linear) .linear-progress-container.error{background-color:var(--theme-progress-indicator-track-error--background)}:host(.linear) .linear-progress-container.info{background-color:var(--theme-progress-indicator-track-info--background)}:host(.linear) .linear-progress-container.warning{background-color:var(--theme-progress-indicator-track-warning--background)}:host(.linear) .linear-progress-container.paused{background-color:var(--theme-progress-indicator-track-paused--background)}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track--background   );display:flex;align-items:center;width:100%;gap:0.25rem;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.circular) .circular-progress-container.align-left{justify-content:flex-start}:host(.circular) .circular-progress-container.align-center{justify-content:center}:host(.circular) .circular-progress-container.align-right{justify-content:flex-end}:host(.circular) .circular-progress-container.success{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-success--background   )}:host(.circular) .circular-progress-container.error{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-error--background   )}:host(.circular) .circular-progress-container.info{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-info--background   )}:host(.circular) .circular-progress-container.warning{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-warning--background   )}:host(.circular) .circular-progress-container.paused{--ix-progress-indicator-track-color:var(     --theme-progress-indicator-track-paused--background   )}:host(.circular) .slotted-container{height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}"}},[769,"ix-progress-indicator",{type:[1],size:[1],value:[2],min:[2],max:[2],status:[1],label:[1],helperText:[1,"helper-text"],textAlignment:[1,"text-alignment"],showTextAsTooltip:[4,"show-text-as-tooltip"]}]),u=m,f=function(){"undefined"!=typeof customElements&&["ix-progress-indicator","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-progress-indicator":customElements.get(s(r))||customElements.define(s(r),m);break;case"ix-tooltip":customElements.get(s(r))||g();break;case"ix-typography":customElements.get(s(r))||p()}}))};export{u as IxProgressIndicator,f as defineCustomElement}

package/components/ix-push-card.js

@@ -1 +1 @@
-import{p as r,H as a,h as e,d as c,t as d}from"./p-eN5fQtqO.js";import{d as o}from"./p-D6O-bCyA.js";import{d as t}from"./p-NXyac9kC.js";import{d as i}from"./p-v9vlPlkd.js";import{d as n}from"./p-C02EaF8C.js";import{d as h}from"./p-YFmbQndr.js";const s=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return e(c,{key:"0f239a6558a0ccb0287124bb256a7d7d6256dc8e",class:"card-"+this.variant},e("ix-card",{key:"e512c612e4c0fef3a5ec1d375d653db177b90aca",variant:this.variant,passive:this.passive},e("ix-card-content",{key:"5c587c9b4698117ffda6104a402f3887cae9cdcc"},e("ix-card-title",{key:"5f541549ea22b378bc26446f0f68feb8b8926c33"},this.icon?e("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,e("ix-typography",{key:"363d4ecfe1196bbc591376b9a0405f91c8b6f55d",format:"display-xxl"},this.notification??0),e("slot",{key:"8ab001894e21f7bd60861015c5d54d2eb14ab3d1",name:"title-action"})),e("ix-typography",{key:"831bc352f52398683fd251dfacfcc2292539a3b5",format:"h4"},this.heading),e("ix-typography",{key:"8e47745fbef875019a99a7f017975ac4a722db09"},this.subheading)),e("ix-card-accordion",{key:"43d0965dd8950bba104de8b207cae142c69e1d58",collapse:!this.expanded,variant:this.variant},e("slot",{key:"92a7fe73f9b6561707057d9daef3f70bba13a667"}))))}static get style(){return":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-outline) ix-card-accordion{--theme-push-card-outline-accordion--background--hover:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion--background--active:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion-frame--border-color:var(--theme-push-card-outline-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1);--theme-push-card-outline-accordion-frame--border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card:hover,:host(.card-outline) ix-card:active{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-filled) ix-card-accordion{--theme-push-card-filled-accordion--background--hover:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion--background--active:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion-frame--border-color:var(--theme-push-card-filled-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-alarm) ix-card-accordion{--theme-push-card-alarm-accordion--background--hover:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion--background--active:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion-frame--border-color:var(--theme-push-card-alarm-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-critical) ix-card-accordion{--theme-push-card-critical-accordion--background--hover:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion--background--active:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion-frame--border-color:var(--theme-push-card-critical-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-warning) ix-card-accordion{--theme-push-card-warning-accordion--background--hover:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion--background--active:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion-frame--border-color:var(--theme-push-card-warning-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-success) ix-card-accordion{--theme-push-card-success-accordion--background--hover:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion--background--active:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion-frame--border-color:var(--theme-push-card-success-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-info) ix-card-accordion{--theme-push-card-info-accordion--background--hover:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion--background--active:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion-frame--border-color:var(--theme-push-card-info-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-neutral) ix-card-accordion{--theme-push-card-neutral-accordion--background--hover:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion--background--active:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion-frame--border-color:var(--theme-push-card-neutral-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}:host(.card-primary) ix-card-accordion{--theme-push-card-primary-accordion--background--hover:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion--background--active:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion-frame--border-color:var(--theme-push-card-primary-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}"}},[769,"ix-push-card",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],notification:[1],heading:[1],subheading:[1],variant:[1],expanded:[4],passive:[4]}]),u=s,b=function(){"undefined"!=typeof customElements&&["ix-push-card","ix-card","ix-card-accordion","ix-card-content","ix-card-title","ix-typography"].forEach((r=>{switch(r){case"ix-push-card":customElements.get(d(r))||customElements.define(d(r),s);break;case"ix-card":customElements.get(d(r))||o();break;case"ix-card-accordion":customElements.get(d(r))||t();break;case"ix-card-content":customElements.get(d(r))||i();break;case"ix-card-title":customElements.get(d(r))||n();break;case"ix-typography":customElements.get(d(r))||h()}}))};export{u as IxPushCard,b as defineCustomElement}
+import{p as r,H as a,h as e,d,t as c}from"./p-eN5fQtqO.js";import{d as o}from"./p-D6O-bCyA.js";import{d as t}from"./p-QnnFQ3fz.js";import{d as i}from"./p-v9vlPlkd.js";import{d as n}from"./p-C02EaF8C.js";import{d as h}from"./p-YFmbQndr.js";const s=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return e(d,{key:"0f239a6558a0ccb0287124bb256a7d7d6256dc8e",class:"card-"+this.variant},e("ix-card",{key:"e512c612e4c0fef3a5ec1d375d653db177b90aca",variant:this.variant,passive:this.passive},e("ix-card-content",{key:"5c587c9b4698117ffda6104a402f3887cae9cdcc"},e("ix-card-title",{key:"5f541549ea22b378bc26446f0f68feb8b8926c33"},this.icon?e("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,e("ix-typography",{key:"363d4ecfe1196bbc591376b9a0405f91c8b6f55d",format:"display-xxl"},this.notification??0),e("slot",{key:"8ab001894e21f7bd60861015c5d54d2eb14ab3d1",name:"title-action"})),e("ix-typography",{key:"831bc352f52398683fd251dfacfcc2292539a3b5",format:"h4"},this.heading),e("ix-typography",{key:"8e47745fbef875019a99a7f017975ac4a722db09"},this.subheading)),e("ix-card-accordion",{key:"43d0965dd8950bba104de8b207cae142c69e1d58",collapse:!this.expanded,variant:this.variant},e("slot",{key:"92a7fe73f9b6561707057d9daef3f70bba13a667"}))))}static get style(){return":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-outline) ix-card-accordion{--theme-push-card-outline-accordion--background--hover:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion--background--active:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion-frame--border-color:var(--theme-push-card-outline-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1);--theme-push-card-outline-accordion-frame--border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card:hover,:host(.card-outline) ix-card:active{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-filled) ix-card-accordion{--theme-push-card-filled-accordion--background--hover:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion--background--active:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion-frame--border-color:var(--theme-push-card-filled-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-alarm) ix-card-accordion{--theme-push-card-alarm-accordion--background--hover:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion--background--active:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion-frame--border-color:var(--theme-push-card-alarm-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-critical) ix-card-accordion{--theme-push-card-critical-accordion--background--hover:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion--background--active:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion-frame--border-color:var(--theme-push-card-critical-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-warning) ix-card-accordion{--theme-push-card-warning-accordion--background--hover:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion--background--active:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion-frame--border-color:var(--theme-push-card-warning-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-success) ix-card-accordion{--theme-push-card-success-accordion--background--hover:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion--background--active:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion-frame--border-color:var(--theme-push-card-success-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-info) ix-card-accordion{--theme-push-card-info-accordion--background--hover:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion--background--active:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion-frame--border-color:var(--theme-push-card-info-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-neutral) ix-card-accordion{--theme-push-card-neutral-accordion--background--hover:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion--background--active:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion-frame--border-color:var(--theme-push-card-neutral-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}:host(.card-primary) ix-card-accordion{--theme-push-card-primary-accordion--background--hover:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion--background--active:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion-frame--border-color:var(--theme-push-card-primary-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}"}},[769,"ix-push-card",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],notification:[1],heading:[1],subheading:[1],variant:[1],expanded:[4],passive:[4]}]),u=s,b=function(){"undefined"!=typeof customElements&&["ix-push-card","ix-card","ix-card-accordion","ix-card-content","ix-card-title","ix-typography"].forEach((r=>{switch(r){case"ix-push-card":customElements.get(c(r))||customElements.define(c(r),s);break;case"ix-card":customElements.get(c(r))||o();break;case"ix-card-accordion":customElements.get(c(r))||t();break;case"ix-card-content":customElements.get(c(r))||i();break;case"ix-card-title":customElements.get(c(r))||n();break;case"ix-typography":customElements.get(c(r))||h()}}))};export{u as IxPushCard,b as defineCustomElement}

package/components/ix-radio-group.js

@@ -1 +1 @@
-import{p as e,H as t,e as i,h as s,d as o,t as a}from"./p-eN5fQtqO.js";import{m as r}from"./p-Djkc69iv.js";import{d as n}from"./p-BGOtCwtj.js";import{d as l}from"./p-eGuQ8D3W.js";import{d as h}from"./p-CgPr717U.js";import{d}from"./p-YFmbQndr.js";import{H as c}from"./p-BTBxxgtF.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7)}get hostElement(){return this}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=r();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{i!==e.length-1&&(t.checked=!1)}));const t=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!t&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{t===e.target?(t.checked=!0,this.valueChange.emit(t.value)):t.checked=!1}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:o}){this.isInvalid=e||o,this.isInfo=t,this.isValid=i,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,t=!0){const{radiobuttonElements:i}=this,{length:s}=i;if(s<=1)return;const o=i.indexOf(e),a=t?1:-1;let r=(o+a+s)%s;for(;i[r].disabled;){if(r===o)return;r=(r+a+s)%s}const n=i[r];n.setCheckedState(!0),n.focus()}render(){return s(o,{key:"cf5b18bd56a508fd420c9c3708e484e511b7fe0d",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"2337eef1982364f930394ab1d0493e990e836390",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"e478c75175c239733f25e0f183d353b8bbbc07a5",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"136f6fd87c1f3d367cc5dff13040e7fa176726aa"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}static get style(){return":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}"}},[769,"ix-radio-group",{helperText:[1,"helper-text"],label:[1],value:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],direction:[1],required:[4],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64],setCheckedToNextItem:[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{value:[{onValueChangeHandler:0}]}]);!function(e,t,i,s){var o,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(r=(a<3?o(r):a>3?o(t,i,r):o(t,i))||r);a>3&&r&&Object.defineProperty(t,i,r)}([c({includeChildren:!0})],u.prototype,"onClassField",null);const f=u,p=function(){"undefined"!=typeof customElements&&["ix-radio-group","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-radio-group":customElements.get(a(e))||customElements.define(a(e),u);break;case"ix-field-label":customElements.get(a(e))||n();break;case"ix-field-wrapper":customElements.get(a(e))||l();break;case"ix-tooltip":customElements.get(a(e))||h();break;case"ix-typography":customElements.get(a(e))||d()}}))};export{f as IxRadioGroup,p as defineCustomElement}
+import{p as e,H as t,e as i,h as s,d as o,t as a}from"./p-eN5fQtqO.js";import{m as r}from"./p-Djkc69iv.js";import{d as n}from"./p-CAd-WgR8.js";import{d as l}from"./p-viP8I2_s.js";import{d as h}from"./p-D_VBAyPm.js";import{d}from"./p-YFmbQndr.js";import{H as c}from"./p-BTBxxgtF.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7)}get hostElement(){return this}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=r();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{i!==e.length-1&&(t.checked=!1)}));const t=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!t&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{t===e.target?(t.checked=!0,this.valueChange.emit(t.value)):t.checked=!1}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:o}){this.isInvalid=e||o,this.isInfo=t,this.isValid=i,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,t=!0){const{radiobuttonElements:i}=this,{length:s}=i;if(s<=1)return;const o=i.indexOf(e),a=t?1:-1;let r=(o+a+s)%s;for(;i[r].disabled;){if(r===o)return;r=(r+a+s)%s}const n=i[r];n.setCheckedState(!0),n.focus()}render(){return s(o,{key:"cf5b18bd56a508fd420c9c3708e484e511b7fe0d",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"2337eef1982364f930394ab1d0493e990e836390",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"e478c75175c239733f25e0f183d353b8bbbc07a5",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"136f6fd87c1f3d367cc5dff13040e7fa176726aa"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}static get style(){return":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}"}},[769,"ix-radio-group",{helperText:[1,"helper-text"],label:[1],value:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],direction:[1],required:[4],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64],setCheckedToNextItem:[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{value:[{onValueChangeHandler:0}]}]);!function(e,t,i,s){var o,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(r=(a<3?o(r):a>3?o(t,i,r):o(t,i))||r);a>3&&r&&Object.defineProperty(t,i,r)}([c({includeChildren:!0})],u.prototype,"onClassField",null);const f=u,p=function(){"undefined"!=typeof customElements&&["ix-radio-group","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-radio-group":customElements.get(a(e))||customElements.define(a(e),u);break;case"ix-field-label":customElements.get(a(e))||n();break;case"ix-field-wrapper":customElements.get(a(e))||l();break;case"ix-tooltip":customElements.get(a(e))||h();break;case"ix-typography":customElements.get(a(e))||d()}}))};export{f as IxRadioGroup,p as defineCustomElement}