npm - @xplortech/apollo-core - Versions diffs - 2.4.2 → 2.5.0 - Mend

@xplortech/apollo-core 2.4.2 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (156) hide show

package/dist/collection/components/xpl-select/select.stories.js CHANGED Viewed

@@ -196,6 +196,10 @@ Select.parameters = {
         render: ((_) => {
         })(Select.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6-1396&p=f&t=vVY2x58f7oPprNSr-11',
+    },
 };
 export const SelectWValues = ({ label, description, disabled, error, errorMessage, mode, truncate, customDisplayValue, customDisplayValueContent, selectedValues, selectIcon, preventDefaultTriggerDropdown, }) => {
     const scriptSelectedValues = mode === 'multi' ? selectedValues.split(',') : selectedValues;

package/dist/collection/components/xpl-select/xpl-select.js CHANGED Viewed

@@ -160,7 +160,7 @@ export class XplSelect {
         return tags;
     }
     renderError() {
-        if (this.error === undefined || this.error.length === 0)
+        if (!this.error)
             return null;
         return (h("label", { class: "xpl-input-error", htmlFor: this.id }, h("xpl-icon", { icon: "alert-circle" }), this.error));
     }
@@ -214,7 +214,7 @@ export class XplSelect {
         });
     }
     render() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const selectedChoices = flattenChoices(this.choicesState).filter((choice) => choice.isSelected);
         const displayedValue = ((_a = selectedChoices[0]) === null || _a === void 0 ? void 0 : _a.label) || ((_b = selectedChoices[0]) === null || _b === void 0 ? void 0 : _b.value);
         const isTextTruncated = selectedChoices.length > 1 &&
@@ -222,21 +222,21 @@ export class XplSelect {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (h(Host, { key: '8ffd6b069df2b869abfa22ae5e41731a992abe36', class: {
+        return (h(Host, { key: '90390e373035b7915dd5ca7c6bcbb5269b3059ea', class: {
                 'xpl-select': true,
                 'xpl-select--disabled': this.disabled,
                 'xpl-select--no-truncate': !this.truncate,
                 [(_c = this.classNames) !== null && _c !== void 0 ? _c : '']: !!this.classNames,
             }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
                 this.container = el;
-            } }, this.renderLabel(), h("div", { key: 'ed959919397c5c2ffc063957188e00a10feeed9a', class: {
+            } }, this.renderLabel(), h("div", { key: '399f1b864db799c42fa973ae3907e22c2cd95098', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': this.disabled,
-                'xpl-input--error': this.error !== undefined,
-            } }, h("div", { key: '266e7d99a66d66241ebe1d20375d0a270b8b6399', class: "xpl-input-wrapper" }, h("button", { key: 'cdb455539afb77ab76f729e8a21419d32c220a75', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+                'xpl-input--error': ((_d = this.error) === null || _d === void 0 ? void 0 : _d.length) >= 0,
+            } }, h("div", { key: '4e9842f8a6ff0916af58dd4a6bc9dbb330d79a29', class: "xpl-input-wrapper" }, h("button", { key: 'a5719a38fdd7b3819cb1d68f887260f3eaf41c5e', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, h("div", { key: 'db9e85fa588af2c35d3de960826c171bc02627af', class: {
+            }, type: "button" }, h("div", { key: '7c0d8f94dc5b6afe38b1ab0b4a1cb1572255d640', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -256,7 +256,7 @@ export class XplSelect {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'ef3997f19a4e4bb4de12f826c736ef9afc4bd5c8', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (h("xpl-dropdown", { key: 'df29a0a21c11fa4c9a550a4339c6719793783404', ref: (el) => {
+        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '8002d17b99c8b53d47ed3a3139c4a18bcce7baba', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (h("xpl-dropdown", { key: '87bbe302cbf364c6e3592699e93eb03523e16833', ref: (el) => {
                 this.dropdown = el;
             }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
                 const { options } = component;
@@ -265,7 +265,7 @@ export class XplSelect {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true })), this.renderError()), h("input", { key: '3e7f53a0d8e6d4e8028e1dc38d0e3661b76978f5', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true })), this.renderError()), h("input", { key: '3ef234a4953e9133c3817ba14d0336c0cb8de8f9', type: "hidden", name: this.name, value: this.value })));
     }
     static get is() { return "xpl-select"; }
     static get properties() {
@@ -299,21 +299,15 @@ export class XplSelect {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "IconName",
-                    "resolved": "\"ai\" | \"alarm-clock\" | \"alert-circle\" | \"alert-hex\" | \"alert-triangle\" | \"apps\" | \"archive\" | \"arrow-down\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrow-up-right\" | \"award\" | \"bell\" | \"bell-slash\" | \"bookmark\" | \"bookmark-slash\" | \"briefcase\" | \"calendar\" | \"calendar-month\" | \"calendar-week\" | \"camera\" | \"cash-register\" | \"check\" | \"check-circle\" | \"check-circle-fill\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"chevrons-down\" | \"chevrons-left\" | \"chevrons-right\" | \"chevrons-up\" | \"circle-slash\" | \"clipboard\" | \"clock\" | \"code-square\" | \"comment\" | \"comment-alt\" | \"comment-check\" | \"comment-closed\" | \"comment-discussion\" | \"comment-minus\" | \"comment-plus\" | \"comment-x\" | \"compass\" | \"credit-card\" | \"dash\" | \"dollar-bill\" | \"dollar-sign\" | \"download\" | \"drag\" | \"dumbbells\" | \"duplicate\" | \"edit\" | \"expand\" | \"eye\" | \"eye-closed\" | \"eye-droper\" | \"file\" | \"flag\" | \"folder\" | \"gear\" | \"gift\" | \"globe\" | \"graph\" | \"graph-bar\" | \"grid\" | \"heart\" | \"home\" | \"image\" | \"info\" | \"kebab-horizontal\" | \"kebab-vertical\" | \"key\" | \"law\" | \"layers\" | \"left-align\" | \"light-bulb\" | \"line\" | \"link\" | \"link-external\" | \"list-ordered\" | \"list-unordered\" | \"loader\" | \"location\" | \"lock\" | \"mail\" | \"mail-check\" | \"mail-closed\" | \"mail-minus\" | \"mail-plus\" | \"mail-x\" | \"map\" | \"megaphone\" | \"minus-circle\" | \"moon\" | \"navigation\" | \"organization\" | \"package\" | \"paperclip\" | \"pencil\" | \"people\" | \"percent\" | \"person\" | \"person-add\" | \"person-circle\" | \"phone\" | \"phone-minus\" | \"phone-pause\" | \"phone-plus\" | \"phone-slash\" | \"phone-x\" | \"pie-chart\" | \"pin\" | \"pin-circle\" | \"pin-circle-filled\" | \"pin-filled\" | \"play\" | \"plus\" | \"plus-circle\" | \"printer\" | \"question\" | \"refresh-cw\" | \"repeat\" | \"right-align\" | \"rocket\" | \"rotate-ccw\" | \"rotate-cw\" | \"save\" | \"search\" | \"share\" | \"shopping-bag\" | \"shopping-cart\" | \"sign-in\" | \"sign-out\" | \"signature\" | \"sliders-h\" | \"sliders-v\" | \"sort\" | \"star\" | \"star-fill\" | \"star-half-fill\" | \"sun\" | \"tag\" | \"three-bars\" | \"time-reverse\" | \"tools\" | \"trashcan\" | \"triangle-down\" | \"triangle-left\" | \"triangle-right\" | \"triangle-up\" | \"trophy\" | \"unlock\" | \"upload\" | \"video-camera\" | \"x\" | \"x-circle\" | \"x-circle-fill\" | \"zoom-in\" | \"zoom-out\"",
-                    "references": {
-                        "IconName": {
-                            "location": "local",
-                            "path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-select/xpl-select.tsx",
-                            "id": "src/components/components/xpl-select/xpl-select.tsx::IconName"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "The icon to display in the select trigger button."
+                    "text": "The icon to display in the select trigger button.\n\nSee [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/xpl-skeleton/skeleton.stories.js CHANGED Viewed

@@ -64,4 +64,8 @@ Simple.parameters = {
     html: {
         render: HtmlSimple(Simple.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=27679-10586&p=f&t=vVY2x58f7oPprNSr-11',
+    },
 };

package/dist/collection/components/xpl-slideout/slideout.stories.js CHANGED Viewed

@@ -101,3 +101,9 @@ Slideout.args = {
     tertiaryButtonText: 'Button Text',
     variant: 'default',
 };
+Slideout.parameters = {
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=2627-108585&p=f&t=vVY2x58f7oPprNSr-11',
+    },
+};

package/dist/collection/components/xpl-table/table.stories.js CHANGED Viewed

@@ -140,4 +140,8 @@ Table.parameters = {
             ];
         })(Table.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=20-258&p=f&t=vVY2x58f7oPprNSr-11',
+    },
 };

package/dist/collection/components/xpl-table-header/table-header.stories.js CHANGED Viewed

@@ -119,4 +119,8 @@ TableHeader.parameters = {
             </th>
           </tr>`,
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=14764-42036&p=f&t=xrSF2t7u1Brg2fnZ-11',
+    },
 };

package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js CHANGED Viewed

@@ -68,4 +68,8 @@ TableHeaderCell.parameters = {
             `;
         },
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=14764-42036&p=f&t=xrSF2t7u1Brg2fnZ-11',
+    },
 };

package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js CHANGED Viewed

@@ -53,25 +53,15 @@ export class XplTableHeaderCell {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "IconName",
-                    "resolved": "\"ai\" | \"alarm-clock\" | \"alert-circle\" | \"alert-hex\" | \"alert-triangle\" | \"apps\" | \"archive\" | \"arrow-down\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrow-up-right\" | \"award\" | \"bell\" | \"bell-slash\" | \"bookmark\" | \"bookmark-slash\" | \"briefcase\" | \"calendar\" | \"calendar-month\" | \"calendar-week\" | \"camera\" | \"cash-register\" | \"check\" | \"check-circle\" | \"check-circle-fill\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"chevrons-down\" | \"chevrons-left\" | \"chevrons-right\" | \"chevrons-up\" | \"circle-slash\" | \"clipboard\" | \"clock\" | \"code-square\" | \"comment\" | \"comment-alt\" | \"comment-check\" | \"comment-closed\" | \"comment-discussion\" | \"comment-minus\" | \"comment-plus\" | \"comment-x\" | \"compass\" | \"credit-card\" | \"dash\" | \"dollar-bill\" | \"dollar-sign\" | \"download\" | \"drag\" | \"dumbbells\" | \"duplicate\" | \"edit\" | \"expand\" | \"eye\" | \"eye-closed\" | \"eye-droper\" | \"file\" | \"flag\" | \"folder\" | \"gear\" | \"gift\" | \"globe\" | \"graph\" | \"graph-bar\" | \"grid\" | \"heart\" | \"home\" | \"image\" | \"info\" | \"kebab-horizontal\" | \"kebab-vertical\" | \"key\" | \"law\" | \"layers\" | \"left-align\" | \"light-bulb\" | \"line\" | \"link\" | \"link-external\" | \"list-ordered\" | \"list-unordered\" | \"loader\" | \"location\" | \"lock\" | \"mail\" | \"mail-check\" | \"mail-closed\" | \"mail-minus\" | \"mail-plus\" | \"mail-x\" | \"map\" | \"megaphone\" | \"minus-circle\" | \"moon\" | \"navigation\" | \"organization\" | \"package\" | \"paperclip\" | \"pencil\" | \"people\" | \"percent\" | \"person\" | \"person-add\" | \"person-circle\" | \"phone\" | \"phone-minus\" | \"phone-pause\" | \"phone-plus\" | \"phone-slash\" | \"phone-x\" | \"pie-chart\" | \"pin\" | \"pin-circle\" | \"pin-circle-filled\" | \"pin-filled\" | \"play\" | \"plus\" | \"plus-circle\" | \"printer\" | \"question\" | \"refresh-cw\" | \"repeat\" | \"right-align\" | \"rocket\" | \"rotate-ccw\" | \"rotate-cw\" | \"save\" | \"search\" | \"share\" | \"shopping-bag\" | \"shopping-cart\" | \"sign-in\" | \"sign-out\" | \"signature\" | \"sliders-h\" | \"sliders-v\" | \"sort\" | \"star\" | \"star-fill\" | \"star-half-fill\" | \"sun\" | \"tag\" | \"three-bars\" | \"time-reverse\" | \"tools\" | \"trashcan\" | \"triangle-down\" | \"triangle-left\" | \"triangle-right\" | \"triangle-up\" | \"trophy\" | \"unlock\" | \"upload\" | \"video-camera\" | \"x\" | \"x-circle\" | \"x-circle-fill\" | \"zoom-in\" | \"zoom-out\"",
-                    "references": {
-                        "IconName": {
-                            "location": "import",
-                            "path": "../xpl-icon/xpl-icon",
-                            "id": "src/components/components/xpl-icon/xpl-icon.tsx::IconName",
-                            "referenceLocation": "IconName"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
-                    "tags": [{
-                            "name": "property",
-                            "text": "{IconName} - Icon to display in the cell"
-                        }],
-                    "text": ""
+                    "tags": [],
+                    "text": "Icon to display in the cell.\n\nSee [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/xpl-tabs/tabs.stories.js CHANGED Viewed

@@ -74,4 +74,8 @@ Tabs.parameters = {
             </div>`,
         ])(Tabs.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=1536-178224&p=f&t=vVY2x58f7oPprNSr-11',
+    },
 };

package/dist/collection/components/xpl-toast/toast.stories.js CHANGED Viewed

@@ -79,4 +79,8 @@ Toast.parameters = {
             `;
         })(Toast.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=13039-31141&p=f&t=vVY2x58f7oPprNSr-11',
+    },
 };

package/dist/collection/components/xpl-toggle/toggle.stories.js CHANGED Viewed

@@ -81,4 +81,8 @@ Toggle.parameters = {
 </div>`;
         })(Toggle.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=3915-91030&p=f&t=vVY2x58f7oPprNSr-11',
+    },
 };

package/dist/collection/components/xpl-tooltip/tooltip.stories.js CHANGED Viewed

@@ -82,4 +82,8 @@ Tooltip.parameters = {
             </div>
         `)(Tooltip.args),
     },
+    design: {
+        type: 'figma',
+        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6440-96808&p=f&t=vVY2x58f7oPprNSr-11',
+    },
 };

package/dist/components/xpl-data-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as a,h as s,Host as d,transformTag as c}from"@stencil/core/internal/client";import{d as e}from"./xpl-icon2.js";import{d as i}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]\|\|this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),c="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(d,{key:"~~7e13a0c8bd9cfd9fcde4fddb5f657718fb03a9d4~~",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"~~57bf426d9b7e4c4e0d6e2fdea37d9dcdb654b893~~",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"~~8c7135e6b2be28073b597ba6f007f341e2e1a5ad~~"},!!this.leadingIcon&&this.icon&&s("span",{key:"~~8ee90dabd30e9ce6d27f5d973d966df11d6f973c~~",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"~~2e59ef2231055ccc724ffd4a8fc7fe7bef2b07af~~",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"~~7d110d59bdd258a204dbae64ed0c9d1582c17d6c~~",name:"title"},this.name)),this.link&&s("span",{key:"~~12b7bfda22bd7d17a4393bbd8a1cef61136a2944~~",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"~~aaaa7e0caba5bc13d5fe491e4c66d5344788ddec~~",icon:"chevron-right",size:16}))),s("dd",{key:"~~cfd5cae926c7858f96a1f41a091e404b0f4ee600~~",class:"xpl-data-card__body"},s("div",{key:"~~0e16294a3965d915e3299db6ca51d1c9d4afdc35~~",class:"xpl-data-card__left"},s("span",{key:"~~3b55a4f2fcadd97f787309dfd009ef551376b613~~",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?s("xpl-tooltip",{text:this.tooltipTextStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},s("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:c,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:c,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&s("span",{key:"~~2e5e3f50a45719b9ceae4a762e428691373f8b5c~~",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"~~dbe07c3e040026f21f35ec47bd3eb912114d97b5~~",class:"xpl-data-card__right"},s("slot",{key:"~~aa6c8ca3de0ada039e60dcd29e89c3fcf55cc019~~",name:t}))))}get el(){return this}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}}},[260,"xpl-data-card",{link:[4],name:[1],stat:[1],shortStat:[1,"short-stat"],variant:[1],leadingIcon:[4,"leading-icon"],icon:[1],smallStat:[1,"small-stat"],smallStatIcon:[1,"small-stat-icon"],detail:[1],smallStatVariant:[1,"small-stat-variant"],tooltipTextSmallStat:[1,"tooltip-text-small-stat"],tooltipTextStat:[1,"tooltip-text-stat"]},void 0,{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["xpl-data-card","xpl-icon","xpl-tooltip"].forEach((t=>{switch(t){case"xpl-data-card":customElements.get(c(t))\|\|customElements.define(c(t),l);break;case"xpl-icon":customElements.get(c(t))\|\|e();break;case"xpl-tooltip":customElements.get(c(t))\|\|i()}}))};export{o as XplDataCard,r as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as a,h as s,Host as c,transformTag as d}from"@stencil/core/internal/client";import{d as e}from"./xpl-icon2.js";import{d as i}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]\|\|this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),d="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(c,{key:"d8e5d213c87a8d5270f34d6bd60a698e04dd852f",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"3cd7a7ef77c90e6caefdfa0a7eccc132c07871a2",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"7f85f31d60d7022ec75c3d3b164391e11059662b"},!!this.leadingIcon&&this.icon&&s("span",{key:"192e6c0dc871185a7f2845a14c38b1dc6ad04702",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"9d289a6db0fed0787a2c5cd5de6c57e92203a3fd",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"f1b56a29e648ba29e7f4b0c0493c8e27d410d843",name:"title"},this.name)),this.link&&s("span",{key:"92b7cab6af5ca4f0664902ea359b3dfb7568e5b6",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"1326fdb0659191f1c2ff7fbb137eed5c4d5c4155",icon:"chevron-right",size:16}))),s("dd",{key:"fce45e8e2d908a7d23e95a76cc0bc2334cd729b1",class:"xpl-data-card__body"},s("div",{key:"1341065e9f0cbd91b82d239a87aa9818f237334b",class:"xpl-data-card__left"},s("span",{key:"0dff4e467f439d991f3da594507e0e4310bdecee",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?s("xpl-tooltip",{text:this.tooltipTextStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},s("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&s("span",{key:"cb5fd1c7897ac6bce5de93082f1ca333e826d53d",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"83f568edc52ec6a2e0a5b63544e2849dde91318e",class:"xpl-data-card__right"},s("slot",{key:"a27fd65217f4817051ba955890582bafb6050f97",name:t}))))}get el(){return this}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}}},[260,"xpl-data-card",{link:[4],name:[1],stat:[1],shortStat:[1,"short-stat"],variant:[1],leadingIcon:[4,"leading-icon"],icon:[1],smallStat:[1,"small-stat"],smallStatIcon:[1,"small-stat-icon"],detail:[1],smallStatVariant:[1,"small-stat-variant"],tooltipTextSmallStat:[1,"tooltip-text-small-stat"],tooltipTextStat:[1,"tooltip-text-stat"]},void 0,{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["xpl-data-card","xpl-icon","xpl-tooltip"].forEach((t=>{switch(t){case"xpl-data-card":customElements.get(d(t))\|\|customElements.define(d(t),l);break;case"xpl-icon":customElements.get(d(t))\|\|e();break;case"xpl-tooltip":customElements.get(d(t))\|\|i()}}))};export{o as XplDataCard,r as defineCustomElement}

package/dist/components/xpl-divider2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as d,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";const c=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,t(s,{key:"~~b4638a60d33219cb26494e124311a45226ee1fea~~",class:e},t("span",{key:"~~b399d389866e86f9a750cdd26a52c38cd3f9fa00~~"},t("slot",{key:"~~5a1f60fea3cd316eb1bddd0849fbb3489bf2c8b4~~"})))}},[260,"xpl-divider",{tier:[2]}]);function r(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),c))}))}export{c as X,r as d}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as c,Host as d,transformTag as s}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,c(d,{key:"8f8b9899bfc602454687020e4547ba98e6c87cf4",class:e},c("span",{key:"d64ecfd54eb6ca33a05e271c52a7df5960f9c0df"},c("slot",{key:"5e62ba9c682428dab560f67603343d9332bc02a5"})))}},[260,"xpl-divider",{tier:[2]}]);function r(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),i))}))}export{i as X,r as d}

package/dist/components/xpl-dropdown-group2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as o,HTMLElement as e,h as r,Host as p,transformTag as n}from"@stencil/core/internal/client";import{d}from"./xpl-dropdown-heading2.js";import{d as t}from"./xpl-dropdown-option2.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,n=e&&e.length&&e.map((o=>{var{groupName:e}=o,p=function(o,e){var r={};for(var p in o)Object.prototype.hasOwnProperty.call(o,p)&&e.indexOf(p)<0&&(r[p]=o[p]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(p=Object.getOwnPropertySymbols(o);n<p.length;n++)e.indexOf(p[n])<0&&Object.prototype.propertyIsEnumerable.call(o,p[n])&&(r[p[n]]=o[p[n]])}return r}(o,["groupName"]);return e?r("xpl-dropdown-group",Object.assign({label:e},p)):r("xpl-dropdown-option",Object.assign({},p))}));return r(p,{key:"~~f30203f92fbd12a8d7722dc24d7686d8a0c14a46~~",role:"group","aria-label":o},r("li",{key:"~~d0ea4ff252a095271a0377455f2f33ebe38ae85e~~",class:"xpl-dropdown-list-item"},r("xpl-dropdown-heading",{key:"~~8ae6c88ff139d0aef14589087b6271965d671336~~",label:o}),r("ul",{key:"~~265c9826177e976b142acc097e35249722c753a3~~",class:"xpl-dropdown-list"},n\|\|r("slot",{key:"~~7f437bdbef703b6aba3fbc307c8bb1b6f6122ea3~~",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(n(o))\|\|customElements.define(n(o),a);break;case"xpl-dropdown-group":customElements.get(n(o))\|\|l();break;case"xpl-dropdown-heading":customElements.get(n(o))\|\|d();break;case"xpl-dropdown-option":customElements.get(n(o))\|\|t()}}))}export{a as X,l as d}
1	+ import{proxyCustomElement as o,HTMLElement as e,h as d,Host as r,transformTag as p}from"@stencil/core/internal/client";import{d as n}from"./xpl-dropdown-heading2.js";import{d as t}from"./xpl-dropdown-option2.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,p=e&&e.length&&e.map((o=>{var{groupName:e}=o,r=function(o,e){var d={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&e.indexOf(r)<0&&(d[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var p=0;for(r=Object.getOwnPropertySymbols(o);p<r.length;p++)e.indexOf(r[p])<0&&Object.prototype.propertyIsEnumerable.call(o,r[p])&&(d[r[p]]=o[r[p]])}return d}(o,["groupName"]);return e?d("xpl-dropdown-group",Object.assign({label:e},r)):d("xpl-dropdown-option",Object.assign({},r))}));return d(r,{key:"e1bd6d56ea5501e48d8f7fba91af32fbc223d343",role:"group","aria-label":o},d("li",{key:"543d3350cce47b4e96f78c6a411877110a27c842",class:"xpl-dropdown-list-item"},d("xpl-dropdown-heading",{key:"85b5c8675bb3b2eecdb0dc3ffbf09dc9bd824ceb",label:o}),d("ul",{key:"9dfcd1a43cca4fd431b052e438743d24f872f248",class:"xpl-dropdown-list"},p\|\|d("slot",{key:"d5d7d5d03bfde4306f1a8d861f7f2308eaac2bf6",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function c(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(p(o))\|\|customElements.define(p(o),a);break;case"xpl-dropdown-group":customElements.get(p(o))\|\|c();break;case"xpl-dropdown-heading":customElements.get(p(o))\|\|n();break;case"xpl-dropdown-option":customElements.get(p(o))\|\|t()}}))}export{a as X,c as d}

package/dist/components/xpl-dropdown-heading2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as n,h as d,Host as o,transformTag as t}from"@stencil/core/internal/client";const s=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(o,{key:"~~563a7656647f84782bdf61d19f3878407f83675a~~",class:{"xpl-dropdown-heading":!0},role:"presentation"},d("span",{key:"~~a0b116e7b0b85966e10de0dc4a363fa7e2e3b769~~"},this.label\|\|d("slot",{key:"~~c79235054e087811e80dadf35a4e490658ece3c5~~",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function a(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(t(e))\|\|customElements.define(t(e),s))}))}export{s as X,a as d}
1	+ import{proxyCustomElement as e,HTMLElement as d,h as n,Host as o,transformTag as t}from"@stencil/core/internal/client";const s=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return n(o,{key:"41de08a2e945b9d6412264a44a04dd65bc125276",class:{"xpl-dropdown-heading":!0},role:"presentation"},n("span",{key:"15b526b8a4ec46059d8edd3aed61c82d6bc79d64"},this.label\|\|n("slot",{key:"5b8c05d504e56c2852fa8439b15012c73552c190",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function a(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(t(e))\|\|customElements.define(t(e),s))}))}export{s as X,a as d}

package/dist/components/xpl-dropdown-option2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){const{closeOnSelect:t,mode:o}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===o&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){const{dropdown:t}=this,{closeOnSelect:o,mode:s,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const i=document.activeElement.closest("xpl-dropdown-option");return t.handleSelect(e,{component:{hostElement:i}}),void("single"===s&&o&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key\|\|this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:e,isSelected:t,isDisabled:i,value:n,subtitle:l}=this;return o(s,{key:"~~c2a8b75e28785e9adb9c7419a96da73317f9e546~~",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":i,"xpl-dropdown-option--selected":t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},o("li",{key:"~~1ebbfe8cb270223284ccb98980fba11ecb6f45e7~~",class:"xpl-dropdown-list-item"},e\|\|o("slot",{key:"~~4e26c99b1a73e2b6d64865df01410050732fa517~~",name:"option"}),l&&o("span",{key:"~~b039510ca92dada66455f4ea1a379877f26ffabe~~",class:"xpl-dropdown-list-item__subtitle"},l)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],isSelected:[4,"selected"]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-option"].forEach((e=>{"xpl-dropdown-option"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),n))}))}export{n as X,l as d}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){const{closeOnSelect:t,mode:o}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===o&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){const{dropdown:t}=this,{closeOnSelect:o,mode:s,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const i=document.activeElement.closest("xpl-dropdown-option");return t.handleSelect(e,{component:{hostElement:i}}),void("single"===s&&o&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key\|\|this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:e,isSelected:t,isDisabled:i,value:n,subtitle:l}=this;return o(s,{key:"5065b45c91f2e8c385c70726b4624b62e609dc61",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":i,"xpl-dropdown-option--selected":t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},o("li",{key:"3a9493d1f0e2f9eff727f001d08c65477372e58b",class:"xpl-dropdown-list-item"},e\|\|o("slot",{key:"fbebc2fd7f45d9abf4a2be0b306d92b3de8cb090",name:"option"}),l&&o("span",{key:"987104f21b1843e7350bbd4d8607fcdb1a580131",class:"xpl-dropdown-list-item__subtitle"},l)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],isSelected:[4,"selected"]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-option"].forEach((e=>{"xpl-dropdown-option"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),n))}))}export{n as X,l as d}

package/dist/components/xpl-dropdown2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as n,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=e(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.selectOnFocus=!1,this.requestAnimationFrameId=null,this.updateDropdownPosition=()=>{var t;if(!this.anchorToTrigger\|\|!this.triggerId)return;const o=null===(t=document.getElementById(this.triggerId))\|\|void 0===t?void 0:t.getBoundingClientRect();if(!o)return;const e=Math.max(this.hostElement.offsetHeight,300),n=window.innerHeight,s=n-o.bottom;s<e&&o.top>s?(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n bottom: ${n-o.top}px;\n top: auto;\n `,this.hostElement.classList.add("xpl-dropdown--above"),this.hostElement.classList.remove("xpl-dropdown--below")):(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n top: ${o.bottom}px;\n bottom: auto;\n `,this.hostElement.classList.add("xpl-dropdown--below"),this.hostElement.classList.remove("xpl-dropdown--above"))},this.handleClickOutside=({target:t})=>{const{triggerId:o}=this,e=o?document.getElementById(o):null,n=null==e?void 0:e.contains(t);this.hostElement.contains(t)\|\|n\|\|!this.isOpen\|\|(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onSelectedValuesChanged(t,o=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((o=>{const e=o.value\|\|o.label;if("single"===this.mode)o.isSelected=e===t;else{const n=Array.isArray(t)?t:[];o.isSelected=n.includes(e)}}));const e=t=>(t.options=t.groupName?t.options.map(e):void 0,t);this.options=this.options.map(e),this.update&&!o&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t)}onWindowScroll(){this.requestAnimationFrameId&&cancelAnimationFrame(this.requestAnimationFrameId),this.requestAnimationFrameId=requestAnimationFrame((()=>{this.updateDropdownPosition()}))}async handleSelect(t,{component:o}){const{hostElement:e,mode:n,options:s,update:i}=this,d="single"===n,l="multi"===n;if(s){s.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((t=>{const e=(t.value\|\|t.label)===(o.hostElement.value\|\|o.hostElement.label);d?(t.isSelected=e,o.hostElement.isSelected=!0):l&&e&&(t.isSelected=!t.isSelected,o.hostElement.isSelected=t.isSelected)}));const t=o=>(o.options=o.groupName?o.options.map(t):void 0,o);this.options=s.map(t)}else d?Array.from(e.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===o.hostElement})):l&&(o.isSelected=!o.isSelected);i&&i(t,{component:this})}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.updateDropdownPosition()}render(){const{isOpen:t}=this,{mode:o,options:e}=this,i=e&&e.length&&e.map((t=>{var{groupName:o,options:e,subtitle:s}=t,i=function(t,o){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(t);s<n.length;s++)o.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(e[n[s]]=t[n[s]])}return e}(t,["groupName","options","subtitle"]);return o?n("xpl-dropdown-group",Object.assign({groupName:o,options:e},i)):n("xpl-dropdown-option",Object.assign({subtitle:s},i))}));return n(s,{key:"~~d576d4fbedb6a4a4a3da81b06ef881e1b1c6afe2~~","aria-expanded":t,class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===o,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},n("ul",{key:"~~78bc70d74413a238f0a5366fd607361e5157eafe~~",class:"xpl-dropdown-list"},i\|\|n("slot",{key:"~~9128e7407413335b0699434e68e2aefafd222fc2~~",name:"options"})))}get hostElement(){return this}static get watchers(){return{selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],handleSelect:[64]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function c(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))\|\|customElements.define(i(t),p);break;case"xpl-dropdown-group":customElements.get(i(t))\|\|d();break;case"xpl-dropdown-heading":customElements.get(i(t))\|\|l();break;case"xpl-dropdown-option":customElements.get(i(t))\|\|r()}}))}export{p as X,c as d}
1	+ import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as n,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=e(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.selectOnFocus=!1,this.requestAnimationFrameId=null,this.updateDropdownPosition=()=>{var t;if(!this.anchorToTrigger\|\|!this.triggerId)return;const o=null===(t=document.getElementById(this.triggerId))\|\|void 0===t?void 0:t.getBoundingClientRect();if(!o)return;const e=Math.max(this.hostElement.offsetHeight,300),n=window.innerHeight,s=n-o.bottom;s<e&&o.top>s?(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n bottom: ${n-o.top}px;\n top: auto;\n `,this.hostElement.classList.add("xpl-dropdown--above"),this.hostElement.classList.remove("xpl-dropdown--below")):(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n top: ${o.bottom}px;\n bottom: auto;\n `,this.hostElement.classList.add("xpl-dropdown--below"),this.hostElement.classList.remove("xpl-dropdown--above"))},this.handleClickOutside=({target:t})=>{const{triggerId:o}=this,e=o?document.getElementById(o):null,n=null==e?void 0:e.contains(t);this.hostElement.contains(t)\|\|n\|\|!this.isOpen\|\|(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onSelectedValuesChanged(t,o=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((o=>{const e=o.value\|\|o.label;if("single"===this.mode)o.isSelected=e===t;else{const n=Array.isArray(t)?t:[];o.isSelected=n.includes(e)}}));const e=t=>(t.options=t.groupName?t.options.map(e):void 0,t);this.options=this.options.map(e),this.update&&!o&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t)}onWindowScroll(){this.requestAnimationFrameId&&cancelAnimationFrame(this.requestAnimationFrameId),this.requestAnimationFrameId=requestAnimationFrame((()=>{this.updateDropdownPosition()}))}async handleSelect(t,{component:o}){const{hostElement:e,mode:n,options:s,update:i}=this,d="single"===n,l="multi"===n;if(s){s.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((t=>{const e=(t.value\|\|t.label)===(o.hostElement.value\|\|o.hostElement.label);d?(t.isSelected=e,o.hostElement.isSelected=!0):l&&e&&(t.isSelected=!t.isSelected,o.hostElement.isSelected=t.isSelected)}));const t=o=>(o.options=o.groupName?o.options.map(t):void 0,o);this.options=s.map(t)}else d?Array.from(e.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===o.hostElement})):l&&(o.isSelected=!o.isSelected);i&&i(t,{component:this})}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.updateDropdownPosition()}render(){const{isOpen:t}=this,{mode:o,options:e}=this,i=e&&e.length&&e.map((t=>{var{groupName:o,options:e,subtitle:s}=t,i=function(t,o){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(t);s<n.length;s++)o.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(e[n[s]]=t[n[s]])}return e}(t,["groupName","options","subtitle"]);return o?n("xpl-dropdown-group",Object.assign({groupName:o,options:e},i)):n("xpl-dropdown-option",Object.assign({subtitle:s},i))}));return n(s,{key:"82f0becf57013a4f830e7c4aa56e3653b5eb43c5","aria-expanded":t,class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===o,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},n("ul",{key:"59c584beb1e538c2dff25039e8513de5865a80f1",class:"xpl-dropdown-list"},i\|\|n("slot",{key:"ff121c50de1a809031ea8be1d271b65946c2fa9a",name:"options"})))}get hostElement(){return this}static get watchers(){return{selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],handleSelect:[64]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function c(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))\|\|customElements.define(i(t),p);break;case"xpl-dropdown-group":customElements.get(i(t))\|\|d();break;case"xpl-dropdown-heading":customElements.get(i(t))\|\|l();break;case"xpl-dropdown-option":customElements.get(i(t))\|\|r()}}))}export{p as X,c as d}

package/dist/components/xpl-dynamic-table-cell.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as l,Host as c,transformTag as n}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((e=>{"disabled"in e&&(e.disabled=this.disabled)}))}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(c,{key:"~~c48652542dadaa98dbfe8c1ca51c5be67c279091~~",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"~~3b6b21c64807f8e7dca3b18def3bb373a3778506~~"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),i=s,a=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),s))}))};export{i as XplDynamicTableCell,a as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as l,Host as n,transformTag as s}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((e=>{"disabled"in e&&(e.disabled=this.disabled)}))}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(n,{key:"639f0a42ea0189fb4c269de1b76c5491729f868c",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"29864a738aa7d5e9498195ce0d22bb8d78e39989"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),i=c,a=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),c))}))};export{i as XplDynamicTableCell,a as defineCustomElement}

package/dist/components/xpl-dynamic-table-row.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(i,{key:"~~3f514b6ebd0c519329c1f88fd7a06681fd263c20~~",role:"row",class:`xpl-dynamic-table-row\n ${this.isDisabled?"disabled":""}\n ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"~~acfe30cd4d852f2787ac18376b8b491731a736d4~~"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),d=c,n=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),c))}))};export{d as XplDynamicTableRow,n as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as s,Host as d,transformTag as i}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(d,{key:"4969ae6223aa4f6604d20e657d390d8ec43eb9bd",role:"row",class:`xpl-dynamic-table-row\n ${this.isDisabled?"disabled":""}\n ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"244d34612847408ddb9e0d718b1e5916b7e24b2d"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),n=l,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),l))}))};export{n as XplDynamicTableRow,o as defineCustomElement}

package/dist/components/xpl-dynamic-table.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as a,transformTag as l}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return a("div",{key:"~~56ec7b395ff5f4dc42970e042ca8771b6fc2095a~~",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},a("slot",{key:"~~38877bbaeaa319a9c876478f09dadf06248ab8ae~~",name:"header"}),a("slot",{key:"~~9c241ad399ac3e4e58a913d24174fe581bfab1bc~~",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),s=c,i=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),c))}))};export{s as XplDynamicTable,i as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as l,transformTag as c}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return l("div",{key:"f49634b51fd6fb49bcb75cc4247f683ff99d6b99",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},l("slot",{key:"e5cd66e212a41ce26dfaccae634ab7ee22ba9910",name:"header"}),l("slot",{key:"07e1fbec46f08e46f728340291510992d21f71a4",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),i=s,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),s))}))};export{i as XplDynamicTable,o as defineCustomElement}

package/dist/components/xpl-grid-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as c}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=" xpl-grid-item-xs-"+this.xs,t+=" xpl-grid-item-sm-"+this.sm,t+=" xpl-grid-item-md-"+this.md,t+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"~~e88447c2042c92809a00464c721ffccbe3f421f7~~",class:t},i("slot",{key:"~~ba97ddd92e967cc9c883bcd462a4303015015160~~"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),m=l,r=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(c(t))\|\|customElements.define(c(t),l))}))};export{m as XplGridItem,r as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as l}from"@stencil/core/internal/client";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=" xpl-grid-item-xs-"+this.xs,t+=" xpl-grid-item-sm-"+this.sm,t+=" xpl-grid-item-md-"+this.md,t+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"4a3a254b51eae0907baf74c383b0d2b60017b69b",class:t},i("slot",{key:"b23f50ff733b9f3009eda4a3569a28b0636e76f4"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),r=m,d=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(l(t))\|\|customElements.define(l(t),m))}))};export{r as XplGridItem,d as defineCustomElement}

package/dist/components/xpl-grid.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidLoad(){const e=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let t=0,s=0,r=0,i=0;e.forEach((e=>{t~~+=+e~~.getAttribute("lg")\|\|6,s+=+e.getAttribute("md")\|\|6,r+=+e.getAttribute("sm")\|\|6,i+=+e.getAttribute("xs")\|\|6,t%6==0&&e.classList.add("xpl-grid-item-lg-last"),s%6==0&&e.classList.add("xpl-grid-item-md-last"),r%6==0&&e.classList.add("xpl-grid-item-sm-last"),i%6==0&&e.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"~~ebca0f4cd2335a920d6e070a5ea8e6ca32e06fb2~~",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),n=l,d=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((e=>{"xpl-grid"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),l))}))};export{n as XplGrid,d as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let e=0,s=0,r=0,i=0;t.forEach((t=>{e+=+t.getAttribute("lg")\|\|6,s+=+t.getAttribute("md")\|\|6,r+=+t.getAttribute("sm")\|\|6,i+=+t.getAttribute("xs")\|\|6,e%6==0&&t.classList.add("xpl-grid-item-lg-last"),s%6==0&&t.classList.add("xpl-grid-item-md-last"),r%6==0&&t.classList.add("xpl-grid-item-sm-last"),i%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"b7adecdd36342641869726ffa094578c1272dc1e",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),n=l,d=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((t=>{"xpl-grid"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),l))}))};export{n as XplGrid,d as defineCustomElement}

package/dist/components/xpl-header-accordion.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as i,Host as c,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)\|\|void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)\|\|void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),i=t[t.length-1],c=null==i?void 0:i.querySelectorAll("xpl-dynamic-table-cell");c[0].style.borderBottomLeftRadius="0.5rem",c[c.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const i=null===(t=this.el)\|\|void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===i.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)\|\|void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),i=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(i)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return i(c,{key:"~~ee3fd9eb9638936fad6fdf39e6206e0e2732b920~~",class:"xpl-header-accordion"},i("div",{key:"~~94435c73c7f099bbd06ae686bdfa757d23af93e1~~",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&i("xpl-checkbox",{key:"~~55999a12930fd86d3c7271092a245db7e6229708~~",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),i("button",{key:"~~30fd009b44784a7718f8491c29b2319d8f24d775~~","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},i("slot",{key:"~~29fd48fd7e822b01c6599ca1114492731e528720~~",name:"title"}),i("xpl-icon",{key:"~~a9d71ba4fb4701186b7e896ed0a8c6747179346b~~",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),i("div",{key:"~~7d77c1a03c80b65a92d5db3ccf1c64c66a544ee5~~",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},i("slot",{key:"~~1db8deafe423aaf6ec3eb2d4e783b49d9a207712~~",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}},[260,"xpl-header-accordion",{contentId:[1,"content-id"],initialExpanded:[4,"initial-expanded"],disabled:[4],selectedCount:[2,"selected-count"],hasCheckbox:[4,"has-checkbox"],expanded:[32],parentChecked:[32],parentIndeterminate:[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{selectedCount:[{watchSelectedCount:0}]}]),a=d,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))\|\|customElements.define(o(e),d);break;case"xpl-checkbox":customElements.get(o(e))\|\|s();break;case"xpl-icon":customElements.get(o(e))\|\|n()}}))};export{a as XplHeaderAccordion,h as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)\|\|void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)\|\|void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),c=t[t.length-1],i=null==c?void 0:c.querySelectorAll("xpl-dynamic-table-cell");i[0].style.borderBottomLeftRadius="0.5rem",i[i.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const c=null===(t=this.el)\|\|void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===c.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)\|\|void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),c=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(c)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return c(i,{key:"36101a7c73fddd9944c96ed15dd6570b20ae031d",class:"xpl-header-accordion"},c("div",{key:"a58005a8bafb5d56e73c6a78dc4f88a8285ee8fa",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&c("xpl-checkbox",{key:"6e96eb7c2670ac82a0f6b088a93fd09127338328",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),c("button",{key:"097ecde99648e1ab397a2b65becdf525e03c21c4","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},c("slot",{key:"002e4645b7df25d7725e6f9860c815fe3977fa62",name:"title"}),c("xpl-icon",{key:"04492dda041fabc3deeb4031cab2d2ebeae1f766",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),c("div",{key:"310457718b09b0481040c83dc73327251be308cd",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},c("slot",{key:"c13229b1538cae02a449bf00483174824de17f3a",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}},[260,"xpl-header-accordion",{contentId:[1,"content-id"],initialExpanded:[4,"initial-expanded"],disabled:[4],selectedCount:[2,"selected-count"],hasCheckbox:[4,"has-checkbox"],expanded:[32],parentChecked:[32],parentIndeterminate:[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{selectedCount:[{watchSelectedCount:0}]}]),d=a,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))\|\|customElements.define(o(e),a);break;case"xpl-checkbox":customElements.get(o(e))\|\|s();break;case"xpl-icon":customElements.get(o(e))\|\|n()}}))};export{d as XplHeaderAccordion,h as defineCustomElement}