@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/components/p-B9Se0P8X.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,t as l}from"./p-BT_2CyMS.js";import{i as o,d as n,t as a}from"./p-94ZtGp9D.js";import{d as r}from"./p-COoPXL_o.js";import{d as c}from"./p-DMAv4MDG.js";import{d}from"./p-6rWkhPoz.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxSelect=i(this,"ifxSelect",7),this.ifxOpen=i(this,"ifxOpen",7),this.ifxClear=i(this,"ifxClear",7),this.internals=this.attachInternals()}name;disabled=!1;readOnly=!1;required=!1;error=!1;caption="";label="";placeholder="";showSearch=!0;showSelectAll=!0;showClearButton=!0;showExpandCollapse=!0;noResultsMessage="No results found.";showNoResultsMessage=!0;searchPlaceholder="Search";selectAllLabel="Select all";expandLabel="Expand";collapseLabel="Collapse";ariaMultiSelectLabel="Multi-select dropdown";ariaMultiSelectLabelledBy="";ariaMultiSelectDescribedBy="";ariaSearchLabel="Search options";ariaClearLabel="Clear all selections";ariaToggleLabel="Toggle dropdown";ariaSelectAllLabel="Select all options";ariaExpandAllLabel="Expand all categories";ariaCollapseAllLabel="Collapse all categories";internalError=!1;persistentSelectedOptions=[];dropdownOpen=!1;dropdownFlipped;searchTerm="";visibleSelectedCount=0;ifxSelect;ifxOpen;ifxClear;get el(){return this}dropdownElement;resizeObserver;measurementScheduled=!1;internals;getAllOptionElements(){return Array.from(this.el.querySelectorAll("ifx-multiselect-option"))}getGroupElements(){return Array.from(this.el.querySelectorAll("ifx-multiselect-group"))}isOptionVisible(e){return!e.shadowRoot?.querySelector(".option")?.classList.contains("search-hidden")}updateGroupVisibility(e){this.getGroupElements().forEach((t=>{const i=Array.from(t.querySelectorAll("ifx-multiselect-option")).some((e=>this.isOptionVisible(e)));e&&!i?t.classList.add("empty-group"):t.classList.remove("empty-group")}))}getRootOptionElements(){return Array.from(this.el.children).flatMap((e=>"IFX-MULTISELECT-OPTION"===e.tagName?[e]:"IFX-MULTISELECT-GROUP"===e.tagName?Array.from(e.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)):[]))}getLeafOptionElements(){return this.getAllOptionElements().filter((e=>0===e.children.length))}getEnabledLeafOptionElements(){return this.getLeafOptionElements().filter((e=>!e.disabled&&!e.closest("ifx-multiselect-group")?.disabled))}parseChildOptions(){const e=[];return this.getRootOptionElements().forEach(((t,i)=>{const s=this.parseOptionElement(t,i);s&&e.push(s)})),e}parseOptionElement(e,t){const i={value:e.getAttribute("value")||`option-${t}`,selected:e.hasAttribute("selected"),disabled:e.hasAttribute("disabled"),indeterminate:e.hasAttribute("indeterminate")},s=Array.from(e.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).map(((e,t)=>this.parseOptionElement(e,t))).filter((e=>null!==e));return s.length>0&&(i.children=s),i}loadInitialOptions(){this.internalError=this.error;const e=this.parseChildOptions(),t=this.collectSelectedOptions(e).filter((e=>!this.persistentSelectedOptions.some((t=>t.value==e.value))));this.persistentSelectedOptions=[...this.persistentSelectedOptions,...t]}collectSelectedOptions(e){let t=[];for(const i of e)i.selected?i.children&&i.children.length>0?t=t.concat(this.collectLeafOptions(i.children)):t.some((e=>e.value===i.value))||t.push(i):i.children&&i.children.length>0&&(t=t.concat(this.collectSelectedOptions(i.children)));return t}collectLeafOptions(e){let t=[];for(const i of e)i.children&&i.children.length>0?t=t.concat(this.collectLeafOptions(i.children)):t.push(i);return t}handleSearch=function(e){let t;return function(...i){clearTimeout(t),t=setTimeout((()=>{clearTimeout(t),e(...i)}),150)}}((e=>{const t=e.value.toLowerCase(),i=""!==t;this.searchTerm=t;const s=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");if(s)if(i)s.classList.remove("active");else{const e=this.el.shadowRoot.querySelector("ifx-search-field");e&&e.matches(":focus-within")||s.classList.add("active")}const l=this.el.shadowRoot.querySelector(".ifx-multiselect-options");l&&(i?l.classList.add("has-search-filter"):l.classList.remove("has-search-filter")),requestAnimationFrame((()=>{if(this.getAllOptionElements().forEach((e=>{const s=new CustomEvent("ifx-search-filter",{detail:{searchTerm:t,isActive:i}});e.dispatchEvent(s)})),i)setTimeout((()=>{const e=this.getAllOptionElements();let t=0;this.updateGroupVisibility(!0),e.forEach((e=>{const i=window.getComputedStyle(e),s=e.getBoundingClientRect();"none"!==i.display&&"hidden"!==i.visibility&&"0"!==i.opacity&&s.height>0&&t++}));const i=this.el.shadowRoot.querySelector(".ifx-multiselect-options");i&&(0===t?i.classList.add("show-no-results"):i.classList.remove("show-no-results"))}),200);else{this.updateGroupVisibility(!1);const e=this.el.shadowRoot.querySelector(".ifx-multiselect-options");e&&e.classList.remove("show-no-results")}}))}));handleSearchFocus(e){const t=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");t&&(e||""!==this.searchTerm?t.classList.remove("active"):t.classList.add("active"))}positionDropdown(){const e=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper")?.getBoundingClientRect(),t=window.innerHeight-e.bottom;this.dropdownFlipped=e.top>t&&e.height>t||e.bottom>window.innerHeight}updateSlotBasedSelections(e=!1){const t=[];this.getLeafOptionElements().forEach((e=>{const i=e.__stencil_instance;i?.selected&&t.push({value:i.value,selected:!0,disabled:i.disabled,label:i.getTextContent()||i.value})})),this.persistentSelectedOptions=t,e&&this.ifxSelect.emit(this.persistentSelectedOptions)}updateInitialParentStates(){this.getAllOptionElements().map((e=>({element:e,instance:e.__stencil_instance,depth:parseInt(e.getAttribute("data-level")||"0")}))).filter((e=>e.instance)).sort(((e,t)=>t.depth-e.depth)).forEach((({instance:e})=>{e.hasChildren&&this.updateParentState(e)}))}updateParentState(e){const t=Array.from(e.el.children).filter((e=>"IFX-MULTISELECT-OPTION"===e.tagName)).map((e=>e.__stencil_instance)).filter((e=>null!==e)),i=t.filter((e=>e.selected)).length,s=t.filter((e=>e.indeterminate)).length;i===t.length&&0===s?(e.selected=!0,e.indeterminate=!1):0===i&&0===s?(e.selected=!1,e.indeterminate=!1):(e.selected=!1,e.indeterminate=!0)}async componentDidLoad(){if(!o(this.el)){const e=n();a("ifx-multiselect",await e)}if(setTimeout((()=>{this.positionDropdown()}),500),this.el.addEventListener("ifx-option-changed",(e=>{const t=e.target?.__stencil_instance;t&&!t.hasChildren&&this.updateSlotBasedSelections(!0)})),setTimeout((()=>{this.updateSlotBasedSelections(!1),this.updateInitialParentStates()}),100),"undefined"!=typeof ResizeObserver){this.resizeObserver=new ResizeObserver((()=>this.scheduleSelectedOptionsMeasurement()));const e=this.el.shadowRoot?.querySelector(".ifx-multiselect-input");e&&this.resizeObserver.observe(e)}}componentDidRender(){this.scheduleSelectedOptionsMeasurement()}disconnectedCallback(){this.resizeObserver?.disconnect()}componentWillLoad(){this.loadInitialOptions()}updateInternalError(){this.internalError=this.error}onSelectionChange(e,t){const i=new FormData;e.forEach((e=>i.append(this.name,e.value)))}collapseAll(){this.getAllOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&t.hasChildren&&(t.isExpanded=!1)}))}expandAll(){this.getAllOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&t.hasChildren&&(t.isExpanded=!0)}))}selectAll(){this.resetSearch(),this.expandAll(),this.getEnabledLeafOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&(t.selected=!0)})),setTimeout((()=>{this.updateInitialParentStates(),this.updateSlotBasedSelections(!1),this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}async clearSelection(){this.getAllOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&(t.selected=!1,t.indeterminate=!1,t.hasChildren&&(t.isExpanded=!1))})),this.persistentSelectedOptions=[],setTimeout((()=>{this.updateSlotBasedSelections(!1),this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}handleDocumentClick=e=>{e.composedPath().includes(this.dropdownElement)||(this.dropdownOpen=!1,document.removeEventListener("click",this.handleDocumentClick),this.resetSearch(),this.ifxOpen.emit(this.dropdownOpen))};toggleDropdown(){this.dropdownOpen=!this.dropdownOpen,setTimeout((()=>{this.dropdownOpen?document.addEventListener("click",this.handleDocumentClick):this.resetSearch(),this.ifxOpen.emit(this.dropdownOpen)}),0)}resetSearch(){this.searchTerm="";const e=this.el.shadowRoot.querySelector("ifx-search-field");e&&(e.value="");const t=this.el.shadowRoot.querySelector(".ifx-multiselect-options");t&&t.classList.remove("has-search-filter"),this.getAllOptionElements().forEach((e=>{const t=new CustomEvent("ifx-search-filter",{detail:{searchTerm:"",isActive:!1}});e.dispatchEvent(t)})),this.updateGroupVisibility(!1)}clearEnabledSelection(){this.getEnabledLeafOptionElements().forEach((e=>{const t=e.__stencil_instance;t&&(t.selected=!1,t.indeterminate=!1)})),setTimeout((()=>{this.updateInitialParentStates(),this.updateSlotBasedSelections(!1),this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}handleWrapperClick(e){this.positionDropdown(),e.currentTarget===e.target&&this.toggleDropdown()}handleClearButtonClick=e=>{e.stopPropagation(),this.ifxClear.emit().defaultPrevented||this.clearSelection()};handleKeyDown(e){if(!(this.readOnly||this.disabled&&!this.error))if(this.dropdownOpen)switch(e.code){case"Escape":e.preventDefault(),this.toggleDropdown();break;case"Enter":case"Space":e.target.closest(".ifx-multiselect-dropdown-functions")||(e.preventDefault(),this.toggleDropdown());break;case"ArrowDown":case"ArrowUp":e.preventDefault(),this.focusFirstOption()}else switch(e.code){case"Enter":case"Space":case"ArrowDown":e.preventDefault(),this.toggleDropdown()}}focusFirstOption(){const e=this.el.querySelector("ifx-multiselect-option:not(.search-hidden)");if(e){const t=e.shadowRoot?.querySelector(".option-label");t?.focus()}}renderSelectAll(){const e=this.getEnabledLeafOptionElements(),t=e.length>0&&e.every((e=>e.selected)),i=e=>{e&&(e.preventDefault(),e.stopPropagation()),t?this.clearEnabledSelection():this.selectAll()};return s("div",{class:"select-all-wrapper"},s("ifx-checkbox",{id:"selectAll",checked:t,size:"s","aria-label":this.ariaSelectAllLabel,onClick:i,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),i(e))}},this.selectAllLabel))}renderNoResultsMessage(){return s("div",{class:"ifx-multiselect-no-results"},s("div",{class:"no-results-content"},s("span",{class:"no-results-text"},this.noResultsMessage)))}removeSelection(e,t){t.stopPropagation();const i=Array.from(this.el.querySelectorAll("ifx-multiselect-option")).find((t=>{const i=t.__stencil_instance;return i&&i.value===e.value}));i?.__stencil_instance&&(i.__stencil_instance.selected=!1),this.persistentSelectedOptions=this.persistentSelectedOptions.filter((t=>t.value!==e.value)),this.updateInitialParentStates(),this.ifxSelect.emit(this.persistentSelectedOptions)}measureSelectedOptions(){const e=this.el.shadowRoot?.querySelector(".ifx-multiselect-input"),t=this.el.shadowRoot?.querySelector(".ifx-multiselect-measurement");if(!e||!t||0===this.persistentSelectedOptions.length)return void(0!==this.visibleSelectedCount&&(this.visibleSelectedCount=0));const i=Array.from(t.querySelectorAll(".ifx-multiselect-chip")),s=Array.from(t.querySelectorAll(".ifx-multiselect-indicator")),l=Number.parseFloat(getComputedStyle(e).columnGap)||0,o=e.clientWidth;let n=0;for(let e=i.length;e>=0;e-=1){const t=i.slice(0,e).reduce(((e,t)=>e+t.offsetWidth),0),a=i.length-e,r=a>0?s[a-1]:null;if(t+(r?.offsetWidth||0)+Math.max(0,e+(r?1:0)-1)*l<=o){n=e;break}}this.visibleSelectedCount!==n&&(this.visibleSelectedCount=n)}scheduleSelectedOptionsMeasurement=()=>{this.measurementScheduled||(this.measurementScheduled=!0,requestAnimationFrame((()=>{this.measurementScheduled=!1,this.measureSelectedOptions()})))};renderSelectedOptions(){const e=this.persistentSelectedOptions.slice(0,this.visibleSelectedCount),t=this.persistentSelectedOptions.length-e.length;return[...e.map((e=>{const t=e.label||e.value;return s("span",{class:"ifx-multiselect-chip",key:e.value},s("span",{class:"ifx-multiselect-chip-label"},t),s("button",{type:"button",class:"ifx-multiselect-chip-remove","aria-label":`Remove ${t}`,onClick:t=>this.removeSelection(e,t)},s("ifx-icon",{icon:"cross16"})))})),t>0&&s("span",{class:"ifx-multiselect-indicator","aria-label":`+${t} more selections`},"+",t)]}renderSelectedOptionsMeasurement(){return s("div",{class:"ifx-multiselect-measurement","aria-hidden":"true"},this.persistentSelectedOptions.map((e=>s("span",{class:"ifx-multiselect-chip",key:e.value},s("span",{class:"ifx-multiselect-chip-label"},e.label||e.value),s("span",{class:"ifx-multiselect-chip-remove"},s("ifx-icon",{icon:"cross16"}))))),this.persistentSelectedOptions.map(((e,t)=>{const i=t+1;return s("span",{class:"ifx-multiselect-indicator",key:`indicator-${i}`},"+",i)})))}render(){const e=this.persistentSelectedOptions.length>0;let t=!1;const i=this.getAllOptionElements();return i.length>0&&(t=i.every((e=>0===e.children.length))),s("div",{key:"f00d2b7e9ecd303b8157454814a4955e0c1b8804",class:"ifx-multiselect-container "+(this.readOnly?"readOnly":this.internalError?"":this.disabled?"disabled":""),ref:e=>this.dropdownElement=e},s("div",{key:"68fb0fff7b906e3a14e4fef4def1f0aab8f3f26c",class:"ifx-label-wrapper"},this.label&&s("span",{key:"1c3308f3259da195e08d7cea3728779fdcf72b5b",class:"wrapper-label"},s("span",{key:"faec02d87d7ea4e9c6c8d00c9a76897b897ff943"},this.label),this.required&&s("span",{key:"c7c0e4d7a90caf2dbf0594867798fc418ffa10be",class:"required "+(!this.readOnly&&this.internalError?"error":"")},"*"))),s("div",{key:"5e2c61ef32fb0be706c34f6103f0a939924e0582",class:`ifx-multiselect-wrapper\n        ${this.dropdownOpen?"active":""}\n        ${this.dropdownFlipped?"is-flipped":""}\n        ${this.readOnly?"":this.internalError?"error":this.disabled?"disabled":""}`,role:"combobox","aria-label":this.ariaMultiSelectLabel,"aria-labelledby":this.ariaMultiSelectLabelledBy||void 0,"aria-describedby":this.ariaMultiSelectDescribedBy||void 0,"aria-expanded":this.dropdownOpen,"aria-haspopup":"listbox","aria-disabled":!this.readOnly&&!this.internalError&&this.disabled,tabindex:"0",onClick:this.disabled&&!this.internalError||this.readOnly?void 0:e=>this.handleWrapperClick(e),onKeyDown:this.disabled&&!this.internalError||this.readOnly?void 0:e=>this.handleKeyDown(e)},s("div",{key:"f3ab373237d09c9ba8ba91c03aeee930241520e4",class:`ifx-multiselect-input\n\t\t  chips\n          ${e?"":"placeholder"}\n          `,onClick:this.disabled&&!this.internalError||this.readOnly?void 0:()=>this.toggleDropdown()},e?this.renderSelectedOptions():this.placeholder,e&&this.renderSelectedOptionsMeasurement()),this.dropdownOpen&&s("div",{key:"3e064ef34d322d364c1e031460f8fa8425bc9f2c",class:"ifx-multiselect-dropdown-menu"},(this.showSearch||this.showSelectAll||this.showExpandCollapse&&!t)&&s("div",{key:"84b394b195e48cc39590fdb52b3b50c0b1cec8c7",class:"ifx-multiselect-dropdown-functions",onClick:e=>e.stopPropagation()},this.showSearch&&s("div",{key:"5ecdcb7dc23620caf47f50b2828775db6935c3d7",class:"ifx-multiselect-dropdown-search"},s("ifx-search-field",{key:"dc332a3f15602212f5efc500f0ae076b0cf0c166",class:"search-input",placeholder:this.searchPlaceholder,size:"s","show-delete-icon":"true","aria-label":this.ariaSearchLabel,onKeyDown:e=>{e.stopPropagation()},onIfxInput:e=>this.handleSearch(e.target),onFocus:()=>this.handleSearchFocus(!0),onBlur:()=>this.handleSearchFocus(!1)})),s("div",{key:"d5dccbcfbe1be89373d2c7839573d905103c6d88",class:"ifx-multiselect-dropdown-controls"},this.showSelectAll&&this.renderSelectAll(),this.showExpandCollapse&&!t&&s("div",{key:"b89d3f9a8a089e58d15b8149cbf9e8640e6307f8",class:"expand-collapse-controls"},s("span",{key:"5d918ce00151723c3d7cc45250205f621f596be0",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaExpandAllLabel,onClick:e=>{e.stopPropagation(),this.expandAll()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.expandAll())}},this.expandLabel),s("span",{key:"a0c9a7b8bf4dabf29a79b3c3d3ba653861bb06d0",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaCollapseAllLabel,onClick:e=>{e.stopPropagation(),this.collapseAll()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),this.collapseAll())}},this.collapseLabel)))),s("div",{key:"b9e28964bbee62c48a38dbfc9c72ecf879f9863f",class:"ifx-multiselect-options",role:"listbox","aria-multiselectable":"true"},s("slot",{key:"e347376045f5800c04073db370a2575b50807e12"}),this.searchTerm&&this.showNoResultsMessage&&this.renderNoResultsMessage())),s("div",{key:"6e2412a22366f4739c1d39693ca6492b5992a8bd",class:"ifx-multiselect-icon-container"},this.persistentSelectedOptions.length>0&&s("div",{key:"26a3cef975753ceeb09b5a4abf1479e71c21a776",class:"ifx-clear-button "+(this.showClearButton?"":"hide"),onClick:this.disabled&&!this.error?void 0:this.handleClearButtonClick},s("ifx-icon",{key:"b50d22e9a70915140ac1321202ce284c80ffd909",icon:"cRemove16"})),s("div",{key:"251c57c1daa52ef57570232f35de5a2e70feaa42",class:"icon-wrapper-up",onClick:this.disabled&&!this.error?void 0:()=>this.toggleDropdown()},s("ifx-icon",{key:"icon-up",icon:"chevron-up-16"})),s("div",{key:"21523ec6ccc4cc84e6d9b15881f8e7dbf45df1ea",class:"icon-wrapper-down",onClick:this.disabled&&!this.error?void 0:()=>this.toggleDropdown()},s("ifx-icon",{key:"icon-down",icon:"chevron-down-16"})))),this.caption&&s("div",{key:"067c7c9fab1188e7475caf946f9030f977862f35",class:"multi__select-caption "+(this.readOnly?"":this.internalError?"error":this.disabled?"disabled":"")},this.caption))}static get watchers(){return{error:[{updateInternalError:0}],persistentSelectedOptions:[{onSelectionChange:0}]}}static get style(){return'.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.disabled .ifx-label-wrapper{color:#bfbbbb}.ifx-multiselect-container.disabled .ifx-multiselect-wrapper{background:#bfbbbb;color:#ffffff;border-color:#bfbbbb;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container.readOnly{cursor:text}.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper{border:none;border-bottom:1px solid #bfbbbb;border-radius:1px;pointer-events:none;padding-left:0}.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper .ifx-clear-button{display:none}.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper .icon-wrapper-down,.ifx-multiselect-container.readOnly .ifx-multiselect-wrapper .icon-wrapper-up{color:#bfbbbb}.ifx-multiselect-container:not(.readOnly):not(.disabled):hover{cursor:pointer}.ifx-multiselect-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-label-wrapper .required{margin-left:4px}.ifx-multiselect-container .ifx-label-wrapper .required.error{color:#cd002f}.ifx-multiselect-container .multi__select-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;color:#1d1d1d;flex:none;order:1;align-self:stretch;flex-grow:0}.ifx-multiselect-container .multi__select-caption.error{color:#cd002f}.ifx-multiselect-container .multi__select-caption.disabled{color:#bfbbbb}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#ffffff;box-sizing:border-box;display:flex;align-items:center;border:1px solid #8d8786;border-radius:1px;width:100%;font-weight:400;font-style:normal;height:40px;line-height:24px;padding:4px 16px;font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible{outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0a8276;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-wrapper.error{border-color:#cd002f}.ifx-multiselect-container .ifx-multiselect-wrapper.active{border-color:#0a8276 !important}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-down{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-up{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.is-flipped .ifx-multiselect-dropdown-menu{top:auto;bottom:100%}.ifx-multiselect-container .ifx-multiselect-input{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-multiselect-container .ifx-multiselect-input.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;position:relative;white-space:normal;overflow:hidden;text-overflow:clip}.ifx-multiselect-container .ifx-multiselect-input.placeholder:not(.disabled){color:#8d8786}.ifx-multiselect-container .ifx-multiselect-measurement{position:absolute;top:0;left:0;display:flex;flex-wrap:nowrap;width:max-content;height:0;visibility:hidden;pointer-events:none;white-space:nowrap}.ifx-multiselect-container .ifx-multiselect-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;max-width:100%;padding:4px 8px;border:3px solid #0a8276;border-radius:9999px;background-color:#ffffff;color:#0a8276;font:400 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family);font-size:var(--ifx-font-size-xs);font-style:normal;font-weight:var(--ifx-font-weight-regular);line-height:var(--ifx-line-height-xs);letter-spacing:var(--ifx-letter-spacing-default);height:28px}.ifx-multiselect-container .ifx-multiselect-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifx-multiselect-container .ifx-multiselect-chip-remove{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:12px;height:12px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.ifx-multiselect-container .ifx-multiselect-chip-remove svg{width:12px;height:12px}.ifx-multiselect-container .ifx-multiselect-chip-remove:hover{color:#08665c}.ifx-multiselect-container .ifx-multiselect-chip-remove:focus-visible{outline:2px solid #0a8276;outline-offset:1px;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-indicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:23px;height:22px;padding:0;border-radius:50%;background-color:#0a8276;color:#ffffff;text-align:center;font-feature-settings:"liga" off, "clig" off;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:600;line-height:16px;}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;display:flex;align-items:center;gap:8px}.ifx-multiselect-container .ifx-multiselect-icon-container .ifx-multiselect-icon-container{display:flex}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper{display:flex;align-items:center;transition:transform 0.2s ease-in-out}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper--open{transform:rotate(180deg)}.ifx-multiselect-container .ifx-clear-button{display:flex;align-items:center}.ifx-multiselect-container .ifx-clear-button.hide{display:none}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{box-sizing:border-box;position:absolute;top:100%;left:0;width:100%;margin-top:4px;padding-bottom:8px;border:1px solid #eeeded;background-color:#ffffff;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);max-height:300px;z-index:1000;display:flex;flex-direction:column}.ifx-multiselect-container:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-dropdown-functions{padding:12px 16px;border-bottom:1px solid #eeeded;flex-shrink:0}.ifx-multiselect-dropdown-search{margin-bottom:12px}.ifx-multiselect-dropdown-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.ifx-multiselect-dropdown-controls .select-all-wrapper{display:flex;flex:1 1 auto;min-width:0}.ifx-multiselect-dropdown-controls .select-all-wrapper ifx-checkbox{width:100%}.ifx-multiselect-dropdown-controls .expand-collapse-controls{display:flex;gap:12px}.ifx-multiselect-dropdown-controls .control-item{font-size:16px;line-height:24px}.ifx-multiselect-dropdown-controls .control-item:hover{color:#0a8276}.ifx-multiselect-dropdown-controls .control-item:active{color:#08665c}.ifx-multiselect-dropdown-controls .control-item:focus{outline:none}.ifx-multiselect-dropdown-controls .control-item:focus-visible{outline:2px solid #0a8276;outline-offset:2px;border-radius:1px}.ifx-multiselect-options{flex:1;overflow-y:auto;padding-top:8px}.ifx-multiselect-options.show-no-results .ifx-multiselect-no-results{display:block}.ifx-multiselect-no-results{padding-left:16px;padding-right:16px;display:none}'}},[769,"ifx-multiselect",{name:[1],disabled:[4],readOnly:[4,"read-only"],required:[4],error:[4],caption:[1],label:[1],placeholder:[1],showSearch:[4,"show-search"],showSelectAll:[4,"show-select-all"],showClearButton:[4,"show-clear-button"],showExpandCollapse:[4,"show-expand-collapse"],noResultsMessage:[1,"no-results-message"],showNoResultsMessage:[4,"show-no-results-message"],searchPlaceholder:[1,"search-placeholder"],selectAllLabel:[1,"select-all-label"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],ariaMultiSelectLabel:[1,"aria-multi-select-label"],ariaMultiSelectLabelledBy:[1,"aria-multi-select-labelled-by"],ariaMultiSelectDescribedBy:[1,"aria-multi-select-described-by"],ariaSearchLabel:[1,"aria-search-label"],ariaClearLabel:[1,"aria-clear-label"],ariaToggleLabel:[1,"aria-toggle-label"],ariaSelectAllLabel:[1,"aria-select-all-label"],ariaExpandAllLabel:[1,"aria-expand-all-label"],ariaCollapseAllLabel:[1,"aria-collapse-all-label"],internalError:[32],persistentSelectedOptions:[32],dropdownOpen:[32],dropdownFlipped:[32],searchTerm:[32],visibleSelectedCount:[32],clearSelection:[64]},void 0,{error:[{updateInternalError:0}],persistentSelectedOptions:[{onSelectionChange:0}]}]);function p(){"undefined"!=typeof customElements&&["ifx-multiselect","ifx-checkbox","ifx-icon","ifx-search-field"].forEach((e=>{switch(e){case"ifx-multiselect":customElements.get(l(e))||customElements.define(l(e),f);break;case"ifx-checkbox":customElements.get(l(e))||r();break;case"ifx-icon":customElements.get(l(e))||c();break;case"ifx-search-field":customElements.get(l(e))||d()}}))}export{f as M,p as d}

package/dist/components/p-BQusv3OP.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as n,d as o,t as a}from"./p-BT_2CyMS.js";import{c as d}from"./p-BfTCfPZ1.js";import{i,d as b,t as r}from"./p-94ZtGp9D.js";import{s}from"./p-QgsB_-OM.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}variant="primary";theme="default";size="m";disabled=!1;internalHref;href;target="_self";type="button";fullWidth=!1;ariaLabelText;get el(){return this}focusableElement;nativeButton;setInternalHref(e){this.internalHref=e}async setFocus(){this.focusableElement.focus()}insertNativeButton(){this.nativeButton=document.createElement("button"),this.nativeButton.type=this.type,this.nativeButton.style.display="none",this.el.closest("form").appendChild(this.nativeButton)}handleFormAndInternalHref(){this.el.closest("form")?(this.el.href&&(this.internalHref=void 0),this.insertNativeButton()):this.internalHref=this.href}handleButtonWidth(){this.el.style.setProperty("--bw",this.fullWidth?"100%":"fit-content")}componentWillLoad(){this.handleFormAndInternalHref()}async componentDidLoad(){if(!i(this.el)){const e=b();r("ifx-button",await e)}}componentWillRender(){this.handleButtonWidth()}handleClick=e=>{if(this.el.shadowRoot){const t=this.el.closest("form");if(t){if(e.preventDefault(),"reset"===this.type)return t.reset(),void t.dispatchEvent(new Event("reset"));if(this.nativeButton)return void this.nativeButton.click();const n=document.createElement("button");this.type&&(n.type=this.type),n.style.display="none",t.appendChild(n),n.click(),n.remove()}}};handleKeyDown(e){(" "===e.key||"Enter"===e.key&&!this.disabled)&&this.focusableElement.click()}handleHostClick(e){!0===this.disabled&&e.stopImmediatePropagation()}handleFocus(e){this.disabled&&(e.preventDefault(),this.focusableElement.blur())}render(){return n(o,{key:"e4c165461267e3877bb8eeeccbffd4210c7442ae"},n("a",{key:"0a5e7131ed8cac297f08329cbd43e64d5c9f5941",role:this.href?"link":"button",tabIndex:this.disabled?-1:0,ref:e=>this.focusableElement=e,class:this.getClassNames(),href:this.disabled?void 0:s(this.internalHref),target:this.target,onClick:this.handleClick,rel:"_blank"===this.target?"noopener noreferrer":void 0,onFocus:e=>this.handleFocus(e),"aria-disabled":this.disabled?"true":null,"aria-describedby":"danger"===this.theme?"Dangerous action":void 0,"aria-label":this.ariaLabelText||void 0},n("slot",{key:"aee88584e7ed312589f8606f2387cd7833bcac77"})))}getVariantClass(){return"secondary"==`${this.variant}`?`secondary-${this.theme}`:"tertiary"==`${this.variant}`?`tertiary-${this.theme}`:`${this.theme}`}getSizeClass(){return"xs"==`${this.size}`?"xs":"s"==`${this.size}`?"s":"l"==`${this.size}`?"l":""}getClassNames(){return d("btn",this.size&&`btn-${this.getSizeClass()}`,`btn-${this.getVariantClass()}`,this.disabled?"disabled":"")}static get watchers(){return{href:[{setInternalHref:0}]}}static get style(){return":host{vertical-align:bottom;display:inline-flex;width:var(--bw, fit-content)}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 16px;gap:8px;color:#ffffff;font-weight:600;border-radius:1px;line-height:1.5rem;font-family:var(--ifx-font-family);font-style:normal;text-decoration:none;user-select:none;font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;width:var(--bw, fit-content)}.btn:not(.disabled){cursor:pointer}.btn.disabled{pointer-events:none}.btn-default{color:#ffffff;background-color:#0a8276}.btn-default:disabled,.btn-default.disabled{background-color:#bfbbbb;color:#ffffff;pointer-events:none}.btn-secondary-default{background-color:#ffffff;color:#0a8276;border:1px solid #0a8276}.btn-secondary-default:disabled,.btn-secondary-default.disabled{background-color:#ffffff;border:1px solid #bfbbbb;color:#bfbbbb;pointer-events:none}.btn-tertiary-default{background-color:rgba(0, 0, 0, 0);color:#0a8276}.btn-tertiary-default:disabled,.btn-tertiary-default.disabled{color:#bfbbbb;pointer-events:none}.btn-danger{color:#ffffff;background-color:#cd002f;border-color:#cd002f}.btn-danger:disabled,.btn-danger.disabled{background-color:#bfbbbb;color:#ffffff;pointer-events:none}.btn-secondary-danger{background-color:#ffffff;color:#cd002f;border:1px solid #cd002f}.btn-secondary-danger:disabled,.btn-secondary-danger.disabled{background-color:#ffffff;border:1px solid #bfbbbb;color:#bfbbbb;pointer-events:none}.btn-tertiary-danger{background-color:rgba(0, 0, 0, 0);color:#cd002f}.btn-tertiary-danger:disabled,.btn-tertiary-danger.disabled{background-color:#ffffff;color:#bfbbbb;pointer-events:none}.btn-inverse{color:#0a8276;background-color:#ffffff}.btn-inverse:disabled,.btn-inverse.disabled{opacity:1;background-color:#ffffff;color:#bfbbbb;pointer-events:none}.btn-secondary-inverse{color:#ffffff;border:1px solid #ffffff}.btn-secondary-inverse:disabled,.btn-secondary-inverse.disabled{border:1px solid #ffffff;color:#ffffff;pointer-events:none}.btn-tertiary-inverse{color:#ffffff}.btn-tertiary-inverse:disabled,.btn-tertiary-inverse.disabled{color:#ffffff;opacity:1;pointer-events:none}.btn ifx-icon:empty{display:none}.btn.btn-xs{font-size:0.875rem;height:32px;line-height:1rem}.btn.btn-s{font-size:0.875rem;height:36px;line-height:1.25rem}.btn.btn-l{font-size:1.25rem;height:48px;line-height:1.75rem}.btn.btn-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.btn.btn-default:not(:disabled,.disabled):hover{background-color:#08665c}.btn.btn-default:not(:disabled,.disabled):active,.btn.btn-default:not(:disabled,.disabled).active{background-color:#06534b}.btn.btn-secondary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.btn.btn-secondary-default:not(:disabled,.disabled):hover{color:#ffffff;background-color:#08665c}.btn.btn-secondary-default:not(:disabled,.disabled):active,.btn.btn-secondary-default:not(:disabled,.disabled).active{background-color:#06534b}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#9c216e}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#9c216e}.btn.btn-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.btn.btn-danger:not(:disabled,.disabled):hover{background-color:#a2001e}.btn.btn-danger:not(:disabled,.disabled):active,.btn.btn-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-secondary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.btn.btn-secondary-danger:not(:disabled,.disabled):hover{color:#ffffff;background-color:#a2001e}.btn.btn-secondary-danger:not(:disabled,.disabled):active,.btn.btn-secondary-danger:not(:disabled,.disabled).active{background-color:#900021}.btn.btn-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0a8276, 0 0 0 4px #ffffff}.btn.btn-inverse:not(:disabled,.disabled):hover{background-color:#eeeded}.btn.btn-inverse:not(:disabled,.disabled):active,.btn.btn-inverse:not(:disabled,.disabled).active{background-color:#bfbbbb}.btn.btn-secondary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0a8276, 0 0 0 4px #ffffff}.btn.btn-secondary-inverse:not(:disabled,.disabled):hover{color:#0a8276;background-color:#eeeded}.btn.btn-secondary-inverse:not(:disabled,.disabled):active,.btn.btn-secondary-inverse:not(:disabled,.disabled).active{color:#0a8276;background-color:#bfbbbb}.btn.btn-tertiary-default:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #08665c}.btn.btn-tertiary-default:not(:disabled,.disabled):hover{color:#08665c}.btn.btn-tertiary-default:not(:disabled,.disabled):active,.btn.btn-tertiary-default:not(:disabled,.disabled).active{color:#06534b}.btn.btn-tertiary-danger:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #a2001e}.btn.btn-tertiary-danger:not(:disabled,.disabled):hover{color:#a2001e}.btn.btn-tertiary-danger:not(:disabled,.disabled):active,.btn.btn-tertiary-danger:not(:disabled,.disabled).active{color:#900021}.btn.btn-tertiary-inverse:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #0a8276, 0 0 0 4px #ffffff}.btn.btn-tertiary-inverse:not(:disabled,.disabled):hover{color:#eeeded}.btn.btn-tertiary-inverse:not(:disabled,.disabled):active,.btn.btn-tertiary-inverse:not(:disabled,.disabled).active{color:#bfbbbb}"}},[769,"ifx-button",{variant:[1],theme:[1],size:[1],disabled:[4],href:[1],target:[1],type:[1],fullWidth:[4,"full-width"],ariaLabelText:[1,"aria-label-text"],internalHref:[32],setFocus:[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{href:[{setInternalHref:0}]}]);function l(){"undefined"!=typeof customElements&&["ifx-button"].forEach((e=>{"ifx-button"===e&&(customElements.get(a(e))||customElements.define(a(e),f))}))}export{f as B,l as d}

package/dist/components/p-BT3Wl1wi.js

@@ -0,0 +1 @@
+function t(t,f,o){const e=t.animate(f,{...o,fill:"both"});return e.addEventListener("finish",(()=>{e.commitStyles(),e.cancel()})),e}const f={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"},o={fadeIn:[{offset:0,...f,opacity:0},{offset:1,...f,opacity:1}],fadeOut:[{offset:0,...f,opacity:1},{offset:1,...f,opacity:0}]};export{o as K,t as a}

package/dist/components/p-BT_2CyMS.js

@@ -0,0 +1 @@
+const t='@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff") format("woff")}:root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}ifx-icon:empty{display:none}';var n=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(n||{}),e=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(e||{}),o="type",s="value",l="serialized:";function r(t,n,e){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,n);if(o&&(!e||o.get))return o;t=Object.getPrototypeOf(t)}}var i,c=(t,n)=>{var e;Object.entries(null!=(e=n.o.t)?e:{}).map((([e,[o]])=>{if(31&o||32&o){const o=t[e],s=r(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);s&&Object.defineProperty(t,e,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(e)?t[e]=n.l.get(e):void 0!==o&&(t[e]=o)}}))},f=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},u=(t,n)=>n in t,a=(t,n)=>(0,console.error)(t,n),d=new Map,p="s-id",h="sty-id",$="c-id",v="http://www.w3.org/1999/xlink",m=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],y="undefined"!=typeof window?window:{},b=y.HTMLElement||class{},g={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,o)=>t.addEventListener(n,e,o),rel:(t,n,e,o)=>t.removeEventListener(n,e,o),ce:(t,n)=>new CustomEvent(t,n)},w=(()=>{var t;let n=!1;try{null==(t=y.document)||t.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch(t){}return n})(),S=(()=>{try{return!!y.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),j=!!S&&(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)(),O=!1,k=[],N=[],x=()=>{var t;return(null==(t=y.document)?void 0:t.hidden)?I(E):g.raf(E)},M=(t,n)=>e=>{t.push(e),O||(O=!0,n&&4&g.i?I(E):x())},C=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){a(t)}t.length=0},E=()=>{C(k),C(N),(O=k.length>0)&&x()},I=t=>Promise.resolve(undefined).then(t),A=M(N,!0),R=t=>{const n=new URL(t,g.u);return n.origin!==y.location.origin?n.href:n.pathname},L=t=>g.u=t;function _(n){var e;const o={mode:"open"};o.delegatesFocus=!!(16&n.i);const s=this.attachShadow(o);if(void 0===i&&(i=null!=(e=function(t){if(!S)return;const n=new CSSStyleSheet;return n.replaceSync(t),n}(t))?e:null),i)j?s.adoptedStyleSheets.push(i):s.adoptedStyleSheets=[...s.adoptedStyleSheets,i];else if(!S){const n=document.createElement("style");n.innerHTML=t,s.prepend(n)}}var T=t=>{const n=W(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&D(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!F(t,V(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&W(t,"childNodes").length&&T(t)}};function D(t,n,e){let o,s=0,l=[];for(;s<t.length;s++){if(o=t[s],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===e||V(o)===e)&&(l.push(o),void 0!==e))return l;l=[...l,...D(W(o,"childNodes"),n,e)]}return l}var F=(t,n,e=!0)=>{const o=[];(e&&t["s-sr"]||!t["s-sr"])&&o.push(t);let s=t;for(;s=s.nextSibling;)V(s)!==n||!e&&s["s-sr"]||o.push(s);return o},U=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,B=(t,n,e,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const l=n["s-cr"].parentNode,r=W(l,"appendChild");if(void 0!==o){s["s-oo"]=o;const t=W(l,"childNodes"),n=[s];t.forEach((t=>{t["s-nr"]&&n.push(t)})),n.sort(((t,n)=>!t["s-oo"]||t["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<t["s-oo"]?1:0)),n.forEach((t=>r.call(l,t)))}else r.call(l,s);t["s-ol"]=s,t["s-sh"]=n["s-hn"]},V=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function H(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const o=t[e]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(s.childNodes)).forEach((t=>{o===V(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}var P=t=>{if(t.__cloneNode)return;const n=t.__cloneNode=t.cloneNode;t.cloneNode=function(t){const e=this.shadowRoot&&true,o=n.call(this,!!e&&t);if(!e&&t){let t,n,e=0;const s=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],l=this.__childNodes||this.childNodes;for(;e<l.length;e++)t=l[e]["s-nr"],n=s.every((t=>!l[e][t])),t&&o.appendChild(t.cloneNode(!0)),n&&o.appendChild(l[e].cloneNode(!0))}return o}};function W(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}var z=new WeakMap,q=(t,n,e)=>{let o=d.get(t);S&&e?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,d.set(t,o)},Y=(t,n)=>{var e,o,s;const l=J(n),r=d.get(l);if(!y.document)return l;if(t=11===t.nodeType?t:y.document,r)if("string"==typeof r){let s,i=z.get(t=t.head||t);i||z.set(t,i=new Set);const c=t.querySelector(`[${h}="${l}"]`);if(c)c.textContent=r;else if(!i.has(l)){s=y.document.createElement("style"),s.textContent=r;const c=null!=(e=g.p)?e:function(){var t,n,e;return null!=(e=null==(n=null==(t=y.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?e:void 0}();if(null!=c&&s.setAttribute("nonce",c),!(1&n.i))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(S){const n=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(r),j?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=r+n.textContent:t.prepend(s)}else t.append(s);1&n.i&&t.insertBefore(s,null),4&n.i&&(s.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(l)}}else{let n=z.get(t);if(n||z.set(t,n=new Set),!n.has(l)){const e=null!=(s=t.defaultView)?s:t.ownerDocument.defaultView;let o;if(r.constructor===e.CSSStyleSheet)o=r;else{o=new e.CSSStyleSheet;for(let t=0;t<r.cssRules.length;t++)o.insertRule(r.cssRules[t].cssText,t)}if(j?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],n.add(l),"host"in t){const n=t.querySelector(`[${h}="${l}"]`);n&&A((()=>n.remove()))}}}return l},J=t=>"sc-"+t.h,Z=t=>"object"==(t=typeof t)||"function"===t,G=(t,n,...e)=>{let o=null,s=null,l=null,r=!1,i=!1;const c=[],f=n=>{for(let e=0;e<n.length;e++)if(o=n[e],Array.isArray(o))f(o);else if(null!=o&&"boolean"!=typeof o){if(r="function"!=typeof t&&!Z(o))o=String(o);else if("function"!=typeof t&&void 0===o.i){a("Invalid vNode child");continue}r&&i?c[c.length-1].$+=o:c.push(r?K(null,o):o),i=r}};if(f(e),n){n.key&&(s=n.key),n.name&&(l=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}if("function"==typeof t)return t(null===n?{}:n,c,X);const u=K(t,null);return u.v=n,c.length>0&&(u.m=c),u.S=s,u.j=l,u},K=(t,n)=>({i:0,O:t,$:null!=n?n:null,k:null,m:null,v:null,S:null,j:null}),Q={},X={forEach:(t,n)=>t.map(tt).forEach(n),map:(t,n)=>t.map(tt).map(n).map(nt)},tt=t=>({vattrs:t.v,vchildren:t.m,vkey:t.S,vname:t.j,vtag:t.O,vtext:t.$}),nt=t=>{if("function"==typeof t.vtag){const n={...t.vattrs};return t.vkey&&(n.key=t.vkey),t.vname&&(n.name=t.vname),G(t.vtag,n,...t.vchildren||[])}const n=K(t.vtag,t.vtext);return n.v=t.vattrs,n.m=t.vchildren,n.S=t.vkey,n.j=t.vname,n},et=(t,n,e,o,s,l,r,i=[])=>{let c,f,u,a;if(1===l.nodeType){if(c=l.getAttribute($),c&&(f=c.split("."),f[0]===r||"0"===f[0])){u=st({i:0,N:f[0],M:f[1],C:f[2],I:f[3],O:l.tagName.toLowerCase(),k:l,v:{class:l.className||""}}),n.push(u),l.removeAttribute($),t.m||(t.m=[]);const s=u.k.getAttribute("s-sn");"string"==typeof s&&("slot-fb"===u.O&&lt(s,f[2],u,l,t,n,e,o,i),u.k["s-sn"]=s,u.k.removeAttribute("s-sn")),void 0!==u.I&&(t.m[u.I]=u),t=u,o&&"0"===u.C&&(o[u.I]=u.k)}if(l.shadowRoot)for(a=l.shadowRoot.childNodes.length-1;a>=0;a--)et(t,n,e,o,s,l.shadowRoot.childNodes[a],r,i);const d=l.__childNodes||l.childNodes;for(a=d.length-1;a>=0;a--)et(t,n,e,o,s,d[a],r,i)}else if(8===l.nodeType)f=l.nodeValue.split("."),(f[1]===r||"0"===f[1])&&(c=f[0],u=st({N:f[1],M:f[2],C:f[3],I:f[4]||"0",k:l,v:null,m:null,S:null,j:null,O:null,$:null}),"t"===c?(u.k=it(l,3),u.k&&3===u.k.nodeType&&(u.$=u.k.textContent,n.push(u),l.remove(),r===u.N&&(t.m||(t.m=[]),t.m[u.I]=u),o&&"0"===u.C&&(o[u.I]=u.k))):"c"===c?(u.k=it(l,8),u.k&&8===u.k.nodeType&&(n.push(u),l.remove())):u.N===r&&("s"===c?lt(l["s-sn"]=f[5]||"",f[2],u,l,t,n,e,o,i):"r"===c&&(o?l.remove():(s["s-cr"]=l,l["s-cn"]=!0))));else if(t&&"style"===t.O){const n=K(null,l.textContent);n.k=l,n.I="0",t.m=[n]}return t},ot=(t,n)=>{if(1===t.nodeType){const e=t[p]||t.getAttribute(p);e&&n.set(e,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)ot(t.shadowRoot.childNodes[o],n);const s=t.__childNodes||t.childNodes;for(o=0;o<s.length;o++)ot(s[o],n)}else if(8===t.nodeType){const e=t.nodeValue.split(".");"o"===e[0]&&(n.set(e[1]+"."+e[2],t),t.nodeValue="",t["s-en"]=e[3])}},st=t=>({i:0,N:null,M:null,C:null,I:"0",k:null,v:null,m:null,S:null,j:null,O:null,$:null,...t});function lt(t,n,e,o,s,l,r,i,c){o["s-sr"]=!0,e.j=t||null,e.O="slot";const f=(null==s?void 0:s.k)?s.k["s-id"]||s.k.getAttribute("s-id"):"";if(i&&y.document){const l=e.k=y.document.createElement(e.O);e.j&&e.k.setAttribute("name",t),s.k.shadowRoot&&f&&f!==e.N?W(s.k,"insertBefore")(l,W(s.k,"children")[0]):W(W(o,"parentNode"),"insertBefore")(l,o),rt(c,n,t,o,e.N),o.remove(),"0"===e.C&&(i[e.I]=e.k)}else{const l=e.k,r=f&&f!==e.N&&s.k.shadowRoot;rt(c,n,t,o,r?f:e.N),H(o),r&&s.k.insertBefore(l,s.k.children[0])}l.push(e),r.push(e),s.m||(s.m=[]),s.m[e.I]=e}var rt=(t,n,e,o,s)=>{var l,r;let i=o.nextSibling;if(t[n]=t[n]||[],i&&!(null==(l=i.nodeValue)?void 0:l.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==e&&(""!==e||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=e,t[n].push({slot:o,node:i,hostId:s})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(r=i.nodeValue)?void 0:r.startsWith("s.")))},it=(t,n)=>{let e=t;do{e=e.nextSibling}while(e&&(e.nodeType!==n||!e.nodeValue));return e},ct=t=>{if(!t)return;const n=Object.keys(t);if(0===n.length)return;let e=!1;for(const o of n){if(e)break;for(const n of t[o])if("string"==typeof n){e=!0;break}}if(!e)return t;const o={};for(const e of n)o[e]=t[e].map((t=>"string"==typeof t?{[t]:0}:t));return o},ft=class t{static fromLocalValue(n){const e=n[o],l=s in n?n[s]:void 0;switch(e){case"string":case"boolean":return l;case"bigint":return BigInt(l);case"undefined":return;case"null":return null;case"number":return"NaN"===l?NaN:"-0"===l?-0:"Infinity"===l?1/0:"-Infinity"===l?-1/0:l;case"array":return l.map((n=>t.fromLocalValue(n)));case"date":return new Date(l);case"map":const n=new Map;for(const[e,o]of l){const s="object"==typeof e&&null!==e?t.fromLocalValue(e):e,l=t.fromLocalValue(o);n.set(s,l)}return n;case"object":const o={};for(const[n,e]of l)o[n]=t.fromLocalValue(e);return o;case"regexp":const{pattern:s,flags:r}=l;return new RegExp(s,r);case"set":const i=new Set;for(const n of l)i.add(t.fromLocalValue(n));return i;case"symbol":return Symbol(l);default:throw new Error(`Unsupported type: ${e}`)}}static fromLocalValueArray(n){return n.map((n=>t.fromLocalValue(n)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(o))return!1;const l=t[o];return!!Object.values({...n,...e}).includes(l)&&("null"===l||"undefined"===l||t.hasOwnProperty(s))}};var ut,at,dt=(t,n,e)=>{return"string"==typeof t&&t.startsWith(l)?t="string"==typeof(o=t)&&o.startsWith(l)?ft.fromLocalValue(JSON.parse(function(t){const n=atob(t),e=new Uint8Array(n.length);for(let t=0;t<n.length;t++)e[t]=n.charCodeAt(t);return(new TextDecoder).decode(e)}(o.slice(11)))):o:null==t||Z(t)?t:4&n?(e&&"string"==typeof t||"false"!==t)&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?String(t):t;var o},pt=(t,n,e)=>{const o=t;return{emit:t=>ht(o,n,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:t})}},ht=(t,n,e)=>{const o=g.ce(n,e);return t.dispatchEvent(o),o},$t=(t,n,e,o,s,l,r)=>{if(e===o)return;let i=u(t,n),c=n.toLowerCase();if("class"===n){const n=t.classList,s=bt(e);let l=bt(o);if((t["s-si"]||t["s-sc"])&&r){const e=t["s-sc"]||t["s-si"];l.push(e),s.forEach((t=>{t.startsWith(e)&&l.push(t)})),l=[...new Set(l)].filter((t=>t)),n.add(...l)}else n.remove(...s.filter((t=>t&&!l.includes(t)))),n.add(...l.filter((t=>t&&!s.includes(t))))}else if("style"===n){for(const n in e)o&&null!=o[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in o)e&&o[n]===e[n]||(n.includes("-")?t.style.setProperty(n,o[n]):t.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&Vt(o,t);else if(t.__lookupSetter__(n)||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let s;{const n=f(t);if(n&&n.o&&n.o.t){const t=n.o.t[e];t&&t[1]&&(s=t[1])}}return s||(s=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==t.getAttribute(s)||t.removeAttribute(s):t.setAttribute(s,!0===o?"":o))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=o}catch(t){}return}{const r=Z(o);if((i||r&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[n]!==o&&(t[n]=o);else{const s=null==o?"":o;"list"===n?i=!1:null!=e&&t[n]===s||("function"==typeof t.__lookupSetter__(n)?t[n]=s:t.setAttribute(n,s))}}catch(t){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(n=c,f=!0),null==o||!1===o?(!1!==o||""===t.getAttribute(n)||4&l&&!mt(n))&&(f?t.removeAttributeNS(v,n):t.removeAttribute(n)):(!i||4&l||s)&&!r&&1===t.nodeType&&(o=!0===o?"":o,f?t.setAttributeNS(v,n,o):t.setAttribute(n,o))}}else if(n="-"===n[2]?n.slice(3):u(y,c)?c.slice(2):c[2]+n.slice(3),e||o){const s=n.endsWith(gt);n=n.replace(wt,""),e&&g.rel(t,n,e,s),o&&g.ael(t,n,o,s)}},vt=new Set(["draggable","contenteditable","spellcheck"]),mt=t=>vt.has(t)||t.startsWith("aria-"),yt=/\s/,bt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(yt):[]),gt="Capture",wt=new RegExp(gt+"$"),St=(t,n,e,o)=>{const s=11===n.k.nodeType&&n.k.host?n.k.host:n.k,l=t&&t.v||{},r=n.v||{};for(const t of jt(Object.keys(l)))t in r||$t(s,t,l[t],void 0,e,n.i,o);for(const t of jt(Object.keys(r)))$t(s,t,l[t],r[t],e,n.i,o)};function jt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Ot=!1,kt=!1,Nt=!1,xt=!1,Mt=[],Ct=[],Et=(t,n,e)=>{var o;const s=n.m[e];let l,r,i,c=0;if(Ot||(Nt=!0,"slot"===s.O&&(s.i|=s.m?2:1)),null!=s.$)l=s.k=y.document.createTextNode(s.$);else if(1&s.i)l=s.k=y.document.createTextNode(""),St(null,s,xt);else{if(xt||(xt="svg"===s.O),!y.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=s.k=y.document.createElementNS(xt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Ot&&2&s.i?"slot-fb":s.O),xt&&"foreignObject"===s.O&&(xt=!1),St(null,s,xt),s.m){const n="template"===s.O?l.content:l;for(c=0;c<s.m.length;++c)r=Et(t,s,c),r&&n.appendChild(r)}"svg"===s.O?xt=!1:"foreignObject"===l.tagName&&(xt=!0)}return l["s-hn"]=at,3&s.i&&(l["s-sr"]=!0,l["s-cr"]=ut,l["s-sn"]=s.j||"",l["s-rf"]=null==(o=s.v)?void 0:o.ref,H(l),i=t&&t.m&&t.m[e],i&&i.O===s.O&&t.k&&It(t.k)),l},It=t=>{g.i|=1;const n=t.closest(at.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of e?o.reverse():o)null!=t["s-sh"]&&(Ht(n,t,null!=e?e:null),t["s-sh"]=void 0,Nt=!0)}g.i&=-2},At=(t,n)=>{g.i|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===at&&e.push(n)}for(let t=e.length-1;t>=0;t--){const o=e[t];o["s-hn"]!==at&&o["s-ol"]&&(Ht(Tt(o).parentNode,o,Tt(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Nt=!0),n&&At(o,n)}g.i&=-2},Rt=(t,n,e,o,s,l)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===at&&(i=i.shadowRoot),"template"===e.O&&(i=i.content);s<=l;++s)o[s]&&(r=Et(null,e,s),r&&(o[s].k=r,Ht(i,r,Tt(n))))},Lt=(t,n,e)=>{for(let o=n;o<=e;++o){const n=t[o];if(n){const t=n.k;Bt(n),t&&(kt=!0,t["s-ol"]?t["s-ol"].remove():At(t,!0),t.remove())}}},_t=(t,n,e=!1)=>t.O===n.O&&("slot"===t.O?t.j===n.j:e?(e&&!t.S&&n.S&&(t.S=n.S),!0):t.S===n.S),Tt=t=>t&&t["s-ol"]||t,Dt=(t,n,e=!1)=>{const o=n.k=t.k,s=t.m,l=n.m,r=n.O,i=n.$;let c;null==i?(xt="svg"===r||"foreignObject"!==r&&xt,"slot"!==r||Ot||t.j!==n.j&&(n.k["s-sn"]=n.j||"",It(n.k.parentElement)),St(t,n,xt,e),null!==s&&null!==l?((t,n,e,o,s=!1)=>{let l,r,i=0,c=0,f=0,u=0,a=n.length-1,d=n[0],p=n[a],h=o.length-1,$=o[0],v=o[h];const m="template"===e.O?t.content:t;for(;i<=a&&c<=h;)if(null==d)d=n[++i];else if(null==p)p=n[--a];else if(null==$)$=o[++c];else if(null==v)v=o[--h];else if(_t(d,$,s))Dt(d,$,s),d=n[++i],$=o[++c];else if(_t(p,v,s))Dt(p,v,s),p=n[--a],v=o[--h];else if(_t(d,v,s))"slot"!==d.O&&"slot"!==v.O||At(d.k.parentNode,!1),Dt(d,v,s),Ht(m,d.k,p.k.nextSibling),d=n[++i],v=o[--h];else if(_t(p,$,s))"slot"!==d.O&&"slot"!==v.O||At(p.k.parentNode,!1),Dt(p,$,s),Ht(m,p.k,d.k),p=n[--a],$=o[++c];else{for(f=-1,u=i;u<=a;++u)if(n[u]&&null!==n[u].S&&n[u].S===$.S){f=u;break}f>=0?(r=n[f],r.O!==$.O?l=Et(n&&n[c],e,c):(Dt(r,$,s),n[f]=void 0,l=r.k),$=o[++c]):(l=Et(n&&n[c],e,c),$=o[++c]),l&&Ht(Tt(d.k).parentNode,l,Tt(d.k))}i>a?Rt(t,null==o[h+1]?null:o[h+1].k,e,o,c,h):c>h&&Lt(n,i,a)})(o,s,n,l,e):null!==l?(null!==t.$&&(o.textContent=""),Rt(o,null,n,l,0,l.length-1)):e||null===s?e&&null!==s&&null===l&&(n.m=s):Lt(s,0,s.length-1),xt&&"svg"===r&&(xt=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.$!==i&&(o.data=i)},Ft=[],Ut=t=>{let n,e,o;const s=t.__childNodes||t.childNodes;for(const t of s){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const s=t["s-sn"];for(o=e.length-1;o>=0;o--)if(n=e[o],!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==t["s-hn"]&&(!n["s-sh"]||n["s-sh"]!==t["s-hn"]||""!==s&&V(n)===s))if(U(n,s)){let e=Ft.find((t=>t.A===n));kt=!0,n["s-sn"]=n["s-sn"]||s,e?(e.A["s-sh"]=t["s-hn"],e.R=t):(n["s-sh"]=t["s-hn"],Ft.push({R:t,A:n})),n["s-sr"]&&Ft.map((t=>{U(t.A,n["s-sn"])&&(e=Ft.find((t=>t.A===n)),e&&!t.R&&(t.R=e.R))}))}else Ft.some((t=>t.A===n))||Ft.push({A:n})}1===t.nodeType&&Ut(t)}},Bt=t=>{t.v&&t.v.ref&&Mt.push((()=>t.v.ref(null))),t.m&&t.m.map(Bt)},Vt=(t,n)=>{Ct.push((()=>t(n)))},Ht=(t,n,e,o)=>{if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:s}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=V(t)||"";return{slotNode:D(W(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return s&&!o&&s.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1})),n}return(null==t?void 0:t.__insertBefore)?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)},Pt=(t,n,e=!1)=>{var o,s,l,r,i;const c=t.$hostElement$,f=t.o,u=t.L||K(null,null);var a;const d=(a=n)&&a.O===Q?n:G(null,null,n);if(at=c.tagName,f._&&(d.v=d.v||{},f._.forEach((([t,n])=>{d.v[n]=c[t]}))),e&&d.v)for(const t of Object.keys(d.v))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.v[t]=c[t]);if(d.O=null,d.i|=4,t.L=d,d.k=u.k=c.shadowRoot||c,Ot=!(!(1&f.i)||128&f.i),ut=c["s-cr"],kt=!1,Dt(u,d,e),g.i|=1,Nt){Ut(d.k);for(const t of Ft){const n=t.A;if(!n["s-ol"]&&y.document){const t=y.document.createTextNode("");t["s-nr"]=n,Ht(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of Ft){const n=t.A,i=t.R;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(o=n.hidden)&&o),i){const t=i.parentNode;let o=i.nextSibling;if(o&&1===o.nodeType){let e=null==(s=n["s-ol"])?void 0:s.previousSibling;for(;e;){let s=null!=(l=e["s-nr"])?l:null;if(s&&s["s-sn"]===n["s-sn"]&&t===(s.__parentNode||s.parentNode)){for(s=s.nextSibling;s===n||(null==s?void 0:s["s-sr"]);)s=null==s?void 0:s.nextSibling;if(!s||!s["s-nr"]){o=s;break}}e=e.previousSibling}}if((!o&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(Ht(t,n,o,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=y.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,Ht(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(r=n["s-ih"])&&r)}n&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===n.nodeType&&(n.hidden=!0)}}if(kt&&T(d.k),g.i&=-2,Ft.length=0,!Ot&&!(1&f.i)&&c["s-cr"]){const t=d.k.__childNodes||d.k.childNodes;for(const n of t)if(n["s-hn"]!==at&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(i=n.hidden)&&i),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=y.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],Ht(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}ut=void 0,Mt.forEach((t=>t())),Mt.length=0,Ct.forEach((t=>t())),Ct.length=0},Wt=(t,n)=>{if(n&&!t.T&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.T=()=>{n["s-p"].splice(e-1,1),o()})))}},zt=(t,n)=>{if(t.i|=16,4&t.i)return void(t.i|=512);Wt(t,t.D);const e=()=>qt(t,n);if(!n)return A(e);queueMicrotask((()=>{e()}))},qt=(t,n)=>{const e=t.$hostElement$,o=e;if(!o)throw new Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let s;return s=Xt(o,n?"componentWillLoad":"componentWillUpdate",void 0,e),s=Yt(s,(()=>Xt(o,"componentWillRender",void 0,e))),Yt(s,(()=>Zt(t,o,n)))},Yt=(t,n)=>Jt(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),Jt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Zt=async(t,n,e)=>{var o;const s=t.$hostElement$,l=s["s-rc"];e&&(t=>{const n=t.o,e=t.$hostElement$,o=n.i,s=Y(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&o&&(e["s-sc"]=s,e.classList.add(s+"-h"))})(t);Gt(t,n,s,e),l&&(l.map((t=>t())),s["s-rc"]=void 0);{const n=null!=(o=s["s-p"])?o:[],e=()=>Kt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.i|=4,n.length=0)}},Gt=(t,n,e,o)=>{try{n=n.render(),t.i&=-17,t.i|=2,Pt(t,n,o)}catch(n){a(n,t.$hostElement$)}return null},Kt=t=>{const n=t.$hostElement$,e=n,o=t.D;Xt(e,"componentDidRender",void 0,n),64&t.i?Xt(e,"componentDidUpdate",void 0,n):(t.i|=64,tn(n),Xt(e,"componentDidLoad",void 0,n),t.F(n),o||Qt()),t.T&&(t.T(),t.T=void 0),512&t.i&&I((()=>zt(t,!1))),t.i&=-517},Qt=()=>{var t;I((()=>ht(y,"appload",{detail:{namespace:"infineon-design-system-stencil"}}))),(null==(t=g.U)?void 0:t.size)&&g.U.clear()},Xt=(t,n,e,o)=>{if(t&&t[n])try{return t[n](e)}catch(t){a(t,o)}},tn=t=>t.classList.add("hydrated"),nn=(t,n,e,o)=>{const s=f(t);if(!s)return;const l=t,r=s.l.get(n),i=s.i,c=l;e=dt(e,o.t[n][0],!!(64&o.i));const u=Number.isNaN(r)&&Number.isNaN(e);if(e!==r&&!u){if(s.l.set(n,e),o.B){const t=o.B[n];t&&t.map((t=>{try{const[[o,l]]=Object.entries(t);(128&i||1&l)&&(c?c[o](e,r,n):s.V.push((()=>{s.H[o](e,r,n)})))}catch(t){a(t,l)}}))}if(2&i){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(e,r,n)&&!(16&i))return;16&i||zt(s,!1)}}},en=(t,n,e)=>{var o,s;const l=t.prototype;64&n.i&&1&e&&m.forEach((t=>{const n=l[t];Object.defineProperty(l,t,{value(...e){var o;const s=f(this),l=this;l?"function"==typeof n&&n.call(l,...e):null==(o=null==s?void 0:s.P)||o.then((n=>{const o=n[t];"function"==typeof o&&o.call(n,...e)}))}})}));{t.watchers&&!n.B&&(n.B=ct(t.watchers)),t.deserializers&&!n.W&&(n.W=t.deserializers),t.serializers&&!n.q&&(n.q=t.serializers);const e=Object.entries(null!=(o=n.t)?o:{});e.map((([t,[e]])=>{if(31&e||32&e){const{get:o,set:s}=r(l,t)||{};o&&(n.t[t][0]|=2048),s&&(n.t[t][0]|=4096),Object.defineProperty(l,t,{get(){return o?o.apply(this):(n=t,f(this).l.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(l,t,{set(o){const l=f(this);if(l){if(s)return void 0===(32&e?this[t]:l.$hostElement$[t])&&l.l.get(t)&&(o=l.l.get(t)),s.apply(this,[dt(o,e,!!(64&n.i))]),void nn(this,t,o=32&e?this[t]:l.$hostElement$[t],n);nn(this,t,o,n)}}})}}));{const o=new Map;l.attributeChangedCallback=function(t,s,r){g.jmp((()=>{var i;const c=o.get(t),u=f(this);if(this.hasOwnProperty(c),l.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==r)return;if(null==c){const e=null==u?void 0:u.i;if(u&&e&&!(8&e)&&r!==s){const o=this,l=null==(i=n.B)?void 0:i[t];null==l||l.forEach((n=>{const[[l,i]]=Object.entries(n);null!=o[l]&&(128&e||1&i)&&o[l].call(o,r,s,t)}))}return}const a=e.find((([t])=>t===c)),d=a?a[1][0]:0,p=4&d;if(512&d&&8&d&&!Z(this[c])&&(null==(h=this[c])||!1===h?null:!0===h?"":String(h))===r)return;var h;const $=p&&null===r&&void 0===this[c];p&&(r=null!==r&&"false"!==r);const v=Object.getOwnPropertyDescriptor(l,c);$||r==this[c]||v.get&&!v.set||(this[c]=r)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.B)?s:{}),...e.filter((([t,n])=>31&n[0])).map((([t,e])=>{var s;const l=e[1]||t;return o.set(l,t),512&e[0]&&(null==(s=n._)||s.push([t,l])),l}))]))}}return t},on=async(t,n,e)=>{let o;try{if(!(32&n.i)&&(n.i|=32,n.i&=-1025,o=t.constructor,customElements.whenDefined(t.localName).then((()=>n.i|=128)),o&&o.style)){let t;"string"==typeof o.style&&(t=o.style);const n=J(e);if(!d.has(n)){const o=()=>{};q(n,t,!!(1&e.i)),o()}}const s=n.D,l=()=>zt(n,!0);s&&s["s-rc"]?s["s-rc"].push(l):l()}catch(e){a(e,t),n.T&&(n.T(),n.T=void 0),!n.F||1024&n.i||n.F(t)}},sn=t=>{if(!y.document)return;const n=t["s-cr"]=y.document.createComment("");n["s-cn"]=!0,Ht(t,n,t.firstChild)},ln=(t,n)=>{const e={i:n[0],h:n[1]};try{e.t=n[2],e.Y=n[3],e.B=ct(t.B),e.W=t.W,e.q=t.q,e._=[],P(t.prototype),(()=>{if(!y.document)return;const t=y.document.querySelectorAll(`[${h}]`);let n=0;for(;n<t.length;n++)q(t[n].getAttribute(h),t[n].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0)})();const o=t.prototype.connectedCallback,s=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,n)=>{const e={i:0,$hostElement$:t,o:n,l:new Map,J:new Map};e.P=new Promise((t=>e.F=t)),t["s-p"]=[],t["s-rc"]=[];const o=e;t.__stencil__getHostRef=()=>o,512&n.i&&c(t,e)})(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){const t=f(this);if(!t)return;cn(this,t,e.Y),this.__hasHostListenerAttached=!0}(t=>{if(!(1&g.i)){const n=f(t);if(!n)return;const e=n.o,o=()=>{};if(1&n.i)cn(t,n,e.Y),(null==n?void 0:n.H)||(1024&n.i?setTimeout((()=>on(t,n,e)),1e3):(null==n?void 0:n.P)&&n.P.then((()=>{})));else{let o;if(n.i|=1,o=t.getAttribute(p),o){if(1&e.i){const n=Y(t.shadowRoot,e);t.classList.remove(n+"-h",n+"-s")}((t,n,e,o)=>{var s,l,r,i;const c=t.shadowRoot,u=[],a=[],d=c?[]:null,h=K(n,null);h.k=t,!y.document||g.U&&g.U.size||ot(y.document.body,g.U=new Map),t[p]=e,t.removeAttribute(p),o.L=et(h,u,[],d,t,t,e,a);let $=0;const v=u.length;let m;for(;$<v;$++){m=u[$];const e=m.N+"."+m.M,o=g.U.get(e),l=m.k;if(c){if((null==(s=m.O)?void 0:s.toString().includes("-"))&&"slot-fb"!==m.O&&!m.k.shadowRoot){const t=f(m.k);if(t){const n=J(t.o),e=y.document.querySelector(`style[sty-id="${n}"]`);e&&d.unshift(e.cloneNode(!0))}}}else l["s-hn"]=n.toUpperCase(),"slot"===m.O&&(l["s-cr"]=t["s-cr"]);"slot"===m.O&&(m.j=m.k["s-sn"]||m.k.name||null,m.m?(m.i|=2,m.k.childNodes.length||m.m.forEach((t=>{m.k.appendChild(t.k)}))):m.i|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(l,o.nextSibling),o.parentNode.removeChild(o),c||(l["s-oo"]=parseInt(m.M))),o&&!o["s-id"]&&g.U.delete(e)}const b=[],w=a.length;let S,j,O,k,N=0,x=0;for(;N<w;N++)if(S=a[N],S&&S.length)for(O=S.length,j=0;j<O;j++){if(k=S[j],b[k.hostId]||(b[k.hostId]=g.U.get(k.hostId)),!b[k.hostId])continue;const t=b[k.hostId];t.shadowRoot&&k.node.parentElement!==t&&t.insertBefore(k.node,null==(r=null==(l=S[j-1])?void 0:l.node)?void 0:r.nextSibling),t.shadowRoot&&c||(k.slot["s-cr"]||(k.slot["s-cr"]=t["s-cr"],k.slot["s-cr"]=!k.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),B(k.node,k.slot,0,k.node["s-oo"]||x),(null==(i=k.node.parentElement)?void 0:i.shadowRoot)&&k.node.getAttribute&&k.node.getAttribute("slot")&&k.node.removeAttribute("slot")),x=(k.node["s-oo"]||x)+1}if(c&&!c.childNodes.length){let n=0;const e=d.length;if(e){for(;n<e;n++){const t=d[n];t&&c.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):8!==t.nodeType||t.nodeValue||t.parentNode.removeChild(t))}))}}o.$hostElement$=t})(t,e.h,o,n)}o||12&e.i&&sn(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){Wt(n,n.D=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),on(t,n,e)}o()}})(this),o&&o.call(this)},disconnectedCallback(){(async t=>{if(!(1&g.i)){const n=f(t);(null==n?void 0:n.Z)&&(n.Z.map((t=>t())),n.Z=void 0)}z.has(t)&&z.delete(t),t.shadowRoot&&z.has(t.shadowRoot)&&z.delete(t.shadowRoot)})(this),s&&s.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${e.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else _.call(this,e)}}),Object.defineProperty(t,"is",{value:e.h,configurable:!0}),en(t,e,3)}catch(n){return a(n),t}},rn=(t,n)=>n,cn=(t,n,e)=>{e&&y.document&&e.map((([e,o,s])=>{const l=un(y.document,t,e),r=fn(n,s),i=an(e);g.ael(l,o,r,i),(n.Z=n.Z||[]).push((()=>g.rel(l,o,r,i)))}))},fn=(t,n)=>e=>{try{t.$hostElement$[n](e)}catch(n){a(n,t.$hostElement$)}},un=(t,n,e)=>4&e?t:8&e?y:16&e?t.body:n,an=t=>w?{passive:!!(1&t),capture:!!(2&t)}:!!(2&t),dn=t=>g.p=t,pn=t=>Object.assign(g,t),hn=new WeakMap;function $n(t,n){let e=hn.get(n);e||(e={i:0,o:{i:0,h:n.tagName},$hostElement$:n},hn.set(n,e)),Pt(e,t)}function vn(t){return t}export{rn as F,b as H,dn as a,pn as b,pt as c,Q as d,R as g,G as h,ln as p,$n as r,L as s,vn as t}

package/dist/components/p-BfP9ezJQ.js

@@ -0,0 +1 @@
+var t="top",n="bottom",e="right",r="left",o="auto",i=[t,n,e,r],u="start",a="end",f="viewport",c="popper",d=i.reduce((function(t,n){return t.concat([n+"-"+u,n+"-"+a])}),[]),p=[].concat(i,[o]).reduce((function(t,n){return t.concat([n,n+"-"+u,n+"-"+a])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function s(t){return t?(t.nodeName||"").toLowerCase():null}function v(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function b(t){return t instanceof v(t).Element||t instanceof Element}function h(t){return t instanceof v(t).HTMLElement||t instanceof HTMLElement}function y(t){return"undefined"!=typeof ShadowRoot&&(t instanceof v(t).ShadowRoot||t instanceof ShadowRoot)}function m(t){return t.split("-")[0]}var x=Math.max,w=Math.min,O=Math.round;function g(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function j(){return!/^((?!chrome|android).)*safari/i.test(g())}function M(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var r=t.getBoundingClientRect(),o=1,i=1;n&&h(t)&&(o=t.offsetWidth>0&&O(r.width)/t.offsetWidth||1,i=t.offsetHeight>0&&O(r.height)/t.offsetHeight||1);var u=(b(t)?v(t):window).visualViewport,a=!j()&&e,f=(r.left+(a&&u?u.offsetLeft:0))/o,c=(r.top+(a&&u?u.offsetTop:0))/i,d=r.width/o,p=r.height/i;return{width:d,height:p,top:c,right:f+d,bottom:c+p,left:f,x:f,y:c}}function k(t){var n=M(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function A(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&y(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function E(t){return v(t).getComputedStyle(t)}function q(t){return["table","td","th"].indexOf(s(t))>=0}function B(t){return((b(t)?t.ownerDocument:t.document)||window.document).documentElement}function P(t){return"html"===s(t)?t:t.assignedSlot||t.parentNode||(y(t)?t.host:null)||B(t)}function R(t){return h(t)&&"fixed"!==E(t).position?t.offsetParent:null}function S(t){for(var n=v(t),e=R(t);e&&q(e)&&"static"===E(e).position;)e=R(e);return e&&("html"===s(e)||"body"===s(e)&&"static"===E(e).position)?n:e||function(t){var n=/firefox/i.test(g());if(/Trident/i.test(g())&&h(t)&&"fixed"===E(t).position)return null;var e=P(t);for(y(e)&&(e=e.host);h(e)&&["html","body"].indexOf(s(e))<0;){var r=E(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function W(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function L(t,n,e){return x(t,w(n,e))}function T(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function H(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function I(t){return t.split("-")[1]}var z={top:"auto",right:"auto",bottom:"auto",left:"auto"};function C(o){var i,u=o.popper,f=o.popperRect,c=o.placement,d=o.variation,p=o.offsets,l=o.position,s=o.gpuAcceleration,b=o.adaptive,h=o.roundOffsets,y=o.isFixed,m=p.x,x=void 0===m?0:m,w=p.y,g=void 0===w?0:w,j="function"==typeof h?h({x,y:g}):{x,y:g};x=j.x,g=j.y;var M=p.hasOwnProperty("x"),k=p.hasOwnProperty("y"),A=r,q=t,P=window;if(b){var R=S(u),W="clientHeight",L="clientWidth";R===v(u)&&"static"!==E(R=B(u)).position&&"absolute"===l&&(W="scrollHeight",L="scrollWidth"),(c===t||(c===r||c===e)&&d===a)&&(q=n,g-=(y&&R===P&&P.visualViewport?P.visualViewport.height:R[W])-f.height,g*=s?1:-1),c!==r&&(c!==t&&c!==n||d!==a)||(A=e,x-=(y&&R===P&&P.visualViewport?P.visualViewport.width:R[L])-f.width,x*=s?1:-1)}var T,H=Object.assign({position:l},b&&z),I=!0===h?function(t,n){var e=t.y,r=n.devicePixelRatio||1;return{x:O(t.x*r)/r||0,y:O(e*r)/r||0}}({x,y:g},v(u)):{x,y:g};return x=I.x,g=I.y,Object.assign({},H,s?((T={})[q]=k?"0":"",T[A]=M?"0":"",T.transform=(P.devicePixelRatio||1)<=1?"translate("+x+"px, "+g+"px)":"translate3d("+x+"px, "+g+"px, 0)",T):((i={})[q]=k?g+"px":"",i[A]=M?x+"px":"",i.transform="",i))}var D={passive:!0},F={left:"right",right:"left",bottom:"top",top:"bottom"};function U(t){return t.replace(/left|right|bottom|top/g,(function(t){return F[t]}))}var V={start:"end",end:"start"};function _(t){return t.replace(/start|end/g,(function(t){return V[t]}))}function G(t){var n=v(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function J(t){return M(B(t)).left+G(t).scrollLeft}function K(t){var n=E(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function N(t){return["html","body","#document"].indexOf(s(t))>=0?t.ownerDocument.body:h(t)&&K(t)?t:N(P(t))}function Q(t,n){var e;void 0===n&&(n=[]);var r=N(t),o=r===(null==(e=t.ownerDocument)?void 0:e.body),i=v(r),u=o?[i].concat(i.visualViewport||[],K(r)?r:[]):r,a=n.concat(u);return o?a:a.concat(Q(P(u)))}function X(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Y(t,n,e){return n===f?X(function(t,n){var e=v(t),r=B(t),o=e.visualViewport,i=r.clientWidth,u=r.clientHeight,a=0,f=0;if(o){i=o.width,u=o.height;var c=j();(c||!c&&"fixed"===n)&&(a=o.offsetLeft,f=o.offsetTop)}return{width:i,height:u,x:a+J(t),y:f}}(t,e)):b(n)?function(t,n){var e=M(t,!1,"fixed"===n);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(n,e):X(function(t){var n,e=B(t),r=G(t),o=null==(n=t.ownerDocument)?void 0:n.body,i=x(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),u=x(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+J(t),f=-r.scrollTop;return"rtl"===E(o||e).direction&&(a+=x(e.clientWidth,o?o.clientWidth:0)-i),{width:i,height:u,x:a,y:f}}(B(t)))}function Z(o){var i,f=o.reference,c=o.element,d=o.placement,p=d?m(d):null,l=d?I(d):null,s=f.x+f.width/2-c.width/2,v=f.y+f.height/2-c.height/2;switch(p){case t:i={x:s,y:f.y-c.height};break;case n:i={x:s,y:f.y+f.height};break;case e:i={x:f.x+f.width,y:v};break;case r:i={x:f.x-c.width,y:v};break;default:i={x:f.x,y:f.y}}var b=p?W(p):null;if(null!=b){var h="y"===b?"height":"width";switch(l){case u:i[b]=i[b]-(f[h]/2-c[h]/2);break;case a:i[b]=i[b]+(f[h]/2-c[h]/2)}}return i}function $(r,o){void 0===o&&(o={});var u=o.placement,a=void 0===u?r.placement:u,d=o.strategy,p=void 0===d?r.strategy:d,l=o.boundary,v=void 0===l?"clippingParents":l,y=o.rootBoundary,m=void 0===y?f:y,O=o.elementContext,g=void 0===O?c:O,j=o.altBoundary,k=void 0!==j&&j,q=o.padding,R=void 0===q?0:q,W=T("number"!=typeof R?R:H(R,i)),L=r.rects.popper,I=r.elements[k?g===c?"reference":c:g],z=function(t,n,e,r){var o="clippingParents"===n?function(t){var n=Q(P(t)),e=["absolute","fixed"].indexOf(E(t).position)>=0&&h(t)?S(t):t;return b(e)?n.filter((function(t){return b(t)&&A(t,e)&&"body"!==s(t)})):[]}(t):[].concat(n),i=[].concat(o,[e]),u=i.reduce((function(n,e){var o=Y(t,e,r);return n.top=x(o.top,n.top),n.right=w(o.right,n.right),n.bottom=w(o.bottom,n.bottom),n.left=x(o.left,n.left),n}),Y(t,i[0],r));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}(b(I)?I:I.contextElement||B(r.elements.popper),v,m,p),C=M(r.elements.reference),D=Z({reference:C,element:L,placement:a}),F=X(Object.assign({},L,D)),U=g===c?F:C,V={top:z.top-U.top+W.top,bottom:U.bottom-z.bottom+W.bottom,left:z.left-U.left+W.left,right:U.right-z.right+W.right},_=r.modifiersData.offset;if(g===c&&_){var G=_[a];Object.keys(V).forEach((function(r){var o=[e,n].indexOf(r)>=0?1:-1,i=[t,n].indexOf(r)>=0?"y":"x";V[r]+=G[i]*o}))}return V}function tt(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,o=n.padding,u=n.flipVariations,a=n.allowedAutoPlacements,f=void 0===a?p:a,c=I(n.placement),l=c?u?d:d.filter((function(t){return I(t)===c})):i,s=l.filter((function(t){return f.indexOf(t)>=0}));0===s.length&&(s=l);var v=s.reduce((function(n,i){return n[i]=$(t,{placement:i,boundary:e,rootBoundary:r,padding:o})[m(i)],n}),{});return Object.keys(v).sort((function(t,n){return v[t]-v[n]}))}var nt={name:"flip",enabled:!0,phase:"main",fn:function(i){var a=i.state,f=i.options,c=i.name;if(!a.modifiersData[c]._skip){for(var d=f.mainAxis,p=void 0===d||d,l=f.altAxis,s=void 0===l||l,v=f.fallbackPlacements,b=f.padding,h=f.boundary,y=f.rootBoundary,x=f.altBoundary,w=f.flipVariations,O=void 0===w||w,g=f.allowedAutoPlacements,j=a.options.placement,M=m(j),k=v||(M!==j&&O?function(t){if(m(t)===o)return[];var n=U(t);return[_(t),n,_(n)]}(j):[U(j)]),A=[j].concat(k).reduce((function(t,n){return t.concat(m(n)===o?tt(a,{placement:n,boundary:h,rootBoundary:y,padding:b,flipVariations:O,allowedAutoPlacements:g}):n)}),[]),E=a.rects.reference,q=a.rects.popper,B=new Map,P=!0,R=A[0],S=0;S<A.length;S++){var W=A[S],L=m(W),T=I(W)===u,H=[t,n].indexOf(L)>=0,z=H?"width":"height",C=$(a,{placement:W,boundary:h,rootBoundary:y,altBoundary:x,padding:b}),D=H?T?e:r:T?n:t;E[z]>q[z]&&(D=U(D));var F=U(D),V=[];if(p&&V.push(C[L]<=0),s&&V.push(C[D]<=0,C[F]<=0),V.every((function(t){return t}))){R=W,P=!1;break}B.set(W,V)}if(P)for(var G=function(t){var n=A.find((function(n){var e=B.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return R=n,"break"},J=O?3:1;J>0&&"break"!==G(J);J--);a.placement!==R&&(a.modifiersData[c]._skip=!0,a.placement=R,a.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function et(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function rt(o){return[t,e,n,r].some((function(t){return o[t]>=0}))}function ot(t,n,e){void 0===e&&(e=!1);var r,o,i=h(n),u=h(n)&&function(t){var n=t.getBoundingClientRect(),e=O(n.width)/t.offsetWidth||1,r=O(n.height)/t.offsetHeight||1;return 1!==e||1!==r}(n),a=B(n),f=M(t,u,e),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(i||!i&&!e)&&(("body"!==s(n)||K(a))&&(c=(r=n)!==v(r)&&h(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:G(r)),h(n)?((d=M(n,!0)).x+=n.clientLeft,d.y+=n.clientTop):a&&(d.x=J(a))),{x:f.left+c.scrollLeft-d.x,y:f.top+c.scrollTop-d.y,width:f.width,height:f.height}}function it(t){var n=new Map,e=new Set,r=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&o(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),r}var ut={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function ft(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,o=void 0===r?ut:r;return function(t,n,r){void 0===r&&(r=o);var i,u,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ut,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},f=[],c=!1,d={state:a,setOptions:function(r){var i="function"==typeof r?r(a.options):r;p(),a.options=Object.assign({},o,a.options,i),a.scrollParents={reference:b(t)?Q(t):t.contextElement?Q(t.contextElement):[],popper:Q(n)};var u,c,s=function(t){var n=it(t);return l.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((u=[].concat(e,a.options.modifiers),c=u.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return a.orderedModifiers=s.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:a,name:t.name,instance:d,options:void 0===n?{}:n});f.push(r||function(){})}})),d.update()},forceUpdate:function(){if(!c){var t=a.elements,n=t.reference,e=t.popper;if(at(n,e)){a.rects={reference:ot(n,S(e),"fixed"===a.options.strategy),popper:k(e)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<a.orderedModifiers.length;r++)if(!0!==a.reset){var o=a.orderedModifiers[r],i=o.fn,u=o.options;"function"==typeof i&&(a=i({state:a,options:void 0===u?{}:u,name:o.name,instance:d})||a)}else a.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){d.forceUpdate(),t(a)}))},function(){return u||(u=new Promise((function(t){Promise.resolve().then((function(){u=void 0,t(i())}))}))),u}),destroy:function(){p(),c=!0}};if(!at(t,n))return d;function p(){f.forEach((function(t){return t()})),f=[]}return d.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),d}}var ct=ft({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,o=r.scroll,i=void 0===o||o,u=r.resize,a=void 0===u||u,f=v(n.elements.popper),c=[].concat(n.scrollParents.reference,n.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",e.update,D)})),a&&f.addEventListener("resize",e.update,D),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",e.update,D)})),a&&f.removeEventListener("resize",e.update,D)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=Z({reference:n.rects.reference,element:n.rects.popper,placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,o=void 0===r||r,i=e.adaptive,u=void 0===i||i,a=e.roundOffsets,f=void 0===a||a,c={placement:m(n.placement),variation:I(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,C(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:u,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,C(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},o=n.elements[t];h(o)&&s(o)&&(Object.assign(o.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],o=n.attributes[t]||{},i=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});h(r)&&s(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var o=n.state,i=n.name,u=n.options.offset,a=void 0===u?[0,0]:u,f=p.reduce((function(n,i){return n[i]=function(n,o,i){var u=m(n),a=[r,t].indexOf(u)>=0?-1:1,f="function"==typeof i?i(Object.assign({},o,{placement:n})):i,c=f[0],d=f[1];return c=c||0,d=(d||0)*a,[r,e].indexOf(u)>=0?{x:d,y:c}:{x:c,y:d}}(i,o.rects,a),n}),{}),c=f[o.placement],d=c.y;null!=o.modifiersData.popperOffsets&&(o.modifiersData.popperOffsets.x+=c.x,o.modifiersData.popperOffsets.y+=d),o.modifiersData[i]=f}},nt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(o){var i=o.state,a=o.options,f=o.name,c=a.mainAxis,d=void 0===c||c,p=a.altAxis,l=void 0!==p&&p,s=a.tether,v=void 0===s||s,b=a.tetherOffset,h=void 0===b?0:b,y=$(i,{boundary:a.boundary,rootBoundary:a.rootBoundary,padding:a.padding,altBoundary:a.altBoundary}),O=m(i.placement),g=I(i.placement),j=!g,M=W(O),A="x"===M?"y":"x",E=i.modifiersData.popperOffsets,q=i.rects.reference,B=i.rects.popper,P="function"==typeof h?h(Object.assign({},i.rects,{placement:i.placement})):h,R="number"==typeof P?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P),T=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null,H={x:0,y:0};if(E){if(d){var z,C="y"===M?t:r,D="y"===M?n:e,F="y"===M?"height":"width",U=E[M],V=U+y[C],_=U-y[D],G=v?-B[F]/2:0,J=g===u?q[F]:B[F],K=g===u?-B[F]:-q[F],N=i.elements.arrow,Q=v&&N?k(N):{width:0,height:0},X=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Y=X[C],Z=X[D],tt=L(0,q[F],Q[F]),nt=j?q[F]/2-G-tt-Y-R.mainAxis:J-tt-Y-R.mainAxis,et=j?-q[F]/2+G+tt+Z+R.mainAxis:K+tt+Z+R.mainAxis,rt=i.elements.arrow&&S(i.elements.arrow),ot=null!=(z=null==T?void 0:T[M])?z:0,it=U+et-ot,ut=L(v?w(V,U+nt-ot-(rt?"y"===M?rt.clientTop||0:rt.clientLeft||0:0)):V,U,v?x(_,it):_);E[M]=ut,H[M]=ut-U}if(l){var at,ft=E[A],ct="y"===A?"height":"width",dt=ft+y["x"===M?t:r],pt=ft-y["x"===M?n:e],lt=-1!==[t,r].indexOf(O),st=null!=(at=null==T?void 0:T[A])?at:0,vt=lt?dt:ft-q[ct]-B[ct]-st+R.altAxis,bt=lt?ft+q[ct]+B[ct]-st-R.altAxis:pt,ht=v&&lt?function(t,n,e){var r=L(t,n,e);return r>e?e:r}(vt,ft,bt):L(v?vt:dt,ft,v?bt:pt);E[A]=ht,H[A]=ht-ft}i.modifiersData[f]=H}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(o){var u,a=o.state,f=o.name,c=o.options,d=a.elements.arrow,p=a.modifiersData.popperOffsets,l=m(a.placement),s=W(l),v=[r,e].indexOf(l)>=0?"height":"width";if(d&&p){var b=function(t,n){return T("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:H(t,i))}(c.padding,a),h=k(d),y="y"===s?t:r,x="y"===s?n:e,w=a.rects.reference[v]+a.rects.reference[s]-p[s]-a.rects.popper[v],O=p[s]-a.rects.reference[s],g=S(d),j=g?"y"===s?g.clientHeight||0:g.clientWidth||0:0,M=j/2-h[v]/2+(w/2-O/2),A=L(b[y],M,j-h[v]-b[x]);a.modifiersData[f]=((u={})[s]=A,u.centerOffset=A-M,u)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&A(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,o=n.rects.popper,i=n.modifiersData.preventOverflow,u=$(n,{elementContext:"reference"}),a=$(n,{altBoundary:!0}),f=et(u,r),c=et(a,o,i),d=rt(f),p=rt(c);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:p},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p})}}]});export{ct as c}

package/dist/components/p-BfTCfPZ1.js

@@ -0,0 +1,6 @@
+function r(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var n,t,e={exports:{}},u=(n||(n=1,t=e,function(){var r={}.hasOwnProperty;function n(){for(var r="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(r=u(r,e(t)))}return r}function e(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var f in t)r.call(t,f)&&t[f]&&(e=u(e,f));return e}function u(r,n){return n?r?r+" "+n:r+n:r}t.exports?(n.default=n,t.exports=n):window.classNames=n}()),e.exports),f=r(u);
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/export{f as c}

package/dist/components/p-BsM3UmwT.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as n,h as o,t as i}from"./p-BT_2CyMS.js";import{i as r,d as a,t as p}from"./p-94ZtGp9D.js";import{d as s}from"./p-DMAv4MDG.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxInput=n(this,"ifxInput",7),this.internals=this.attachInternals()}inputElement;initialValue="";get el(){return this}placeholder="Placeholder";name;value="";error=!1;label="";icon="";caption="";size="m";required=!1;success=!1;disabled=!1;readOnly=!1;maxlength;showDeleteIcon=!1;autocomplete="on";type="text";internalId="text-field";internalType;ifxInput;internals;valueWatcher(t){const e=t??"";this.inputElement&&e!==this.inputElement.value&&(this.inputElement.value=e),this.syncFormValue(e)}syncFormValue(t=this.value??""){this.internals.setFormValue(t)}async reset(){this.value="",this.inputElement&&(this.inputElement.value=""),this.syncFormValue("")}formResetCallback(){this.value=this.initialValue,this.inputElement&&(this.inputElement.value=this.initialValue),this.syncFormValue(this.initialValue)}handleDeleteContent(){this.disabled||this.readOnly||(this.reset(),this.ifxInput.emit(this.value))}handleInput(){this.value=this.inputElement.value,this.ifxInput.emit(this.value)}handleTypeProp(){this.internalType="text"===this.type||"password"===this.type?this.type:"text"}componentWillLoad(){this.handleTypeProp(),this.initialValue=this.value??"",this.syncFormValue(this.initialValue)}async componentDidLoad(){if(!r(this.el)){const t=a();p("ifx-text-field",await t)}}render(){return o("div",{key:"e036d5d5ae2432cfab635503a23f4c7602e11413","aria-label":"a text field for user input","aria-value":this.value,"aria-disabled":this.disabled,class:`textInput__container ${this.readOnly?"readOnly":""} ${this.disabled&&!this.error?"disabled":""}`},o("div",{key:"55c06b14b80e2be6d04f3a13beabe09de9653a1a",class:"textInput__top-wrapper"},this.label&&o("label",{key:"a86b27abe030413baebbf7661eb0eca81678ac65",htmlFor:this.internalId},o("span",{key:"95ae82198df9bf88085eef21dd890aacbc9690a0"},this.label),this.required&&o("span",{key:"093fae8e12942b09dc11272538963b1865d827d7",class:"required "+(this.error&&!this.readOnly?"error":"")},"*"))),o("div",{key:"4127821b00f0561df74b22aca8fd7018929f71e3",class:"textInput__bottom-wrapper"},o("div",{key:"803c3309e58f2ea6be0422b221c9dcdd405d058b",class:"input-container"},this.icon&&o("ifx-icon",{key:"bcaf9640edafbd1a06030580bb7acd47ee6e35dc",class:"input-icon",icon:this.icon}),o("input",{key:"d60901bed92b149d062115c874ece8ab00618e73",ref:t=>this.inputElement=t,disabled:this.disabled&&!this.error,autocomplete:this.autocomplete,type:this.internalType,id:this.internalId,value:this.value,onInput:()=>this.handleInput(),placeholder:this.placeholder,readonly:this.readOnly,maxlength:this.maxlength,class:`${this.icon?"icon":""}\n                ${this.error?"error":""} \n\t\t\t\t\t\t\t\t${this.readOnly?"readOnly":""} \n              ${"s"===this.size?"input-s":""}\n              ${this.success?"success":""}`}),this.showDeleteIcon&&this.value&&o("ifx-icon",{key:"aec05d3c8c4bc167891570bc642f11b410947c97",class:"delete-icon",icon:"cRemove16",onClick:()=>this.handleDeleteContent()})),this.caption&&o("div",{key:"bc4721ea2a96a58da3f5da91a52b9feb84b3ce64",class:`textInput__bottom-wrapper-caption ${this.error&&!this.readOnly?"error":""} ${!this.disabled||this.readOnly||this.error?"":"disabled"}`},this.caption)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueWatcher:0}]}}static get style(){return":host{display:flex}.textInput__container{display:flex;flex-direction:column;align-items:flex-start;padding:0px;width:100%;flex:none;order:0;align-self:stretch;flex-grow:0;font-family:var(--ifx-font-family)}.textInput__container .delete-icon{position:absolute;right:16px}.textInput__container:not(.readOnly,.disabled) .delete-icon:hover{cursor:pointer}.textInput__container.disabled:not(.readOnly) #text-field{color:#ffffff}.textInput__container.disabled:not(.readOnly) .delete-icon{color:#ffffff}.textInput__container.disabled:not(.readOnly) .textInput__top-wrapper label{color:#bfbbbb}.textInput__container.disabled:not(.readOnly) .textInput__top-wrapper .required{color:#bfbbbb}.textInput__container.disabled:not(.readOnly) .textInput__bottom-wrapper input{border:1px solid #bfbbbb;background-color:#bfbbbb}.textInput__container.disabled:not(.readOnly) .textInput__bottom-wrapper input::placeholder{font-size:1rem;color:#ffffff}.textInput__container .textInput__top-wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:4px;flex:none;order:0;align-self:stretch;flex-grow:0}.textInput__container .textInput__top-wrapper label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1d1d1d;flex:none;order:0;flex-grow:0}.textInput__container .textInput__top-wrapper label .optional-required{margin-left:4px}.textInput__container .textInput__top-wrapper label .optional{margin-left:4px}.textInput__container .textInput__top-wrapper label .required{color:#575352;margin-left:4px}.textInput__container .textInput__top-wrapper label .required.error{color:#cd002f}.textInput__container .input-container{position:relative;display:flex;align-items:center;width:100%}.textInput__container .textInput__bottom-wrapper{flex-grow:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:4px;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper input{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;height:40px;background-color:#ffffff;color:#1d1d1d;font-family:var(--ifx-font-family);font-size:1rem;line-height:1.5rem;border:1px solid #8d8786;border-radius:1px;flex:none;order:0;align-self:stretch;flex-grow:0;text-overflow:ellipsis}.textInput__container .textInput__bottom-wrapper input.input-s{height:36px;font-size:0.875rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.input-s::placeholder{font-size:1rem;line-height:1.25rem}.textInput__container .textInput__bottom-wrapper input.icon{padding-left:40px}.textInput__container .textInput__bottom-wrapper input.error{border:1px solid #cd002f}.textInput__container .textInput__bottom-wrapper input.error:focus{outline:none}.textInput__container .textInput__bottom-wrapper input.readOnly{border:none;border-radius:var(--borderRadius-12, 1px);border-bottom:1px solid var(--color-engineering-300, #bfbbbb);background:var(--color-base-white, #fff);padding-left:0}.textInput__container .textInput__bottom-wrapper input.readOnly::placeholder{color:#1d1d1d}.textInput__container .textInput__bottom-wrapper input.success{border:1px solid #4ca460}.textInput__container .textInput__bottom-wrapper input.success:focus{outline:none}.textInput__container .textInput__bottom-wrapper input:focus:not(.error,.success):not(.readOnly){outline:none;border:1px solid #0a8276}.textInput__container .textInput__bottom-wrapper input.readOnly:focus,.textInput__container .textInput__bottom-wrapper input[readonly]:focus{outline:none;box-shadow:none;border:none;border-bottom:1px solid var(--color-engineering-300, #bfbbbb)}.textInput__container .textInput__bottom-wrapper input:hover:not(:disabled,:focus,.error,.success):not(.readOnly){border:1px solid #575352}.textInput__container .textInput__bottom-wrapper .input-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;transition:0.3s;color:#8d8786}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;color:#1d1d1d;flex:none;order:1;align-self:stretch;flex-grow:0}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.error{color:#cd002f}.textInput__container .textInput__bottom-wrapper .textInput__bottom-wrapper-caption.disabled{color:#bfbbbb}"}},[577,"ifx-text-field",{placeholder:[1],name:[513],value:[1025],error:[4],label:[1],icon:[1],caption:[1],size:[1],required:[4],success:[4],disabled:[4],readOnly:[4,"read-only"],maxlength:[2],showDeleteIcon:[4,"show-delete-icon"],autocomplete:[1],type:[1],internalId:[1,"internal-id"],internalType:[32],reset:[64]},void 0,{value:[{valueWatcher:0}]}]);function d(){"undefined"!=typeof customElements&&["ifx-text-field","ifx-icon"].forEach((t=>{switch(t){case"ifx-text-field":customElements.get(i(t))||customElements.define(i(t),l);break;case"ifx-icon":customElements.get(i(t))||s()}}))}export{l as T,d}

package/dist/components/p-BwNZsorZ.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as r,t as s}from"./p-BT_2CyMS.js";import{d as a}from"./p-BQusv3OP.js";import{d as o}from"./p-DMAv4MDG.js";import{d as l}from"./p-C2NpYb5B.js";import{d as n}from"./p-CKEkzlHL.js";import{d as p}from"./p-BsM3UmwT.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleTemplates=i(this,"toggleTemplates",7),this.fieldError=i(this,"fieldError",7)}get el(){return this}repoDetails={name:"",desc:"",framework:""};repoUrl;showDetails=!1;isTemplatePage=!1;isLoading=!0;repoError;name;toggleTemplates;fieldError;thumbnail;clientId="Ov23lixmXiNTTNb6V5W6";redirectUri="https://infineon.github.io/infineon-design-system-stencil/?path=/docs/dds-templates--development";scope="repo workflow";state="template123";authUser(){window.open(`https://github.com/login/oauth/authorize?client_id=${this.clientId}&redirect_uri=${this.redirectUri}&scope=${this.scope}&state=${this.state}`,"_blank")}componentDidLoad(){const e=new URL(window.location.href).searchParams.get("code"),{templateName:t}=this.getLocalStorageValues();e&&this.name===t&&(this.isTemplatePage=!0,this.toggleTemplates.emit("details"),this.getUserToken(e))}getLocalStorageValues(){return{repoName:localStorage.getItem("repo_name"),repoDesc:localStorage.getItem("repo_desc"),repoFramework:localStorage.getItem("repo_framework"),templateName:localStorage.getItem("selectedTemplate")}}async getUserToken(e){const{repoName:t,repoDesc:i,repoFramework:r,templateName:s}=this.getLocalStorageValues();fetch(`https://ddstemplate-srv.cfapps.eu10-004.hana.ondemand.com/token/${e}/${t}/${i}/${r}/${s}`).then((e=>e.ok?e.text():e.text().then((e=>{throw new Error(e)})))).then((e=>{e&&(this.isLoading=!1,this.repoUrl=e,localStorage.clear())})).catch((e=>{this.repoError=e.message,console.error("Error:",e.message)}))}handleUserInput(e,t){"name"===t?this.repoDetails={...this.repoDetails,name:e.target.value}:"desc"===t?this.repoDetails={...this.repoDetails,desc:e.target.value}:"framework"===t&&(this.repoDetails={...this.repoDetails,framework:e.target.value})}submitUserData(){this.repoDetails.name&&this.repoDetails.desc&&this.repoDetails.framework?(localStorage.setItem("repo_name",this.repoDetails.name),localStorage.setItem("repo_desc",this.repoDetails.desc),localStorage.setItem("repo_framework",this.repoDetails.framework),localStorage.setItem("selectedTemplate",this.name),this.fieldError.emit(!1),this.authUser()):this.fieldError.emit("All fields are mandatory")}togglePadding(e){let t=this.el.parentElement;if(t){const i=t.getRootNode();t=i instanceof ShadowRoot?i.host.parentElement:t.parentElement,"remove"===e?t.parentElement.style.padding="0px":"add"===e&&(t.parentElement.style.padding="4rem 20px")}}handleCurrentTemplate(e){e&&!this.showDetails&&(this.togglePadding("remove"),this.toggleTemplates.emit(e.currentTarget),this.showDetails=!0)}async toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".react__template-wrapper");t&&(!t.classList.contains("hide")&&e?t!==e&&t.classList.add("hide"):(this.showDetails&&(this.showDetails=!1),this.togglePadding("add"),t.classList.remove("hide")))}render(){return r("div",{key:"bbdf6c77f4d9f26651eb3016337f761ef85362fb"},this.isTemplatePage?r("div",{class:"template__page-wrapper"},!this.repoUrl&&!this.repoError&&r("div",null,r("h3",null,"Your repository is getting ready.."),r("p",null,"This will only take a minute.")),this.isLoading&&!this.repoError&&r("div",null,r("ifx-spinner",{variant:"default",size:"s"})),this.repoUrl&&r("ifx-link",{href:this.repoUrl,target:"_parent",size:"m",variant:"underlined"},"Your repository"),this.repoError&&r("div",null,this.repoError)):r("div",{class:"react__template-container"},r("div",{class:"react__template-wrapper",onClick:e=>this.handleCurrentTemplate(e)},r("div",{class:"image__wrapper"},r("img",{src:this.thumbnail}))),this.showDetails&&r("div",{class:"details__wrapper"},r("div",{class:"selection__buttons-wrapper"},r("div",{class:"selection__input"},r("input",{type:"radio",id:"react",name:"chosen_framework",value:"react",onInput:e=>this.handleUserInput(e,"framework")}),r("label",{htmlFor:"react"},"React")),r("div",{class:"selection__input vue"},r("input",{class:"vue__input",disabled:!0,type:"radio",id:"vue",name:"chosen_framework",value:"vue",onInput:e=>this.handleUserInput(e,"framework")}),r("label",{class:"vue__label",htmlFor:"vue"},"Vue")," ","(Soon)")),r("div",{class:"input__fields-wrapper"},r("ifx-text-field",{required:!0,onInput:e=>this.handleUserInput(e,"name"),size:"m",icon:"c-info-16",placeholder:"Your repository name"},"Repository Name"),r("ifx-text-field",{required:!0,size:"m",icon:"c-info-16",onInput:e=>this.handleUserInput(e,"desc"),placeholder:"Your repository description"},"Repository Description"),r("ifx-button",{fullWidth:!0,onClick:()=>this.submitUserData(),variant:"primary"},"Generate template")))))}static get style(){return".react__template-wrapper{display:flex;width:300px;height:200px;border-radius:3px;border:1px solid #ccc}.react__template-wrapper.hide{display:none}.react__template-wrapper:hover{cursor:pointer}.template__page-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.template__page-wrapper .repository__url{text-decoration:none}.input__fields-wrapper{display:flex;flex-direction:column;gap:10px}.details__wrapper{display:flex;flex-direction:column;gap:10px}.selection__buttons-wrapper{display:flex;gap:10px;padding-top:10px;align-items:center}.selection__buttons-wrapper .vue__label{color:#ccc}.selection__buttons-wrapper label:not(.vue__label):hover{cursor:pointer}.selection__buttons-wrapper .selection__input{display:flex;align-items:center;gap:5px}.selection__buttons-wrapper .selection__input input{margin:0;height:20px;width:20px}.selection__buttons-wrapper .selection__input input:hover:not(.vue__input){cursor:pointer}.image__wrapper img{position:relative;width:300px;height:100%;border-radius:3px;object-fit:contain;transition:transform 0.2s}.image__wrapper img:hover{transform:scale(2);top:50px;z-index:100}"}},[513,"ifx-template",{name:[1],thumbnail:[1],repoDetails:[32],repoUrl:[32],showDetails:[32],isTemplatePage:[32],isLoading:[32],repoError:[32],toggleTemplate:[64]}]);function m(){"undefined"!=typeof customElements&&["ifx-template","ifx-button","ifx-icon","ifx-link","ifx-spinner","ifx-text-field"].forEach((e=>{switch(e){case"ifx-template":customElements.get(s(e))||customElements.define(s(e),c);break;case"ifx-button":customElements.get(s(e))||a();break;case"ifx-icon":customElements.get(s(e))||o();break;case"ifx-link":customElements.get(s(e))||l();break;case"ifx-spinner":customElements.get(s(e))||n();break;case"ifx-text-field":customElements.get(s(e))||p()}}))}export{c as T,m as d}