@xplortech/apollo-core 2.4.3 → 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.
- package/.typings/apollo-components.html-data.json +1011 -3481
- package/build/style.css +7 -7
- package/dist/apollo-core/apollo-core.css +1 -1
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/{p-8c1f73ea.entry.js → p-0e1877a2.entry.js} +1 -1
- package/dist/apollo-core/{p-94209785.entry.js → p-1c2e4034.entry.js} +1 -1
- package/dist/apollo-core/p-77f0fd4a.entry.js +1 -0
- package/dist/apollo-core/p-7c22b842.entry.js +1 -0
- package/dist/apollo-core/p-7d245bf0.entry.js +1 -0
- package/dist/apollo-core/{p-b1f4604d.entry.js → p-f4c2626d.entry.js} +1 -1
- package/dist/cjs/xpl-avatar_41.cjs.entry.js +11724 -1158
- package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dynamic-table.cjs.entry.js +1 -1
- package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +11 -25
- package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
- package/dist/collection/components/xpl-dropdown/dropdown.stories.js +4 -0
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +2 -2
- package/dist/collection/components/xpl-dynamic-table/dynamic-table.stories.js +4 -0
- package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
- package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
- package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
- package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
- package/dist/collection/components/xpl-header-accordion/header-accordion.stories.js +4 -0
- package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +1 -1
- package/dist/collection/components/xpl-icon/icon-types.js +1 -0
- package/dist/collection/components/xpl-icon/icons.stories.js +47 -12
- package/dist/collection/components/xpl-icon/xpl-icon.js +13 -15
- package/dist/collection/components/xpl-input/input.stories.js +4 -0
- package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +3 -3
- package/dist/collection/components/xpl-list/list.stories.js +4 -0
- package/dist/collection/components/xpl-progress/progress.stories.js +4 -0
- package/dist/collection/components/xpl-radio/radio.stories.js +4 -0
- package/dist/collection/components/xpl-select/select.stories.js +4 -0
- package/dist/collection/components/xpl-select/xpl-select.js +10 -16
- package/dist/collection/components/xpl-skeleton/skeleton.stories.js +4 -0
- package/dist/collection/components/xpl-slideout/slideout.stories.js +6 -0
- package/dist/collection/components/xpl-table/table.stories.js +4 -0
- package/dist/collection/components/xpl-table-header/table-header.stories.js +4 -0
- package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +4 -0
- package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +5 -15
- package/dist/collection/components/xpl-tabs/tabs.stories.js +4 -0
- package/dist/collection/components/xpl-toast/toast.stories.js +4 -0
- package/dist/collection/components/xpl-toggle/toggle.stories.js +4 -0
- package/dist/collection/components/xpl-tooltip/tooltip.stories.js +4 -0
- package/dist/components/xpl-data-card.js +1 -1
- package/dist/components/xpl-divider2.js +1 -1
- package/dist/components/xpl-dropdown-group2.js +1 -1
- package/dist/components/xpl-dropdown-heading2.js +1 -1
- package/dist/components/xpl-dropdown-option2.js +1 -1
- package/dist/components/xpl-dropdown2.js +1 -1
- package/dist/components/xpl-dynamic-table-cell.js +1 -1
- package/dist/components/xpl-dynamic-table-row.js +1 -1
- package/dist/components/xpl-dynamic-table.js +1 -1
- package/dist/components/xpl-grid-item.js +1 -1
- package/dist/components/xpl-grid.js +1 -1
- package/dist/components/xpl-header-accordion.js +1 -1
- package/dist/components/xpl-icon2.js +1 -6
- package/dist/components/xpl-input2.js +1 -1
- package/dist/components/xpl-select2.js +1 -1
- package/dist/docs/xpl-accordion/readme.md +62 -0
- package/dist/docs/xpl-application-shell/readme.md +33 -0
- package/dist/docs/xpl-avatar/readme.md +35 -0
- package/dist/docs/xpl-backdrop/readme.md +34 -0
- package/dist/docs/xpl-badge/readme.md +29 -0
- package/dist/docs/xpl-breadcrumbs/xpl-breadcrumb-item/readme.md +19 -0
- package/dist/docs/xpl-breadcrumbs/xpl-breadcrumbs/readme.md +22 -0
- package/dist/docs/xpl-button/readme.md +44 -0
- package/dist/docs/xpl-button-row/readme.md +41 -0
- package/dist/docs/xpl-calendar/readme.md +48 -0
- package/dist/docs/xpl-checkbox/readme.md +47 -0
- package/dist/docs/xpl-choicelist/readme.md +43 -0
- package/dist/docs/xpl-content-area/readme.md +17 -0
- package/dist/docs/xpl-dashboard/readme.md +10 -0
- package/dist/docs/xpl-data-card/readme.md +54 -0
- package/dist/docs/xpl-divider/readme.md +30 -0
- package/dist/docs/xpl-dropdown/readme.md +80 -0
- package/dist/docs/xpl-dropdown/xpl-dropdown-group/readme.md +39 -0
- package/dist/docs/xpl-dropdown/xpl-dropdown-heading/readme.md +30 -0
- package/dist/docs/xpl-dropdown/xpl-dropdown-option/readme.md +36 -0
- package/dist/docs/xpl-dynamic-table/readme.md +19 -0
- package/dist/docs/xpl-dynamic-table-cell/readme.md +18 -0
- package/dist/docs/xpl-dynamic-table-row/readme.md +19 -0
- package/dist/docs/xpl-grid/readme.md +10 -0
- package/dist/docs/xpl-grid-item/readme.md +20 -0
- package/dist/docs/xpl-header-accordion/readme.md +39 -0
- package/dist/docs/xpl-icon/readme.md +80 -0
- package/dist/docs/xpl-input/readme.md +90 -0
- package/dist/docs/xpl-input/xpl-input-color/readme.md +61 -0
- package/dist/docs/xpl-input/xpl-input-date/readme.md +56 -0
- package/dist/docs/xpl-input/xpl-input-file/readme.md +79 -0
- package/dist/docs/xpl-input/xpl-input-time/readme.md +69 -0
- package/dist/docs/xpl-large-card/readme.md +40 -0
- package/dist/docs/xpl-list/readme.md +34 -0
- package/dist/docs/xpl-main-nav/readme.md +28 -0
- package/dist/docs/xpl-modal/readme.md +55 -0
- package/dist/docs/xpl-nav-item/readme.md +24 -0
- package/dist/docs/xpl-pagination/readme.md +52 -0
- package/dist/docs/xpl-popover/readme.md +48 -0
- package/dist/docs/xpl-progress/readme.md +22 -0
- package/dist/docs/xpl-radio/readme.md +43 -0
- package/dist/docs/xpl-secondary-nav/readme.md +10 -0
- package/dist/docs/xpl-select/readme.md +88 -0
- package/dist/docs/xpl-skeleton/readme.md +31 -0
- package/dist/docs/xpl-slideout/readme.md +46 -0
- package/dist/docs/xpl-tab/readme.md +25 -0
- package/dist/docs/xpl-tab-panel/readme.md +18 -0
- package/dist/docs/xpl-table/readme.md +46 -0
- package/dist/docs/xpl-table-header/readme.md +13 -0
- package/dist/docs/xpl-table-header-cell/readme.md +47 -0
- package/dist/docs/xpl-tabs/readme.md +54 -0
- package/dist/docs/xpl-tag/readme.md +30 -0
- package/dist/docs/xpl-toast/readme.md +42 -0
- package/dist/docs/xpl-toggle/readme.md +23 -0
- package/dist/docs/xpl-toolbar/readme.md +18 -0
- package/dist/docs/xpl-tooltip/readme.md +35 -0
- package/dist/docs/xpl-utility-bar/readme.md +55 -0
- package/dist/esm/xpl-avatar_41.entry.js +11724 -1158
- package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
- package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
- package/dist/esm/xpl-dynamic-table.entry.js +1 -1
- package/dist/esm/xpl-grid-item.entry.js +1 -1
- package/dist/esm/xpl-grid.entry.js +1 -1
- package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +2 -3
- package/dist/types/components/xpl-dynamic-table/dynamic-table.stories.d.ts +4 -0
- package/dist/types/components/xpl-header-accordion/header-accordion.stories.d.ts +4 -0
- package/dist/types/components/xpl-icon/icon-types.d.ts +2 -0
- package/dist/types/components/xpl-icon/xpl-icon.d.ts +1 -3
- package/dist/types/components/xpl-input/input.stories.d.ts +4 -0
- package/dist/types/components/xpl-list/list.stories.d.ts +4 -0
- package/dist/types/components/xpl-progress/progress.stories.d.ts +4 -0
- package/dist/types/components/xpl-radio/radio.stories.d.ts +4 -0
- package/dist/types/components/xpl-select/select.stories.d.ts +4 -0
- package/dist/types/components/xpl-select/xpl-select.d.ts +1 -3
- package/dist/types/components/xpl-slideout/slideout.stories.d.ts +6 -0
- package/dist/types/components/xpl-table/table.stories.d.ts +4 -0
- package/dist/types/components/xpl-table-header/table-header.stories.d.ts +4 -0
- package/dist/types/components/xpl-table-header-cell/table-header-cell.stories.d.ts +4 -0
- package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +1 -2
- package/dist/types/components/xpl-tabs/tabs.stories.d.ts +4 -0
- package/dist/types/components/xpl-toast/toast.stories.d.ts +4 -0
- package/dist/types/components/xpl-toggle/toggle.stories.d.ts +4 -0
- package/dist/types/components/xpl-tooltip/tooltip.stories.d.ts +4 -0
- package/dist/types/components.d.ts +24 -28
- package/package.json +7 -4
- package/dist/apollo-core/p-31461db7.entry.js +0 -1
- package/dist/apollo-core/p-5c0236db.entry.js +0 -6
- package/dist/apollo-core/p-7f8e5cd0.entry.js +0 -1
|
@@ -222,21 +222,21 @@ export class XplSelect {
|
|
|
222
222
|
this.truncate &&
|
|
223
223
|
!this.customDisplayValue;
|
|
224
224
|
const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
|
|
225
|
-
return (h(Host, { key: '
|
|
225
|
+
return (h(Host, { key: '90390e373035b7915dd5ca7c6bcbb5269b3059ea', class: {
|
|
226
226
|
'xpl-select': true,
|
|
227
227
|
'xpl-select--disabled': this.disabled,
|
|
228
228
|
'xpl-select--no-truncate': !this.truncate,
|
|
229
229
|
[(_c = this.classNames) !== null && _c !== void 0 ? _c : '']: !!this.classNames,
|
|
230
230
|
}, onKeyDown: this.handleTabKeyDown, ref: (el) => {
|
|
231
231
|
this.container = el;
|
|
232
|
-
} }, this.renderLabel(), h("div", { key: '
|
|
232
|
+
} }, this.renderLabel(), h("div", { key: '399f1b864db799c42fa973ae3907e22c2cd95098', class: {
|
|
233
233
|
'xpl-input': true,
|
|
234
234
|
'xpl-input--disabled': this.disabled,
|
|
235
235
|
'xpl-input--error': ((_d = this.error) === null || _d === void 0 ? void 0 : _d.length) >= 0,
|
|
236
|
-
} }, h("div", { key: '
|
|
236
|
+
} }, 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) => {
|
|
237
237
|
e.preventDefault();
|
|
238
238
|
this.handleDropdownTrigger();
|
|
239
|
-
}, type: "button" }, h("div", { key: '
|
|
239
|
+
}, type: "button" }, h("div", { key: '7c0d8f94dc5b6afe38b1ab0b4a1cb1572255d640', class: {
|
|
240
240
|
'xpl-select-value': true,
|
|
241
241
|
'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
|
|
242
242
|
'has-value': this.value.length > 0,
|
|
@@ -256,7 +256,7 @@ export class XplSelect {
|
|
|
256
256
|
return this.renderSelectedTags();
|
|
257
257
|
}
|
|
258
258
|
return this.placeholder;
|
|
259
|
-
})(), isTextTruncated && truncatedText), h("xpl-icon", { key: '
|
|
259
|
+
})(), isTextTruncated && truncatedText), h("xpl-icon", { key: '8002d17b99c8b53d47ed3a3139c4a18bcce7baba', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (h("xpl-dropdown", { key: '87bbe302cbf364c6e3592699e93eb03523e16833', ref: (el) => {
|
|
260
260
|
this.dropdown = el;
|
|
261
261
|
}, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
|
|
262
262
|
const { options } = component;
|
|
@@ -265,7 +265,7 @@ export class XplSelect {
|
|
|
265
265
|
}
|
|
266
266
|
}, onIsOpenChange: (e) => {
|
|
267
267
|
this.dropdownOpenState = e.detail;
|
|
268
|
-
}, onWheel: this.handleDropdownScroll, anchorToTrigger: true })), this.renderError()), h("input", { key: '
|
|
268
|
+
}, onWheel: this.handleDropdownScroll, anchorToTrigger: true })), this.renderError()), h("input", { key: '3ef234a4953e9133c3817ba14d0336c0cb8de8f9', type: "hidden", name: this.name, value: this.value })));
|
|
269
269
|
}
|
|
270
270
|
static get is() { return "xpl-select"; }
|
|
271
271
|
static get properties() {
|
|
@@ -299,21 +299,15 @@ export class XplSelect {
|
|
|
299
299
|
"type": "string",
|
|
300
300
|
"mutable": false,
|
|
301
301
|
"complexType": {
|
|
302
|
-
"original": "
|
|
303
|
-
"resolved": "
|
|
304
|
-
"references": {
|
|
305
|
-
"IconName": {
|
|
306
|
-
"location": "local",
|
|
307
|
-
"path": "/home/runner/work/apollo/apollo/packages/apollo-core/src/components/components/xpl-select/xpl-select.tsx",
|
|
308
|
-
"id": "src/components/components/xpl-select/xpl-select.tsx::IconName"
|
|
309
|
-
}
|
|
310
|
-
}
|
|
302
|
+
"original": "string",
|
|
303
|
+
"resolved": "string",
|
|
304
|
+
"references": {}
|
|
311
305
|
},
|
|
312
306
|
"required": false,
|
|
313
307
|
"optional": true,
|
|
314
308
|
"docs": {
|
|
315
309
|
"tags": [],
|
|
316
|
-
"text": "The icon to display in the select trigger button."
|
|
310
|
+
"text": "The icon to display in the select trigger button.\n\nSee [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names."
|
|
317
311
|
},
|
|
318
312
|
"getter": false,
|
|
319
313
|
"setter": false,
|
|
@@ -101,3 +101,9 @@ Slideout.args = {
|
|
|
101
101
|
tertiaryButtonText: 'Button Text',
|
|
102
102
|
variant: 'default',
|
|
103
103
|
};
|
|
104
|
+
Slideout.parameters = {
|
|
105
|
+
design: {
|
|
106
|
+
type: 'figma',
|
|
107
|
+
url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=2627-108585&p=f&t=vVY2x58f7oPprNSr-11',
|
|
108
|
+
},
|
|
109
|
+
};
|
|
@@ -53,25 +53,15 @@ export class XplTableHeaderCell {
|
|
|
53
53
|
"type": "string",
|
|
54
54
|
"mutable": false,
|
|
55
55
|
"complexType": {
|
|
56
|
-
"original": "
|
|
57
|
-
"resolved": "
|
|
58
|
-
"references": {
|
|
59
|
-
"IconName": {
|
|
60
|
-
"location": "import",
|
|
61
|
-
"path": "../xpl-icon/xpl-icon",
|
|
62
|
-
"id": "src/components/components/xpl-icon/xpl-icon.tsx::IconName",
|
|
63
|
-
"referenceLocation": "IconName"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
56
|
+
"original": "string",
|
|
57
|
+
"resolved": "string",
|
|
58
|
+
"references": {}
|
|
66
59
|
},
|
|
67
60
|
"required": false,
|
|
68
61
|
"optional": true,
|
|
69
62
|
"docs": {
|
|
70
|
-
"tags": [
|
|
71
|
-
|
|
72
|
-
"text": "{IconName} - Icon to display in the cell"
|
|
73
|
-
}],
|
|
74
|
-
"text": ""
|
|
63
|
+
"tags": [],
|
|
64
|
+
"text": "Icon to display in the cell.\n\nSee [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names."
|
|
75
65
|
},
|
|
76
66
|
"getter": false,
|
|
77
67
|
"setter": false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as a,h as s,Host as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as e,h as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as
|
|
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}
|
|
@@ -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:"
|
|
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}
|
|
@@ -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:"
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as l,Host as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as s,Host as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as
|
|
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}
|