@xplortech/apollo-core 2.7.0 → 2.8.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 +104 -183
- package/build/style.css +220 -951
- package/dist/apollo-core/apollo-core.css +5 -35
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/{p-6c956d4e.entry.js → p-0bf50890.entry.js} +1 -1
- package/dist/apollo-core/p-1947e7a8.entry.js +1 -0
- package/dist/apollo-core/p-27928cb0.entry.js +1 -0
- package/dist/apollo-core/p-34438721.entry.js +1 -0
- package/dist/apollo-core/p-35c2f72d.entry.js +1 -0
- package/dist/apollo-core/p-368c81f1.entry.js +1 -0
- package/dist/apollo-core/p-36ba29da.entry.js +1 -0
- package/dist/apollo-core/p-406b27a8.entry.js +1 -0
- package/dist/apollo-core/p-5d63b4ce.entry.js +1 -0
- package/dist/apollo-core/p-689f1dae.entry.js +1 -0
- package/dist/apollo-core/{p-7eb86c63.entry.js → p-6a15f1e0.entry.js} +1 -1
- package/dist/apollo-core/p-8d692d05.entry.js +1 -0
- package/dist/apollo-core/{p-28d12fd3.entry.js → p-b61d7952.entry.js} +1 -1
- package/dist/apollo-core/{p-084d26ed.entry.js → p-ca127ee8.entry.js} +1 -1
- package/dist/apollo-core/p-cd56a3d5.entry.js +1 -0
- package/dist/apollo-core/p-dc205893.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +1 -1
- package/dist/cjs/index-BQ97-AWw.js +10 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
- package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
- package/dist/cjs/{xpl-avatar_61.cjs.entry.js → xpl-avatar_54.cjs.entry.js} +1311 -1725
- package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
- package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
- 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/cjs/xpl-large-card.cjs.entry.js +1 -1
- package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
- package/dist/cjs/xpl-table-header-cell.cjs.entry.js +57 -0
- package/dist/cjs/xpl-table-header.cjs.entry.js +14 -0
- package/dist/cjs/xpl-toggle.cjs.entry.js +8 -3
- package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -7
- package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
- package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
- package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
- package/dist/collection/components/xpl-button/xpl-button.js +1 -1
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
- package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +29 -34
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +7 -6
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
- package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
- 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 +77 -7
- 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/xpl-header-accordion.js +53 -46
- package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
- package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
- package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
- package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
- package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
- package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +1 -1
- package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
- package/dist/collection/components/xpl-input/xpl-input.js +28 -24
- package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
- package/dist/collection/components/xpl-list/xpl-list.js +2 -2
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
- package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
- package/dist/collection/components/xpl-pagination/pagination.stories.js +18 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +7 -3
- package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
- package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
- package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
- package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
- package/dist/collection/components/xpl-radio/radio.stories.js +10 -1
- package/dist/collection/components/xpl-radio/xpl-radio.js +30 -5
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
- package/dist/collection/components/xpl-select/xpl-select.js +58 -6
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
- package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
- package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
- package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
- package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +2 -2
- package/dist/collection/components/xpl-table/table.stories.js +67 -319
- package/dist/collection/components/xpl-table/xpl-table.js +151 -1456
- package/dist/collection/components/xpl-table-header/table-header.stories.js +126 -0
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +7 -0
- package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +75 -0
- package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +188 -0
- package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
- package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
- package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +26 -4
- package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
- package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
- package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
- package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +2 -2
- package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +5 -5
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/xpl-accordion.js +1 -1
- package/dist/components/xpl-application-shell.js +1 -1
- package/dist/components/xpl-backdrop2.js +1 -1
- package/dist/components/xpl-badge2.js +1 -1
- package/dist/components/xpl-banner.js +1 -1
- package/dist/components/xpl-breadcrumb-item.js +1 -1
- package/dist/components/xpl-breadcrumbs.js +1 -1
- package/dist/components/xpl-button-row.js +1 -1
- package/dist/components/xpl-button2.js +1 -1
- package/dist/components/xpl-calendar.js +1 -1
- package/dist/components/xpl-checkbox2.js +1 -1
- package/dist/components/xpl-choicelist.js +1 -1
- package/dist/components/xpl-content-area.js +1 -1
- package/dist/components/xpl-dashboard.js +1 -1
- 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 -1
- package/dist/components/xpl-input-date2.js +1 -1
- package/dist/components/xpl-input-file2.js +1 -1
- package/dist/components/xpl-input-search2.js +1 -1
- package/dist/components/xpl-input2.js +1 -1
- package/dist/components/xpl-large-card.js +1 -1
- package/dist/components/xpl-list.js +1 -1
- package/dist/components/xpl-main-nav.js +1 -1
- package/dist/components/xpl-modal.js +1 -1
- package/dist/components/xpl-nav-header-menu.js +1 -1
- package/dist/components/xpl-nav-item.js +1 -1
- package/dist/components/xpl-pagination.js +1 -1
- package/dist/components/xpl-panel.js +1 -1
- package/dist/components/xpl-popover2.js +1 -1
- package/dist/components/xpl-progress-bar.js +1 -1
- package/dist/components/xpl-progress-indicator.js +1 -1
- package/dist/components/xpl-radio2.js +1 -1
- package/dist/components/xpl-secondary-nav.js +1 -1
- package/dist/components/xpl-select2.js +1 -1
- package/dist/components/xpl-side-nav-item.js +1 -1
- package/dist/components/xpl-side-nav.js +1 -1
- package/dist/components/xpl-skeleton.js +1 -1
- package/dist/components/xpl-slideout.js +1 -1
- package/dist/components/xpl-tab-panel.js +1 -1
- package/dist/components/xpl-table-header-cell.js +1 -1
- package/dist/components/xpl-table-header.js +1 -1
- package/dist/components/xpl-table.js +1 -1
- package/dist/components/xpl-tabs.js +1 -1
- package/dist/components/xpl-tag2.js +1 -1
- package/dist/components/xpl-toast.js +1 -1
- package/dist/components/xpl-toggle.js +1 -1
- package/dist/components/xpl-toolbar.js +1 -1
- package/dist/components/xpl-tooltip2.js +1 -1
- package/dist/components/xpl-top-nav-item2.js +1 -1
- package/dist/components/xpl-top-nav.js +1 -1
- package/dist/components/xpl-utility-bar.js +1 -1
- package/dist/docs/xpl-checkbox/readme.md +10 -10
- package/dist/docs/xpl-dropdown/readme.md +13 -11
- package/dist/docs/xpl-dynamic-table/readme.md +19 -22
- package/dist/docs/xpl-dynamic-table-cell/readme.md +18 -20
- package/dist/docs/xpl-dynamic-table-row/readme.md +19 -21
- package/dist/docs/xpl-icon/readme.md +1 -1
- package/dist/docs/xpl-radio/readme.md +10 -9
- package/dist/docs/xpl-select/readme.md +17 -15
- package/dist/docs/xpl-table/readme.md +46 -110
- package/dist/docs/{xpl-table/xpl-table-header → xpl-table-header}/readme.md +13 -13
- package/dist/docs/xpl-table-header-cell/readme.md +47 -0
- package/dist/docs/xpl-toggle/readme.md +16 -9
- package/dist/esm/apollo-core.js +1 -1
- package/dist/esm/index-C7bgJs6C.js +10 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xpl-accordion.entry.js +2 -2
- package/dist/esm/xpl-application-shell.entry.js +1 -1
- package/dist/esm/{xpl-avatar_61.entry.js → xpl-avatar_54.entry.js} +1312 -1719
- package/dist/esm/xpl-button-row.entry.js +1 -1
- package/dist/esm/xpl-calendar.entry.js +1 -1
- 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/esm/xpl-large-card.entry.js +1 -1
- package/dist/esm/xpl-main-nav.entry.js +1 -1
- package/dist/esm/xpl-table-header-cell.entry.js +55 -0
- package/dist/esm/xpl-table-header.entry.js +12 -0
- package/dist/esm/xpl-toggle.entry.js +9 -4
- package/dist/esm/xpl-toolbar.entry.js +2 -2
- package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +3 -3
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -0
- package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +10 -9
- package/dist/types/components/xpl-input/xpl-input.d.ts +3 -2
- package/dist/types/components/xpl-pagination/pagination.stories.d.ts +13 -0
- package/dist/types/components/xpl-radio/radio.stories.d.ts +10 -1
- package/dist/types/components/xpl-radio/xpl-radio.d.ts +2 -0
- package/dist/types/components/xpl-select/xpl-select.d.ts +3 -0
- package/dist/types/components/xpl-table/table.stories.d.ts +19 -161
- package/dist/types/components/xpl-table/xpl-table.d.ts +21 -123
- package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/table-header.stories.d.ts +16 -13
- package/dist/types/components/{xpl-table/xpl-table-header-cell → xpl-table-header-cell}/table-header-cell.stories.d.ts +20 -24
- package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +13 -0
- package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +3 -0
- package/dist/types/components.d.ts +128 -402
- package/package.json +37 -3
- package/dist/apollo-core/p-146d5d55.entry.js +0 -1
- package/dist/apollo-core/p-16742606.entry.js +0 -1
- package/dist/apollo-core/p-3eb5eb7c.entry.js +0 -1
- package/dist/apollo-core/p-4882f0bd.entry.js +0 -1
- package/dist/apollo-core/p-64b34268.entry.js +0 -1
- package/dist/apollo-core/p-71b75f36.entry.js +0 -1
- package/dist/apollo-core/p-84254a24.entry.js +0 -1
- package/dist/apollo-core/p-9f2a0321.entry.js +0 -1
- package/dist/apollo-core/p-cde83ab0.entry.js +0 -1
- package/dist/apollo-core/p-e7363036.entry.js +0 -1
- package/dist/collection/components/xpl-table/utils/move-row-dom.js +0 -50
- package/dist/collection/components/xpl-table/utils/table-internal.js +0 -58
- package/dist/collection/components/xpl-table/xpl-table-body/xpl-table-body.js +0 -7
- package/dist/collection/components/xpl-table/xpl-table-cell/xpl-table-cell.js +0 -155
- package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +0 -7
- package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +0 -37
- package/dist/collection/components/xpl-table/xpl-table-header/table-header.stories.js +0 -131
- package/dist/collection/components/xpl-table/xpl-table-header/xpl-table-header.js +0 -7
- package/dist/collection/components/xpl-table/xpl-table-header-cell/table-header-cell.stories.js +0 -105
- package/dist/collection/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.js +0 -402
- package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js +0 -121
- package/dist/components/lifecycle.js +0 -1
- package/dist/components/xpl-table-body.d.ts +0 -11
- package/dist/components/xpl-table-body.js +0 -1
- package/dist/components/xpl-table-cell.d.ts +0 -11
- package/dist/components/xpl-table-cell.js +0 -1
- package/dist/components/xpl-table-cell2.js +0 -1
- package/dist/components/xpl-table-footer-cell.d.ts +0 -11
- package/dist/components/xpl-table-footer-cell.js +0 -1
- package/dist/components/xpl-table-footer-cell2.js +0 -1
- package/dist/components/xpl-table-footer.d.ts +0 -11
- package/dist/components/xpl-table-footer.js +0 -1
- package/dist/components/xpl-table-header-cell2.js +0 -1
- package/dist/components/xpl-table-row.d.ts +0 -11
- package/dist/components/xpl-table-row.js +0 -1
- package/dist/docs/xpl-table/xpl-table-body/readme.md +0 -10
- package/dist/docs/xpl-table/xpl-table-cell/readme.md +0 -33
- package/dist/docs/xpl-table/xpl-table-footer/readme.md +0 -10
- package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +0 -30
- package/dist/docs/xpl-table/xpl-table-header-cell/readme.md +0 -66
- package/dist/docs/xpl-table/xpl-table-row/readme.md +0 -19
- package/dist/types/components/xpl-table/utils/move-row-dom.d.ts +0 -3
- package/dist/types/components/xpl-table/utils/table-internal.d.ts +0 -8
- package/dist/types/components/xpl-table/xpl-table-body/xpl-table-body.d.ts +0 -3
- package/dist/types/components/xpl-table/xpl-table-cell/xpl-table-cell.d.ts +0 -11
- package/dist/types/components/xpl-table/xpl-table-footer/xpl-table-footer.d.ts +0 -3
- package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts +0 -4
- package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts +0 -32
- package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +0 -13
- /package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/xpl-table-header.d.ts +0 -0
|
@@ -169,7 +169,7 @@ const Backdrop = class {
|
|
|
169
169
|
this.relative = false;
|
|
170
170
|
}
|
|
171
171
|
render() {
|
|
172
|
-
return (index.h(index.Host, { key: '
|
|
172
|
+
return (index.h(index.Host, { key: '072fedf411c5d8671ec2d8a6ff639e5adf93e15c', class: {
|
|
173
173
|
'xpl-backdrop': true,
|
|
174
174
|
'xpl-backdrop--fixed': !this.relative,
|
|
175
175
|
'xpl-backdrop--relative': this.relative,
|
|
@@ -206,7 +206,7 @@ const Badge = class {
|
|
|
206
206
|
[`xpl-badge--size-${this.size}`]: !!this.size,
|
|
207
207
|
[`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
|
|
208
208
|
};
|
|
209
|
-
return (index.h(index.Host, { key: '
|
|
209
|
+
return (index.h(index.Host, { key: 'f1a45af398443a5330afe856ac2442aa34cadf24' }, index.h("div", { key: 'fecb691b2b11414de0a03e119dd63332ade79a3c', class: className }, index.h("span", { key: '6c4169ea3d4f0f7cdaa03841ec72ac15f9e209f3', class: "xpl-badge__label" }, index.h("slot", { key: 'c7d96b70e9bcd161c279bf943c2cbc7248e2a53e' })))));
|
|
210
210
|
}
|
|
211
211
|
};
|
|
212
212
|
|
|
@@ -271,13 +271,13 @@ const Banner = class {
|
|
|
271
271
|
const actionState = this.getActionButtonState();
|
|
272
272
|
const isHeadingPresent = !!((_c = this.heading) === null || _c === void 0 ? void 0 : _c.trim());
|
|
273
273
|
const isDescPresent = !!((_d = this.description) === null || _d === void 0 ? void 0 : _d.trim());
|
|
274
|
-
return (index.h(index.Host, { key: '
|
|
274
|
+
return (index.h(index.Host, { key: '373b38c40719c248968ed93381309584f24697a9', class: {
|
|
275
275
|
'xpl-banner': true,
|
|
276
276
|
'xpl-banner--section': this.isSection,
|
|
277
277
|
[`xpl-banner--${this.appearance}`]: true,
|
|
278
278
|
'xpl-banner--truncate-desc': this.truncateDesc,
|
|
279
279
|
'xpl-banner--no-icon': this.isSection && !this.hasIcon,
|
|
280
|
-
}, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (index.h("div", { key: '
|
|
280
|
+
}, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (index.h("div", { key: 'b12f8facbdad390e2069374163048099a33aa309', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: '35ee47db756bc0f6b6cd0a2b0cd890a4ec10ff7c', icon: this.getIcon(), size: 24 }))), index.h("div", { key: '8aaca62cbd7b3cf353bfb35fc2f679932f2b0ade', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: 'fded85ef43b5186704195312621a33b7b823d19d', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: '1b7386b32891789f8cc425da922f7c3ee60fe5a6', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: '0b4b8e89db7cc6c4a55e207cf0be1b36956fe243', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: 'c15e5cb0ff332f2ca809dcf912fc7a4c68d47538', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: '6f20f721df8eb994ef9935d2c6f634b3460d9d77', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: '2fab1fec767aaed2bb36ee2b40bcf84a48ad6ead', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: '7747d3e4aae5426d0e3344fb7aab92a4f003cf4e', icon: "xmark", size: 24, "aria-hidden": "true" })))));
|
|
281
281
|
}
|
|
282
282
|
};
|
|
283
283
|
|
|
@@ -290,7 +290,7 @@ const BreadcrumbItem = class {
|
|
|
290
290
|
`;
|
|
291
291
|
}
|
|
292
292
|
render() {
|
|
293
|
-
return (index.h(index.Host, { key: '
|
|
293
|
+
return (index.h(index.Host, { key: '98314b8841ba9d900dbba227363865efb26faf4c', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: '26bf86067dc2348b6ca96243bd1f9513ca187a00', role: "none" }, index.h("slot", { key: '802b606cce1052ea7fb859260627d6c6801ed78f' })), index.h("span", { key: '22de35338bf4439a23f8c08a7ea46d1d4f2b68e8', innerHTML: this.chevron })));
|
|
294
294
|
}
|
|
295
295
|
};
|
|
296
296
|
|
|
@@ -299,7 +299,7 @@ const Breadcrumbs = class {
|
|
|
299
299
|
index.registerInstance(this, hostRef);
|
|
300
300
|
}
|
|
301
301
|
render() {
|
|
302
|
-
return (index.h(index.Host, { key: '
|
|
302
|
+
return (index.h(index.Host, { key: '36533f6524e01aed62e293ebe93d8eea34b6b59a' }, index.h("nav", { key: '6a5562e639044f9d9d12a6365df69c5181f5bbba', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: '99463e4808425aa8478a5e8fa2a113831eae1ecf', role: "list" }, index.h("slot", { key: 'f4d20df3a834f100663786d47881f742c9691969' })))));
|
|
303
303
|
}
|
|
304
304
|
};
|
|
305
305
|
|
|
@@ -350,7 +350,7 @@ const Button = class {
|
|
|
350
350
|
}
|
|
351
351
|
render() {
|
|
352
352
|
var _a;
|
|
353
|
-
return (index.h(index.Host, { key: '
|
|
353
|
+
return (index.h(index.Host, { key: 'fc2207b2f07ecccd8c076846406b7c5d2ed6854d', class: {
|
|
354
354
|
'xpl-button': true,
|
|
355
355
|
[`xpl-button--${this.size}`]: true,
|
|
356
356
|
[`xpl-button--${this.variant}`]: true,
|
|
@@ -378,24 +378,19 @@ const Checkbox = class {
|
|
|
378
378
|
this.ariaLabel = '';
|
|
379
379
|
this.onChange = (event) => {
|
|
380
380
|
const target = event.target;
|
|
381
|
-
|
|
382
|
-
this.checkboxChange.emit(this.value);
|
|
383
|
-
}
|
|
384
|
-
else {
|
|
385
|
-
this.checkboxChange.emit(target.checked);
|
|
386
|
-
}
|
|
381
|
+
this.checkboxChange.emit(target.checked);
|
|
387
382
|
};
|
|
388
383
|
}
|
|
389
384
|
render() {
|
|
390
385
|
var _a;
|
|
391
|
-
return (index.h(index.Host, { key: '
|
|
386
|
+
return (index.h(index.Host, { key: 'dd508c61fc68052f2bbdfccd606ea8f0109783f3', class: {
|
|
392
387
|
'xpl-checkbox-radio-container': true,
|
|
393
388
|
styled: this.styled,
|
|
394
389
|
disabled: this.disabled,
|
|
395
|
-
} }, index.h("input", { key: '
|
|
390
|
+
} }, index.h("input", { key: 'c5b482a12c02cb4384444e3d385cccc17a8cbd3c', class: "xpl-checkbox", type: "checkbox", "aria-label": ((_a = this.ariaLabel) !== null && _a !== void 0 ? _a : '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), index.h("label", { key: 'e5ae6eef395457ff6021b008bbb4221e7c36a3c9', class: {
|
|
396
391
|
'xpl-label': true,
|
|
397
392
|
'xpl-label--disabled': this.disabled,
|
|
398
|
-
}, htmlFor: this.id }, index.h("slot", { key: '
|
|
393
|
+
}, htmlFor: this.id }, index.h("slot", { key: '71ae02b761df01bea00b483e21a9b442b8fbdd9f' }), this.description && (index.h("small", { key: 'f34f7e323cd9c39ce1094177e7a4d3cf4b06f788', class: {
|
|
399
394
|
'xpl-description': true,
|
|
400
395
|
'xpl-description--disabled': this.disabled,
|
|
401
396
|
} }, this.description)))));
|
|
@@ -408,20 +403,21 @@ const Choicelist = class {
|
|
|
408
403
|
this.choicelistChange = index.createEvent(this, "choicelistChange", 7);
|
|
409
404
|
this.choicelistValueChange = index.createEvent(this, "choicelistValueChange", 7);
|
|
410
405
|
this.name = v4.v4();
|
|
411
|
-
this.onChoiceChange = (
|
|
406
|
+
this.onChoiceChange = (_value, choiceIndex) => {
|
|
407
|
+
const choice = this.choices[choiceIndex];
|
|
412
408
|
if (this.multi) {
|
|
413
409
|
this.selected = this.selected.map((isSelected, index) => index === choiceIndex ? !isSelected : isSelected);
|
|
414
|
-
if (
|
|
410
|
+
if ((choice === null || choice === void 0 ? void 0 : choice.value) !== undefined) {
|
|
415
411
|
const changedValues = this.choices
|
|
416
412
|
.filter((_, index) => this.selected[index])
|
|
417
|
-
.map((
|
|
413
|
+
.map((c, index) => { var _a; return (_a = c.value) !== null && _a !== void 0 ? _a : this.selected[index]; });
|
|
418
414
|
this.choicelistValueChange.emit(changedValues);
|
|
419
415
|
}
|
|
420
416
|
}
|
|
421
417
|
else {
|
|
422
418
|
this.selected = this.selected.map((_, index) => index === choiceIndex);
|
|
423
|
-
if (
|
|
424
|
-
this.choicelistValueChange.emit(value);
|
|
419
|
+
if ((choice === null || choice === void 0 ? void 0 : choice.value) !== undefined) {
|
|
420
|
+
this.choicelistValueChange.emit(choice.value);
|
|
425
421
|
}
|
|
426
422
|
}
|
|
427
423
|
};
|
|
@@ -440,7 +436,7 @@ const Choicelist = class {
|
|
|
440
436
|
this.onChoicesPropChange(this.choices);
|
|
441
437
|
}
|
|
442
438
|
render() {
|
|
443
|
-
return (index.h(index.Host, { key: '
|
|
439
|
+
return (index.h(index.Host, { key: 'd2da0f5aeb424a36fb117711f34c0631c464ef6a', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (index.h("div", { class: "xpl-choicelist-heading" }, this.heading && index.h("h3", null, this.heading), this.description && index.h("p", null, this.description))) : null, this.choices && (index.h("ul", { key: 'a40e08f0fd60a5268ed9f4d15a97b3fa677e2e46', class: {
|
|
444
440
|
'xpl-choicelist': true,
|
|
445
441
|
'xpl-choicelist--styled': this.styled,
|
|
446
442
|
} }, this.choices.map((choice, i) => {
|
|
@@ -469,7 +465,7 @@ const ContentArea = class {
|
|
|
469
465
|
this.size = 'wide';
|
|
470
466
|
}
|
|
471
467
|
render() {
|
|
472
|
-
return (index.h(index.Host, { key: '
|
|
468
|
+
return (index.h(index.Host, { key: '2fe4c1c077c12e47600c737cc9266ae2eff8aaec' }, index.h("main", { key: '2e6c6f4b83cea96d629bb5af65c4ce6a4d20570e', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: '033e707fbc48ae523fafb25dd2952d3de9214908', class: "xpl-content-area" }, index.h("slot", { key: '04afc15969c2b1fb7e2feb3d8ae46248ee0f6e31' })))));
|
|
473
469
|
}
|
|
474
470
|
};
|
|
475
471
|
|
|
@@ -478,7 +474,7 @@ const Dashboard = class {
|
|
|
478
474
|
index.registerInstance(this, hostRef);
|
|
479
475
|
}
|
|
480
476
|
render() {
|
|
481
|
-
return (index.h(index.Host, { key: '
|
|
477
|
+
return (index.h(index.Host, { key: 'ceeb8b27d9537c70e88360de21238c9ce2a3f90b' }, index.h("dl", { key: '3c4fcb92f472f14885053a1cb1db893618a6d8a8', class: "xpl-dashboard" }, index.h("slot", { key: 'fe4fa8fdec2ce84bdedc7aa404ab647abd189d11' }))));
|
|
482
478
|
}
|
|
483
479
|
};
|
|
484
480
|
|
|
@@ -515,8 +511,8 @@ const DataCard = class {
|
|
|
515
511
|
: this.smallStatVariant === 'negative'
|
|
516
512
|
? 'arrow-down-right'
|
|
517
513
|
: 'dash';
|
|
518
|
-
return (index.h(index.Host, { key: '
|
|
519
|
-
(this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: '
|
|
514
|
+
return (index.h(index.Host, { key: '917b6ae82a30b849b100e878dc6be08eb4171214', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '21573d19d14f861eea6562529f78e93affc1e5d2', class: headerClasses }, index.h("header", { key: '1af52bd082f4d12239db85e78eaf74ed2eb7e027' }, !!this.leadingIcon && this.icon && (index.h("span", { key: 'dfdcc25ae67fdc766ee3075a479fbfeeac2561ab', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: '4072018714c05bd5bae20bfb9e5b6a04561474da', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: 'f81204887ad6c229cb50e8d3ff654c1aa4703368', name: "title" }, this.name)), this.link && (index.h("span", { key: '6d8d61f8611fdbc5cd09fc20ba15194e0e1e7b56', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: '863e66734bbbd6aa178f140b22f8afb3dd401127', icon: "chevron-right", size: 16 })))), index.h("dd", { key: '08a5e4af6873c267336f7daff6d3455e75a2883e', class: "xpl-data-card__body" }, index.h("div", { key: 'ec8ff889fb93d99e7ef51361e041edbaaaf5cd62', class: "xpl-data-card__left" }, index.h("span", { key: '4787e6aadc3832830fe707ffc08e5614a7abde7b', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (index.h("xpl-tooltip", { text: this.tooltipTextStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, index.h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
|
|
515
|
+
(this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: '2060dba53f12917e37747a6bc52c7f03fe4dadc7', class: "xpl-data-card__detail" }, this.detail)), hasContentSlot && (index.h("div", { key: '7a091cce8bc0abae2af7b15d6d1a63acd16854c5', class: "xpl-data-card__right" }, index.h("slot", { key: 'd83790136435a0d5427fd746d2cba5a08cf914eb', name: contentSlot }))))));
|
|
520
516
|
}
|
|
521
517
|
get el() { return index.getElement(this); }
|
|
522
518
|
static get watchers() { return {
|
|
@@ -536,7 +532,7 @@ const Divider = class {
|
|
|
536
532
|
render() {
|
|
537
533
|
let className = 'xpl-divider';
|
|
538
534
|
className += ` xpl-divider--${this.tier}`;
|
|
539
|
-
return (index.h(index.Host, { key: '
|
|
535
|
+
return (index.h(index.Host, { key: '213dc1893d64e06256ef2958b59b8377428d81d4', class: className }, index.h("span", { key: '2e03654076b9b76f2ce9e8475bb44068170c8a80' }, index.h("slot", { key: '5af40b6963beddbd0d1fe5fd05a9e62274ce3418' }))));
|
|
540
536
|
}
|
|
541
537
|
};
|
|
542
538
|
|
|
@@ -2265,16 +2261,19 @@ const Dropdown = class {
|
|
|
2265
2261
|
this.closeOnSelect = true;
|
|
2266
2262
|
this.mode = 'single';
|
|
2267
2263
|
this.anchorToTrigger = false;
|
|
2264
|
+
this.placement = 'bottom-start';
|
|
2268
2265
|
this.selectOnFocus = false;
|
|
2269
2266
|
this.cleanupAutoUpdate = null;
|
|
2270
2267
|
this.updateDropdownPosition = async (triggerEl) => {
|
|
2271
|
-
var _a;
|
|
2268
|
+
var _a, _b;
|
|
2272
2269
|
const { x, y, placement, middlewareData } = await computePosition(triggerEl, this.hostElement, {
|
|
2273
2270
|
strategy: 'fixed',
|
|
2274
|
-
placement:
|
|
2271
|
+
placement: this.placement,
|
|
2275
2272
|
middleware: [
|
|
2276
2273
|
offset(4),
|
|
2277
|
-
flip()
|
|
2274
|
+
flip(((_a = this.flipFallbackPlacements) === null || _a === void 0 ? void 0 : _a.length)
|
|
2275
|
+
? { fallbackPlacements: this.flipFallbackPlacements }
|
|
2276
|
+
: {}),
|
|
2278
2277
|
size({
|
|
2279
2278
|
apply: ({ availableHeight, rects }) => {
|
|
2280
2279
|
const listEl = this.hostElement.querySelector('.xpl-dropdown-list');
|
|
@@ -2310,7 +2309,7 @@ const Dropdown = class {
|
|
|
2310
2309
|
});
|
|
2311
2310
|
if (!this.cleanupAutoUpdate)
|
|
2312
2311
|
return;
|
|
2313
|
-
if ((
|
|
2312
|
+
if ((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden) {
|
|
2314
2313
|
this.isOpen = false;
|
|
2315
2314
|
return;
|
|
2316
2315
|
}
|
|
@@ -2342,6 +2341,16 @@ const Dropdown = class {
|
|
|
2342
2341
|
this.startPositioning();
|
|
2343
2342
|
}
|
|
2344
2343
|
}
|
|
2344
|
+
onFlipFallbackPlacementsChanged() {
|
|
2345
|
+
if (this.isOpen && this.anchorToTrigger) {
|
|
2346
|
+
this.startPositioning();
|
|
2347
|
+
}
|
|
2348
|
+
}
|
|
2349
|
+
onPlacementChanged() {
|
|
2350
|
+
if (this.isOpen && this.anchorToTrigger) {
|
|
2351
|
+
this.startPositioning();
|
|
2352
|
+
}
|
|
2353
|
+
}
|
|
2345
2354
|
onTriggerIdChanged() {
|
|
2346
2355
|
if (this.isOpen) {
|
|
2347
2356
|
this.startPositioning();
|
|
@@ -2469,18 +2478,24 @@ const Dropdown = class {
|
|
|
2469
2478
|
var { groupName, options: opts, subtitle } = _a, properties = __rest$1(_a, ["groupName", "options", "subtitle"]);
|
|
2470
2479
|
return groupName ? (index.h("xpl-dropdown-group", Object.assign({ groupName: groupName, options: opts }, properties))) : (index.h("xpl-dropdown-option", Object.assign({ subtitle: subtitle }, properties)));
|
|
2471
2480
|
});
|
|
2472
|
-
return (index.h(index.Host, { key: '
|
|
2481
|
+
return (index.h(index.Host, { key: '1ef465611f9a8501af41c17523352714a7921f29', "aria-expanded": isOpen ? 'true' : 'false', class: {
|
|
2473
2482
|
'xpl-dropdown': true,
|
|
2474
2483
|
'xpl-dropdown--multi': mode === 'multi',
|
|
2475
2484
|
'xpl-dropdown--open': isOpen,
|
|
2476
2485
|
'xpl-dropdown--anchor-to-trigger': this.anchorToTrigger,
|
|
2477
|
-
}, role: "listbox" }, index.h("slot", { key: '
|
|
2486
|
+
}, role: "listbox" }, index.h("slot", { key: '118c8b34e72aa6ab018e6fa9ff29a18ae540b89e', name: "header" }), index.h("ul", { key: '01544e6aa8d785c48b4f677de102efe4ecc7b53a', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: 'f70619995bed02540cef11deaeb6c3e5704165ff', name: "options" }))));
|
|
2478
2487
|
}
|
|
2479
2488
|
get hostElement() { return index.getElement(this); }
|
|
2480
2489
|
static get watchers() { return {
|
|
2481
2490
|
"anchorToTrigger": [{
|
|
2482
2491
|
"onAnchorToTriggerChanged": 0
|
|
2483
2492
|
}],
|
|
2493
|
+
"flipFallbackPlacements": [{
|
|
2494
|
+
"onFlipFallbackPlacementsChanged": 0
|
|
2495
|
+
}],
|
|
2496
|
+
"placement": [{
|
|
2497
|
+
"onPlacementChanged": 0
|
|
2498
|
+
}],
|
|
2484
2499
|
"triggerId": [{
|
|
2485
2500
|
"onTriggerIdChanged": 0
|
|
2486
2501
|
}],
|
|
@@ -2517,7 +2532,7 @@ const DropdownGroup = class {
|
|
|
2517
2532
|
var { groupName: optsGroupName } = _a, properties = __rest(_a, ["groupName"]);
|
|
2518
2533
|
return optsGroupName ? (index.h("xpl-dropdown-group", Object.assign({ label: optsGroupName }, properties))) : (index.h("xpl-dropdown-option", Object.assign({}, properties)));
|
|
2519
2534
|
});
|
|
2520
|
-
return (index.h(index.Host, { key: '
|
|
2535
|
+
return (index.h(index.Host, { key: 'b872cfc0a8eb2e3542f07f6ae17ebc15b6f965ab', role: "group", "aria-label": groupName }, index.h("li", { key: '8e475e45b5040bd78c7d37f8c58b0689a508f067', class: "xpl-dropdown-list-item" }, index.h("xpl-dropdown-heading", { key: '3b7b984646bdcc502aca2260a0b59494e0884f6c', label: groupName }), index.h("ul", { key: 'c75e710ebe06a23aacca57f34ce286516c98a8c5', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: '6b72762b22f316561f7614e4841018c019a60681', name: "options" })))));
|
|
2521
2536
|
}
|
|
2522
2537
|
};
|
|
2523
2538
|
|
|
@@ -2526,7 +2541,7 @@ const DropdownHeading = class {
|
|
|
2526
2541
|
index.registerInstance(this, hostRef);
|
|
2527
2542
|
}
|
|
2528
2543
|
render() {
|
|
2529
|
-
return (index.h(index.Host, { key: '
|
|
2544
|
+
return (index.h(index.Host, { key: '70e5556188bd87fe5842256e4e145c3585f73409', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, index.h("span", { key: '2d45f0191d9b158641da794ee1b9f246f9659717' }, this.label || index.h("slot", { key: '21cc81673e6a37f4b7ff896d12bd94916c3a92e7', name: "heading" }))));
|
|
2530
2545
|
}
|
|
2531
2546
|
};
|
|
2532
2547
|
|
|
@@ -2583,11 +2598,11 @@ const DropdownOptionCpnt = class {
|
|
|
2583
2598
|
}
|
|
2584
2599
|
render() {
|
|
2585
2600
|
const { label, isSelected, isDisabled, value, subtitle, icon } = this;
|
|
2586
|
-
return (index.h(index.Host, { key: '
|
|
2601
|
+
return (index.h(index.Host, { key: '838f64dba15bc8d6c2f65a8685365c5618c24d5f', class: {
|
|
2587
2602
|
'xpl-dropdown-option': true,
|
|
2588
2603
|
'xpl-dropdown-option--disabled': isDisabled,
|
|
2589
2604
|
'xpl-dropdown-option--selected': isSelected,
|
|
2590
|
-
}, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, index.h("li", { key: '
|
|
2605
|
+
}, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, index.h("li", { key: 'bc4b23054cd73a95ff5cf167c4195563a9e318ec', class: "xpl-dropdown-list-item" }, icon && (index.h("xpl-icon", { key: '797d92d1d80cb8c33500d8dfe8b1bf9396c767ca', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || index.h("slot", { key: '7a590a3abae38e7934f703929895be152b01816d', name: "option" }), subtitle && index.h("span", { key: '465fb73335df17864cd21e067f26cdba85d8135c', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
|
|
2591
2606
|
}
|
|
2592
2607
|
get hostElement() { return index.getElement(this); }
|
|
2593
2608
|
};
|
|
@@ -2595,13 +2610,13 @@ const DropdownOptionCpnt = class {
|
|
|
2595
2610
|
const HeaderAccordion = class {
|
|
2596
2611
|
constructor(hostRef) {
|
|
2597
2612
|
index.registerInstance(this, hostRef);
|
|
2598
|
-
this.expanded = false;
|
|
2599
|
-
this.parentChecked = false;
|
|
2600
|
-
this.parentIndeterminate = false;
|
|
2601
|
-
this.disabled = false;
|
|
2602
|
-
this.hasCheckbox = true;
|
|
2603
2613
|
this.initialExpanded = false;
|
|
2614
|
+
this.disabled = false;
|
|
2604
2615
|
this.selectedCount = -1;
|
|
2616
|
+
this.hasCheckbox = true;
|
|
2617
|
+
this.expanded = this.initialExpanded;
|
|
2618
|
+
this.parentChecked = false;
|
|
2619
|
+
this.parentIndeterminate = false;
|
|
2605
2620
|
this.toggleAccordion = () => {
|
|
2606
2621
|
this.expanded = !this.expanded;
|
|
2607
2622
|
};
|
|
@@ -2615,24 +2630,19 @@ const HeaderAccordion = class {
|
|
|
2615
2630
|
});
|
|
2616
2631
|
};
|
|
2617
2632
|
}
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2633
|
+
applyBorderRadiusToLastRow() {
|
|
2634
|
+
var _a;
|
|
2635
|
+
if (this.expanded) {
|
|
2636
|
+
const rows = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('xpl-dynamic-table-row');
|
|
2637
|
+
const lastRow = rows[rows.length - 1];
|
|
2638
|
+
const cells = lastRow === null || lastRow === void 0 ? void 0 : lastRow.querySelectorAll('xpl-dynamic-table-cell');
|
|
2639
|
+
cells[0].style.borderBottomLeftRadius = '0.5rem';
|
|
2640
|
+
cells[cells.length - 1].style.borderBottomRightRadius = '0.5rem';
|
|
2621
2641
|
}
|
|
2622
2642
|
}
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
componentDidLoad() {
|
|
2627
|
-
const initialCheckboxesValue = this.selectedCount > -1 ? this.selectedCount : 0;
|
|
2628
|
-
this.updateParentCheckbox(initialCheckboxesValue);
|
|
2629
|
-
}
|
|
2630
|
-
handleChildCheckboxChange() {
|
|
2631
|
-
var _a;
|
|
2632
|
-
if (this.selectedCount === -1) {
|
|
2633
|
-
const childCheckboxes = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');
|
|
2634
|
-
const checkedCount = Array.from(childCheckboxes).filter((checkbox) => checkbox.checked).length;
|
|
2635
|
-
this.updateParentCheckbox(checkedCount);
|
|
2643
|
+
watchSelectedCount(selectedCount, _previousCount) {
|
|
2644
|
+
if (selectedCount > -1) {
|
|
2645
|
+
this.updateParentCheckbox(selectedCount);
|
|
2636
2646
|
}
|
|
2637
2647
|
}
|
|
2638
2648
|
updateParentCheckbox(selectedCount) {
|
|
@@ -2651,11 +2661,23 @@ const HeaderAccordion = class {
|
|
|
2651
2661
|
this.parentIndeterminate = true;
|
|
2652
2662
|
}
|
|
2653
2663
|
}
|
|
2664
|
+
handleChildCheckboxChange() {
|
|
2665
|
+
var _a;
|
|
2666
|
+
if (this.selectedCount === -1) {
|
|
2667
|
+
const childCheckboxes = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');
|
|
2668
|
+
const checkedCount = Array.from(childCheckboxes).filter((checkbox) => checkbox.checked).length;
|
|
2669
|
+
this.updateParentCheckbox(checkedCount);
|
|
2670
|
+
}
|
|
2671
|
+
}
|
|
2672
|
+
componentDidLoad() {
|
|
2673
|
+
const initialCheckoxesValue = this.selectedCount > -1 ? this.selectedCount : 0;
|
|
2674
|
+
this.updateParentCheckbox(initialCheckoxesValue);
|
|
2675
|
+
}
|
|
2676
|
+
componentWillRender() {
|
|
2677
|
+
this.applyBorderRadiusToLastRow();
|
|
2678
|
+
}
|
|
2654
2679
|
render() {
|
|
2655
|
-
return (index.h(index.Host, { key: '
|
|
2656
|
-
'xpl-header-accordion': true,
|
|
2657
|
-
'xpl-header-accordion--expanded': this.expanded,
|
|
2658
|
-
} }, index.h("div", { key: '41cbb9358a5d76f44f135d76c945fe801cafc474', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (index.h("xpl-checkbox", { key: 'c939d100f687b14455424ee3f0b6bdfd7de785bb', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), index.h("button", { key: '4d98d8d75b4c7c7ba8e50ce6d43ed3b83919d624', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("slot", { key: 'd9c993b7e8e6cf0b46014d6c535a52c84386b8ed', name: "title" }), index.h("xpl-icon", { key: '58d114ae4dd93c9ec15e3d74cfb2d33c6c1b57cb', size: 20, icon: "chevron-down", class: this.expanded && 'rotate' }))), index.h("div", { key: '46a98c094621ec02c9416bcfa7a2d33e6ce468d4', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, index.h("slot", { key: '7966e352ec17125afa59a7590dbc8e9372a39f41', name: "content" }))));
|
|
2680
|
+
return (index.h(index.Host, { key: '33b59f238ef5eabce7a83dec5e189459038ac2e0', class: "xpl-header-accordion" }, index.h("div", { key: '1269fe93be898a0300a1c840ad8919608c86bbff', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (index.h("xpl-checkbox", { key: '16a93cbaab64072990502ed7d1bc2a496ad31425', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), index.h("button", { key: '00e7024adcd3c8cef52cc5d11be8e4dc6319c1a8', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("slot", { key: '16fc847fff7d27f73c589bff9670fdbdec9f58cc', name: "title" }), index.h("xpl-icon", { key: '44e27d19feb130c0903949d24a9c71f19f8475b6', size: 16, icon: "chevron-down", class: this.expanded && 'rotate' }))), index.h("div", { key: 'aa8bd514da7666ed09c72c5b271ea0eeda729ef8', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, index.h("slot", { key: 'b8adf0af8ea58edad1036fc45277ef6621bc8fbb', name: "content" }))));
|
|
2659
2681
|
}
|
|
2660
2682
|
get el() { return index.getElement(this); }
|
|
2661
2683
|
static get watchers() { return {
|
|
@@ -2763,6 +2785,23 @@ const antarctica = {
|
|
|
2763
2785
|
}
|
|
2764
2786
|
}
|
|
2765
2787
|
};
|
|
2788
|
+
const apple = {
|
|
2789
|
+
name: "apple",
|
|
2790
|
+
keywords: [
|
|
2791
|
+
"apple",
|
|
2792
|
+
"pay",
|
|
2793
|
+
"credit",
|
|
2794
|
+
"card",
|
|
2795
|
+
"debit",
|
|
2796
|
+
"logo"
|
|
2797
|
+
],
|
|
2798
|
+
heights: {
|
|
2799
|
+
"32": {
|
|
2800
|
+
width: 32,
|
|
2801
|
+
path: "<g fill=\"currentColor\"><path d=\"M19.61,4.808c1.035-1.294,1.737-3.032,1.552-4.808-1.515,.075-3.363,.999-4.433,2.295-.961,1.109-1.811,2.92-1.59,4.621,1.7,.147,3.399-.85,4.471-2.108\"></path><path d=\"M21.143,7.248c-2.469-.147-4.569,1.401-5.748,1.401s-2.986-1.327-4.939-1.292c-2.542,.037-4.901,1.475-6.191,3.761-2.653,4.573-.7,11.357,1.88,15.081,1.253,1.843,2.763,3.872,4.753,3.799,1.88-.074,2.617-1.217,4.902-1.217s2.947,1.217,4.937,1.18c2.064-.037,3.354-1.844,4.607-3.688,1.437-2.101,2.026-4.129,2.063-4.24-.037-.037-3.98-1.549-4.016-6.084-.037-3.797,3.095-5.603,3.243-5.716-1.769-2.616-4.533-2.911-5.491-2.985\"></path></g>"
|
|
2802
|
+
}
|
|
2803
|
+
}
|
|
2804
|
+
};
|
|
2766
2805
|
const argentina = {
|
|
2767
2806
|
name: "argentina",
|
|
2768
2807
|
keywords: [
|
|
@@ -3030,6 +3069,22 @@ const bhutan = {
|
|
|
3030
3069
|
}
|
|
3031
3070
|
}
|
|
3032
3071
|
};
|
|
3072
|
+
const bitcoin = {
|
|
3073
|
+
name: "bitcoin",
|
|
3074
|
+
keywords: [
|
|
3075
|
+
"credit",
|
|
3076
|
+
"card",
|
|
3077
|
+
"bitcoin",
|
|
3078
|
+
"debit"
|
|
3079
|
+
],
|
|
3080
|
+
style: "colored",
|
|
3081
|
+
heights: {
|
|
3082
|
+
"32": {
|
|
3083
|
+
width: 32,
|
|
3084
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#f7931a\" stroke-width=\"0\" d=\"m22.79,17.693c-.935,3.75-4.733,6.032-8.483,5.097-3.749-.935-6.031-4.733-5.096-8.483.934-3.75,4.733-6.033,8.482-5.098,3.75.935,6.032,4.734,5.097,8.484Z\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m19.086,15.003c.139-.931-.57-1.432-1.54-1.766l.315-1.262-.768-.191-.306,1.228c-.202-.05-.409-.098-.615-.145l.308-1.237-.768-.191-.315,1.261c-.167-.038-.331-.076-.49-.115v-.004s-1.058-.264-1.058-.264l-.204.82s.57.131.558.139c.311.078.367.283.358.447l-.862,3.456c-.038.094-.135.236-.352.182.008.011-.558-.139-.558-.139l-.381.879.999.249c.186.047.368.095.548.141l-.318,1.276.767.191.315-1.263c.21.057.413.109.612.159l-.314,1.257.768.191.318-1.274c1.31.248,2.294.148,2.709-1.037.334-.954-.017-1.504-.706-1.863.502-.116.88-.446.981-1.128Zm-1.755,2.461c-.237.954-1.843.438-2.364.309l.422-1.691c.521.13,2.19.387,1.942,1.382Zm.238-2.474c-.217.868-1.553.427-1.987.319l.382-1.533c.434.108,1.83.31,1.604,1.215Z\"></path></g>"
|
|
3085
|
+
}
|
|
3086
|
+
}
|
|
3087
|
+
};
|
|
3033
3088
|
const blog = {
|
|
3034
3089
|
name: "blog",
|
|
3035
3090
|
keywords: [
|
|
@@ -3597,6 +3652,23 @@ const curacao = {
|
|
|
3597
3652
|
}
|
|
3598
3653
|
}
|
|
3599
3654
|
};
|
|
3655
|
+
const cvc = {
|
|
3656
|
+
name: "cvc",
|
|
3657
|
+
keywords: [
|
|
3658
|
+
"credit",
|
|
3659
|
+
"card",
|
|
3660
|
+
"cvc",
|
|
3661
|
+
"cvv",
|
|
3662
|
+
"debit"
|
|
3663
|
+
],
|
|
3664
|
+
style: "colored",
|
|
3665
|
+
heights: {
|
|
3666
|
+
"32": {
|
|
3667
|
+
width: 32,
|
|
3668
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#e6e6e6\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path fill=\"#fff\" stroke-width=\"0\" d=\"M6 18H19V21H6z\"></path><path fill=\"#1a1a1a\" stroke-width=\"0\" d=\"m24.5,13.5c1.519,0,2.902.569,3.96,1.5h1.54v-4H2v4h18.541c1.057-.931,2.44-1.5,3.959-1.5Z\"></path><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><circle cx=\"24.5\" cy=\"19.5\" r=\"6\" fill=\"#e6e6e6\" stroke-width=\"0\"></circle><path fill=\"#fff\" stroke-width=\"0\" d=\"M19 17H29V22H19z\"></path><circle cx=\"24.5\" cy=\"19.5\" r=\"6\" fill=\"none\" stroke=\"#ed1c24\" stroke-miterlimit=\"10\"></circle><circle cx=\"21.75\" cy=\"19.5\" r=\".75\" fill=\"#1a1a1a\" stroke-width=\"0\"></circle><circle cx=\"24.25\" cy=\"19.5\" r=\".75\" fill=\"#1a1a1a\" stroke-width=\"0\"></circle><circle cx=\"26.75\" cy=\"19.5\" r=\".75\" fill=\"#1a1a1a\" stroke-width=\"0\"></circle></g>"
|
|
3669
|
+
}
|
|
3670
|
+
}
|
|
3671
|
+
};
|
|
3600
3672
|
const cyprus = {
|
|
3601
3673
|
name: "cyprus",
|
|
3602
3674
|
keywords: [
|
|
@@ -3672,6 +3744,22 @@ const denmark = {
|
|
|
3672
3744
|
}
|
|
3673
3745
|
}
|
|
3674
3746
|
};
|
|
3747
|
+
const discover = {
|
|
3748
|
+
name: "discover",
|
|
3749
|
+
keywords: [
|
|
3750
|
+
"credit",
|
|
3751
|
+
"card",
|
|
3752
|
+
"discover",
|
|
3753
|
+
"debit"
|
|
3754
|
+
],
|
|
3755
|
+
style: "colored",
|
|
3756
|
+
heights: {
|
|
3757
|
+
"32": {
|
|
3758
|
+
width: 32,
|
|
3759
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path fill=\"#f47922\" stroke-width=\"0\" d=\"m27,7h-8c4.971,0,9,4.029,9,9s-4.029,9-9,9h8c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Z\"></path><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m5.081,14.116h-1.081v3.777h1.076c.572,0,.985-.135,1.348-.436.431-.357.686-.894.686-1.45,0-1.115-.833-1.891-2.027-1.891Zm.86,2.837c-.231.209-.532.3-1.008.3h-.198v-2.497h.198c.476,0,.765.085,1.008.305.255.227.408.578.408.94s-.153.725-.408.952Z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"M7.448 14.116H8.185V17.893H7.448z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m9.986,15.565c-.442-.164-.572-.271-.572-.475,0-.238.231-.419.549-.419.221,0,.402.091.594.306l.386-.505c-.317-.277-.696-.419-1.11-.419-.668,0-1.178.464-1.178,1.082,0,.52.237.787.929,1.036.288.102.435.17.509.215.147.096.221.232.221.391,0,.306-.243.533-.572.533-.351,0-.634-.175-.804-.504l-.476.458c.339.498.747.719,1.308.719.766,0,1.303-.509,1.303-1.24,0-.6-.248-.872-1.086-1.178Z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m11.305,16.007c0,1.11.872,1.971,1.994,1.971.317,0,.589-.062.924-.22v-.867c-.295.295-.555.414-.889.414-.742,0-1.269-.538-1.269-1.303,0-.725.543-1.297,1.234-1.297.351,0,.617.125.924.425v-.867c-.323-.164-.589-.232-.906-.232-1.116,0-2.011.878-2.011,1.976Z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"M20.063 16.653L19.056 14.116 18.251 14.116 19.854 17.99 20.25 17.99 21.882 14.116 21.083 14.116 20.063 16.653z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"M22.215 17.893L24.304 17.893 24.304 17.253 22.951 17.253 22.951 16.234 24.254 16.234 24.254 15.594 22.951 15.594 22.951 14.756 24.304 14.756 24.304 14.116 22.215 14.116 22.215 17.893z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m27.221,15.231c0-.707-.487-1.115-1.337-1.115h-1.092v3.777h.736v-1.517h.096l1.02,1.517h.906l-1.189-1.591c.555-.113.861-.492.861-1.071Zm-1.478.624h-.216v-1.144h.227c.459,0,.708.192.708.56,0,.38-.249.584-.72.584Z\"></path><path fill=\"#f47922\" stroke-width=\"0\" d=\"m18.461,16c0,1.105-.895,2-2,2s-2-.895-2-2,.895-2,2-2,2,.895,2,2Z\"></path></g>"
|
|
3760
|
+
}
|
|
3761
|
+
}
|
|
3762
|
+
};
|
|
3675
3763
|
const djibouti = {
|
|
3676
3764
|
name: "djibouti",
|
|
3677
3765
|
keywords: [
|
|
@@ -3970,6 +4058,19 @@ const eye = {
|
|
|
3970
4058
|
}
|
|
3971
4059
|
}
|
|
3972
4060
|
};
|
|
4061
|
+
const facebook = {
|
|
4062
|
+
name: "facebook",
|
|
4063
|
+
keywords: [
|
|
4064
|
+
"logo",
|
|
4065
|
+
"facebook"
|
|
4066
|
+
],
|
|
4067
|
+
heights: {
|
|
4068
|
+
"32": {
|
|
4069
|
+
width: 32,
|
|
4070
|
+
path: "<g fill=\"currentColor\"><path d=\"M16,2c-7.732,0-14,6.268-14,14,0,6.566,4.52,12.075,10.618,13.588v-9.31h-2.887v-4.278h2.887v-1.843c0-4.765,2.156-6.974,6.835-6.974,.887,0,2.417,.174,3.043,.348v3.878c-.33-.035-.904-.052-1.617-.052-2.296,0-3.183,.87-3.183,3.13v1.513h4.573l-.786,4.278h-3.787v9.619c6.932-.837,12.304-6.74,12.304-13.897,0-7.732-6.268-14-14-14Z\"></path></g>"
|
|
4071
|
+
}
|
|
4072
|
+
}
|
|
4073
|
+
};
|
|
3973
4074
|
const fiji = {
|
|
3974
4075
|
name: "fiji",
|
|
3975
4076
|
keywords: [
|
|
@@ -4015,6 +4116,63 @@ const file = {
|
|
|
4015
4116
|
}
|
|
4016
4117
|
}
|
|
4017
4118
|
};
|
|
4119
|
+
const files = {
|
|
4120
|
+
name: "files",
|
|
4121
|
+
keywords: [
|
|
4122
|
+
"page",
|
|
4123
|
+
"data",
|
|
4124
|
+
"document",
|
|
4125
|
+
"paper",
|
|
4126
|
+
"file",
|
|
4127
|
+
"files"
|
|
4128
|
+
],
|
|
4129
|
+
heights: {
|
|
4130
|
+
"16": {
|
|
4131
|
+
width: 16,
|
|
4132
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 11.79h-0.89a1.78 1.78 0 0 1-1.78-1.78v-7.12a1.78 1.78 0 0 1 1.78-1.78h4.45a1.78 1.78 0 0 1 1.78 1.78v0.94\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 12.68v-7.12a1.78 1.78 0 0 1 1.78-1.78h3.64c0.24 0 0.46 0.09 0.63 0.26l2.59 2.6a0.89 0.89 0 0 1 0.26 0.63v5.41a1.78 1.78 0 0 1-1.78 1.78h-5.34a1.78 1.78 0 0 1-1.78-1.78z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M13.57 7.34h-2.67a0.89 0.89 0 0 1-0.89-0.89v-2.67\"></path></g>"
|
|
4133
|
+
},
|
|
4134
|
+
"20": {
|
|
4135
|
+
width: 20,
|
|
4136
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 14.74h-1.11a2.23 2.23 0 0 1-2.23-2.23v-8.9a2.23 2.23 0 0 1 2.23-2.22h5.56a2.23 2.23 0 0 1 2.22 2.22v1.18\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 15.85v-8.9a2.23 2.23 0 0 1 2.22-2.23h4.55c0.3 0 0.58 0.11 0.79 0.33l3.24 3.25a1.11 1.11 0 0 1 0.32 0.79v6.76a2.23 2.23 0 0 1-2.22 2.23h-6.68a2.23 2.23 0 0 1-2.22-2.23z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M16.96 9.18h-3.34a1.11 1.11 0 0 1-1.11-1.12v-3.33\"></path></g>"
|
|
4137
|
+
},
|
|
4138
|
+
"24": {
|
|
4139
|
+
width: 24,
|
|
4140
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 17.69h-1.33a2.68 2.68 0 0 1-2.68-2.68v-10.68a2.68 2.68 0 0 1 2.68-2.66h6.67a2.68 2.68 0 0 1 2.66 2.66v1.42\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 19.02v-10.68a2.68 2.68 0 0 1 2.66-2.68h5.46c0.36 0 0.7 0.13 0.95 0.4l3.89 3.9a1.33 1.33 0 0 1 0.38 0.95v8.11a2.68 2.68 0 0 1-2.66 2.68h-8.02a2.68 2.68 0 0 1-2.66-2.68z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M20.35 11.02h-4.01a1.33 1.33 0 0 1-1.33-1.35v-3.99\"></path></g>"
|
|
4141
|
+
},
|
|
4142
|
+
"32": {
|
|
4143
|
+
width: 32,
|
|
4144
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 23.53h-1.77a3.56 3.56 0 0 1-3.56-3.57v-14.2a3.56 3.56 0 0 1 3.56-3.54h8.88a3.56 3.56 0 0 1 3.53 3.54v1.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 25.3v-14.21a3.56 3.56 0 0 1 3.54-3.56h7.26c0.48 0 0.93 0.17 1.27 0.53l5.17 5.19a1.77 1.77 0 0 1 0.51 1.26v10.79a3.56 3.56 0 0 1-3.54 3.56h-10.67a3.56 3.56 0 0 1-3.54-3.56z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M27.07 14.66h-5.34a1.77 1.77 0 0 1-1.77-1.8v-5.31\"></path></g>"
|
|
4145
|
+
}
|
|
4146
|
+
}
|
|
4147
|
+
};
|
|
4148
|
+
const fill = {
|
|
4149
|
+
name: "fill",
|
|
4150
|
+
keywords: [
|
|
4151
|
+
"drop",
|
|
4152
|
+
"color",
|
|
4153
|
+
"paint",
|
|
4154
|
+
"fill",
|
|
4155
|
+
"bucket"
|
|
4156
|
+
],
|
|
4157
|
+
heights: {
|
|
4158
|
+
"16": {
|
|
4159
|
+
width: 16,
|
|
4160
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M13.69 10.8c-0.19-0.19-0.37-0.39-0.55-0.62a0.46 0.46 0 0 0-0.69 0c-0.18 0.22-0.37 0.42-0.56 0.62-0.6 0.63-1.21 1.28-1.21 2.41 0 1.18 0.95 2.14 2.11 2.14s2.11-0.96 2.12-2.14c0-1.14-0.62-1.79-1.22-2.41z\"></path><path fill=\"currentColor\" d=\"M12.87 7.51l-6.11-7.27a0.67 0.67 0 0 0-1.02 0.86l0.77 0.92-4.72 3.86a2.45 2.45 0 0 0-0.34 3.45l2.63 3.19a2.43 2.43 0 0 0 1.9 0.9c0.57 0 1.12-0.2 1.57-0.57l5.24-4.4a0.67 0.67 0 0 0 0.08-0.94z m-5.5-4.47l3.43 4.08h-8.33c0.05-0.07 0.1-0.15 0.16-0.2l4.74-3.88z\"></path></g>"
|
|
4161
|
+
},
|
|
4162
|
+
"20": {
|
|
4163
|
+
width: 20,
|
|
4164
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M17.08 13.47c-0.23-0.24-0.47-0.49-0.69-0.77a0.57 0.57 0 0 0-0.87 0c-0.22 0.28-0.46 0.53-0.69 0.77-0.74 0.78-1.51 1.6-1.51 3.01 0 1.47 1.18 2.67 2.64 2.67s2.64-1.2 2.63-2.67c0-1.42-0.77-2.23-1.51-3.01z\"></path><path fill=\"currentColor\" d=\"M16.06 9.36l-7.63-9.06a0.83 0.83 0 0 0-1.27 1.07l0.97 1.15-5.9 4.81a3.06 3.06 0 0 0-0.43 4.3l3.29 3.99a3.03 3.03 0 0 0 2.37 1.12c0.72 0 1.4-0.25 1.96-0.71l6.53-5.49a0.83 0.83 0 0 0 0.11-1.18z m-6.86-5.57l4.28 5.09h-10.4c0.07-0.09 0.12-0.18 0.21-0.26l5.91-4.83z\"></path></g>"
|
|
4165
|
+
},
|
|
4166
|
+
"24": {
|
|
4167
|
+
width: 24,
|
|
4168
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M20.46 16.14c-0.28-0.29-0.56-0.59-0.82-0.93a0.69 0.69 0 0 0-1.04 0c-0.27 0.33-0.55 0.63-0.83 0.93-0.89 0.94-1.81 1.91-1.81 3.61 0 1.76 1.42 3.19 3.16 3.19s3.16-1.43 3.16-3.19c0-1.7-0.92-2.67-1.82-3.61z\"></path><path fill=\"currentColor\" d=\"M19.24 11.22l-9.13-10.86a1 1 0 0 0-1.53 1.28l1.16 1.38-7.07 5.77a3.67 3.67 0 0 0-0.51 5.15l3.94 4.78a3.63 3.63 0 0 0 2.84 1.34c0.86 0 1.68-0.3 2.35-0.86l7.83-6.58a1 1 0 0 0 0.12-1.4z m-8.22-6.68l5.13 6.1h-12.46c0.08-0.11 0.14-0.22 0.25-0.31l7.08-5.79z\"></path></g>"
|
|
4169
|
+
},
|
|
4170
|
+
"32": {
|
|
4171
|
+
width: 32,
|
|
4172
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M27.39 21.59c-0.37-0.39-0.75-0.79-1.11-1.23a0.92 0.92 0 0 0-1.39 0c-0.36 0.45-0.74 0.85-1.1 1.23-1.19 1.26-2.43 2.56-2.43 4.84 0 2.36 1.9 4.28 4.23 4.27s4.23-1.92 4.23-4.27c0-2.28-1.23-3.58-2.43-4.84z\"></path><path fill=\"currentColor\" d=\"M25.75 15.01l-12.23-14.53a1.34 1.34 0 0 0-2.04 1.71l1.55 1.85-9.45 7.72a4.91 4.91 0 0 0-0.69 6.9l5.28 6.39a4.86 4.86 0 0 0 3.8 1.8c1.15 0 2.25-0.4 3.14-1.15l10.47-8.8a1.34 1.34 0 0 0 0.17-1.88z m-11-8.93l6.86 8.16h-16.68c0.11-0.14 0.19-0.29 0.34-0.41l9.48-7.75z\"></path></g>"
|
|
4173
|
+
}
|
|
4174
|
+
}
|
|
4175
|
+
};
|
|
4018
4176
|
const fingerprint = {
|
|
4019
4177
|
name: "fingerprint",
|
|
4020
4178
|
keywords: [
|
|
@@ -4281,6 +4439,19 @@ const gift = {
|
|
|
4281
4439
|
}
|
|
4282
4440
|
}
|
|
4283
4441
|
};
|
|
4442
|
+
const google = {
|
|
4443
|
+
name: "google",
|
|
4444
|
+
keywords: [
|
|
4445
|
+
"logo",
|
|
4446
|
+
"google"
|
|
4447
|
+
],
|
|
4448
|
+
heights: {
|
|
4449
|
+
"32": {
|
|
4450
|
+
width: 32,
|
|
4451
|
+
path: "<g fill=\"currentColor\"><path d=\"M29.44,16.318c0-.993-.089-1.947-.255-2.864h-13.185v5.422h7.535c-.331,1.744-1.324,3.22-2.813,4.213v3.525h4.544c2.647-2.444,4.175-6.033,4.175-10.296Z\" opacity=\".4\"></path><path d=\"M16,30c3.78,0,6.949-1.247,9.265-3.385l-4.544-3.525c-1.247,.84-2.838,1.349-4.722,1.349-3.64,0-6.733-2.456-7.84-5.765l-2.717,2.09-1.941,1.525c2.304,4.569,7.025,7.713,12.498,7.713Z\"></path><path d=\"M8.16,18.66c-.28-.84-.445-1.731-.445-2.66s.165-1.82,.445-2.66v-3.615H3.502c-.955,1.884-1.502,4.009-1.502,6.275s.547,4.391,1.502,6.275h3.332s1.327-3.615,1.327-3.615Z\" opacity=\".4\"></path><path d=\"M16,7.575c2.062,0,3.895,.713,5.358,2.087l4.009-4.009c-2.431-2.265-5.587-3.653-9.367-3.653-5.473,0-10.195,3.144-12.498,7.725l4.658,3.615c1.107-3.309,4.2-5.765,7.84-5.765Z\"></path></g>"
|
|
4452
|
+
}
|
|
4453
|
+
}
|
|
4454
|
+
};
|
|
4284
4455
|
const greece = {
|
|
4285
4456
|
name: "greece",
|
|
4286
4457
|
keywords: [
|
|
@@ -4582,6 +4753,19 @@ const indonesia = {
|
|
|
4582
4753
|
}
|
|
4583
4754
|
}
|
|
4584
4755
|
};
|
|
4756
|
+
const instagram = {
|
|
4757
|
+
name: "instagram",
|
|
4758
|
+
keywords: [
|
|
4759
|
+
"logo",
|
|
4760
|
+
"instagram"
|
|
4761
|
+
],
|
|
4762
|
+
heights: {
|
|
4763
|
+
"32": {
|
|
4764
|
+
width: 32,
|
|
4765
|
+
path: "<g fill=\"currentColor\"><path d=\"M10.202,2.098c-1.49,.07-2.507,.308-3.396,.657-.92,.359-1.7,.84-2.477,1.619-.776,.779-1.254,1.56-1.61,2.481-.345,.891-.578,1.909-.644,3.4-.066,1.49-.08,1.97-.073,5.771s.024,4.278,.096,5.772c.071,1.489,.308,2.506,.657,3.396,.359,.92,.84,1.7,1.619,2.477,.779,.776,1.559,1.253,2.483,1.61,.89,.344,1.909,.579,3.399,.644,1.49,.065,1.97,.08,5.771,.073,3.801-.007,4.279-.024,5.773-.095s2.505-.309,3.395-.657c.92-.36,1.701-.84,2.477-1.62s1.254-1.561,1.609-2.483c.345-.89,.579-1.909,.644-3.398,.065-1.494,.081-1.971,.073-5.773s-.024-4.278-.095-5.771-.308-2.507-.657-3.397c-.36-.92-.84-1.7-1.619-2.477s-1.561-1.254-2.483-1.609c-.891-.345-1.909-.58-3.399-.644s-1.97-.081-5.772-.074-4.278,.024-5.771,.096m.164,25.309c-1.365-.059-2.106-.286-2.6-.476-.654-.252-1.12-.557-1.612-1.044s-.795-.955-1.05-1.608c-.192-.494-.423-1.234-.487-2.599-.069-1.475-.084-1.918-.092-5.656s.006-4.18,.071-5.656c.058-1.364,.286-2.106,.476-2.6,.252-.655,.556-1.12,1.044-1.612s.955-.795,1.608-1.05c.493-.193,1.234-.422,2.598-.487,1.476-.07,1.919-.084,5.656-.092,3.737-.008,4.181,.006,5.658,.071,1.364,.059,2.106,.285,2.599,.476,.654,.252,1.12,.555,1.612,1.044s.795,.954,1.051,1.609c.193,.492,.422,1.232,.486,2.597,.07,1.476,.086,1.919,.093,5.656,.007,3.737-.006,4.181-.071,5.656-.06,1.365-.286,2.106-.476,2.601-.252,.654-.556,1.12-1.045,1.612s-.955,.795-1.608,1.05c-.493,.192-1.234,.422-2.597,.487-1.476,.069-1.919,.084-5.657,.092s-4.18-.007-5.656-.071M21.779,8.517c.002,.928,.755,1.679,1.683,1.677s1.679-.755,1.677-1.683c-.002-.928-.755-1.679-1.683-1.677,0,0,0,0,0,0-.928,.002-1.678,.755-1.677,1.683m-12.967,7.496c.008,3.97,3.232,7.182,7.202,7.174s7.183-3.232,7.176-7.202c-.008-3.97-3.233-7.183-7.203-7.175s-7.182,3.233-7.174,7.203m2.522-.005c-.005-2.577,2.08-4.671,4.658-4.676,2.577-.005,4.671,2.08,4.676,4.658,.005,2.577-2.08,4.671-4.658,4.676-2.577,.005-4.671-2.079-4.676-4.656h0\"></path></g>"
|
|
4766
|
+
}
|
|
4767
|
+
}
|
|
4768
|
+
};
|
|
4585
4769
|
const iran = {
|
|
4586
4770
|
name: "iran",
|
|
4587
4771
|
keywords: [
|
|
@@ -5028,6 +5212,19 @@ const link = {
|
|
|
5028
5212
|
}
|
|
5029
5213
|
}
|
|
5030
5214
|
};
|
|
5215
|
+
const linkedin = {
|
|
5216
|
+
name: "linkedin",
|
|
5217
|
+
keywords: [
|
|
5218
|
+
"logo",
|
|
5219
|
+
"linkedin"
|
|
5220
|
+
],
|
|
5221
|
+
heights: {
|
|
5222
|
+
"32": {
|
|
5223
|
+
width: 32,
|
|
5224
|
+
path: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M26.111,3H5.889c-1.595,0-2.889,1.293-2.889,2.889V26.111c0,1.595,1.293,2.889,2.889,2.889H26.111c1.595,0,2.889-1.293,2.889-2.889V5.889c0-1.595-1.293-2.889-2.889-2.889ZM10.861,25.389h-3.877V12.87h3.877v12.519Zm-1.957-14.158c-1.267,0-2.293-1.034-2.293-2.31s1.026-2.31,2.293-2.31,2.292,1.034,2.292,2.31-1.026,2.31-2.292,2.31Zm16.485,14.158h-3.858v-6.571c0-1.802-.685-2.809-2.111-2.809-1.551,0-2.362,1.048-2.362,2.809v6.571h-3.718V12.87h3.718v1.686s1.118-2.069,3.775-2.069,4.556,1.621,4.556,4.975v7.926Z\"></path></g>"
|
|
5225
|
+
}
|
|
5226
|
+
}
|
|
5227
|
+
};
|
|
5031
5228
|
const lithuania = {
|
|
5032
5229
|
name: "lithuania",
|
|
5033
5230
|
keywords: [
|
|
@@ -5115,6 +5312,22 @@ const madagascar = {
|
|
|
5115
5312
|
}
|
|
5116
5313
|
}
|
|
5117
5314
|
};
|
|
5315
|
+
const maestro = {
|
|
5316
|
+
name: "maestro",
|
|
5317
|
+
keywords: [
|
|
5318
|
+
"credit",
|
|
5319
|
+
"card",
|
|
5320
|
+
"debit",
|
|
5321
|
+
"maestro"
|
|
5322
|
+
],
|
|
5323
|
+
style: "colored",
|
|
5324
|
+
heights: {
|
|
5325
|
+
"32": {
|
|
5326
|
+
width: 32,
|
|
5327
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#7375cf\" stroke-width=\"0\" d=\"M13.597 11.677H18.407V20.32H13.597z\"></path><path fill=\"#eb001b\" stroke-width=\"0\" d=\"m13.902,15.999c0-1.68.779-3.283,2.092-4.322-2.382-1.878-5.849-1.466-7.727.932-1.863,2.382-1.451,5.833.947,7.712,2,1.573,4.795,1.573,6.795,0-1.329-1.038-2.107-2.642-2.107-4.322Z\"></path><path fill=\"#00a2e5\" stroke-width=\"0\" d=\"m24.897,15.999c0,3.039-2.459,5.497-5.497,5.497-1.237,0-2.428-.412-3.39-1.176,2.382-1.878,2.795-5.329.916-7.727-.275-.336-.58-.657-.916-.916,2.382-1.878,5.849-1.466,7.712.932.764.962,1.176,2.153,1.176,3.39Z\"></path></g>"
|
|
5328
|
+
}
|
|
5329
|
+
}
|
|
5330
|
+
};
|
|
5118
5331
|
const magnifier = {
|
|
5119
5332
|
name: "magnifier",
|
|
5120
5333
|
keywords: [
|
|
@@ -5256,6 +5469,22 @@ const martinique = {
|
|
|
5256
5469
|
}
|
|
5257
5470
|
}
|
|
5258
5471
|
};
|
|
5472
|
+
const mastercard = {
|
|
5473
|
+
name: "mastercard",
|
|
5474
|
+
keywords: [
|
|
5475
|
+
"credit",
|
|
5476
|
+
"card",
|
|
5477
|
+
"debit",
|
|
5478
|
+
"mastercard"
|
|
5479
|
+
],
|
|
5480
|
+
style: "colored",
|
|
5481
|
+
heights: {
|
|
5482
|
+
"32": {
|
|
5483
|
+
width: 32,
|
|
5484
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#141413\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#ff5f00\" stroke-width=\"0\" d=\"M13.597 11.677H18.407V20.32H13.597z\"></path><path fill=\"#eb001b\" stroke-width=\"0\" d=\"m13.902,15.999c0-1.68.779-3.283,2.092-4.322-2.382-1.878-5.849-1.466-7.727.932-1.863,2.382-1.451,5.833.947,7.712,2,1.573,4.795,1.573,6.795,0-1.329-1.038-2.107-2.642-2.107-4.322Z\"></path><path fill=\"#f79e1b\" stroke-width=\"0\" d=\"m24.897,15.999c0,3.039-2.459,5.497-5.497,5.497-1.237,0-2.428-.412-3.39-1.176,2.382-1.878,2.795-5.329.916-7.727-.275-.336-.58-.657-.916-.916,2.382-1.878,5.849-1.466,7.712.932.764.962,1.176,2.153,1.176,3.39Z\"></path></g>"
|
|
5485
|
+
}
|
|
5486
|
+
}
|
|
5487
|
+
};
|
|
5259
5488
|
const mauritania = {
|
|
5260
5489
|
name: "mauritania",
|
|
5261
5490
|
keywords: [
|
|
@@ -5482,6 +5711,35 @@ const mongolia = {
|
|
|
5482
5711
|
}
|
|
5483
5712
|
}
|
|
5484
5713
|
};
|
|
5714
|
+
const monitor = {
|
|
5715
|
+
name: "monitor",
|
|
5716
|
+
keywords: [
|
|
5717
|
+
"desktop",
|
|
5718
|
+
"screen",
|
|
5719
|
+
"monitor",
|
|
5720
|
+
"computer",
|
|
5721
|
+
"device",
|
|
5722
|
+
"display"
|
|
5723
|
+
],
|
|
5724
|
+
heights: {
|
|
5725
|
+
"16": {
|
|
5726
|
+
width: 16,
|
|
5727
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 14.02a9.62 9.62 0 0 1 5.78 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.01 11.35v2.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M12.68 2.45h-9.34a1.78 1.78 0 0 0-1.78 1.78v5.34a1.78 1.78 0 0 0 1.78 1.78h9.34a1.78 1.78 0 0 0 1.78-1.78v-5.34a1.78 1.78 0 0 0-1.78-1.78z\"></path></g>"
|
|
5728
|
+
},
|
|
5729
|
+
"20": {
|
|
5730
|
+
width: 20,
|
|
5731
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.38 17.48a12 12 0 0 1 7.22 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.99 14.15v2.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M15.82 3.05h-11.66a2.22 2.22 0 0 0-2.22 2.22v6.66a2.22 2.22 0 0 0 2.22 2.22h11.66a2.22 2.22 0 0 0 2.22-2.22v-6.66a2.22 2.22 0 0 0-2.22-2.22z\"></path></g>"
|
|
5732
|
+
},
|
|
5733
|
+
"24": {
|
|
5734
|
+
width: 24,
|
|
5735
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.65 20.95a14.38 14.38 0 0 1 8.64 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.97 16.96v3.32\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M18.95 3.66h-13.96a2.66 2.66 0 0 0-2.66 2.66v7.98a2.66 2.66 0 0 0 2.66 2.66h13.96a2.66 2.66 0 0 0 2.66-2.66v-7.98a2.66 2.66 0 0 0-2.66-2.66z\"></path></g>"
|
|
5736
|
+
},
|
|
5737
|
+
"32": {
|
|
5738
|
+
width: 32,
|
|
5739
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.23 28.04a19.25 19.25 0 0 1 11.57 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 22.7v4.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M25.37 4.9h-18.7a3.56 3.56 0 0 0-3.56 3.56v10.68a3.56 3.56 0 0 0 3.56 3.56h18.7a3.56 3.56 0 0 0 3.56-3.56v-10.68a3.56 3.56 0 0 0-3.56-3.56z\"></path></g>"
|
|
5740
|
+
}
|
|
5741
|
+
}
|
|
5742
|
+
};
|
|
5485
5743
|
const montenegro = {
|
|
5486
5744
|
name: "montenegro",
|
|
5487
5745
|
keywords: [
|
|
@@ -5776,6 +6034,22 @@ const paraguay = {
|
|
|
5776
6034
|
}
|
|
5777
6035
|
}
|
|
5778
6036
|
};
|
|
6037
|
+
const paypal = {
|
|
6038
|
+
name: "paypal",
|
|
6039
|
+
keywords: [
|
|
6040
|
+
"credit",
|
|
6041
|
+
"card",
|
|
6042
|
+
"debit",
|
|
6043
|
+
"paypal"
|
|
6044
|
+
],
|
|
6045
|
+
style: "colored",
|
|
6046
|
+
heights: {
|
|
6047
|
+
"32": {
|
|
6048
|
+
width: 32,
|
|
6049
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#003087\" stroke-width=\"0\" d=\"m5.03,12.792c-.069,0-.128.05-.139.119l-.801,5.082c-.011.071.037.138.108.149.007.001.013.002.02.002h.95c.069,0,.128-.05.139-.119l.235-1.492c.011-.068.07-.119.139-.119h.864c1.01,0,1.866-.737,2.023-1.735.158-1.007-.629-1.884-1.743-1.886h-1.796Zm.924,1.134h.691c.569,0,.754.336.696.707-.059.372-.346.646-.897.646h-.704l.213-1.353Zm4.548.345c-.24,0-.516.05-.826.179-.711.296-1.053.909-1.198,1.355,0,0-.462,1.362.581,2.111,0,0,.967.721,2.056-.044l-.019.119c-.011.071.037.138.108.149.007.001.013.002.02.002h.902c.069,0,.128-.05.139-.119l.549-3.48c.011-.071-.037-.138-.108-.149-.007-.001-.013-.002-.02-.002h-.902c-.069,0-.128.05-.139.119l-.029.187s-.394-.43-1.114-.428h0Zm.029,1.099c.104,0,.198.014.283.042.389.125.61.499.546.904-.079.499-.488.867-1.013.867-.103,0-.198-.014-.283-.042-.389-.125-.611-.499-.547-.904.079-.499.489-.867,1.014-.867h0Z\"></path><path fill=\"#0070e0\" stroke-width=\"0\" d=\"m18.022,12.792c-.069,0-.128.05-.139.119l-.801,5.082c-.011.071.037.138.108.149.007.001.013.002.02.002h.95c.069,0,.128-.05.139-.119l.235-1.492c.011-.068.07-.119.139-.119h.864c1.01,0,1.866-.737,2.023-1.735.158-1.007-.628-1.884-1.743-1.886h-1.796Zm.924,1.134h.691c.569,0,.754.336.696.707-.059.372-.346.646-.897.646h-.704l.213-1.353Zm4.548.345c-.24,0-.516.05-.826.179-.711.296-1.053.909-1.198,1.355,0,0-.461,1.362.581,2.111,0,0,.967.721,2.056-.044l-.019.119c-.011.071.037.138.108.149.007.001.013.002.02.002h.902c.069,0,.128-.05.139-.119l.549-3.48c.011-.071-.037-.138-.108-.149-.007-.001-.014-.002-.02-.002h-.902c-.069,0-.128.05-.139.119l-.029.187s-.394-.43-1.114-.428h0Zm.029,1.099c.104,0,.198.014.283.042.389.125.61.499.546.904-.079.499-.488.867-1.013.867-.103,0-.198-.014-.283-.042-.389-.125-.611-.499-.547-.904.079-.499.489-.867,1.014-.867h0Z\"></path><path fill=\"#003087\" stroke-width=\"0\" d=\"m13.243,14.394c-.072,0-.122.07-.101.138l.989,3.069-.894,1.446c-.043.07.007.161.09.161h1.057c.061,0,.118-.032.15-.085l2.762-4.569c.042-.07-.008-.16-.09-.16h-1.057c-.062,0-.12.033-.151.086l-1.087,1.836-.552-1.822c-.018-.059-.073-.1-.135-.1h-.981Z\"></path><path fill=\"#0070e0\" stroke-width=\"0\" d=\"m26.831,12.792c-.069,0-.128.05-.139.119l-.802,5.082c-.011.071.037.138.108.149.007.001.014.002.02.002h.95c.069,0,.128-.05.139-.119l.801-5.082c.011-.071-.037-.138-.108-.149-.007-.001-.013-.002-.02-.002h-.95Z\"></path></g>"
|
|
6050
|
+
}
|
|
6051
|
+
}
|
|
6052
|
+
};
|
|
5779
6053
|
const percentage = {
|
|
5780
6054
|
name: "percentage",
|
|
5781
6055
|
keywords: [
|
|
@@ -5914,6 +6188,19 @@ const pin = {
|
|
|
5914
6188
|
}
|
|
5915
6189
|
}
|
|
5916
6190
|
};
|
|
6191
|
+
const pinterest = {
|
|
6192
|
+
name: "pinterest",
|
|
6193
|
+
keywords: [
|
|
6194
|
+
"logo",
|
|
6195
|
+
"pinterest"
|
|
6196
|
+
],
|
|
6197
|
+
heights: {
|
|
6198
|
+
"32": {
|
|
6199
|
+
width: 32,
|
|
6200
|
+
path: "<g fill=\"currentColor\"><path d=\"M16,2C8.268,2,2,8.268,2,16c0,5.931,3.69,11.001,8.898,13.041-.122-1.108-.233-2.811,.049-4.02,.254-1.093,1.642-6.959,1.642-6.959,0,0-.419-.839-.419-2.079,0-1.947,1.128-3.4,2.533-3.4,1.194,0,1.771,.897,1.771,1.972,0,1.201-.765,2.997-1.16,4.661-.33,1.393,.699,2.53,2.073,2.53,2.488,0,4.401-2.624,4.401-6.411,0-3.352-2.409-5.696-5.848-5.696-3.983,0-6.322,2.988-6.322,6.076,0,1.203,.464,2.494,1.042,3.195,.114,.139,.131,.26,.097,.402-.106,.442-.342,1.393-.389,1.588-.061,.256-.203,.311-.468,.187-1.749-.814-2.842-3.37-2.842-5.424,0-4.416,3.209-8.472,9.25-8.472,4.857,0,8.631,3.461,8.631,8.086,0,4.825-3.042,8.708-7.265,8.708-1.419,0-2.752-.737-3.209-1.608,0,0-.702,2.673-.872,3.328-.316,1.216-1.169,2.74-1.74,3.67,1.31,.406,2.702,.624,4.145,.624,7.732,0,14-6.268,14-14S23.732,2,16,2Z\"></path></g>"
|
|
6201
|
+
}
|
|
6202
|
+
}
|
|
6203
|
+
};
|
|
5917
6204
|
const pinwheel = {
|
|
5918
6205
|
name: "pinwheel",
|
|
5919
6206
|
keywords: [
|
|
@@ -6403,6 +6690,19 @@ const singapore = {
|
|
|
6403
6690
|
}
|
|
6404
6691
|
}
|
|
6405
6692
|
};
|
|
6693
|
+
const slack = {
|
|
6694
|
+
name: "slack",
|
|
6695
|
+
keywords: [
|
|
6696
|
+
"logo",
|
|
6697
|
+
"slack"
|
|
6698
|
+
],
|
|
6699
|
+
heights: {
|
|
6700
|
+
"32": {
|
|
6701
|
+
width: 32,
|
|
6702
|
+
path: "<g fill=\"currentColor\"><path d=\"M8.463,19.43c0,1.503-1.228,2.731-2.731,2.731s-2.731-1.228-2.731-2.731,1.228-2.731,2.731-2.731h2.731v2.731Z\"></path><path d=\"M9.839,19.43c0-1.503,1.228-2.731,2.731-2.731s2.731,1.228,2.731,2.731v6.839c0,1.503-1.228,2.731-2.731,2.731s-2.731-1.228-2.731-2.731c0,0,0-6.839,0-6.839Z\"></path><path d=\"M12.57,8.463c-1.503,0-2.731-1.228-2.731-2.731s1.228-2.731,2.731-2.731,2.731,1.228,2.731,2.731v2.731h-2.731Z\"></path><path d=\"M12.57,9.839c1.503,0,2.731,1.228,2.731,2.731s-1.228,2.731-2.731,2.731H5.731c-1.503,0-2.731-1.228-2.731-2.731s1.228-2.731,2.731-2.731c0,0,6.839,0,6.839,0Z\"></path><path d=\"M23.537,12.57c0-1.503,1.228-2.731,2.731-2.731s2.731,1.228,2.731,2.731-1.228,2.731-2.731,2.731h-2.731v-2.731Z\"></path><path d=\"M22.161,12.57c0,1.503-1.228,2.731-2.731,2.731s-2.731-1.228-2.731-2.731V5.731c0-1.503,1.228-2.731,2.731-2.731s2.731,1.228,2.731,2.731v6.839Z\"></path><path d=\"M19.43,23.537c1.503,0,2.731,1.228,2.731,2.731s-1.228,2.731-2.731,2.731-2.731-1.228-2.731-2.731v-2.731h2.731Z\"></path><path d=\"M19.43,22.161c-1.503,0-2.731-1.228-2.731-2.731s1.228-2.731,2.731-2.731h6.839c1.503,0,2.731,1.228,2.731,2.731s-1.228,2.731-2.731,2.731h-6.839Z\"></path></g>"
|
|
6703
|
+
}
|
|
6704
|
+
}
|
|
6705
|
+
};
|
|
6406
6706
|
const slovakia = {
|
|
6407
6707
|
name: "slovakia",
|
|
6408
6708
|
keywords: [
|
|
@@ -7014,15 +7314,61 @@ const vietnam = {
|
|
|
7014
7314
|
}
|
|
7015
7315
|
}
|
|
7016
7316
|
};
|
|
7017
|
-
const
|
|
7018
|
-
name: "
|
|
7317
|
+
const visa = {
|
|
7318
|
+
name: "visa",
|
|
7019
7319
|
keywords: [
|
|
7020
|
-
"
|
|
7021
|
-
"
|
|
7022
|
-
"
|
|
7023
|
-
"
|
|
7024
|
-
|
|
7025
|
-
|
|
7320
|
+
"credit",
|
|
7321
|
+
"card",
|
|
7322
|
+
"debit",
|
|
7323
|
+
"visa"
|
|
7324
|
+
],
|
|
7325
|
+
style: "colored",
|
|
7326
|
+
heights: {
|
|
7327
|
+
"32": {
|
|
7328
|
+
width: 32,
|
|
7329
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"m13.392,12.624l-2.838,6.77h-1.851l-1.397-5.403c-.085-.332-.158-.454-.416-.595-.421-.229-1.117-.443-1.728-.576l.041-.196h2.98c.38,0,.721.253.808.69l.738,3.918,1.822-4.608h1.84Z\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"m20.646,17.183c.008-1.787-2.47-1.886-2.453-2.684.005-.243.237-.501.743-.567.251-.032.943-.058,1.727.303l.307-1.436c-.421-.152-.964-.299-1.638-.299-1.732,0-2.95.92-2.959,2.238-.011.975.87,1.518,1.533,1.843.683.332.912.545.909.841-.005.454-.545.655-1.047.663-.881.014-1.392-.238-1.799-.428l-.318,1.484c.41.188,1.165.351,1.947.359,1.841,0,3.044-.909,3.05-2.317\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"m25.423,12.624h-1.494c-.337,0-.62.195-.746.496l-2.628,6.274h1.839l.365-1.011h2.247l.212,1.011h1.62l-1.415-6.77Zm-2.16,4.372l.922-2.542.53,2.542h-1.452Z\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"M15.894 12.624L14.446 19.394 12.695 19.394 14.143 12.624 15.894 12.624z\"></path></g>"
|
|
7330
|
+
}
|
|
7331
|
+
}
|
|
7332
|
+
};
|
|
7333
|
+
const voicemail = {
|
|
7334
|
+
name: "voicemail",
|
|
7335
|
+
keywords: [
|
|
7336
|
+
"message",
|
|
7337
|
+
"phone",
|
|
7338
|
+
"audio",
|
|
7339
|
+
"voice",
|
|
7340
|
+
"mail",
|
|
7341
|
+
"voicemail",
|
|
7342
|
+
"recording"
|
|
7343
|
+
],
|
|
7344
|
+
heights: {
|
|
7345
|
+
"16": {
|
|
7346
|
+
width: 16,
|
|
7347
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M3.56 5.12a2.89 2.89 0 1 0 0 5.78 2.89 2.89 0 1 0 0-5.78z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M12.46 5.12a2.89 2.89 0 1 0 0 5.78 2.89 2.89 0 1 0 0-5.78z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M3.34 10.9h9.34\"></path></g>"
|
|
7348
|
+
},
|
|
7349
|
+
"20": {
|
|
7350
|
+
width: 20,
|
|
7351
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M4.44 6.38a3.61 3.61 0 1 0 0 7.22 3.61 3.61 0 1 0 0-7.22z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M15.54 6.38a3.61 3.61 0 1 0 0 7.22 3.61 3.61 0 1 0 0-7.22z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M4.16 13.6h11.66\"></path></g>"
|
|
7352
|
+
},
|
|
7353
|
+
"24": {
|
|
7354
|
+
width: 24,
|
|
7355
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M5.32 7.65a4.32 4.32 0 1 0 0 8.64 4.32 4.32 0 1 0 0-8.64z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M18.62 7.65a4.32 4.32 0 1 0 0 8.64 4.32 4.32 0 1 0 0-8.64z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M4.99 16.29h13.96\"></path></g>"
|
|
7356
|
+
},
|
|
7357
|
+
"32": {
|
|
7358
|
+
width: 32,
|
|
7359
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.12 10.23a5.79 5.79 0 1 0 0 11.57 5.79 5.79 0 1 0 0-11.57z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M24.92 10.23a5.79 5.79 0 1 0 0 11.57 5.79 5.79 0 1 0 0-11.57z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6.67 21.8h18.7\"></path></g>"
|
|
7360
|
+
}
|
|
7361
|
+
}
|
|
7362
|
+
};
|
|
7363
|
+
const volume = {
|
|
7364
|
+
name: "volume",
|
|
7365
|
+
keywords: [
|
|
7366
|
+
"volume",
|
|
7367
|
+
"control",
|
|
7368
|
+
"sound",
|
|
7369
|
+
"music",
|
|
7370
|
+
"audio",
|
|
7371
|
+
"speaker"
|
|
7026
7372
|
],
|
|
7027
7373
|
heights: {
|
|
7028
7374
|
"16": {
|
|
@@ -7203,6 +7549,20 @@ const yoga = {
|
|
|
7203
7549
|
}
|
|
7204
7550
|
}
|
|
7205
7551
|
};
|
|
7552
|
+
const youtube = {
|
|
7553
|
+
name: "youtube",
|
|
7554
|
+
keywords: [
|
|
7555
|
+
"logo",
|
|
7556
|
+
"youtube",
|
|
7557
|
+
"google"
|
|
7558
|
+
],
|
|
7559
|
+
heights: {
|
|
7560
|
+
"32": {
|
|
7561
|
+
width: 32,
|
|
7562
|
+
path: "<g fill=\"currentColor\"><path d=\"M31.331,8.248c-.368-1.386-1.452-2.477-2.829-2.848-2.496-.673-12.502-.673-12.502-.673,0,0-10.007,0-12.502,.673-1.377,.37-2.461,1.462-2.829,2.848-.669,2.512-.669,7.752-.669,7.752,0,0,0,5.241,.669,7.752,.368,1.386,1.452,2.477,2.829,2.847,2.496,.673,12.502,.673,12.502,.673,0,0,10.007,0,12.502-.673,1.377-.37,2.461-1.462,2.829-2.847,.669-2.512,.669-7.752,.669-7.752,0,0,0-5.24-.669-7.752ZM12.727,20.758V11.242l8.364,4.758-8.364,4.758Z\"></path></g>"
|
|
7563
|
+
}
|
|
7564
|
+
}
|
|
7565
|
+
};
|
|
7206
7566
|
const zambia = {
|
|
7207
7567
|
name: "zambia",
|
|
7208
7568
|
keywords: [
|
|
@@ -7351,6 +7711,24 @@ var data = {
|
|
|
7351
7711
|
},
|
|
7352
7712
|
albania: albania,
|
|
7353
7713
|
algeria: algeria,
|
|
7714
|
+
"american-express": {
|
|
7715
|
+
name: "american-express",
|
|
7716
|
+
keywords: [
|
|
7717
|
+
"credit",
|
|
7718
|
+
"card",
|
|
7719
|
+
"american",
|
|
7720
|
+
"express",
|
|
7721
|
+
"amex",
|
|
7722
|
+
"debit"
|
|
7723
|
+
],
|
|
7724
|
+
style: "colored",
|
|
7725
|
+
heights: {
|
|
7726
|
+
"32": {
|
|
7727
|
+
width: 32,
|
|
7728
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#0f70ce\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path fill=\"#fff\" stroke-width=\"0\" d=\"m27.026,9l-.719,1.965-.708-1.965h-3.885v2.582l-1.136-2.582h-3.119l-3.259,7.409h2.637v6.591h8.097l1.316-1.458,1.322,1.458h2.244c.112-.314.184-.647.184-1v-1.041l-1.58-1.698,1.58-1.655v-7.606c0-.353-.072-.686-.184-1h-2.79Z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"m17.679,14.433h2.61l.502,1.148h1.78l-2.531-5.754h-2.039l-2.531,5.754h1.734l.477-1.148Zm1.307-3.135l.775,1.844h-1.535l.761-1.844Z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"M22.542 9.827L25.018 9.827 26.302 13.39 27.604 9.827 30 9.827 30 15.581 28.45 15.581 28.45 11.603 26.977 15.581 25.608 15.581 24.124 11.631 24.124 15.581 22.542 15.581 22.542 9.827z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"M19.24 20.82L19.24 19.944 22.484 19.944 22.484 18.624 19.24 18.624 19.24 17.748 22.565 17.748 22.565 16.409 17.664 16.409 17.664 22.173 22.565 22.173 22.565 20.82 19.24 20.82z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"M24.638 16.409L26.271 18.234 27.968 16.409 30 16.409 27.283 19.254 30 22.173 27.939 22.173 26.249 20.309 24.567 22.173 22.537 22.173 25.272 19.275 22.537 16.409 24.638 16.409z\"></path><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path></g>"
|
|
7729
|
+
}
|
|
7730
|
+
}
|
|
7731
|
+
},
|
|
7354
7732
|
andorra: andorra,
|
|
7355
7733
|
angola: angola,
|
|
7356
7734
|
anguilla: anguilla,
|
|
@@ -7370,6 +7748,7 @@ var data = {
|
|
|
7370
7748
|
}
|
|
7371
7749
|
}
|
|
7372
7750
|
},
|
|
7751
|
+
apple: apple,
|
|
7373
7752
|
argentina: argentina,
|
|
7374
7753
|
armenia: armenia,
|
|
7375
7754
|
"arrow-bold-left-1": {
|
|
@@ -8187,6 +8566,23 @@ var data = {
|
|
|
8187
8566
|
}
|
|
8188
8567
|
},
|
|
8189
8568
|
bangladesh: bangladesh,
|
|
8569
|
+
"bank-account": {
|
|
8570
|
+
name: "bank-account",
|
|
8571
|
+
keywords: [
|
|
8572
|
+
"credit",
|
|
8573
|
+
"card",
|
|
8574
|
+
"bank",
|
|
8575
|
+
"account",
|
|
8576
|
+
"debit"
|
|
8577
|
+
],
|
|
8578
|
+
style: "colored",
|
|
8579
|
+
heights: {
|
|
8580
|
+
"32": {
|
|
8581
|
+
width: 32,
|
|
8582
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#e6e6e6\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" isolation=\"isolate\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" isolation=\"isolate\" opacity=\".2\"></path><path fill=\"#1a1a1a\" stroke-width=\"0\" d=\"m21.5,21h-11c-.2764,0-.5.2236-.5.5s.2236.5.5.5h11c.2764,0,.5-.2236.5-.5s-.2236-.5-.5-.5Z\" opacity=\".5\"></path><path fill=\"#1a1a1a\" stroke-width=\"0\" d=\"m21.6694,13.6787l-4.8486-3.2324c-.499-.332-1.1426-.332-1.6416,0l-4.8491,3.2324c-.2661.1777-.3823.5029-.2896.8096.0928.3062.3701.5117.6899.5117h1.0195v4h-.75c-.2764,0-.5.2236-.5.5s.2236.5.5.5h10c.2764,0,.5-.2236.5-.5s-.2236-.5-.5-.5h-.75v-4h1.0195c.3198,0,.5972-.2056.6899-.5117.0928-.3066-.0234-.6318-.29-.8096Zm-7.4194,5.3213h-1.5v-4h1.5v4Zm2.5,0h-1.5v-4h1.5v4Zm-.75-5.5c-.4142,0-.75-.3358-.75-.75s.3358-.75.75-.75.75.3358.75.75-.3358.75-.75.75Zm3.25,5.5h-1.5v-4h1.5v4Z\" opacity=\".5\"></path></g>"
|
|
8583
|
+
}
|
|
8584
|
+
}
|
|
8585
|
+
},
|
|
8190
8586
|
"banking-mobile": {
|
|
8191
8587
|
name: "banking-mobile",
|
|
8192
8588
|
keywords: [
|
|
@@ -8292,6 +8688,7 @@ var data = {
|
|
|
8292
8688
|
}
|
|
8293
8689
|
}
|
|
8294
8690
|
},
|
|
8691
|
+
bitcoin: bitcoin,
|
|
8295
8692
|
blog: blog,
|
|
8296
8693
|
bolivia: bolivia,
|
|
8297
8694
|
"bolt-lightning": {
|
|
@@ -8454,6 +8851,37 @@ var data = {
|
|
|
8454
8851
|
}
|
|
8455
8852
|
},
|
|
8456
8853
|
botswana: botswana,
|
|
8854
|
+
"box-archive-1": {
|
|
8855
|
+
name: "box-archive-1",
|
|
8856
|
+
keywords: [
|
|
8857
|
+
"box",
|
|
8858
|
+
"storage",
|
|
8859
|
+
"email",
|
|
8860
|
+
"mail",
|
|
8861
|
+
"mailbox",
|
|
8862
|
+
"inbox",
|
|
8863
|
+
"drawer",
|
|
8864
|
+
"archive"
|
|
8865
|
+
],
|
|
8866
|
+
heights: {
|
|
8867
|
+
"16": {
|
|
8868
|
+
width: 16,
|
|
8869
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M13.57 1.78h-11.12c-0.86 0-1.56 0.7-1.56 1.56v1.33c0 0.78 0.58 1.43 1.33 1.54v5.58a2.45 2.45 0 0 0 2.45 2.45h6.68a2.45 2.45 0 0 0 2.44-2.45v-5.58a1.55 1.55 0 0 0 1.34-1.54v-1.33c0-0.86-0.7-1.56-1.56-1.56z m-3.78 7.12h-3.56a0.67 0.67 0 0 1 0-1.33h3.56a0.67 0.67 0 0 1 0 1.33z m4-4.23a0.22 0.22 0 0 1-0.22 0.23h-11.12a0.22 0.22 0 0 1-0.23-0.23v-1.33a0.22 0.22 0 0 1 0.23-0.22h11.12a0.22 0.22 0 0 1 0.22 0.22v1.33z\"></path></g>"
|
|
8870
|
+
},
|
|
8871
|
+
"20": {
|
|
8872
|
+
width: 20,
|
|
8873
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M16.96 2.23h-13.9c-1.07 0-1.95 0.88-1.95 1.95v1.66c0 0.98 0.72 1.79 1.66 1.92v6.98a3.06 3.06 0 0 0 3.07 3.06h8.35a3.06 3.06 0 0 0 3.05-3.06v-6.98a1.94 1.94 0 0 0 1.67-1.92v-1.66c0-1.07-0.88-1.95-1.95-1.95z m-4.72 8.89h-4.45a0.84 0.84 0 0 1 0-1.66h4.45a0.84 0.84 0 0 1 0 1.66z m5-5.28a0.28 0.28 0 0 1-0.28 0.28h-13.9a0.28 0.28 0 0 1-0.29-0.28v-1.67a0.28 0.28 0 0 1 0.29-0.27h13.9a0.28 0.28 0 0 1 0.28 0.27v1.67z\"></path></g>"
|
|
8874
|
+
},
|
|
8875
|
+
"24": {
|
|
8876
|
+
width: 24,
|
|
8877
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M20.35 2.68h-16.68c-1.28 0-2.34 1.06-2.34 2.34v1.99c0 1.18 0.86 2.15 1.99 2.3v8.38a3.67 3.67 0 0 0 3.69 3.67h10.02a3.67 3.67 0 0 0 3.66-3.67v-8.38a2.33 2.33 0 0 0 2-2.3v-1.99c0-1.28-1.06-2.34-2.34-2.34z m-5.66 10.66h-5.34a1.01 1.01 0 0 1 0-1.99h5.34a1.01 1.01 0 0 1 0 1.99z m6-6.33a0.34 0.34 0 0 1-0.34 0.33h-16.68a0.34 0.34 0 0 1-0.35-0.33v-2.01a0.34 0.34 0 0 1 0.35-0.32h16.68a0.34 0.34 0 0 1 0.34 0.32v2.01z\"></path></g>"
|
|
8878
|
+
},
|
|
8879
|
+
"32": {
|
|
8880
|
+
width: 32,
|
|
8881
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M27.07 3.56h-22.19c-1.7 0-3.11 1.41-3.11 3.12v2.64c0 1.57 1.14 2.86 2.65 3.06v11.15a4.88 4.88 0 0 0 4.9 4.88h13.33a4.88 4.88 0 0 0 4.87-4.88v-11.15a3.1 3.1 0 0 0 2.66-3.06v-2.64c0-1.7-1.41-3.11-3.11-3.12z m-7.53 14.18h-7.1a1.34 1.34 0 0 1 0-2.64h7.1a1.34 1.34 0 0 1 0 2.64z m7.98-8.42a0.45 0.45 0 0 1-0.45 0.44h-22.19a0.45 0.45 0 0 1-0.46-0.44v-2.67a0.45 0.45 0 0 1 0.46-0.43h22.19a0.45 0.45 0 0 1 0.45 0.43v2.67z\"></path></g>"
|
|
8882
|
+
}
|
|
8883
|
+
}
|
|
8884
|
+
},
|
|
8457
8885
|
"box-archive": {
|
|
8458
8886
|
name: "box-archive",
|
|
8459
8887
|
keywords: [
|
|
@@ -9405,6 +9833,38 @@ var data = {
|
|
|
9405
9833
|
path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 16.91l6.67 6.67 15.58-15.57\"></path></g>"
|
|
9406
9834
|
}
|
|
9407
9835
|
}
|
|
9836
|
+
},
|
|
9837
|
+
"check-double": {
|
|
9838
|
+
name: "check-double",
|
|
9839
|
+
keywords: [
|
|
9840
|
+
"double",
|
|
9841
|
+
"mark",
|
|
9842
|
+
"tick",
|
|
9843
|
+
"success",
|
|
9844
|
+
"complete",
|
|
9845
|
+
"checked",
|
|
9846
|
+
"check",
|
|
9847
|
+
"approved",
|
|
9848
|
+
"done"
|
|
9849
|
+
],
|
|
9850
|
+
heights: {
|
|
9851
|
+
"16": {
|
|
9852
|
+
width: 16,
|
|
9853
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M0.67 8.46l3.33 4.22 7.13-9.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.57 11.84l0.66 0.84 7.12-9.12\"></path></g>"
|
|
9854
|
+
},
|
|
9855
|
+
"20": {
|
|
9856
|
+
width: 20,
|
|
9857
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M0.84 10.58l4.16 5.27 8.91-11.4\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.46 14.8l0.83 1.05 8.9-11.4\"></path></g>"
|
|
9858
|
+
},
|
|
9859
|
+
"24": {
|
|
9860
|
+
width: 24,
|
|
9861
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M1.01 12.7l4.99 6.32 10.69-13.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.35 17.76l1 1.26 10.68-13.68\"></path></g>"
|
|
9862
|
+
},
|
|
9863
|
+
"32": {
|
|
9864
|
+
width: 32,
|
|
9865
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M1.34 16.89l6.64 8.41 14.22-18.2\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.1 23.62l1.33 1.68 14.2-18.2\"></path></g>"
|
|
9866
|
+
}
|
|
9867
|
+
}
|
|
9408
9868
|
},
|
|
9409
9869
|
"chevron-down": {
|
|
9410
9870
|
name: "chevron-down",
|
|
@@ -10113,6 +10573,36 @@ var data = {
|
|
|
10113
10573
|
}
|
|
10114
10574
|
},
|
|
10115
10575
|
clipboard: clipboard,
|
|
10576
|
+
"clipboard-content": {
|
|
10577
|
+
name: "clipboard-content",
|
|
10578
|
+
keywords: [
|
|
10579
|
+
"text",
|
|
10580
|
+
"list",
|
|
10581
|
+
"note",
|
|
10582
|
+
"paper",
|
|
10583
|
+
"content",
|
|
10584
|
+
"clipboard",
|
|
10585
|
+
"task"
|
|
10586
|
+
],
|
|
10587
|
+
heights: {
|
|
10588
|
+
"16": {
|
|
10589
|
+
width: 16,
|
|
10590
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.56 2.45h-0.89a1.78 1.78 0 0 0-1.78 1.78v8.45a1.78 1.78 0 0 0 1.78 1.78h6.68a1.78 1.78 0 0 0 1.78-1.78v-8.45a1.78 1.78 0 0 0-1.78-1.78h-0.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M6.45 1.11h3.12q0.89 0 0.89 0.89v0.89q0 0.89-0.89 0.89h-3.12q-0.89 0-0.89-0.89v-0.89q0-0.89 0.89-0.89z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.56 10.46h4.9\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.56 7.79h4.9\"></path></g>"
|
|
10591
|
+
},
|
|
10592
|
+
"20": {
|
|
10593
|
+
width: 20,
|
|
10594
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.95 3.06h-1.11a2.23 2.23 0 0 0-2.23 2.23v10.56a2.23 2.23 0 0 0 2.23 2.23h8.35a2.23 2.23 0 0 0 2.22-2.23v-10.56a2.23 2.23 0 0 0-2.22-2.23h-1.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M8.06 1.39h3.9q1.11 0 1.11 1.11v1.11q0 1.11-1.11 1.12h-3.9q-1.11 0-1.11-1.12v-1.11q0-1.11 1.11-1.11z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.95 13.08h6.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.95 9.74h6.12\"></path></g>"
|
|
10595
|
+
},
|
|
10596
|
+
"24": {
|
|
10597
|
+
width: 24,
|
|
10598
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.34 3.67h-1.33a2.68 2.68 0 0 0-2.68 2.68v12.67a2.68 2.68 0 0 0 2.68 2.68h10.02a2.68 2.68 0 0 0 2.66-2.68v-12.67a2.68 2.68 0 0 0-2.66-2.68h-1.35\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M9.67 1.67h4.68q1.33 0 1.33 1.33v1.33q0 1.33-1.33 1.35h-4.68q-1.33 0-1.33-1.35v-1.33q0-1.33 1.33-1.33z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.34 15.7h7.34\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.34 11.69h7.34\"></path></g>"
|
|
10599
|
+
},
|
|
10600
|
+
"32": {
|
|
10601
|
+
width: 32,
|
|
10602
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.09 4.88h-1.77a3.56 3.56 0 0 0-3.56 3.57v16.85a3.56 3.56 0 0 0 3.56 3.56h13.33a3.56 3.56 0 0 0 3.54-3.56v-16.85a3.56 3.56 0 0 0-3.54-3.57h-1.8\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12.86 2.22h6.23q1.77 0 1.76 1.77v1.77q0 1.77-1.76 1.79h-6.23q-1.77 0-1.77-1.79v-1.77q0-1.77 1.77-1.77z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.09 20.88h9.76\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.09 15.55h9.76\"></path></g>"
|
|
10603
|
+
}
|
|
10604
|
+
}
|
|
10605
|
+
},
|
|
10116
10606
|
clock: clock,
|
|
10117
10607
|
"clock-minus": {
|
|
10118
10608
|
name: "clock-minus",
|
|
@@ -10283,6 +10773,22 @@ var data = {
|
|
|
10283
10773
|
path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.12 12.9h25.8\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M25.37 25.37h-18.7q-3.56 0-3.56-3.56v-11.57q0-3.56 3.56-3.56h18.7q3.56 0 3.56 3.56v11.57q0 3.56-3.56 3.56z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.57 20.02h5.33\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22.7 20.02h1.78\"></path></g>"
|
|
10284
10774
|
}
|
|
10285
10775
|
}
|
|
10776
|
+
},
|
|
10777
|
+
"credit-card-front": {
|
|
10778
|
+
name: "credit-card-front",
|
|
10779
|
+
keywords: [
|
|
10780
|
+
"credit",
|
|
10781
|
+
"debit",
|
|
10782
|
+
"card",
|
|
10783
|
+
"front"
|
|
10784
|
+
],
|
|
10785
|
+
style: "colored",
|
|
10786
|
+
heights: {
|
|
10787
|
+
"32": {
|
|
10788
|
+
width: 32,
|
|
10789
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#e6e6e6\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" isolation=\"isolate\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" isolation=\"isolate\" opacity=\".2\"></path><rect width=\"6\" height=\"5\" x=\"5\" y=\"11\" fill=\"#edab40\" stroke-width=\"0\" rx=\"1.5\" ry=\"1.5\"></rect><path stroke-width=\"0\" d=\"m9,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path><path stroke-width=\"0\" d=\"m14.75,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path><path stroke-width=\"0\" d=\"m20.5,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path><path stroke-width=\"0\" d=\"m26.25,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path></g>"
|
|
10790
|
+
}
|
|
10791
|
+
}
|
|
10286
10792
|
},
|
|
10287
10793
|
croatia: croatia,
|
|
10288
10794
|
cuba: cuba,
|
|
@@ -10320,6 +10826,7 @@ var data = {
|
|
|
10320
10826
|
}
|
|
10321
10827
|
}
|
|
10322
10828
|
},
|
|
10829
|
+
cvc: cvc,
|
|
10323
10830
|
cyprus: cyprus,
|
|
10324
10831
|
czechia: czechia,
|
|
10325
10832
|
deaf: deaf,
|
|
@@ -10340,6 +10847,24 @@ var data = {
|
|
|
10340
10847
|
}
|
|
10341
10848
|
},
|
|
10342
10849
|
denmark: denmark,
|
|
10850
|
+
"diners-club": {
|
|
10851
|
+
name: "diners-club",
|
|
10852
|
+
keywords: [
|
|
10853
|
+
"credit",
|
|
10854
|
+
"card",
|
|
10855
|
+
"diners",
|
|
10856
|
+
"club",
|
|
10857
|
+
"debit"
|
|
10858
|
+
],
|
|
10859
|
+
style: "colored",
|
|
10860
|
+
heights: {
|
|
10861
|
+
"32": {
|
|
10862
|
+
width: 32,
|
|
10863
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#0d4e96\" stroke-width=\"0\" d=\"m15.111,22c-3.32.015-6.052-2.674-6.052-5.948,0-3.578,2.732-6.053,6.052-6.052h1.556c3.28,0,6.274,2.473,6.274,6.052,0,3.273-2.994,5.948-6.274,5.948h-1.556Zm.014-11.504c-3.034.001-5.492,2.459-5.492,5.493,0,3.033,2.458,5.491,5.492,5.492,3.034,0,5.492-2.458,5.493-5.492,0-3.034-2.459-5.492-5.493-5.493m-1.247,8.741v-6.497c-1.305.503-2.231,1.766-2.235,3.249.003,1.483.929,2.746,2.235,3.248m4.729-3.248c-.003-1.484-.93-2.748-2.236-3.25v6.499c1.307-.502,2.234-1.766,2.236-3.25\"></path></g>"
|
|
10864
|
+
}
|
|
10865
|
+
}
|
|
10866
|
+
},
|
|
10867
|
+
discover: discover,
|
|
10343
10868
|
djibouti: djibouti,
|
|
10344
10869
|
dominica: dominica,
|
|
10345
10870
|
"dominican-republic": {
|
|
@@ -10808,6 +11333,38 @@ var data = {
|
|
|
10808
11333
|
path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.91 12.9h1.78a3.56 3.56 0 0 1 3.56 3.56v8.9a3.56 3.56 0 0 1-3.56 3.56h-13.35a3.56 3.56 0 0 1-3.56-3.56v-8.9a3.56 3.56 0 0 1 3.56-3.56h1.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.68 7.57l5.34-5.34 5.34 5.33\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 2.23v19.13\"></path></g>"
|
|
10809
11334
|
}
|
|
10810
11335
|
}
|
|
11336
|
+
},
|
|
11337
|
+
"external-link": {
|
|
11338
|
+
name: "external-link",
|
|
11339
|
+
keywords: [
|
|
11340
|
+
"exit",
|
|
11341
|
+
"chevron",
|
|
11342
|
+
"arrow",
|
|
11343
|
+
"caret",
|
|
11344
|
+
"logout",
|
|
11345
|
+
"url",
|
|
11346
|
+
"hyperlink",
|
|
11347
|
+
"external",
|
|
11348
|
+
"link"
|
|
11349
|
+
],
|
|
11350
|
+
heights: {
|
|
11351
|
+
"16": {
|
|
11352
|
+
width: 16,
|
|
11353
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.31 9.98v-4.33h-4.32\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M9.98 5.99l-8.98 8.97\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.69 13.63h3.95a2.66 2.66 0 0 0 2.66-2.66v-7.31a2.66 2.66 0 0 0-2.66-2.66h-6.65a2.66 2.66 0 0 0-2.66 2.66v4.61\"></path></g>"
|
|
11354
|
+
},
|
|
11355
|
+
"20": {
|
|
11356
|
+
width: 20,
|
|
11357
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M12.89 12.48v-5.42h-5.4\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M12.48 7.49l-11.23 11.21\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.61 17.04h4.94a3.33 3.33 0 0 0 3.33-3.33v-9.13a3.33 3.33 0 0 0-3.33-3.33h-8.31a3.33 3.33 0 0 0-3.33 3.33v5.76\"></path></g>"
|
|
11358
|
+
},
|
|
11359
|
+
"24": {
|
|
11360
|
+
width: 24,
|
|
11361
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M15.47 14.98v-6.51h-6.48\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M14.98 8.99l-13.48 13.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.53 20.45h5.93a4 4 0 0 0 4-4v-10.95a4 4 0 0 0-4-4h-9.97a4 4 0 0 0-4 4v6.91\"></path></g>"
|
|
11362
|
+
},
|
|
11363
|
+
"32": {
|
|
11364
|
+
width: 32,
|
|
11365
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.58 19.92v-8.65h-8.62\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.92 11.96l-17.93 17.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.33 27.2h7.89a5.32 5.32 0 0 0 5.32-5.32v-14.56a5.32 5.32 0 0 0-5.32-5.32h-13.26a5.32 5.32 0 0 0-5.32 5.32v9.19\"></path></g>"
|
|
11366
|
+
}
|
|
11367
|
+
}
|
|
10811
11368
|
},
|
|
10812
11369
|
eye: eye,
|
|
10813
11370
|
"eye-dropper": {
|
|
@@ -10875,6 +11432,37 @@ var data = {
|
|
|
10875
11432
|
}
|
|
10876
11433
|
}
|
|
10877
11434
|
},
|
|
11435
|
+
"face-smile": {
|
|
11436
|
+
name: "face-smile",
|
|
11437
|
+
keywords: [
|
|
11438
|
+
"emoji",
|
|
11439
|
+
"emoticon",
|
|
11440
|
+
"head",
|
|
11441
|
+
"smile",
|
|
11442
|
+
"happy",
|
|
11443
|
+
"laugh",
|
|
11444
|
+
"face"
|
|
11445
|
+
],
|
|
11446
|
+
heights: {
|
|
11447
|
+
"16": {
|
|
11448
|
+
width: 16,
|
|
11449
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.01 1.56a6.45 6.45 0 1 0 0 12.9 6.45 6.45 0 1 0 0-12.9z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M11.35 9.79c-0.64 1.19-1.89 2-3.34 2s-2.7-0.81-3.34-2\"></path><path fill=\"currentColor\" d=\"M6.23 6.23a0.89 0.89 0 1 0 0 1.78 0.89 0.89 0 1 0 0-1.78z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M9.79 6.23a0.89 0.89 0 1 0 0 1.78 0.89 0.89 0 1 0 0-1.78z\" data-stroke=\"none\"></path></g>"
|
|
11450
|
+
},
|
|
11451
|
+
"20": {
|
|
11452
|
+
width: 20,
|
|
11453
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M10.01 1.95a8.06 8.06 0 1 0 0 16.13 8.06 8.06 0 1 0 0-16.13z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M14.19 12.24c-0.8 1.49-2.36 2.5-4.18 2.5s-3.38-1.01-4.17-2.5\"></path><path fill=\"currentColor\" d=\"M7.79 7.79a1.11 1.11 0 1 0 0 2.22 1.11 1.11 0 1 0 0-2.22z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M12.24 7.79a1.11 1.11 0 1 0 0 2.22 1.11 1.11 0 1 0 0-2.22z\" data-stroke=\"none\"></path></g>"
|
|
11454
|
+
},
|
|
11455
|
+
"24": {
|
|
11456
|
+
width: 24,
|
|
11457
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M12.01 2.34a9.67 9.67 0 1 0 0 19.36 9.67 9.67 0 1 0 0-19.36z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M17.03 14.69c-0.96 1.79-2.83 3-5.02 3s-4.06-1.21-5-3\"></path><path fill=\"currentColor\" d=\"M9.35 9.35a1.33 1.33 0 1 0 0 2.66 1.33 1.33 0 1 0 0-2.66z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M14.69 9.35a1.33 1.33 0 1 0 0 2.66 1.33 1.33 0 1 0 0-2.66z\" data-stroke=\"none\"></path></g>"
|
|
11458
|
+
},
|
|
11459
|
+
"32": {
|
|
11460
|
+
width: 32,
|
|
11461
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.97 3.11a12.86 12.86 0 1 0 0 25.75 12.86 12.86 0 1 0 0-25.75z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22.65 19.54c-1.28 2.38-3.76 3.99-6.68 3.99s-5.4-1.61-6.65-3.99\"></path><path fill=\"currentColor\" d=\"M12.44 12.44a1.77 1.77 0 1 0 0 3.53 1.77 1.77 0 1 0 0-3.53z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M19.54 12.44a1.77 1.77 0 1 0 0 3.53 1.77 1.77 0 1 0 0-3.53z\" data-stroke=\"none\"></path></g>"
|
|
11462
|
+
}
|
|
11463
|
+
}
|
|
11464
|
+
},
|
|
11465
|
+
facebook: facebook,
|
|
10878
11466
|
"facial-recognition": {
|
|
10879
11467
|
name: "facial-recognition",
|
|
10880
11468
|
keywords: [
|
|
@@ -11079,8 +11667,40 @@ var data = {
|
|
|
11079
11667
|
}
|
|
11080
11668
|
}
|
|
11081
11669
|
},
|
|
11670
|
+
files: files,
|
|
11671
|
+
fill: fill,
|
|
11082
11672
|
fingerprint: fingerprint,
|
|
11083
11673
|
finland: finland,
|
|
11674
|
+
"flag-3-1": {
|
|
11675
|
+
name: "flag-3-1",
|
|
11676
|
+
keywords: [
|
|
11677
|
+
"winner",
|
|
11678
|
+
"success",
|
|
11679
|
+
"location",
|
|
11680
|
+
"banner",
|
|
11681
|
+
"finish",
|
|
11682
|
+
"start",
|
|
11683
|
+
"flag"
|
|
11684
|
+
],
|
|
11685
|
+
heights: {
|
|
11686
|
+
"16": {
|
|
11687
|
+
width: 16,
|
|
11688
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M11.34 6.01l2.29-2.68a0.67 0.67 0 0 0-0.5-1.11h-9.57v7.57h9.57a0.67 0.67 0 1 0 0.5-1.1l-2.29-2.68z\"></path><path fill=\"currentColor\" d=\"M3.34 15.13a0.67 0.67 0 0 1-0.67-0.67v-12.9a0.67 0.67 0 0 1 1.33 0v12.9a0.67 0.67 0 0 1-0.66 0.67z\"></path></g>"
|
|
11689
|
+
},
|
|
11690
|
+
"20": {
|
|
11691
|
+
width: 20,
|
|
11692
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M14.18 7.51l2.86-3.35a0.84 0.84 0 0 0-0.63-1.39h-11.96v9.47h11.96a0.84 0.84 0 1 0 0.63-1.38l-2.86-3.35z\"></path><path fill=\"currentColor\" d=\"M4.17 18.91a0.84 0.84 0 0 1-0.83-0.83v-16.13a0.84 0.84 0 0 1 1.66 0v16.13a0.84 0.84 0 0 1-0.83 0.83z\"></path></g>"
|
|
11693
|
+
},
|
|
11694
|
+
"24": {
|
|
11695
|
+
width: 24,
|
|
11696
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M17.02 9.01l3.43-4.02a1.01 1.01 0 0 0-0.76-1.67h-14.35v11.37h14.35a1.01 1.01 0 1 0 0.76-1.66l-3.43-4.02z\"></path><path fill=\"currentColor\" d=\"M5 22.69a1.01 1.01 0 0 1-0.99-0.99v-19.36a1.01 1.01 0 0 1 1.99 0v19.36a1.01 1.01 0 0 1-1 0.99z\"></path></g>"
|
|
11697
|
+
},
|
|
11698
|
+
"32": {
|
|
11699
|
+
width: 32,
|
|
11700
|
+
path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M22.64 11.98l4.56-5.34a1.34 1.34 0 0 0-1.01-2.22h-19.09v15.12h19.09a1.34 1.34 0 1 0 1.01-2.21l-4.56-5.35z\"></path><path fill=\"currentColor\" d=\"M6.65 30.18a1.34 1.34 0 0 1-1.32-1.32v-25.75a1.34 1.34 0 0 1 2.65 0v25.75a1.34 1.34 0 0 1-1.33 1.32z\"></path></g>"
|
|
11701
|
+
}
|
|
11702
|
+
}
|
|
11703
|
+
},
|
|
11084
11704
|
"flag-3": {
|
|
11085
11705
|
name: "flag-3",
|
|
11086
11706
|
keywords: [
|
|
@@ -11309,6 +11929,24 @@ var data = {
|
|
|
11309
11929
|
path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 3.12a12.9 5.34 90 1 0 0 25.8 12.9 5.34 90 1 0 0-25.8z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.12 16.02h25.8\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 3.12a12.9 12.9 0 1 0 0 25.8 12.9 12.9 0 1 0 0-25.8z\"></path></g>"
|
|
11310
11930
|
}
|
|
11311
11931
|
}
|
|
11932
|
+
},
|
|
11933
|
+
google: google,
|
|
11934
|
+
"google-pay": {
|
|
11935
|
+
name: "google-pay",
|
|
11936
|
+
keywords: [
|
|
11937
|
+
"credit",
|
|
11938
|
+
"card",
|
|
11939
|
+
"debit",
|
|
11940
|
+
"google",
|
|
11941
|
+
"pay"
|
|
11942
|
+
],
|
|
11943
|
+
style: "colored",
|
|
11944
|
+
heights: {
|
|
11945
|
+
"32": {
|
|
11946
|
+
width: 32,
|
|
11947
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.6569,0-3,1.3431-3,3v12c0,1.6569,1.3431,3,3,3h22c1.6569,0,3-1.3431,3-3v-12c0-1.6569-1.3431-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.1046,0-2,.8954-2,2v1c0-1.1046.8954-2,2-2h22c1.1046,0,2,.8954,2,2v-1c0-1.1046-.8954-2-2-2Z\" opacity=\".2\"></path><path fill=\"#5f6368\" stroke-width=\"0\" d=\"m14.8969,16.1308v2.7891h-.8997v-6.8978h2.3393c.5698,0,1.1097.2099,1.5295.5998.4199.3599.6298.8997.6298,1.4695s-.2099,1.0797-.6298,1.4695c-.4199.3899-.9297.5998-1.5295.5998l-1.4395-.03h0Zm0-3.269v2.3992h1.4995c.3299,0,.6598-.12.8697-.3599.4798-.4499.4798-1.1996.03-1.6495l-.03-.03c-.2399-.2399-.5398-.3899-.8697-.3599h-1.4995Z\"></path><path fill=\"#5f6368\" stroke-width=\"0\" d=\"m20.5651,14.0615c.6598,0,1.1696.1799,1.5595.5398s.5698.8397.5698,1.4396v2.8791h-.8397v-.6598h-.03c-.3599.5398-.8697.8097-1.4695.8097-.5098,0-.9597-.15-1.3196-.4499-.3299-.2999-.5398-.7198-.5398-1.1696,0-.4799.1799-.8697.5398-1.1696s.8697-.4199,1.4695-.4199c.5398,0,.9597.09,1.2896.2999v-.2099c0-.2999-.12-.5998-.3599-.7798-.2399-.2099-.5398-.3299-.8697-.3299-.5098,0-.8997.2099-1.1696.6298l-.7798-.4799c.4799-.6298,1.1097-.9297,1.9494-.9297Zm-1.1396,3.4189c0,.2399.12.4499.2999.5698.2099.15.4499.2399.6898.2399.3599,0,.7198-.15.9897-.4199.2999-.2699.4499-.5998.4499-.9597-.2699-.2099-.6598-.3299-1.1696-.3299-.3599,0-.6598.09-.8997.2699-.2399.15-.3599.3599-.3599.6298Z\"></path><path fill=\"#5f6368\" stroke-width=\"0\" d=\"m27.5529,14.2114l-2.9691,6.8079h-.8997l1.1097-2.3693-1.9494-4.4086h.9597l1.4096,3.3889h.03l1.3796-3.3889h.9297v-.03Z\"></path><path fill=\"#4285f4\" stroke-width=\"0\" d=\"m12.2324,15.531c0-.2699-.03-.5398-.06-.8097h-3.7488v1.5295h2.1293c-.09.4799-.3599.9297-.7798,1.1996v.9897h1.2896c.7498-.6898,1.1696-1.7095,1.1696-2.9091Z\"></path><path fill=\"#34a853\" stroke-width=\"0\" d=\"m8.4236,19.3998c1.0797,0,1.9794-.3599,2.6392-.9597l-1.2896-.9897c-.3599.2399-.8097.3899-1.3496.3899-1.0197,0-1.9194-.6898-2.2193-1.6495h-1.3196v1.0197c.6898,1.3496,2.0394,2.1893,3.5389,2.1893Z\"></path><path fill=\"#fbbc04\" stroke-width=\"0\" d=\"m6.2043,16.1908c-.1799-.4799-.1799-1.0197,0-1.5295v-1.0197h-1.3196c-.5698,1.1097-.5698,2.4292,0,3.5689l1.3196-1.0197Z\"></path><path fill=\"#ea4335\" stroke-width=\"0\" d=\"m8.4236,13.0418c.5698,0,1.1097.2099,1.5295.5998h0l1.1396-1.1396c-.7198-.6598-1.6795-1.0497-2.6392-1.0197-1.4995,0-2.8791.8397-3.5389,2.1893l1.3196,1.0197c.2699-.9597,1.1696-1.6495,2.1893-1.6495Z\"></path></g>"
|
|
11948
|
+
}
|
|
11949
|
+
}
|
|
11312
11950
|
},
|
|
11313
11951
|
greece: greece,
|
|
11314
11952
|
greenland: greenland,
|
|
@@ -11616,6 +12254,7 @@ var data = {
|
|
|
11616
12254
|
iceland: iceland,
|
|
11617
12255
|
india: india,
|
|
11618
12256
|
indonesia: indonesia,
|
|
12257
|
+
instagram: instagram,
|
|
11619
12258
|
"invoice-dollar": {
|
|
11620
12259
|
name: "invoice-dollar",
|
|
11621
12260
|
keywords: [
|
|
@@ -11774,6 +12413,7 @@ var data = {
|
|
|
11774
12413
|
}
|
|
11775
12414
|
},
|
|
11776
12415
|
link: link,
|
|
12416
|
+
linkedin: linkedin,
|
|
11777
12417
|
lithuania: lithuania,
|
|
11778
12418
|
"loader-4": {
|
|
11779
12419
|
name: "loader-4",
|
|
@@ -11848,6 +12488,7 @@ var data = {
|
|
|
11848
12488
|
luxembourg: luxembourg,
|
|
11849
12489
|
macau: macau,
|
|
11850
12490
|
madagascar: madagascar,
|
|
12491
|
+
maestro: maestro,
|
|
11851
12492
|
magnifier: magnifier,
|
|
11852
12493
|
"magnifier-minus": {
|
|
11853
12494
|
name: "magnifier-minus",
|
|
@@ -11937,11 +12578,56 @@ var data = {
|
|
|
11937
12578
|
}
|
|
11938
12579
|
},
|
|
11939
12580
|
martinique: martinique,
|
|
12581
|
+
"mastercard-2": {
|
|
12582
|
+
name: "mastercard-2",
|
|
12583
|
+
keywords: [
|
|
12584
|
+
"credit",
|
|
12585
|
+
"card",
|
|
12586
|
+
"debit",
|
|
12587
|
+
"mastercard"
|
|
12588
|
+
],
|
|
12589
|
+
style: "colored",
|
|
12590
|
+
heights: {
|
|
12591
|
+
"32": {
|
|
12592
|
+
width: 32,
|
|
12593
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#ff5f00\" stroke-width=\"0\" d=\"M13.597 11.677H18.407V20.32H13.597z\"></path><path fill=\"#eb001b\" stroke-width=\"0\" d=\"m13.902,15.999c0-1.68.779-3.283,2.092-4.322-2.382-1.878-5.849-1.466-7.727.932-1.863,2.382-1.451,5.833.947,7.712,2,1.573,4.795,1.573,6.795,0-1.329-1.038-2.107-2.642-2.107-4.322Z\"></path><path fill=\"#f79e1b\" stroke-width=\"0\" d=\"m24.897,15.999c0,3.039-2.459,5.497-5.497,5.497-1.237,0-2.428-.412-3.39-1.176,2.382-1.878,2.795-5.329.916-7.727-.275-.336-.58-.657-.916-.916,2.382-1.878,5.849-1.466,7.712.932.764.962,1.176,2.153,1.176,3.39Z\"></path></g>"
|
|
12594
|
+
}
|
|
12595
|
+
}
|
|
12596
|
+
},
|
|
12597
|
+
mastercard: mastercard,
|
|
11940
12598
|
mauritania: mauritania,
|
|
11941
12599
|
mauritius: mauritius,
|
|
11942
|
-
|
|
11943
|
-
|
|
11944
|
-
|
|
12600
|
+
"media-record": {
|
|
12601
|
+
name: "media-record",
|
|
12602
|
+
keywords: [
|
|
12603
|
+
"control",
|
|
12604
|
+
"circle",
|
|
12605
|
+
"record",
|
|
12606
|
+
"media",
|
|
12607
|
+
"button"
|
|
12608
|
+
],
|
|
12609
|
+
heights: {
|
|
12610
|
+
"16": {
|
|
12611
|
+
width: 16,
|
|
12612
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.01 1.56a6.45 6.45 0 1 0 0 12.9 6.45 6.45 0 1 0 0-12.9z\"></path></g>"
|
|
12613
|
+
},
|
|
12614
|
+
"20": {
|
|
12615
|
+
width: 20,
|
|
12616
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M10.01 1.95a8.06 8.06 0 1 0 0 16.13 8.06 8.06 0 1 0 0-16.13z\"></path></g>"
|
|
12617
|
+
},
|
|
12618
|
+
"24": {
|
|
12619
|
+
width: 24,
|
|
12620
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M12.01 2.34a9.67 9.67 0 1 0 0 19.36 9.67 9.67 0 1 0 0-19.36z\"></path></g>"
|
|
12621
|
+
},
|
|
12622
|
+
"32": {
|
|
12623
|
+
width: 32,
|
|
12624
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.97 3.11a12.86 12.86 0 1 0 0 25.75 12.86 12.86 0 1 0 0-25.75z\"></path></g>"
|
|
12625
|
+
}
|
|
12626
|
+
}
|
|
12627
|
+
},
|
|
12628
|
+
menu: menu,
|
|
12629
|
+
message: message,
|
|
12630
|
+
"message-arrow-right": {
|
|
11945
12631
|
name: "message-arrow-right",
|
|
11946
12632
|
keywords: [
|
|
11947
12633
|
"message-arrow-right",
|
|
@@ -12344,10 +13030,45 @@ var data = {
|
|
|
12344
13030
|
}
|
|
12345
13031
|
},
|
|
12346
13032
|
mongolia: mongolia,
|
|
13033
|
+
monitor: monitor,
|
|
12347
13034
|
montenegro: montenegro,
|
|
12348
13035
|
moon: moon,
|
|
12349
13036
|
morocco: morocco,
|
|
12350
13037
|
mozanbique: mozanbique,
|
|
13038
|
+
"music-playlist-2": {
|
|
13039
|
+
name: "music-playlist-2",
|
|
13040
|
+
keywords: [
|
|
13041
|
+
"sound",
|
|
13042
|
+
"music",
|
|
13043
|
+
"play",
|
|
13044
|
+
"list",
|
|
13045
|
+
"song",
|
|
13046
|
+
"note",
|
|
13047
|
+
"audio",
|
|
13048
|
+
"playlist",
|
|
13049
|
+
"album",
|
|
13050
|
+
"tracks",
|
|
13051
|
+
"media"
|
|
13052
|
+
],
|
|
13053
|
+
heights: {
|
|
13054
|
+
"16": {
|
|
13055
|
+
width: 16,
|
|
13056
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.46 11.79v-9.79s1.33 2.28 3.56 3.56\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.23 9.57a2.23 2.23 0 1 0 0 4.45 2.23 2.23 0 1 0 0-4.45z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.34 3.34h-5.34\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.79 6.45h-3.79\"></path></g>"
|
|
13057
|
+
},
|
|
13058
|
+
"20": {
|
|
13059
|
+
width: 20,
|
|
13060
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M13.04 14.71v-12.21s1.67 2.84 4.44 4.44\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M10.27 11.93a2.78 2.78 0 1 0 0 5.55 2.78 2.78 0 1 0 0-5.55z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.16 4.16h-6.66\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M7.22 8.05h-4.72\"></path></g>"
|
|
13061
|
+
},
|
|
13062
|
+
"24": {
|
|
13063
|
+
width: 24,
|
|
13064
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M15.63 17.62v-14.63s2 3.41 5.32 5.32\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M12.3 14.3a3.33 3.33 0 1 0 0 6.65 3.33 3.33 0 1 0 0-6.65z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M10.97 4.99h-7.98\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.64 9.64h-5.65\"></path></g>"
|
|
13065
|
+
},
|
|
13066
|
+
"32": {
|
|
13067
|
+
width: 32,
|
|
13068
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.91 23.59v-19.59s2.67 4.56 7.12 7.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.46 19.14a4.45 4.45 0 1 0 0 8.9 4.45 4.45 0 1 0 0-8.9z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.69 6.67h-10.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.57 12.9h-7.57\"></path></g>"
|
|
13069
|
+
}
|
|
13070
|
+
}
|
|
13071
|
+
},
|
|
12351
13072
|
myanmar: myanmar,
|
|
12352
13073
|
namibia: namibia,
|
|
12353
13074
|
nauru: nauru,
|
|
@@ -12714,6 +13435,23 @@ var data = {
|
|
|
12714
13435
|
}
|
|
12715
13436
|
},
|
|
12716
13437
|
paraguay: paraguay,
|
|
13438
|
+
"paypal-2": {
|
|
13439
|
+
name: "paypal-2",
|
|
13440
|
+
keywords: [
|
|
13441
|
+
"credit",
|
|
13442
|
+
"card",
|
|
13443
|
+
"debit",
|
|
13444
|
+
"paypal"
|
|
13445
|
+
],
|
|
13446
|
+
style: "colored",
|
|
13447
|
+
heights: {
|
|
13448
|
+
"32": {
|
|
13449
|
+
width: 32,
|
|
13450
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#001c64\" stroke-width=\"0\" d=\"m14.939,12.4c-.17,0-.315.124-.342.292l-.568,3.6c.026-.168.171-.292.342-.292h1.663c1.674,0,3.094-1.221,3.354-2.876.019-.124.03-.248.033-.373-.425-.223-.925-.351-1.473-.351h-3.01Z\"></path><path fill=\"#0070e0\" stroke-width=\"0\" d=\"m19.422,12.751c-.002.125-.013.25-.033.373-.26,1.655-1.68,2.876-3.354,2.876h-1.663c-.17,0-.315.124-.342.292l-.522,3.308-.327,2.075c-.024.153.08.297.233.321.015.002.029.003.044.003h1.805c.17,0,.315-.124.342-.292l.476-3.016c.027-.168.172-.292.342-.292h1.063c1.674,0,3.094-1.221,3.354-2.876.184-1.175-.407-2.243-1.418-2.773h0Z\"></path><path fill=\"#003087\" stroke-width=\"0\" d=\"m12.888,10c-.17,0-.315.124-.342.292l-1.417,8.983c-.027.171.105.325.278.325h2.101l.522-3.308.568-3.6c.027-.168.171-.292.342-.292h3.01c.548,0,1.047.128,1.473.351.029-1.507-1.214-2.751-2.923-2.751h-3.61Z\"></path></g>"
|
|
13451
|
+
}
|
|
13452
|
+
}
|
|
13453
|
+
},
|
|
13454
|
+
paypal: paypal,
|
|
12717
13455
|
"pen-2": {
|
|
12718
13456
|
name: "pen-2",
|
|
12719
13457
|
keywords: [
|
|
@@ -13181,6 +13919,7 @@ var data = {
|
|
|
13181
13919
|
}
|
|
13182
13920
|
}
|
|
13183
13921
|
},
|
|
13922
|
+
pinterest: pinterest,
|
|
13184
13923
|
pinwheel: pinwheel,
|
|
13185
13924
|
plus: plus,
|
|
13186
13925
|
pointer: pointer,
|
|
@@ -13272,6 +14011,38 @@ var data = {
|
|
|
13272
14011
|
receipt: receipt,
|
|
13273
14012
|
recycle: recycle,
|
|
13274
14013
|
refresh: refresh,
|
|
14014
|
+
"refresh-clockwise-slash": {
|
|
14015
|
+
name: "refresh-clockwise-slash",
|
|
14016
|
+
keywords: [
|
|
14017
|
+
"control",
|
|
14018
|
+
"disabled",
|
|
14019
|
+
"reload",
|
|
14020
|
+
"update",
|
|
14021
|
+
"refresh",
|
|
14022
|
+
"clockwise",
|
|
14023
|
+
"slash",
|
|
14024
|
+
"blocked",
|
|
14025
|
+
"action"
|
|
14026
|
+
],
|
|
14027
|
+
heights: {
|
|
14028
|
+
"16": {
|
|
14029
|
+
width: 16,
|
|
14030
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M12.57 3.45a6.43 6.43 0 0 0-4.38-1.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.49 13.97a6.45 6.45 0 0 0 3.56-8.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.82 11.36l-0.36 2.62 2.62 0.37\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.74 14.05a6.43 6.43 0 0 0 2.09 0.41\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.5 2.06a6.45 6.45 0 0 0-2.05 10.51\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.2 4.66l0.36-2.62-2.62-0.37\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M1.78 14.24l12.46-12.46\"></path></g>"
|
|
14031
|
+
},
|
|
14032
|
+
"20": {
|
|
14033
|
+
width: 20,
|
|
14034
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M15.68 4.3a8.02 8.02 0 0 0-5.46-2.35\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M13.08 17.42a8.05 8.05 0 0 0 4.45-10.26\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M13.49 14.17l-0.45 3.27 3.27 0.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M7.16 17.53a8.02 8.02 0 0 0 2.6 0.5\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.86 2.57a8.05 8.05 0 0 0-2.56 13.11\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.49 5.81l0.45-3.27-3.27-0.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M2.22 17.76l15.54-15.54\"></path></g>"
|
|
14035
|
+
},
|
|
14036
|
+
"24": {
|
|
14037
|
+
width: 24,
|
|
14038
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M18.79 5.15a9.61 9.61 0 0 0-6.55-2.82\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M15.68 20.87a9.65 9.65 0 0 0 5.32-12.29\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M16.17 16.98l-0.54 3.92 3.91 0.54\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.58 21a9.61 9.61 0 0 0 3.12 0.61\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.22 3.08a9.65 9.65 0 0 0-3.07 15.71\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.77 6.96l0.54-3.92-3.91-0.54\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M2.66 21.28l18.62-18.62\"></path></g>"
|
|
14039
|
+
},
|
|
14040
|
+
"32": {
|
|
14041
|
+
width: 32,
|
|
14042
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M25.15 6.89a12.86 12.86 0 0 0-8.77-3.77\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.98 27.94a12.91 12.91 0 0 0 7.13-16.46\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.64 22.73l-0.73 5.24 5.25 0.72\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.48 28.11a12.87 12.87 0 0 0 4.18 0.81\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.01 4.13a12.91 12.91 0 0 0-4.12 21.02\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.4 9.31l0.72-5.24-5.24-0.72\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.56 28.48l24.92-24.92\"></path></g>"
|
|
14043
|
+
}
|
|
14044
|
+
}
|
|
14045
|
+
},
|
|
13275
14046
|
"repeat-3": {
|
|
13276
14047
|
name: "repeat-3",
|
|
13277
14048
|
keywords: [
|
|
@@ -13598,6 +14369,23 @@ var data = {
|
|
|
13598
14369
|
path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.39 19.14h20.26\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.23 16.14l5.84 1.28c1.08 0.24 1.99 0.98 2.46 1.98l1.93 4.18\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.65 10l-1.43 2.29\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.86 7.31c-0.9 2.34-3.07 3.82-5.72 3.82s-4.91-1.67-5.81-4.01h-0.32a1.78 1.78 0 0 0-1.78 1.78v11.13a3.56 3.56 0 0 0 3.56 3.55h21.13a3.78 3.78 0 0 0 2.07-6.94l-14.67-10.43\"></path></g>"
|
|
13599
14370
|
}
|
|
13600
14371
|
}
|
|
14372
|
+
},
|
|
14373
|
+
"shop-pay": {
|
|
14374
|
+
name: "shop-pay",
|
|
14375
|
+
keywords: [
|
|
14376
|
+
"credit",
|
|
14377
|
+
"card",
|
|
14378
|
+
"debit",
|
|
14379
|
+
"shop",
|
|
14380
|
+
"pay"
|
|
14381
|
+
],
|
|
14382
|
+
style: "colored",
|
|
14383
|
+
heights: {
|
|
14384
|
+
"32": {
|
|
14385
|
+
width: 32,
|
|
14386
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m10.163,14.97c-.193-.405-.559-.666-1.11-.666-.169.003-.335.045-.486.122-.15.077-.281.188-.382.324l-.02.025v-1.586c0-.009-.004-.018-.01-.024-.006-.006-.015-.01-.024-.01h-.779c-.009,0-.018.004-.024.01-.006.006-.01.015-.01.024v4.551c0,.009.004.018.01.024.006.006.015.01.024.01h.835c.009,0,.018-.004.024-.01.006-.006.01-.015.01-.024v-1.94c0-.377.251-.644.654-.644.44,0,.551.362.551.731v1.854c0,.009.004.018.01.024.006.006.015.01.024.01h.833c.009,0,.018-.004.024-.01.006-.006.01-.015.01-.024v-1.964c0-.067,0-.133-.009-.197-.014-.21-.067-.416-.155-.607Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m5.996,15.644s-.425-.1-.581-.14c-.157-.04-.43-.126-.43-.332s.221-.273.444-.273.473.054.492.302c0,.009.005.017.012.023.007.006.015.009.024.009l.823-.003s.01,0,.014-.003.008-.005.012-.008c.003-.004.006-.008.007-.012.002-.005.002-.009.002-.014-.051-.794-.748-1.079-1.391-1.079-.762,0-1.32.503-1.32,1.057,0,.405.114.784,1.014,1.048.158.046.372.106.559.158.225.063.346.158.346.307,0,.173-.251.294-.498.294-.358,0-.612-.133-.632-.371-.001-.009-.005-.017-.012-.023-.007-.006-.015-.009-.024-.009l-.821.004s-.01,0-.014.003c-.004.002-.008.005-.012.008-.003.003-.006.008-.008.012-.002.004-.003.009-.002.014.038.75.762,1.154,1.437,1.154,1.006,0,1.46-.566,1.46-1.096.001-.249-.056-.816-.901-1.032Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m16.58,14.302c-.418,0-.768.231-.994.51v-.478c0-.009-.004-.017-.01-.024-.006-.006-.015-.01-.024-.01h-.781c-.009,0-.018.004-.024.01-.006.006-.01.015-.01.024v4.463c0,.009.004.017.01.024.006.006.015.01.024.01h.835c.009,0,.017-.004.024-.01.006-.006.01-.015.01-.024v-1.467h.013c.133.202.495.445.969.445.891,0,1.634-.739,1.634-1.738,0-.959-.739-1.735-1.677-1.735Zm-.077,2.623c-.176.004-.349-.044-.498-.138-.148-.095-.265-.231-.336-.392-.07-.161-.091-.34-.06-.513.031-.173.114-.333.237-.459.123-.126.28-.213.453-.249.172-.036.351-.02.514.046.163.066.303.179.401.325.099.146.151.318.152.494.002.115-.019.229-.062.336-.042.107-.106.204-.186.287-.08.082-.176.148-.282.194-.106.045-.219.069-.334.071Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m12.267,14.106c-.779,0-1.167.265-1.479.476l-.009.006c-.016.011-.027.028-.032.047-.004.019-.001.039.008.056l.308.53c.006.01.014.018.023.025.009.007.02.011.032.013.011.002.022.002.033-.001.011-.003.021-.008.03-.016l.024-.02c.16-.135.417-.314,1.04-.363.346-.028.646.063.866.269.243.224.388.585.388.967,0,.702-.414,1.143-1.078,1.152-.547-.003-.915-.288-.915-.71,0-.224.101-.37.299-.515.015-.011.026-.027.03-.045s.002-.037-.007-.053l-.277-.523c-.005-.009-.012-.018-.02-.024-.008-.007-.018-.012-.028-.015-.01-.003-.021-.004-.032-.003-.011.001-.021.005-.031.011-.31.184-.691.521-.671,1.168.025.824.71,1.453,1.601,1.479h.106c1.058-.035,1.823-.82,1.823-1.886,0-.978-.713-2.025-2.031-2.025Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m21.549,14.609h-.531c-.012,0-.024.005-.033.014-.009.009-.014.021-.014.033v1.113c0,.012.005.024.014.033.009.009.021.014.033.014h.531c.323,0,.561-.255.561-.603s-.238-.603-.561-.603Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m23.178,16.578c0,.162.136.251.374.251.323,0,.514-.175.514-.485v-.089l-.484.025c-.255.013-.404.119-.404.297Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m27.107,13.163h-7.128c-.117,0-.233.023-.341.068-.108.045-.206.11-.289.193-.083.083-.148.181-.193.289-.045.108-.068.224-.068.341v3.902c0,.236.094.463.261.63.167.167.393.261.629.261h7.128c.117,0,.233-.022.341-.067.108-.045.207-.11.29-.193.083-.083.149-.181.194-.289.045-.108.068-.224.068-.341v-3.902c0-.117-.023-.233-.068-.342-.045-.108-.111-.207-.194-.29-.083-.083-.182-.149-.29-.193-.108-.045-.225-.067-.342-.067Zm-5.531,3.091h-.561c-.012,0-.024.005-.033.014-.009.009-.014.021-.014.033v.798c0,.012-.005.024-.014.033-.009.009-.021.014-.033.014h-.395c-.012,0-.024-.005-.033-.014-.009-.009-.014-.021-.014-.033v-2.879c0-.012.005-.024.014-.033.009-.009.021-.014.033-.014h1.05c.595,0,1.02.433,1.02,1.041s-.422,1.041-1.017,1.041h-.003Zm2.954.845c0,.006-.001.012-.003.018-.002.006-.006.011-.01.016-.004.004-.01.008-.015.01-.006.002-.012.004-.018.004h-.373c-.006,0-.012-.001-.018-.004-.006-.002-.011-.006-.015-.01s-.008-.01-.01-.016c-.002-.006-.004-.012-.003-.018v-.086c0-.008-.001-.015-.005-.022-.004-.006-.01-.011-.017-.014-.007-.003-.015-.003-.022-.001-.007.002-.014.006-.018.012-.111.121-.292.209-.581.209-.425,0-.706-.221-.706-.603-.004-.093.015-.186.056-.27.041-.084.102-.156.178-.21.153-.115.391-.175.743-.189l.374-.013v-.109c0-.221-.148-.314-.387-.314s-.388.084-.424.222c-.003.01-.009.018-.017.024-.008.006-.018.009-.028.009h-.369c-.007,0-.014-.001-.02-.004-.006-.003-.012-.007-.016-.012-.004-.005-.008-.011-.01-.018-.002-.007-.002-.013-.001-.02.055-.327.326-.575.902-.575.612,0,.833.285.833.828l.002,1.155Zm2.322-1.868l-.83,2.213c-.189.514-.519.646-.88.646-.068.002-.136-.007-.202-.025-.01-.003-.019-.009-.026-.017-.006-.008-.01-.019-.01-.029v-.336c0-.007.002-.014.004-.02.003-.006.007-.012.013-.017.005-.005.012-.008.019-.01.007-.002.014-.002.021,0,.057.011.115.016.173.016.1.005.199-.024.28-.081.082-.058.142-.141.17-.237l.025-.077c.004-.01.004-.022,0-.032l-.776-1.992c-.002-.007-.003-.015-.002-.022.001-.007.004-.014.008-.021.004-.006.01-.011.017-.015.007-.003.014-.005.022-.005h.377c.01,0,.019.003.027.009.008.005.014.013.018.022l.527,1.405c.004.009.01.017.018.023.008.006.018.009.028.009.01,0,.019-.003.027-.009.008-.006.014-.013.018-.023l.457-1.402c.003-.01.009-.018.017-.024.008-.006.018-.009.028-.009h.387c.007,0,.015.002.022.005.007.003.012.008.017.014.004.006.007.013.009.02.001.007,0,.015-.001.022h0Z\"></path></g>"
|
|
14387
|
+
}
|
|
14388
|
+
}
|
|
13601
14389
|
},
|
|
13602
14390
|
"sidebar-left-hide": {
|
|
13603
14391
|
name: "sidebar-left-hide",
|
|
@@ -13814,6 +14602,7 @@ var data = {
|
|
|
13814
14602
|
}
|
|
13815
14603
|
}
|
|
13816
14604
|
},
|
|
14605
|
+
slack: slack,
|
|
13817
14606
|
"sliders-3": {
|
|
13818
14607
|
name: "sliders-3",
|
|
13819
14608
|
keywords: [
|
|
@@ -14221,7 +15010,228 @@ var data = {
|
|
|
14221
15010
|
taiwan: taiwan,
|
|
14222
15011
|
tajikistan: tajikistan,
|
|
14223
15012
|
tanzania: tanzania,
|
|
15013
|
+
"text-align-center-2": {
|
|
15014
|
+
name: "text-align-center-2",
|
|
15015
|
+
keywords: [
|
|
15016
|
+
"text",
|
|
15017
|
+
"paragraph",
|
|
15018
|
+
"alignment",
|
|
15019
|
+
"center",
|
|
15020
|
+
"line",
|
|
15021
|
+
"typography",
|
|
15022
|
+
"align"
|
|
15023
|
+
],
|
|
15024
|
+
heights: {
|
|
15025
|
+
"16": {
|
|
15026
|
+
width: 16,
|
|
15027
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 9.57h11.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 12.68h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 6.45h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 3.34h11.12\"></path></g>"
|
|
15028
|
+
},
|
|
15029
|
+
"20": {
|
|
15030
|
+
width: 20,
|
|
15031
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 11.96h13.9\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.4 15.85h7.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.4 8.06h7.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 4.17h13.9\"></path></g>"
|
|
15032
|
+
},
|
|
15033
|
+
"24": {
|
|
15034
|
+
width: 24,
|
|
15035
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 14.35h16.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.68 19.02h8.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.68 9.67h8.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 5h16.68\"></path></g>"
|
|
15036
|
+
},
|
|
15037
|
+
"32": {
|
|
15038
|
+
width: 32,
|
|
15039
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 19.09h22.19\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.21 25.3h11.55\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.21 12.86h11.55\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 6.65h22.19\"></path></g>"
|
|
15040
|
+
}
|
|
15041
|
+
}
|
|
15042
|
+
},
|
|
15043
|
+
"text-align-left-2": {
|
|
15044
|
+
name: "text-align-left-2",
|
|
15045
|
+
keywords: [
|
|
15046
|
+
"text",
|
|
15047
|
+
"left",
|
|
15048
|
+
"paragraph",
|
|
15049
|
+
"alignment",
|
|
15050
|
+
"line",
|
|
15051
|
+
"typography",
|
|
15052
|
+
"align"
|
|
15053
|
+
],
|
|
15054
|
+
heights: {
|
|
15055
|
+
"16": {
|
|
15056
|
+
width: 16,
|
|
15057
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 9.57h11.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 12.68h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 6.45h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 3.34h11.12\"></path></g>"
|
|
15058
|
+
},
|
|
15059
|
+
"20": {
|
|
15060
|
+
width: 20,
|
|
15061
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 11.93h13.88\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 15.82h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 8.05h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 4.16h13.88\"></path></g>"
|
|
15062
|
+
},
|
|
15063
|
+
"24": {
|
|
15064
|
+
width: 24,
|
|
15065
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 14.3h16.62\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 18.95h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 9.64h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 4.99h16.62\"></path></g>"
|
|
15066
|
+
},
|
|
15067
|
+
"32": {
|
|
15068
|
+
width: 32,
|
|
15069
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 19.14h22.25\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 25.37h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 12.9h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 6.67h22.25\"></path></g>"
|
|
15070
|
+
}
|
|
15071
|
+
}
|
|
15072
|
+
},
|
|
15073
|
+
"text-align-right-2": {
|
|
15074
|
+
name: "text-align-right-2",
|
|
15075
|
+
keywords: [
|
|
15076
|
+
"text",
|
|
15077
|
+
"paragraph",
|
|
15078
|
+
"alignment",
|
|
15079
|
+
"right",
|
|
15080
|
+
"line",
|
|
15081
|
+
"typography",
|
|
15082
|
+
"align"
|
|
15083
|
+
],
|
|
15084
|
+
heights: {
|
|
15085
|
+
"16": {
|
|
15086
|
+
width: 16,
|
|
15087
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 9.57h11.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.79 12.68h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.79 6.45h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 3.34h11.12\"></path></g>"
|
|
15088
|
+
},
|
|
15089
|
+
"20": {
|
|
15090
|
+
width: 20,
|
|
15091
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 11.93h13.88\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.71 15.82h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.71 8.05h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 4.16h13.88\"></path></g>"
|
|
15092
|
+
},
|
|
15093
|
+
"24": {
|
|
15094
|
+
width: 24,
|
|
15095
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 14.3h16.62\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.64 18.95h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.64 9.64h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 4.99h16.62\"></path></g>"
|
|
15096
|
+
},
|
|
15097
|
+
"32": {
|
|
15098
|
+
width: 32,
|
|
15099
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 19.14h22.25\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.58 25.37h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.58 12.9h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 6.67h22.25\"></path></g>"
|
|
15100
|
+
}
|
|
15101
|
+
}
|
|
15102
|
+
},
|
|
15103
|
+
"text-bold": {
|
|
15104
|
+
name: "text-bold",
|
|
15105
|
+
keywords: [
|
|
15106
|
+
"text",
|
|
15107
|
+
"letter",
|
|
15108
|
+
"typography",
|
|
15109
|
+
"bold",
|
|
15110
|
+
"font"
|
|
15111
|
+
],
|
|
15112
|
+
heights: {
|
|
15113
|
+
"16": {
|
|
15114
|
+
width: 16,
|
|
15115
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.8 8h-4v-4a0.8 0.8 0 0 1 0.8-0.8h3.2a2.4 2.4 0 1 1 0 4.8z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.6 12.8h-4a0.8 0.8 0 0 1-0.8-0.8v-4h4.8a2.4 2.4 0 1 1 0 4.8z\"></path></g>"
|
|
15116
|
+
},
|
|
15117
|
+
"20": {
|
|
15118
|
+
width: 20,
|
|
15119
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 10h-5v-5a1 1 0 0 1 1-1h4a3 3 0 1 1 0 6z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 16h-5a1 1 0 0 1-1-1v-5h6a3 3 0 1 1 0 6z\"></path></g>"
|
|
15120
|
+
},
|
|
15121
|
+
"24": {
|
|
15122
|
+
width: 24,
|
|
15123
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.2 12h-6v-6a1.2 1.2 0 0 1 1.2-1.2h4.8a3.6 3.6 0 1 1 0 7.2z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.4 19.2h-6a1.2 1.2 0 0 1-1.2-1.2v-6h7.2a3.6 3.6 0 1 1 0 7.2z\"></path></g>"
|
|
15124
|
+
},
|
|
15125
|
+
"32": {
|
|
15126
|
+
width: 32,
|
|
15127
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.6 16h-8v-8a1.6 1.6 0 0 1 1.6-1.6h6.4a4.8 4.8 0 1 1 0 9.6z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.2 25.6h-8a1.6 1.6 0 0 1-1.6-1.6v-8h9.6a4.8 4.8 0 1 1 0 9.6z\"></path></g>"
|
|
15128
|
+
}
|
|
15129
|
+
}
|
|
15130
|
+
},
|
|
15131
|
+
"text-italic": {
|
|
15132
|
+
name: "text-italic",
|
|
15133
|
+
keywords: [
|
|
15134
|
+
"text",
|
|
15135
|
+
"font",
|
|
15136
|
+
"letter",
|
|
15137
|
+
"typography",
|
|
15138
|
+
"format",
|
|
15139
|
+
"italic"
|
|
15140
|
+
],
|
|
15141
|
+
heights: {
|
|
15142
|
+
"16": {
|
|
15143
|
+
width: 16,
|
|
15144
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.34 12.68l2.23-7.56h-2.23\"></path><path fill=\"currentColor\" d=\"M10.68 0.89a0.89 0.89 0 1 0 0 1.78 0.89 0.89 0 1 0 0-1.78z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 12.68h4.45\"></path></g>"
|
|
15145
|
+
},
|
|
15146
|
+
"20": {
|
|
15147
|
+
width: 20,
|
|
15148
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.16 15.82l2.77-9.44h-2.77\"></path><path fill=\"currentColor\" d=\"M13.32 1.11a1.11 1.11 0 1 0 0 2.22 1.11 1.11 0 1 0 0-2.22z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.38 15.82h5.55\"></path></g>"
|
|
15149
|
+
},
|
|
15150
|
+
"24": {
|
|
15151
|
+
width: 24,
|
|
15152
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M10.97 18.95l3.33-11.3h-3.33\"></path><path fill=\"currentColor\" d=\"M15.96 1.33a1.33 1.33 0 1 0 0 2.66 1.33 1.33 0 1 0 0-2.66z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.65 18.95h6.65\"></path></g>"
|
|
15153
|
+
},
|
|
15154
|
+
"32": {
|
|
15155
|
+
width: 32,
|
|
15156
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.69 25.37l4.45-15.13h-4.45\"></path><path fill=\"currentColor\" d=\"M21.36 1.78a1.78 1.78 0 1 0 0 3.56 1.78 1.78 0 1 0 0-3.56z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.23 25.37h8.9\"></path></g>"
|
|
15157
|
+
}
|
|
15158
|
+
}
|
|
15159
|
+
},
|
|
14224
15160
|
thailand: thailand,
|
|
15161
|
+
"thumbs-down": {
|
|
15162
|
+
name: "thumbs-down",
|
|
15163
|
+
keywords: [
|
|
15164
|
+
"down",
|
|
15165
|
+
"vote",
|
|
15166
|
+
"emoji",
|
|
15167
|
+
"emoticon",
|
|
15168
|
+
"hand",
|
|
15169
|
+
"dislike",
|
|
15170
|
+
"thumbs"
|
|
15171
|
+
],
|
|
15172
|
+
heights: {
|
|
15173
|
+
"16": {
|
|
15174
|
+
width: 16,
|
|
15175
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 9.35c0 0.43 0.15 0.84 0.44 1.16l3.79 4.4a1.67 1.67 0 0 0 0.82-2.07l-1.04-2.83h3.92a1.78 1.78 0 0 0 1.72-2.23l-1.06-4.01a1.78 1.78 0 0 0-1.72-1.32h-5.09a1.78 1.78 0 0 0-1.78 1.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 2.45h1.33q0.89 0 0.89 0.89v5.78q0 0.89-0.89 0.89h-1.33q-0.89 0-0.89-0.89v-5.78q0-0.89 0.89-0.89z\"></path></g>"
|
|
15176
|
+
},
|
|
15177
|
+
"20": {
|
|
15178
|
+
width: 20,
|
|
15179
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 11.69c0 0.54 0.19 1.05 0.55 1.45l4.74 5.5a2.09 2.09 0 0 0 1.02-2.59l-1.3-3.54h4.9a2.23 2.23 0 0 0 2.15-2.78l-1.33-5.02a2.23 2.23 0 0 0-2.15-1.65h-6.36a2.23 2.23 0 0 0-2.22 2.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 3.06h1.67q1.11 0 1.11 1.11v7.23q0 1.11-1.11 1.11h-1.67q-1.11 0-1.11-1.11v-7.23q0-1.11 1.11-1.11z\"></path></g>"
|
|
15180
|
+
},
|
|
15181
|
+
"24": {
|
|
15182
|
+
width: 24,
|
|
15183
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 14.03c0 0.65 0.23 1.26 0.66 1.74l5.69 6.6a2.51 2.51 0 0 0 1.22-3.11l-1.56-4.25h5.88a2.68 2.68 0 0 0 2.58-3.33l-1.6-6.03a2.68 2.68 0 0 0-2.58-1.98h-7.63a2.68 2.68 0 0 0-2.66 2.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 3.67h2.01q1.33 0 1.33 1.33v8.68q0 1.33-1.33 1.33h-2.01q-1.33 0-1.33-1.33v-8.68q0-1.33 1.33-1.33z\"></path></g>"
|
|
15184
|
+
},
|
|
15185
|
+
"32": {
|
|
15186
|
+
width: 32,
|
|
15187
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 18.66c0 0.86 0.31 1.68 0.88 2.31l7.57 8.78a3.34 3.34 0 0 0 1.62-4.13l-2.07-5.66h7.82a3.56 3.56 0 0 0 3.43-4.43l-2.13-8.02a3.56 3.56 0 0 0-3.43-2.63h-10.15a3.56 3.56 0 0 0-3.54 3.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 4.88h2.67q1.77 0 1.77 1.77v11.54q0 1.77-1.77 1.77h-2.67q-1.77 0-1.77-1.77v-11.54q0-1.77 1.77-1.77z\"></path></g>"
|
|
15188
|
+
}
|
|
15189
|
+
}
|
|
15190
|
+
},
|
|
15191
|
+
"thumbs-up": {
|
|
15192
|
+
name: "thumbs-up",
|
|
15193
|
+
keywords: [
|
|
15194
|
+
"up",
|
|
15195
|
+
"like",
|
|
15196
|
+
"vote",
|
|
15197
|
+
"emoji",
|
|
15198
|
+
"emoticon",
|
|
15199
|
+
"hand",
|
|
15200
|
+
"thumbs"
|
|
15201
|
+
],
|
|
15202
|
+
heights: {
|
|
15203
|
+
"16": {
|
|
15204
|
+
width: 16,
|
|
15205
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 6.67c0-0.43 0.15-0.84 0.44-1.16l3.79-4.4a1.67 1.67 0 0 1 0.82 2.07l-1.04 2.83h3.92a1.78 1.78 0 0 1 1.72 2.23l-1.06 4.01a1.78 1.78 0 0 1-1.72 1.32h-5.09a1.78 1.78 0 0 1-1.78-1.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 6.01h1.33q0.89 0 0.89 0.89v5.78q0 0.89-0.89 0.89h-1.33q-0.89 0-0.89-0.89v-5.78q0-0.89 0.89-0.89z\"></path></g>"
|
|
15206
|
+
},
|
|
15207
|
+
"20": {
|
|
15208
|
+
width: 20,
|
|
15209
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 8.34c0-0.54 0.19-1.05 0.55-1.45l4.74-5.5a2.09 2.09 0 0 1 1.02 2.59l-1.3 3.53h4.9a2.23 2.23 0 0 1 2.15 2.79l-1.33 5.01a2.23 2.23 0 0 1-2.15 1.65h-6.36a2.23 2.23 0 0 1-2.22-2.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 7.51h1.67q1.11 0 1.11 1.11v7.23q0 1.11-1.11 1.11h-1.67q-1.11 0-1.11-1.11v-7.22q0-1.11 1.11-1.12z\"></path></g>"
|
|
15210
|
+
},
|
|
15211
|
+
"24": {
|
|
15212
|
+
width: 24,
|
|
15213
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 10.01c0-0.65 0.23-1.26 0.66-1.74l5.69-6.6a2.51 2.51 0 0 1 1.22 3.11l-1.56 4.23h5.88a2.68 2.68 0 0 1 2.58 3.35l-1.6 6.01a2.68 2.68 0 0 1-2.58 1.98h-7.63a2.68 2.68 0 0 1-2.66-2.66\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 9.01h2.01q1.33 0 1.33 1.33v8.68q0 1.33-1.33 1.33h-2.01q-1.33 0-1.33-1.33v-8.66q0-1.33 1.33-1.35z\"></path></g>"
|
|
15214
|
+
},
|
|
15215
|
+
"32": {
|
|
15216
|
+
width: 32,
|
|
15217
|
+
path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 13.31c0-0.86 0.31-1.68 0.88-2.31l7.57-8.78a3.34 3.34 0 0 1 1.62 4.14l-2.07 5.62h7.82a3.56 3.56 0 0 1 3.43 4.46l-2.13 7.99a3.56 3.56 0 0 1-3.43 2.64h-10.15a3.56 3.56 0 0 1-3.54-3.54\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 11.98h2.67q1.77 0 1.77 1.77v11.55q0 1.77-1.77 1.77h-2.67q-1.77 0-1.77-1.77v-11.52q0-1.77 1.77-1.8z\"></path></g>"
|
|
15218
|
+
}
|
|
15219
|
+
}
|
|
15220
|
+
},
|
|
15221
|
+
"tik-tok": {
|
|
15222
|
+
name: "tik-tok",
|
|
15223
|
+
keywords: [
|
|
15224
|
+
"logo",
|
|
15225
|
+
"tik",
|
|
15226
|
+
"tok"
|
|
15227
|
+
],
|
|
15228
|
+
heights: {
|
|
15229
|
+
"32": {
|
|
15230
|
+
width: 32,
|
|
15231
|
+
path: "<g fill=\"currentColor\"><path d=\"M24.562,7.613c-1.508-.983-2.597-2.557-2.936-4.391-.073-.396-.114-.804-.114-1.221h-4.814l-.008,19.292c-.081,2.16-1.859,3.894-4.039,3.894-.677,0-1.315-.169-1.877-.465-1.288-.678-2.169-2.028-2.169-3.582,0-2.231,1.815-4.047,4.046-4.047,.417,0,.816,.069,1.194,.187v-4.914c-.391-.053-.788-.087-1.194-.087-4.886,0-8.86,3.975-8.86,8.86,0,2.998,1.498,5.65,3.783,7.254,1.439,1.01,3.19,1.606,5.078,1.606,4.886,0,8.86-3.975,8.86-8.86V11.357c1.888,1.355,4.201,2.154,6.697,2.154v-4.814c-1.345,0-2.597-.4-3.647-1.085Z\"></path></g>"
|
|
15232
|
+
}
|
|
15233
|
+
}
|
|
15234
|
+
},
|
|
14225
15235
|
"timeline-vertical-2": {
|
|
14226
15236
|
name: "timeline-vertical-2",
|
|
14227
15237
|
keywords: [
|
|
@@ -14743,14 +15753,32 @@ var data = {
|
|
|
14743
15753
|
venezuela: venezuela,
|
|
14744
15754
|
video: video,
|
|
14745
15755
|
vietnam: vietnam,
|
|
14746
|
-
|
|
14747
|
-
"
|
|
14748
|
-
name: "volume-disabled",
|
|
15756
|
+
"visa-2": {
|
|
15757
|
+
name: "visa-2",
|
|
14749
15758
|
keywords: [
|
|
14750
|
-
"
|
|
14751
|
-
"
|
|
14752
|
-
"
|
|
14753
|
-
"
|
|
15759
|
+
"credit",
|
|
15760
|
+
"card",
|
|
15761
|
+
"debit",
|
|
15762
|
+
"visa"
|
|
15763
|
+
],
|
|
15764
|
+
style: "colored",
|
|
15765
|
+
heights: {
|
|
15766
|
+
"32": {
|
|
15767
|
+
width: 32,
|
|
15768
|
+
path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#1434cb\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m13.392,12.624l-2.838,6.77h-1.851l-1.397-5.403c-.085-.332-.158-.454-.416-.595-.421-.229-1.117-.443-1.728-.576l.041-.196h2.98c.38,0,.721.253.808.69l.738,3.918,1.822-4.608h1.84Z\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m20.646,17.183c.008-1.787-2.47-1.886-2.453-2.684.005-.243.237-.501.743-.567.251-.032.943-.058,1.727.303l.307-1.436c-.421-.152-.964-.299-1.638-.299-1.732,0-2.95.92-2.959,2.238-.011.975.87,1.518,1.533,1.843.683.332.912.545.909.841-.005.454-.545.655-1.047.663-.881.014-1.392-.238-1.799-.428l-.318,1.484c.41.188,1.165.351,1.947.359,1.841,0,3.044-.909,3.05-2.317\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m25.423,12.624h-1.494c-.337,0-.62.195-.746.496l-2.628,6.274h1.839l.365-1.011h2.247l.212,1.011h1.62l-1.415-6.77Zm-2.16,4.372l.922-2.542.53,2.542h-1.452Z\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"M15.894 12.624L14.446 19.394 12.695 19.394 14.143 12.624 15.894 12.624z\"></path></g>"
|
|
15769
|
+
}
|
|
15770
|
+
}
|
|
15771
|
+
},
|
|
15772
|
+
visa: visa,
|
|
15773
|
+
voicemail: voicemail,
|
|
15774
|
+
volume: volume,
|
|
15775
|
+
"volume-disabled": {
|
|
15776
|
+
name: "volume-disabled",
|
|
15777
|
+
keywords: [
|
|
15778
|
+
"volume-disabled",
|
|
15779
|
+
"volume",
|
|
15780
|
+
"control",
|
|
15781
|
+
"sound",
|
|
14754
15782
|
"music",
|
|
14755
15783
|
"audio",
|
|
14756
15784
|
"speaker",
|
|
@@ -15068,6 +16096,20 @@ var data = {
|
|
|
15068
16096
|
path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.91 9.79c0-2.74-1.65-5.07-4-6.11v6.56h-5.34v-6.56a6.66 6.66 0 0 0-4.01 6.11c0 2.74 1.65 5.07 4 6.11v11.25c0 0.98 0.8 1.78 1.78 1.78h1.78c0.98 0 1.78-0.8 1.78-1.78v-11.25a6.66 6.66 0 0 0 4.01-6.11z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M27.14 16.46v10.68c0 0.98-0.8 1.78-1.78 1.78h-1.78c-0.98 0-1.78-0.8-1.78-1.78v-10.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.02 16.46h8.9\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M24.48 16.46v-12.46\"></path><path fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M24.48 9.35l1.78-3.12-0.89-3.11h-1.78l-0.89 3.11 1.78 3.12z\"></path></g>"
|
|
15069
16097
|
}
|
|
15070
16098
|
}
|
|
16099
|
+
},
|
|
16100
|
+
"x-twitter": {
|
|
16101
|
+
name: "x-twitter",
|
|
16102
|
+
keywords: [
|
|
16103
|
+
"logo",
|
|
16104
|
+
"twitter",
|
|
16105
|
+
"x.com"
|
|
16106
|
+
],
|
|
16107
|
+
heights: {
|
|
16108
|
+
"32": {
|
|
16109
|
+
width: 32,
|
|
16110
|
+
path: "<g fill=\"currentColor\"><path d=\"M18.42,14.009L27.891,3h-2.244l-8.224,9.559L10.855,3H3.28l9.932,14.455L3.28,29h2.244l8.684-10.095,6.936,10.095h7.576l-10.301-14.991h0Zm-3.074,3.573l-1.006-1.439L6.333,4.69h3.447l6.462,9.243,1.006,1.439,8.4,12.015h-3.447l-6.854-9.804h0Z\"></path></g>"
|
|
16111
|
+
}
|
|
16112
|
+
}
|
|
15071
16113
|
},
|
|
15072
16114
|
xmark: xmark,
|
|
15073
16115
|
yemen: yemen,
|
|
@@ -15107,6 +16149,7 @@ var data = {
|
|
|
15107
16149
|
}
|
|
15108
16150
|
}
|
|
15109
16151
|
},
|
|
16152
|
+
youtube: youtube,
|
|
15110
16153
|
zambia: zambia,
|
|
15111
16154
|
zimbabwe: zimbabwe
|
|
15112
16155
|
};
|
|
@@ -15365,11 +16408,12 @@ function getDefaultExportFromCjs (x) {
|
|
|
15365
16408
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
15366
16409
|
}
|
|
15367
16410
|
|
|
15368
|
-
var createIcons$1;
|
|
16411
|
+
var createIcons$1 = {exports: {}};
|
|
16412
|
+
|
|
15369
16413
|
var hasRequiredCreateIcons;
|
|
15370
16414
|
|
|
15371
16415
|
function requireCreateIcons () {
|
|
15372
|
-
if (hasRequiredCreateIcons) return createIcons$1;
|
|
16416
|
+
if (hasRequiredCreateIcons) return createIcons$1.exports;
|
|
15373
16417
|
hasRequiredCreateIcons = 1;
|
|
15374
16418
|
const DEFAULT_HEIGHT = 16;
|
|
15375
16419
|
|
|
@@ -15387,7 +16431,7 @@ function requireCreateIcons () {
|
|
|
15387
16431
|
* with SVG rendering helpers, and returns a Proxy that supports
|
|
15388
16432
|
* deprecated-name lookups with console warnings.
|
|
15389
16433
|
*/
|
|
15390
|
-
|
|
16434
|
+
function createIcons(data, nameAliases) {
|
|
15391
16435
|
const warnedNames = new Set();
|
|
15392
16436
|
|
|
15393
16437
|
function warnDeprecation(apolloName, nucleoName) {
|
|
@@ -15530,8 +16574,11 @@ function requireCreateIcons () {
|
|
|
15530
16574
|
});
|
|
15531
16575
|
|
|
15532
16576
|
return { default: proxiedData, getIcon, getIconsByTag };
|
|
15533
|
-
}
|
|
15534
|
-
|
|
16577
|
+
}
|
|
16578
|
+
|
|
16579
|
+
createIcons$1.exports = createIcons;
|
|
16580
|
+
createIcons$1.exports.default = createIcons;
|
|
16581
|
+
return createIcons$1.exports;
|
|
15535
16582
|
}
|
|
15536
16583
|
|
|
15537
16584
|
var createIconsExports = requireCreateIcons();
|
|
@@ -15561,10 +16608,10 @@ const Icon = class {
|
|
|
15561
16608
|
let wrapperClasses = 'xpl-icon__wrapper ';
|
|
15562
16609
|
if (this.backgroundColor)
|
|
15563
16610
|
wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
|
|
15564
|
-
return (index.h(index.Host, { key: '
|
|
16611
|
+
return (index.h(index.Host, { key: '07522771501e6e67b0ae91bbee9cc8699d79fb8b' }, index.h("figure", { key: '2acf41e3e20ff3998050c948fcae5d0990cb706a', class: wrapperClasses }, index.h("span", { key: '560b2e62366ee0842442c29280a7e37b53edf2be', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
|
|
15565
16612
|
width: `${options.width}px`,
|
|
15566
16613
|
height: `${options.height}px`,
|
|
15567
|
-
}, innerHTML: (_a = apolloIcons.getIcon(this.icon)) === null || _a === void 0 ? void 0 : _a.toSVG(options) }), index.h("figcaption", { key: '
|
|
16614
|
+
}, innerHTML: (_a = apolloIcons.getIcon(this.icon)) === null || _a === void 0 ? void 0 : _a.toSVG(options) }), index.h("figcaption", { key: '256c0d05be8026b24a139f8bfff4f00c65112030' }, this.icon, " icon"))));
|
|
15568
16615
|
}
|
|
15569
16616
|
};
|
|
15570
16617
|
Icon.style = xplIconCss();
|
|
@@ -15572,11 +16619,11 @@ Icon.style = xplIconCss();
|
|
|
15572
16619
|
const Input = class {
|
|
15573
16620
|
constructor(hostRef) {
|
|
15574
16621
|
index.registerInstance(this, hostRef);
|
|
15575
|
-
this.focusEvent = index.createEvent(this, "focusEvent", 7);
|
|
15576
16622
|
this.blurEvent = index.createEvent(this, "blurEvent", 7);
|
|
15577
|
-
this.
|
|
16623
|
+
this.focusEvent = index.createEvent(this, "focusEvent", 7);
|
|
15578
16624
|
this.inputEvent = index.createEvent(this, "inputEvent", 7);
|
|
15579
16625
|
this.search = index.createEvent(this, "search", 7);
|
|
16626
|
+
this.valueChange = index.createEvent(this, "valueChange", 7);
|
|
15580
16627
|
this.multiline = false;
|
|
15581
16628
|
this.dateFormat = 'Y-m-d';
|
|
15582
16629
|
this.timeFormat = '24h';
|
|
@@ -15591,6 +16638,10 @@ const Input = class {
|
|
|
15591
16638
|
this.isInternational = true;
|
|
15592
16639
|
this.ariaLabel = '';
|
|
15593
16640
|
this.type = 'text';
|
|
16641
|
+
this.handleChildValueChange = (event) => {
|
|
16642
|
+
event.stopPropagation();
|
|
16643
|
+
this.valueChange.emit(event.detail);
|
|
16644
|
+
};
|
|
15594
16645
|
this.valueChanged = (event) => {
|
|
15595
16646
|
const target = event.target;
|
|
15596
16647
|
this.valueChange.emit(target.value);
|
|
@@ -15678,19 +16729,19 @@ const Input = class {
|
|
|
15678
16729
|
var _a, _b, _c, _d, _e, _f;
|
|
15679
16730
|
switch (this.type) {
|
|
15680
16731
|
case 'file':
|
|
15681
|
-
return (index.h("xpl-input-file", { accept: this.accept, disabled: this.disabled, hideAcceptText: this.hideAcceptText, hideFileNames: this.hideFileNames, hideTriggerOnSelect: this.hideTriggerOnSelect, multiple: this.multiple, name: this.name, _id: this._id }, index.h("slot", { name: "trigger" })));
|
|
16732
|
+
return (index.h("xpl-input-file", { accept: this.accept, disabled: this.disabled, hideAcceptText: this.hideAcceptText, hideFileNames: this.hideFileNames, hideTriggerOnSelect: this.hideTriggerOnSelect, multiple: this.multiple, name: this.name, onInputChange: this.handleChildValueChange, _id: this._id }, index.h("slot", { name: "trigger" })));
|
|
15682
16733
|
case 'color':
|
|
15683
|
-
return (index.h("xpl-input-color", { disabled: this.disabled, value: this.value, placeholder: this.placeholder, required: this.required, hideEyeDropper: this.hideEyeDropper }));
|
|
16734
|
+
return (index.h("xpl-input-color", { disabled: this.disabled, value: this.value, placeholder: this.placeholder, required: this.required, hideEyeDropper: this.hideEyeDropper, onInputChange: this.handleChildValueChange }));
|
|
15684
16735
|
case 'date':
|
|
15685
|
-
return (index.h("xpl-input-date", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, post: this.post, pre: this.pre, max: this.max, min: this.min, dateFormat: this.dateFormat, mode: this.mode }));
|
|
16736
|
+
return (index.h("xpl-input-date", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, post: this.post, pre: this.pre, max: this.max, min: this.min, dateFormat: this.dateFormat, mode: this.mode, onValueChange: this.handleChildValueChange }));
|
|
15686
16737
|
case 'time':
|
|
15687
|
-
return (index.h("xpl-input-time", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, max: this.max, min: this.min, step: this.step, mode: this.mode, timeFormat: this.timeFormat, allowCustomOption: this.allowCustomOption }));
|
|
16738
|
+
return (index.h("xpl-input-time", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, max: this.max, min: this.min, step: this.step, mode: this.mode, timeFormat: this.timeFormat, allowCustomOption: this.allowCustomOption, onValueChange: this.handleChildValueChange }));
|
|
15688
16739
|
case 'phone':
|
|
15689
|
-
return (index.h("xpl-input-phone", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, defaultCountry: this.defaultCountry, preferredCountries: this.preferredCountries, isInternational: this.isInternational }));
|
|
16740
|
+
return (index.h("xpl-input-phone", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, defaultCountry: this.defaultCountry, preferredCountries: this.preferredCountries, isInternational: this.isInternational, onValueChange: this.handleChildValueChange }));
|
|
15690
16741
|
case 'search': {
|
|
15691
16742
|
const hasVisibleLabel = Boolean(((_a = this.label) !== null && _a !== void 0 ? _a : '').trim());
|
|
15692
16743
|
const hasErrorMessage = Boolean(this.error && this.error.length > 0);
|
|
15693
|
-
return (index.h("xpl-input-search", { ariaLabel: ((_b = this.ariaLabel) !== null && _b !== void 0 ? _b : '').trim() || 'Search', autocomplete: (_c = this.autocomplete) !== null && _c !== void 0 ? _c : 'off', disabled: this.disabled, errorMessageId: hasErrorMessage ? `${this._id}-error` : undefined, hasError: hasErrorMessage, hasVisibleLabel: hasVisibleLabel, inputId: this._id, name: this.name, onBlurEvent: this.handleSearchBlurForward, onFocusEvent: this.handleSearchFocusForward, onSearch: this.handleSearchCommit, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : 'Search', readonly: this.readonly, ref: (el) => {
|
|
16744
|
+
return (index.h("xpl-input-search", { ariaLabel: ((_b = this.ariaLabel) !== null && _b !== void 0 ? _b : '').trim() || 'Search', autocomplete: (_c = this.autocomplete) !== null && _c !== void 0 ? _c : 'off', disabled: this.disabled, errorMessageId: hasErrorMessage ? `${this._id}-error` : undefined, hasError: hasErrorMessage, hasVisibleLabel: hasVisibleLabel, inputId: this._id, name: this.name, onBlurEvent: this.handleSearchBlurForward, onFocusEvent: this.handleSearchFocusForward, onSearch: this.handleSearchCommit, onValueChange: this.handleChildValueChange, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : 'Search', readonly: this.readonly, ref: (el) => {
|
|
15694
16745
|
this.searchInputRef = el !== null && el !== void 0 ? el : undefined;
|
|
15695
16746
|
}, required: this.required, shape: (_e = this.shape) !== null && _e !== void 0 ? _e : 'rounded', value: (_f = this.value) !== null && _f !== void 0 ? _f : '' }));
|
|
15696
16747
|
}
|
|
@@ -15718,13 +16769,13 @@ const Input = class {
|
|
|
15718
16769
|
this.characterCount > this.maxCharacterCount) {
|
|
15719
16770
|
hasError = true;
|
|
15720
16771
|
}
|
|
15721
|
-
return (index.h(index.Host, { key: '
|
|
16772
|
+
return (index.h(index.Host, { key: '406ab6d1b4d43ceb06cdb819cec8699d2d3322b3', class: {
|
|
15722
16773
|
'xpl-input': true,
|
|
15723
16774
|
'xpl-input--disabled': this.disabled,
|
|
15724
16775
|
'xpl-input--error': hasError,
|
|
15725
16776
|
'xpl-input--readonly': this.readonly,
|
|
15726
16777
|
[`xpl-input--${this.type}`]: true,
|
|
15727
|
-
} }, this.label && (index.h("label", { key: '
|
|
16778
|
+
} }, this.label && (index.h("label", { key: 'ab7ea9eb5cb82e6b602ce93ab3da482c12f59078', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && index.h("small", { key: '37435c5f1d3d8a30acba7788a7d215921e679327' }, this.description))), this.renderInput(), ((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("label", { key: '57b66daa234d93d9f6d7ad582380960013596919', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, index.h("xpl-icon", { key: '9a14b46934a8d7edc5f5e48c3fecf87441e741ca', icon: "alert-circle", size: 16 }), index.h("span", { key: 'badecb1aba3b3ff35cbcf6d7cb4d5355844951e6' }, this.error)))));
|
|
15728
16779
|
}
|
|
15729
16780
|
get el() { return index.getElement(this); }
|
|
15730
16781
|
};
|
|
@@ -16092,16 +17143,16 @@ const InputColor = class {
|
|
|
16092
17143
|
top: `${y}px`,
|
|
16093
17144
|
background: `rgb(${r}, ${g}, ${b})`,
|
|
16094
17145
|
};
|
|
16095
|
-
return (index.h(index.Host, { key: '
|
|
17146
|
+
return (index.h(index.Host, { key: 'f665a747f8938212d0c9ada4f251a9fc880ba82c', class: "xpl-input-color" }, index.h("xpl-popover", { key: 'eac77d1e9f350b3b0dd66001a7a596d156a75a53', disabled: this.disabled, display: "menu" }, index.h("div", { key: '73d1468c4261fd9a8e957189129cc660757d849f', slot: "trigger" }, index.h("div", { key: 'fa098788863247a7c87e4efe628b5b47f0bb3113', class: {
|
|
16096
17147
|
'xpl-input-color__display': true,
|
|
16097
17148
|
'xpl-input-color__display--disabled': this.disabled,
|
|
16098
17149
|
'xpl-input-color__display--error': !!this.hasErrorState,
|
|
16099
|
-
} }, index.h("span", { key: '
|
|
17150
|
+
} }, index.h("span", { key: 'd471146ff3ba7b026dba1424599361d0aa0fe49c', class: "xpl-input-color__color", style: {
|
|
16100
17151
|
background: objectToStringColor(this.colorValues),
|
|
16101
|
-
} }), this.colorValues.hex ? (index.h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (index.h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (index.h("xpl-icon", { key: '
|
|
17152
|
+
} }), this.colorValues.hex ? (index.h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (index.h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (index.h("xpl-icon", { key: '5cd87456ef093611b6be8906c24b235ea7f19524', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
|
|
16102
17153
|
e.stopPropagation();
|
|
16103
17154
|
this.openEyeDropper();
|
|
16104
|
-
} })))), index.h("div", { key: '
|
|
17155
|
+
} })))), index.h("div", { key: 'df7bdf567c9a697f8a5e737e5a8cb1b1b962dbb9', class: "xpl-input-color__menu" }, index.h("div", { key: 'ae630752b48e9d211273da6f3dadda8ace603ba2', class: "xpl-input-color__sl-grid", ref: (el) => {
|
|
16105
17156
|
this.colorInputElements.slGrid = el;
|
|
16106
17157
|
}, style: {
|
|
16107
17158
|
background: [
|
|
@@ -16109,9 +17160,9 @@ const InputColor = class {
|
|
|
16109
17160
|
`linear-gradient(to right, #fff, #fff0)`,
|
|
16110
17161
|
`rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
|
|
16111
17162
|
].join(', '),
|
|
16112
|
-
}, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, index.h("div", { key: '
|
|
17163
|
+
}, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, index.h("div", { key: '25ffc6bb94f0e861a3bc5a6da5c01e0901d1779e', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), index.h("div", { key: '7d256baab084f96c56724b4eede835a13bee7055', class: "xpl-input-color__grid" }, index.h("input", { key: '227309d4590722c24c2d053c013a6d473e44a3ee', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
|
|
16113
17164
|
this.colorInputElements.hue = el;
|
|
16114
|
-
} }), index.h("input", { key: '
|
|
17165
|
+
} }), index.h("input", { key: '2d43e7c9f98fd5cdcccde7206c0cf4e5ae6bde6d', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
|
|
16115
17166
|
this.colorInputElements.alpha = el;
|
|
16116
17167
|
}, style: {
|
|
16117
17168
|
backgroundImage: [
|
|
@@ -16121,9 +17172,9 @@ const InputColor = class {
|
|
|
16121
17172
|
`linear-gradient(45deg, transparent 75%, #ccc 75%)`,
|
|
16122
17173
|
`linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
|
|
16123
17174
|
].join(', '),
|
|
16124
|
-
} }), index.h("div", { key: '
|
|
17175
|
+
} }), index.h("div", { key: '26a562a220b2458e0ee99906d27d8a11e38f2d02', class: "xpl-input-color__preview", style: {
|
|
16125
17176
|
background: `rgba(${r}, ${g}, ${b}, ${a})`,
|
|
16126
|
-
} })), index.h("div", { key: '
|
|
17177
|
+
} })), index.h("div", { key: 'a77a7325f72ef73e6aa2d6968ae4afd1e010cf2c', class: "xpl-input-color__inputs" }, Object.entries(this.colorInputElements)
|
|
16127
17178
|
.filter(([key]) => ['hex', 'r', 'g', 'b', 'a'].includes(key))
|
|
16128
17179
|
.map(([key]) => (index.h("xpl-input", { key: key, label: key.toLocaleUpperCase(), name: `color-${key}-input`, placeholder: key === 'hex' ? '793EF7' : '0', value: this.colorValues[key], ref: (elRef) => {
|
|
16129
17180
|
this.colorInputElements[key] = elRef;
|
|
@@ -16246,16 +17297,16 @@ const InputDate = class {
|
|
|
16246
17297
|
parent.removeChild(wrapper);
|
|
16247
17298
|
}
|
|
16248
17299
|
render() {
|
|
16249
|
-
return (index.h(index.Host, { key: '
|
|
17300
|
+
return (index.h(index.Host, { key: '35b39ed37afa33603772cdd0dce79cf7533d36ec', class: {
|
|
16250
17301
|
'xpl-input-date': true,
|
|
16251
17302
|
[`xpl-input-date--mode-${this.mode}`]: true,
|
|
16252
17303
|
'xpl-input-date--error': !!this.hasErrorState,
|
|
16253
17304
|
'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
|
|
16254
|
-
} }, index.h("div", { key: '
|
|
17305
|
+
} }, index.h("div", { key: '14940421a3f9fb4e7a5acbd5abb222d927a701cf', class: "xpl-input-wrapper" }, this.pre && (index.h("label", { key: '108b33b4f0a87bacff90480633327dd221f6b1d4', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), index.h("input", { key: '00633c5b69d25a94d7cd8501bde70459e8ebf2ce', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
|
|
16255
17306
|
this.input = el;
|
|
16256
17307
|
}, onChange: (event) => {
|
|
16257
17308
|
this.valueChanged(event);
|
|
16258
|
-
} }), index.h("xpl-icon", { key: '
|
|
17309
|
+
} }), index.h("xpl-icon", { key: 'ba0d694b7ace1359d6901c0110dce40a78805f74', class: "xpl-input-calendar", icon: "calendar-month", size: 24 }), this.post && (index.h("label", { key: '5ca7564e2096b697a75ebfb573654c0c23125245', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
|
|
16259
17310
|
}
|
|
16260
17311
|
get el() { return index.getElement(this); }
|
|
16261
17312
|
static get watchers() { return {
|
|
@@ -16304,18 +17355,18 @@ const InputFile = class {
|
|
|
16304
17355
|
}
|
|
16305
17356
|
render() {
|
|
16306
17357
|
var _a, _b;
|
|
16307
|
-
return (index.h(index.Host, { key: '
|
|
17358
|
+
return (index.h(index.Host, { key: 'ec1645e7d48cf2b146727a6c131dbd7572468f17', class: {
|
|
16308
17359
|
'xpl-input-file': true,
|
|
16309
17360
|
'xpl-input-file--hide-trigger-on-select': this.hideTriggerOnSelect,
|
|
16310
17361
|
'xpl-input-file--disabled': this.disabled,
|
|
16311
|
-
} }, index.h("span", { key: '
|
|
17362
|
+
} }, index.h("span", { key: '8dc3e290dcddba706316ec41443e2e87aa82f79f', class: {
|
|
16312
17363
|
'xpl-input-file__trigger-wrapper': true,
|
|
16313
17364
|
'xpl-input-file__trigger-wrapper--hidden': this.hideTriggerOnSelect && ((_a = this.files) === null || _a === void 0 ? void 0 : _a.length) > 0,
|
|
16314
|
-
}, role: "button", tabIndex: 0, onClick: this.openFileDialog }, index.h("slot", { key: '
|
|
17365
|
+
}, role: "button", tabIndex: 0, onClick: this.openFileDialog }, index.h("slot", { key: '2d2391a2ccca22170bfa0b9ace50a42fdba54284', name: "trigger" })), ((_b = this.files) === null || _b === void 0 ? void 0 : _b.length) > 0 && !this.hideFileNames && (index.h("ul", { key: 'c302bbbb5c1977c513dba82db70da1615f39a217', class: "xpl-input-file__file-list" }, this.files.map((file, fileIndex) => (index.h("li", { class: "xpl-input-file__file-item" }, index.h("span", { class: "xpl-text-callout" }, file.name), index.h("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
|
|
16315
17366
|
e.preventDefault();
|
|
16316
17367
|
e.stopPropagation();
|
|
16317
17368
|
this.onRemoveFileByIndex(fileIndex);
|
|
16318
|
-
}, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (index.h("span", { key: '
|
|
17369
|
+
}, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (index.h("span", { key: '9252c5450f32e8d2ed478af9f84eef4a26cee49f', class: "xpl-input-file__accept xpl-text-caption" }, "Accepted file types: ", this.accept)), index.h("input", { key: 'd44213b6fd075bfb12c7857d3a56e06f78ef0fdc', onChange: this.handleFileChange, type: "file", ref: (el) => {
|
|
16319
17370
|
this.fileInput = el;
|
|
16320
17371
|
}, hidden: true, accept: this.accept, multiple: this.multiple, name: this.name })));
|
|
16321
17372
|
}
|
|
@@ -16803,21 +17854,21 @@ const InputPhone = class {
|
|
|
16803
17854
|
}
|
|
16804
17855
|
render() {
|
|
16805
17856
|
var _a;
|
|
16806
|
-
return (index.h(index.Host, { key: '
|
|
17857
|
+
return (index.h(index.Host, { key: '4a55afb3d85dc5882eca2cab0a23b11374cc053e', class: {
|
|
16807
17858
|
'xpl-input-phone': true,
|
|
16808
17859
|
'xpl-input-phone--error': !!this.hasErrorState,
|
|
16809
17860
|
'xpl-input-phone--open': this.dropdownOpen,
|
|
16810
17861
|
'xpl-input-phone--domestic': !this.isInternational,
|
|
16811
|
-
} }, index.h("div", { key: '
|
|
17862
|
+
} }, index.h("div", { key: 'c7e46df1b58b6e76dda47b3b32f5a6abe29f048c', class: "xpl-input-wrapper" }, this.isInternational && (index.h("button", { key: 'ef1bedb4bad96760c81ad4dbf2cadb5a29d4abb9', type: "button", id: this.triggerId, class: "xpl-input-phone__trigger", disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.dropdownOpen ? 'true' : 'false', "aria-label": "Select country", onClick: this.handleTriggerClick }, ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.name) && (index.h("xpl-icon", { key: 'a307f620c2815d63b17dbeb6c270d2972884e9d9', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), index.h("xpl-icon", { key: 'c16e66d315877cec35e322a1164f765cd387931f', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), index.h("div", { key: '7a33b994588e4c5ea868a4e092709b8acd50a36f', class: "xpl-input-phone__input-wrap" }, this.isInternational && (index.h("span", { key: '5a39cfd472f5287fc8cf0648ce618e21dabf5e97', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), index.h("input", { key: 'dfb25910769594bc9b9d1c861049605d7bdd9d0e', ref: (el) => {
|
|
16812
17863
|
this.inputEl = el;
|
|
16813
|
-
}, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (index.h("button", { key: '
|
|
17864
|
+
}, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (index.h("button", { key: '8db932d94550aa6d947e2564d8a94a12bef43bce', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, index.h("xpl-icon", { key: '87e55c3a5ae6b8774d3ce64af843b7e63448fe25', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (index.h("xpl-dropdown", { key: '467b0e2fde23a45b2c36138affa26467e0b6c9d0', ref: (el) => {
|
|
16814
17865
|
this.dropdownRef = el;
|
|
16815
17866
|
}, isOpen: this.dropdownOpen, triggerId: this.triggerId, anchorToTrigger: true, closeOnSelect: true, mode: "single", options: this.dropdownOptions, update: this.handleDropdownUpdate, onIsOpenChange: (e) => {
|
|
16816
17867
|
this.dropdownOpen = e.detail;
|
|
16817
|
-
}, "aria-label": "Country" }, index.h("div", { key: '
|
|
17868
|
+
}, "aria-label": "Country" }, index.h("div", { key: 'f4f3665ab8286faed45c3a3a510bd247c7a31842', slot: "header", class: "xpl-input-phone__search-wrap" }, index.h("xpl-input", { key: '659875e60e85bac085deb8f6648623eccc76d560', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
|
|
16818
17869
|
var _a;
|
|
16819
17870
|
this.searchQuery = (_a = e.detail) !== null && _a !== void 0 ? _a : '';
|
|
16820
|
-
} }, index.h("xpl-icon", { key: '
|
|
17871
|
+
} }, index.h("xpl-icon", { key: '987941768e8494d9c898fc93e531da03bd57ad71', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
|
|
16821
17872
|
}
|
|
16822
17873
|
get el() { return index.getElement(this); }
|
|
16823
17874
|
static get watchers() { return {
|
|
@@ -16936,7 +17987,7 @@ const InputSearch = class {
|
|
|
16936
17987
|
return shell;
|
|
16937
17988
|
}
|
|
16938
17989
|
render() {
|
|
16939
|
-
return (index.h(index.Host, { key: '
|
|
17990
|
+
return (index.h(index.Host, { key: 'c8f0c2b1c96cc8c6d9a2c390e791977b031adb9b', class: {
|
|
16940
17991
|
'xpl-input-search': true,
|
|
16941
17992
|
'xpl-input-search--disabled': this.disabled,
|
|
16942
17993
|
'xpl-input-search--error': this.hasError,
|
|
@@ -17120,11 +18171,11 @@ const InputTime = class {
|
|
|
17120
18171
|
}));
|
|
17121
18172
|
}
|
|
17122
18173
|
render() {
|
|
17123
|
-
return (index.h(index.Host, { key: '
|
|
18174
|
+
return (index.h(index.Host, { key: 'a48ebfd7cd0578b33bd11059f9bebb342bf954f7', class: {
|
|
17124
18175
|
'xpl-input-time': true,
|
|
17125
18176
|
[`xpl-input-time--mode-${this.mode}`]: true,
|
|
17126
18177
|
'xpl-input-time--error': !!this.hasErrorState,
|
|
17127
|
-
} }, index.h("xpl-input", { key: '
|
|
18178
|
+
} }, index.h("xpl-input", { key: '68089e0bd5b0ed7d88917094eafe529637947380', pre: index.h("xpl-icon", { class: "xpl-input-time__clock-icon", icon: "clock", size: 24 }), post: this.timeFormat === '12h' ? this.amPm || 'AM' : null, type: "text", _id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, onInput: this.handleInput, value: this.formattedValue, onFocusEvent: this.handleFocus, onBlurEvent: this.handleBlur, onClick: this.handleClick }), !this.readonly && !this.disabled && (index.h("xpl-dropdown", { key: '1bbe4a3a42c02ff985a26e7547c54f0bbdc92ce0', options: this.options, isOpen: this.showOptions, ref: (el) => {
|
|
17128
18179
|
this.dropdown = el;
|
|
17129
18180
|
}, class: "xpl-input-time__dropdown" }))));
|
|
17130
18181
|
}
|
|
@@ -17558,12 +18609,12 @@ const List = class {
|
|
|
17558
18609
|
var _a, _b, _c;
|
|
17559
18610
|
const ariaLabelledBy = ((_a = this.labelledBy) === null || _a === void 0 ? void 0 : _a.trim()) ? this.labelledBy.trim() : undefined;
|
|
17560
18611
|
const ariaLabel = !ariaLabelledBy && ((_b = this.label) === null || _b === void 0 ? void 0 : _b.trim()) ? this.label.trim() : undefined;
|
|
17561
|
-
return (index.h(index.Host, { key: '
|
|
18612
|
+
return (index.h(index.Host, { key: 'aaa6e1cfa2d87e61b239d9aa59c9e4647f05aade', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, (_c = this.items) === null || _c === void 0 ? void 0 :
|
|
17562
18613
|
_c.map((item, index$1) => {
|
|
17563
18614
|
var _a;
|
|
17564
18615
|
const legacyRowId = (_a = item.id) !== null && _a !== void 0 ? _a : `item-${index$1}`;
|
|
17565
18616
|
return (index.h("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
|
|
17566
|
-
}), index.h("slot", { key: '
|
|
18617
|
+
}), index.h("slot", { key: '89eb57b654baf9efbfd021e8c8db1fe074daa6d1' }), this.reorderable ? (index.h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
|
|
17567
18618
|
}
|
|
17568
18619
|
get el() { return index.getElement(this); }
|
|
17569
18620
|
static get watchers() { return {
|
|
@@ -18086,7 +19137,7 @@ const Modal = class {
|
|
|
18086
19137
|
}
|
|
18087
19138
|
}
|
|
18088
19139
|
render() {
|
|
18089
|
-
return (index.h(index.Host, { key: '
|
|
19140
|
+
return (index.h(index.Host, { key: '310913d620acf72531ecb06aa6cd2180bb58d13b', class: "xpl-modal" }, this.isOpen && index.h("xpl-backdrop", { key: 'd95693fd09c2f0a8024f3cb69a021f0bd79f7916' }), index.h("dialog", { key: '5cffd3cfdcc6033baa1d9e3e5fdf56b8411a8975', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}` }, index.h("div", { key: '2d0be8e91065d464797d85cd1b98272292eacb09', class: "xpl-modal__header" }, index.h("div", { key: 'cb7d8594ed217599bcf0e2efa88d72afe0fff758', class: "xpl-modal__title" }, this.variant === 'warning' && (index.h("xpl-icon", { key: 'fb7dd69369accc0c98ef8762ca457b6368ca0036', size: 20, icon: "alert-triangle", class: "xpl-modal__alert-icon" })), index.h("slot", { key: '36a6d3d38d35064f81740504090fbbcdf2125097', name: "title" }), index.h("xpl-button", { key: 'db84ecf685afec8d0d783b433f8aa030acc436bb', type: "button", class: "xpl-modal__close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleDialogClose }, index.h("xpl-icon", { key: 'bf241c6636ace6e182bf259bd24754646dc7f151', icon: "x" }))), index.h("div", { key: '105fa1a5b9d927bda5ca5521bbb8211cb07ab8e8', class: "xpl-modal__subtitle" }, index.h("slot", { key: 'd25d6d8bb95cd51f075dd7f9b5e1e199dac3efb0', name: "subtitle" }))), index.h("div", { key: '3b194a36ad0f4446149027544c16a25ba27f2cec', class: "xpl-modal__body" }, index.h("slot", { key: '077e5b70115e3e906cd9ea7181c51615799c77e8', name: "body" })), index.h("div", { key: '687bd9ca45af20945ab5461ceb68ec099a30c50b', class: "xpl-modal__footer" }, index.h("slot", { key: '73d5884708efd296a701c37e02663668fcfd37d8', name: "tertiary" }), index.h("slot", { key: 'bad90d2355b8c015e19b1e450b5a2ce96e5ad55d', name: "secondary" }), index.h("slot", { key: 'c601b66edc9fb2c082ccc713d6df95f15bd604ef', name: "primary" })))));
|
|
18090
19141
|
}
|
|
18091
19142
|
get element() { return index.getElement(this); }
|
|
18092
19143
|
static get watchers() { return {
|
|
@@ -18162,11 +19213,11 @@ const NavHeaderMenu = class {
|
|
|
18162
19213
|
}
|
|
18163
19214
|
render() {
|
|
18164
19215
|
const hasProfile = !!this.username || !!this.email;
|
|
18165
|
-
return (index.h(index.Host, { key: '
|
|
19216
|
+
return (index.h(index.Host, { key: '451149dc9d73f705492fc65bf4f014b8efa4ee8a', class: {
|
|
18166
19217
|
'xpl-nav-header-menu': true,
|
|
18167
19218
|
'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
|
|
18168
19219
|
dark: true,
|
|
18169
|
-
} }, hasProfile && (index.h("div", { key: '
|
|
19220
|
+
} }, hasProfile && (index.h("div", { key: 'f42b560492c110644d52b10f708a3ed650833861', class: "xpl-nav-header-menu__profile" }, index.h("div", { key: '6d98f720af85cbf8164bea7500175d6bfbb9465b', class: "xpl-nav-header-menu__info" }, this.username && (index.h("div", { key: '9d52880dc41c11e71ac3cc107d8009eccb787bac', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (index.h("div", { key: 'd1b71ac2c4f6aaf5efd7b1910b8848f97ab08bf0', class: "xpl-nav-header-menu__email" }, this.email))))), index.h("div", { key: 'e1b298c39ccbe0f68b8d60fa82714572f656ab1e', class: "xpl-nav-header-menu__right-aside-mobile" }, index.h("slot", { key: 'fbb8d26c38a4a50568e8836ac3af4409fe6c93c0', name: "right-aside-mobile" })), index.h("div", { key: 'cbe858338ec04cdd3b74285f95b0466432924be2', class: "xpl-nav-header-menu__slot", role: "list" }, index.h("slot", { key: 'b47ccc7f955a30d8b9d9b884fa3d920d45958f7c' }))));
|
|
18170
19221
|
}
|
|
18171
19222
|
get el() { return index.getElement(this); }
|
|
18172
19223
|
};
|
|
@@ -18183,11 +19234,11 @@ const NavItem = class {
|
|
|
18183
19234
|
}
|
|
18184
19235
|
}
|
|
18185
19236
|
render() {
|
|
18186
|
-
return (index.h(index.Host, { key: '
|
|
19237
|
+
return (index.h(index.Host, { key: 'b3a214a57ad57e9db1bbfd6a1809999ce0575a82', class: "xpl-nav-item", role: "listitem", onClick: () => {
|
|
18187
19238
|
if (this.navControl) {
|
|
18188
19239
|
this.onNavToggle();
|
|
18189
19240
|
}
|
|
18190
|
-
} }, index.h("slot", { key: '
|
|
19241
|
+
} }, index.h("slot", { key: '0f2a74dc4fd6f419a01106d872a5f6b5066a21a8', name: "link" }, index.h("slot", { key: '234b41ca18d65ec3423ff580d983d24b483641cf', name: "icon" }), index.h("slot", { key: 'cdb0ac59997cd1c557b05c6c8d8f60ae78d28a4d' }))));
|
|
18191
19242
|
}
|
|
18192
19243
|
};
|
|
18193
19244
|
|
|
@@ -18254,19 +19305,23 @@ const Pagination = class {
|
|
|
18254
19305
|
render() {
|
|
18255
19306
|
const disablePrev = this.currentPage <= 1;
|
|
18256
19307
|
const disableNext = this.currentPage >= this.totalPages;
|
|
18257
|
-
return (index.h(index.Host, { key: '
|
|
19308
|
+
return (index.h(index.Host, { key: 'fad9cdff4010b4b5ac842633bf7daf09b4dbd5d4', class: {
|
|
19309
|
+
'xpl-pagination': true,
|
|
19310
|
+
'xpl-pagination__with-page-control': this.withPageControl,
|
|
19311
|
+
'xpl-pagination__no-page-control': !this.withPageControl,
|
|
19312
|
+
} }, this.withPageControl && (index.h("div", { key: 'eb125851b89aa1422ec3e5d5e336fcbecd07489e', class: "xpl-pagination__rows-per-page" }, index.h("label", { key: '5f2aa4c45d183827317a74cf4700981b6b0e7f2b', class: "xpl-pagination__rows-label" }, "Rows per page:"), index.h("xpl-select", { key: '7ba2987a24b3228d9b59320f29b22b5819f85546', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
|
|
18258
19313
|
label: option.toString(),
|
|
18259
19314
|
value: option.toString(),
|
|
18260
19315
|
isSelected: option === this.selectedRowsPerPage,
|
|
18261
19316
|
})), ref: (el) => {
|
|
18262
19317
|
this.rowsPerPageSelectRef = el;
|
|
18263
|
-
} }))), index.h("div", { key: '
|
|
19318
|
+
} }))), index.h("div", { key: '8bab9db1cecfdaeeb760b0e4e1afb393ff3a3fe7', class: "xpl-pagination__pager" }, index.h("button", { key: '19efd8a9aee2b05f875d2db34c7cdd174c845f60', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, index.h("xpl-icon", { key: 'a77a15c649a6f2c86b100d1687b4a099acc18602', icon: "arrow-left", size: 20 })), index.h("xpl-select", { key: '5778cad67d3a4b930b1f89b0e49c30e941e23259', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: Array.from({ length: this.totalPages }, (_, index) => ({
|
|
18264
19319
|
label: `Page ${index + 1}`,
|
|
18265
19320
|
value: (index + 1).toString(),
|
|
18266
19321
|
isSelected: index + 1 === this.currentPage,
|
|
18267
19322
|
})), "custom-display-value": true, ref: (el) => {
|
|
18268
19323
|
this.pageSelectRef = el;
|
|
18269
|
-
} }, index.h("div", { key: '
|
|
19324
|
+
} }, index.h("div", { key: 'd0ae655a0100c2e81c8f7bdc2c8d3072f00cc7c9', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), index.h("button", { key: 'ca6c7eb4fd277344f340b83673f1e43cb0c9fe99', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, index.h("xpl-icon", { key: 'd18efdcb7e67ab908fbf79fc475993cf656b150c', icon: "arrow-right", size: 20 })))));
|
|
18270
19325
|
}
|
|
18271
19326
|
static get watchers() { return {
|
|
18272
19327
|
"currentPage": [{
|
|
@@ -18286,11 +19341,11 @@ const XplPanel = class {
|
|
|
18286
19341
|
}
|
|
18287
19342
|
render() {
|
|
18288
19343
|
const hasAccent = this.accent !== 'none';
|
|
18289
|
-
return (index.h(index.Host, { key: '
|
|
19344
|
+
return (index.h(index.Host, { key: 'e9a747ba679f6f9f907d13217f329947bff93e31', class: {
|
|
18290
19345
|
'xpl-panel': true,
|
|
18291
19346
|
[`xpl-panel--accent-${this.accent}`]: hasAccent,
|
|
18292
19347
|
[`xpl-panel--padding-${this.padding}`]: true,
|
|
18293
|
-
} }, hasAccent && index.h("div", { key: '
|
|
19348
|
+
} }, hasAccent && index.h("div", { key: 'b777fd4a81574ff9276582b256b673cccfc63a34', "aria-hidden": "true", class: "xpl-panel__accent" }), index.h("div", { key: '5fa5ba4c2bfa13d7dcaee603e96ec9b77d103b13', class: "xpl-panel__content" }, index.h("slot", { key: 'c99b797e076c2641ae205181479dabb38f9ea009' }))));
|
|
18294
19349
|
}
|
|
18295
19350
|
};
|
|
18296
19351
|
|
|
@@ -18953,16 +20008,16 @@ const Popover = class {
|
|
|
18953
20008
|
});
|
|
18954
20009
|
}
|
|
18955
20010
|
render() {
|
|
18956
|
-
return (index.h(index.Host, { key: '
|
|
20011
|
+
return (index.h(index.Host, { key: '6fe479a39ee565772785c7b540c4e0915c5403e4' }, index.h("div", { key: '350452ca097bab13e7f06b3d1aa5e2774d80104b', class: {
|
|
18957
20012
|
'xpl-popover': true,
|
|
18958
20013
|
[`xpl-popover--${this.actualPosition}`]: true,
|
|
18959
20014
|
'xpl-popover--is-open': this.isOpenState,
|
|
18960
|
-
} }, index.h("span", { key: '
|
|
20015
|
+
} }, index.h("span", { key: '0a9365be21ef70855bd7d304a77fc80d19ba16d3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
|
|
18961
20016
|
this.triggerRef = el;
|
|
18962
|
-
} }, index.h("slot", { key: '
|
|
20017
|
+
} }, index.h("slot", { key: 'df227b5bb7683599b4f82ef2a8c9d840b4920a61', name: "trigger" })), this.display === 'arrow' && (index.h("div", { key: 'dbf0b6998b3aa6ae40089e13bef86878037bbe24', class: "xpl-popover__arrow" }, index.h("svg", { key: '2bf57b69abc556ba9a86b59f6347a2c8d81a67c3', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '36fef83ea3e2d3d4b388f5bdfe74d0bdc034be9d', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), index.h("path", { key: '1187a6ec22457ab6086753cf199398705541b1b4', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), index.h("div", { key: '7c6f063094de1462629a0db380597374c4231855', class: {
|
|
18963
20018
|
'xpl-popover__content': true,
|
|
18964
20019
|
[`xpl-popover__content--display-${this.display}`]: true,
|
|
18965
|
-
}, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: '
|
|
20020
|
+
}, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: '41062b776eed58b98452bb5a8d3b7099ac1138d2' })))));
|
|
18966
20021
|
}
|
|
18967
20022
|
get el() { return index.getElement(this); }
|
|
18968
20023
|
static get watchers() { return {
|
|
@@ -19002,12 +20057,12 @@ const ProgressBar = class {
|
|
|
19002
20057
|
return this.variant === 'indeterminate';
|
|
19003
20058
|
}
|
|
19004
20059
|
render() {
|
|
19005
|
-
return (index.h(index.Host, { key: '
|
|
20060
|
+
return (index.h(index.Host, { key: 'e5cc7a2231ed74242241723c9f0a57444a8000bb', class: {
|
|
19006
20061
|
'xpl-progress-bar': true,
|
|
19007
20062
|
[`xpl-progress-bar--${this.size}`]: true,
|
|
19008
20063
|
[`xpl-progress-bar--${this.variant}`]: true,
|
|
19009
20064
|
'xpl-progress-bar--complete': this.isComplete,
|
|
19010
|
-
} }, index.h("div", { key: '
|
|
20065
|
+
} }, index.h("div", { key: '3212fdea66e2cd3edffc36f99c9edc197f15bcee', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (index.h("div", { key: '004c0b9203df13c6818fdbb8c928a47d86e7388e', class: "xpl-progress-bar__header" }, this.label && index.h("div", { key: 'ce735edff19cc004f979a582618c968260cd23c3', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (index.h("div", { key: '3a9f143b79152aa3208593c9249a62d819c2967a', class: "xpl-progress-bar__icon" }, this.isError ? (index.h("xpl-icon", { icon: "circle-xmark-1" })) : (index.h("xpl-icon", { icon: "circle-check-1" })))))), index.h("div", { key: '517787d0ff39c082a3d4763b78b16a9ce9235b4b', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (index.h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, index.h("div", { class: "xpl-progress-bar__indeterminate" }))) : (index.h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (index.h("div", { key: '488c5092b96a1e9a5a08f9b090f94fe66f6f1490', class: "xpl-progress-bar__helper" }, this.helperText)))));
|
|
19011
20066
|
}
|
|
19012
20067
|
};
|
|
19013
20068
|
|
|
@@ -19068,7 +20123,7 @@ const ProgressIndicator = class {
|
|
|
19068
20123
|
? `Progress: all ${totalSteps} ${totalSteps === 1 ? 'step' : 'steps'} complete`
|
|
19069
20124
|
: `Progress: step ${currentStepNumber} of ${totalSteps}`
|
|
19070
20125
|
: 'Progress';
|
|
19071
|
-
return (index.h(index.Host, { key: '
|
|
20126
|
+
return (index.h(index.Host, { key: '3a6f253693fd47f982541099a1729ca36d0ce64a', class: hostClasses, role: "group", "aria-label": ariaLabel }, index.h("div", { key: 'c25b47994c43135ed3147ca579bdc3d8124d7c8a', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
|
|
19072
20127
|
}
|
|
19073
20128
|
static get watchers() { return {
|
|
19074
20129
|
"steps": [{
|
|
@@ -19095,15 +20150,21 @@ const Radio = class {
|
|
|
19095
20150
|
}
|
|
19096
20151
|
};
|
|
19097
20152
|
}
|
|
20153
|
+
get isChecked() {
|
|
20154
|
+
if (this.selectedValue !== undefined && this.value !== undefined) {
|
|
20155
|
+
return this.selectedValue === this.value;
|
|
20156
|
+
}
|
|
20157
|
+
return Boolean(this.checked);
|
|
20158
|
+
}
|
|
19098
20159
|
render() {
|
|
19099
|
-
return (index.h(index.Host, { key: '
|
|
20160
|
+
return (index.h(index.Host, { key: '1cda65b10ee03e06c30b2c501d7f2ec4153619f6', class: {
|
|
19100
20161
|
'xpl-checkbox-radio-container': true,
|
|
19101
20162
|
styled: this.styled,
|
|
19102
20163
|
disabled: this.disabled,
|
|
19103
|
-
} }, index.h("input", { key: '
|
|
20164
|
+
} }, index.h("input", { key: 'b19a87e42feb5953ace4b8bd049427959c40a7e6', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), index.h("label", { key: 'd07051460f7503a182b969eeafcb8eba5d61bef2', class: {
|
|
19104
20165
|
'xpl-label': true,
|
|
19105
20166
|
'xpl-label--disabled': this.disabled,
|
|
19106
|
-
}, htmlFor: this.id }, index.h("slot", { key: '
|
|
20167
|
+
}, htmlFor: this.id }, index.h("slot", { key: '06835704869d514a0d3eb01d671b6bec42524e89' }), this.description && (index.h("small", { key: '3e798a699fa53ca6c932e6466b438ed47aa46148', class: {
|
|
19107
20168
|
'xpl-description': true,
|
|
19108
20169
|
'xpl-description--disabled': this.disabled,
|
|
19109
20170
|
} }, this.description)))));
|
|
@@ -19115,7 +20176,7 @@ const SecondaryNav = class {
|
|
|
19115
20176
|
index.registerInstance(this, hostRef);
|
|
19116
20177
|
}
|
|
19117
20178
|
render() {
|
|
19118
|
-
return (index.h(index.Host, { key: '
|
|
20179
|
+
return (index.h(index.Host, { key: 'f4fdd93b13c1dc779c84e8b00b12caeff58df960', class: "xpl-secondary-nav" }, index.h("nav", { key: '4092d23357761026ad5fddfbc32a221d957cce1e', "aria-label": "Secondary Nav" }, index.h("slot", { key: 'c3ae9f1821a6d22babece27971cc1faf15037cdb' }))));
|
|
19119
20180
|
}
|
|
19120
20181
|
};
|
|
19121
20182
|
|
|
@@ -19139,6 +20200,7 @@ const Select = class {
|
|
|
19139
20200
|
this.triggerDropdown = index.createEvent(this, "triggerDropdown", 7);
|
|
19140
20201
|
this.choices = [];
|
|
19141
20202
|
this.selectIcon = 'chevron-down';
|
|
20203
|
+
this.dropdownPlacement = 'bottom-start';
|
|
19142
20204
|
this.mode = 'single';
|
|
19143
20205
|
this.truncate = true;
|
|
19144
20206
|
this.active = false;
|
|
@@ -19345,21 +20407,21 @@ const Select = class {
|
|
|
19345
20407
|
this.truncate &&
|
|
19346
20408
|
!this.customDisplayValue;
|
|
19347
20409
|
const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
|
|
19348
|
-
return (index.h(index.Host, { key: '
|
|
20410
|
+
return (index.h(index.Host, { key: '09d3587fa268cb0621ea293d246e23cde93d75df', class: {
|
|
19349
20411
|
'xpl-select': true,
|
|
19350
20412
|
'xpl-select--disabled': this.disabled,
|
|
19351
20413
|
'xpl-select--no-truncate': !this.truncate,
|
|
19352
20414
|
[(_c = this.classNames) !== null && _c !== void 0 ? _c : '']: !!this.classNames,
|
|
19353
20415
|
}, onKeyDown: this.handleTabKeyDown, ref: (el) => {
|
|
19354
20416
|
this.container = el;
|
|
19355
|
-
} }, this.renderLabel(), index.h("div", { key: '
|
|
20417
|
+
} }, this.renderLabel(), index.h("div", { key: '007a61cc60c948d0691d6983cb197652084e417d', class: {
|
|
19356
20418
|
'xpl-input': true,
|
|
19357
20419
|
'xpl-input--disabled': this.disabled,
|
|
19358
20420
|
'xpl-input--error': ((_d = this.error) === null || _d === void 0 ? void 0 : _d.length) >= 0,
|
|
19359
|
-
} }, index.h("div", { key: '
|
|
20421
|
+
} }, index.h("div", { key: 'e1edfe6e4b205bd6332f07031ee51ef7f9f6ac91', class: "xpl-input-wrapper" }, index.h("button", { key: '53d079f28b8a1bcdd5498287dfd88bb7a3ba7b50', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
|
|
19360
20422
|
e.preventDefault();
|
|
19361
20423
|
this.handleDropdownTrigger();
|
|
19362
|
-
}, type: "button" }, index.h("div", { key: '
|
|
20424
|
+
}, type: "button" }, index.h("div", { key: '5cfec98b2e829ea48e96b373e09e740d5bf02ef6', class: {
|
|
19363
20425
|
'xpl-select-value': true,
|
|
19364
20426
|
'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
|
|
19365
20427
|
'has-value': this.value.length > 0,
|
|
@@ -19379,7 +20441,7 @@ const Select = class {
|
|
|
19379
20441
|
return this.renderSelectedTags();
|
|
19380
20442
|
}
|
|
19381
20443
|
return this.placeholder;
|
|
19382
|
-
})(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: '
|
|
20444
|
+
})(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: '8bb01d1e8b206fb3c1963cdebcd293eeb2277e05', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (index.h("xpl-dropdown", { key: 'f5e770c4b26449f3025d172d768d6df69bd0ae03', ref: (el) => {
|
|
19383
20445
|
this.dropdown = el;
|
|
19384
20446
|
}, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
|
|
19385
20447
|
const { options } = component;
|
|
@@ -19388,7 +20450,7 @@ const Select = class {
|
|
|
19388
20450
|
}
|
|
19389
20451
|
}, onIsOpenChange: (e) => {
|
|
19390
20452
|
this.dropdownOpenState = e.detail;
|
|
19391
|
-
}, onWheel: this.handleDropdownScroll, anchorToTrigger: true })), this.renderError()), index.h("input", { key: '
|
|
20453
|
+
}, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), index.h("input", { key: 'fe84c16780622e730100a58a948fc4fe27f6ddb5', type: "hidden", name: this.name, value: this.value })));
|
|
19392
20454
|
}
|
|
19393
20455
|
static get watchers() { return {
|
|
19394
20456
|
"choices": [{
|
|
@@ -19414,9 +20476,9 @@ const SideNav = class {
|
|
|
19414
20476
|
index.registerInstance(this, hostRef);
|
|
19415
20477
|
}
|
|
19416
20478
|
render() {
|
|
19417
|
-
return (index.h(index.Host, { key: '
|
|
20479
|
+
return (index.h(index.Host, { key: 'd01e8e27671eabc92613a803818b4351334011ac', class: {
|
|
19418
20480
|
'xpl-side-nav': true,
|
|
19419
|
-
} }, index.h("div", { key: '
|
|
20481
|
+
} }, index.h("div", { key: '92c9f31fa0d9d564164cde99d17e30562c30abb7', class: "xpl-side-nav__wrapper" }, index.h("nav", { key: '5ddd8b18d4f74bb752b747ec4e1c48780a0738de', class: "xpl-side-nav__content", "aria-label": this.label }, index.h("div", { key: '8b830945bf6ec1da8ab2e2c955c10a1077652590', class: "xpl-side-nav__section" }, index.h("slot", { key: '66e5cd33c23bdc8963d661e0741d34f80a0640fb', name: "section" })), index.h("div", { key: 'f0da4e3c25822453efcbfb3c6f8ea7ec328e717d', class: "xpl-side-nav__footer" }, index.h("slot", { key: '76b829e978361be9fd62bd412489ea4559852c3f', name: "nav-footer" }))))));
|
|
19420
20482
|
}
|
|
19421
20483
|
};
|
|
19422
20484
|
|
|
@@ -19469,10 +20531,10 @@ const SideNavItem = class {
|
|
|
19469
20531
|
expanded: this.expanded,
|
|
19470
20532
|
selected: this.selected,
|
|
19471
20533
|
};
|
|
19472
|
-
return (index.h(index.Host, { key: '
|
|
20534
|
+
return (index.h(index.Host, { key: 'a621f4f9c04d79de708a34a4f4eab06e523a299a', class: {
|
|
19473
20535
|
'xpl-side-nav-item': true,
|
|
19474
20536
|
'xpl-side-nav-item--link-disabled': this.link && this.disabled,
|
|
19475
|
-
} }, this.link ? (index.h("slot", null)) : (index.h("button", { type: "button", class: linkClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, this.hasChildren && (index.h("span", { class: `xpl-side-nav-item__arrow ${this.expanded ? 'expanded' : ''}` }, index.h("xpl-icon", { icon: "chevron-down", size: 16 }))), !this.hasChildren && (index.h("span", { class: "xpl-side-nav-item__icon" }, index.h("slot", { name: "icon" }, this.icon ? (index.h("xpl-icon", { icon: this.icon, size: 16 })) : null))), index.h("span", { class: "xpl-side-nav-item__label" }, (_a = this.label) !== null && _a !== void 0 ? _a : ''))), this.hasChildren && !this.link && (index.h("div", { key: '
|
|
20537
|
+
} }, this.link ? (index.h("slot", null)) : (index.h("button", { type: "button", class: linkClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, this.hasChildren && (index.h("span", { class: `xpl-side-nav-item__arrow ${this.expanded ? 'expanded' : ''}` }, index.h("xpl-icon", { icon: "chevron-down", size: 16 }))), !this.hasChildren && (index.h("span", { class: "xpl-side-nav-item__icon" }, index.h("slot", { name: "icon" }, this.icon ? (index.h("xpl-icon", { icon: this.icon, size: 16 })) : null))), index.h("span", { class: "xpl-side-nav-item__label" }, (_a = this.label) !== null && _a !== void 0 ? _a : ''))), this.hasChildren && !this.link && (index.h("div", { key: '3e22894c0bd9427f568b86bba00cdab822921997', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, index.h("div", { key: '41486a4241e4402232531d140e972b39d863ffd9', class: "xpl-side-nav-item__children-inner" }, index.h("slot", { key: 'd334c6ecac7dd1dd12602a461db444cd1ccefc86' }))))));
|
|
19476
20538
|
}
|
|
19477
20539
|
get el() { return index.getElement(this); }
|
|
19478
20540
|
static get watchers() { return {
|
|
@@ -19492,7 +20554,7 @@ const Skeleton = class {
|
|
|
19492
20554
|
this.size = 'custom';
|
|
19493
20555
|
}
|
|
19494
20556
|
render() {
|
|
19495
|
-
return (index.h(index.Host, { key: '
|
|
20557
|
+
return (index.h(index.Host, { key: '0ac86ae7bf109ea51bca36ac502d506ac7d0b66e', class: {
|
|
19496
20558
|
'xpl-skeleton': true,
|
|
19497
20559
|
[`xpl-skeleton--shape-${this.shape}`]: true,
|
|
19498
20560
|
[`xpl-skeleton--size-${this.size}`]: true,
|
|
@@ -19535,7 +20597,7 @@ const Slideout = class {
|
|
|
19535
20597
|
this.handleScroll();
|
|
19536
20598
|
}
|
|
19537
20599
|
render() {
|
|
19538
|
-
return (index.h(index.Host, { key: '
|
|
20600
|
+
return (index.h(index.Host, { key: '8a3f7af854b35469bf4a383cc4cb1fcfcaa15748', class: "xpl-slideout" }, this.backdrop && this.isOpen && (index.h("xpl-backdrop", { key: '7033d78efa9ac2642a99d2b2dca278a3e9a44368', onClick: this.handleClose })), index.h("aside", { key: '2999e4119a0dbaac5125c7a1ef5f03761f445a0e', class: `slideout slideout--${!this.isOpen && 'closed'}` }, index.h("header", { key: '5e6bcf1284c2b2a4fbc05dd8e5100a33fa7597b4', class: "header" }, index.h("div", { key: '88172efe113b56a533761b975605a44ef52c5174', class: "title" }, index.h("slot", { key: 'c8f13168f62f96374250b11814ace756fa680503', name: "title" }), index.h("xpl-button", { key: '8e0e29a8ad2a5f45b250f9d563886fe7ad2a7cb8', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, index.h("xpl-icon", { key: '110cbd50e31b51319745d6fed61188c1c885b8b3', icon: "x" }))), index.h("div", { key: '96e6cddf4b078736201116f220f27ddf34b90b44', class: "subtitle" }, index.h("slot", { key: 'eb02b4fce6ff5e658ec51c83819a5257f452d3a1', name: "subtitle" })), index.h("div", { key: 'ac8dfe1f99428cdf728027aa5a04d58d497f34f0', class: "search" }, index.h("slot", { key: '28deb70ef99f4880fba55beb2d2b4b1d3136a240', name: "search" }))), index.h("xpl-divider", { key: '928d20ef8e74eed4e06351c5dab0c0af9934d2b8', tier: 0, class: "divider top" }), index.h("article", { key: 'd6460cb29abb33f6676d2e4f517c1f2befa57148', class: "content", tabIndex: 0 }, index.h("slot", { key: 'b415af9cadedc61407623773fd6b2b1130caf5df', name: "content" })), this.showFooter && (index.h("footer", { key: 'db6a58277112f134dc150266446cc67c79bc6bc5' }, index.h("xpl-divider", { key: '129a61ba1a8a588e94d710b7e7fb1059c4b7f5e6', tier: 0, class: "divider bottom" }), index.h("div", { key: '6c81348acf8ee2bb4c12c2f3207daae564e78aa2', class: "footer" }, index.h("slot", { key: '8c9a6d4c215154bb2e66d62aa462b3b085ef0f5b', name: "tertiary" }), index.h("slot", { key: 'e66e45e2d090f45305f818c6496541b737c96aeb', name: "secondary" }), index.h("slot", { key: '8892bdf075a38237a5c858bfd951e1203fc3c892', name: "primary" })))))));
|
|
19539
20601
|
}
|
|
19540
20602
|
get el() { return index.getElement(this); }
|
|
19541
20603
|
static get watchers() { return {
|
|
@@ -20363,62 +21425,14 @@ const TabPanel = class {
|
|
|
20363
21425
|
const t = (_a = this.target) !== null && _a !== void 0 ? _a : '';
|
|
20364
21426
|
const panelId = tabPanelDomId(groupId, t);
|
|
20365
21427
|
const labelledBy = tabTriggerId(groupId, t);
|
|
20366
|
-
return (index.h(index.Host, { key: '
|
|
21428
|
+
return (index.h(index.Host, { key: '4c4a86dda347872ea6b1c4569f8424bd6cac7bd9', "aria-labelledby": labelledBy, class: {
|
|
20367
21429
|
'xpl-tab-panel': true,
|
|
20368
21430
|
'xpl-tab-panel--selected': this.selected,
|
|
20369
|
-
}, id: panelId, role: "tabpanel" }, index.h("slot", { key: '
|
|
21431
|
+
}, id: panelId, role: "tabpanel" }, index.h("slot", { key: '30c9ae6f3748dc02a73da7535443266b1043d61b' })));
|
|
20370
21432
|
}
|
|
20371
21433
|
get el() { return index.getElement(this); }
|
|
20372
21434
|
};
|
|
20373
21435
|
|
|
20374
|
-
const XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = 'xplTableColumnWidthsChange';
|
|
20375
|
-
const TABLE_HEADER_CELL_MIN_WIDTH_PX = 48;
|
|
20376
|
-
const getGridColumnWidthFromHeaderCell = (cell) => {
|
|
20377
|
-
var _a, _b;
|
|
20378
|
-
if (cell.tagName.toLowerCase() !== 'xpl-table-header-cell') {
|
|
20379
|
-
return 'auto';
|
|
20380
|
-
}
|
|
20381
|
-
const host = cell;
|
|
20382
|
-
const fromProp = typeof host.columnWidth === 'string' ? host.columnWidth.trim() : '';
|
|
20383
|
-
const fromAttr = (_b = (_a = cell.getAttribute('column-width')) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
|
|
20384
|
-
const columnTrack = fromProp || fromAttr;
|
|
20385
|
-
if (columnTrack.length > 0) {
|
|
20386
|
-
return columnTrack;
|
|
20387
|
-
}
|
|
20388
|
-
const w = host.width;
|
|
20389
|
-
if (typeof w === 'number' && Number.isFinite(w) && w > 0) {
|
|
20390
|
-
return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, w)}px`;
|
|
20391
|
-
}
|
|
20392
|
-
const raw = cell.getAttribute('width');
|
|
20393
|
-
if (raw === null || raw === '') {
|
|
20394
|
-
return 'auto';
|
|
20395
|
-
}
|
|
20396
|
-
if (/^\s*\d+(\.\d+)?\s*$/.test(raw)) {
|
|
20397
|
-
const n = Number.parseFloat(raw);
|
|
20398
|
-
if (Number.isFinite(n) && n > 0) {
|
|
20399
|
-
return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, n)}px`;
|
|
20400
|
-
}
|
|
20401
|
-
return 'auto';
|
|
20402
|
-
}
|
|
20403
|
-
return raw.trim();
|
|
20404
|
-
};
|
|
20405
|
-
const SELECTION_MARK = 'data-xpl-selection-managed';
|
|
20406
|
-
const ROW_REORDER_MARK = 'data-xpl-row-reorder-managed';
|
|
20407
|
-
const getSortAffordanceIconName = (sortDirection) => {
|
|
20408
|
-
if (sortDirection === 'asc')
|
|
20409
|
-
return 'arrow-up';
|
|
20410
|
-
return 'arrow-down';
|
|
20411
|
-
};
|
|
20412
|
-
const cycleSortDirection = (current) => {
|
|
20413
|
-
switch (current) {
|
|
20414
|
-
case 'asc':
|
|
20415
|
-
return 'desc';
|
|
20416
|
-
case 'desc':
|
|
20417
|
-
return null;
|
|
20418
|
-
default:
|
|
20419
|
-
return 'asc';
|
|
20420
|
-
}
|
|
20421
|
-
};
|
|
20422
21436
|
const getIconType = (sortType) => {
|
|
20423
21437
|
switch (sortType) {
|
|
20424
21438
|
case 'asc':
|
|
@@ -20429,104 +21443,18 @@ const getIconType = (sortType) => {
|
|
|
20429
21443
|
return 'dash';
|
|
20430
21444
|
}
|
|
20431
21445
|
};
|
|
20432
|
-
|
|
20433
|
-
function getNearestTableBodyRowFromNode(node) {
|
|
20434
|
-
const el = node instanceof HTMLElement ? node : null;
|
|
20435
|
-
if (!el) {
|
|
20436
|
-
return null;
|
|
20437
|
-
}
|
|
20438
|
-
const row = el.closest('xpl-table-row');
|
|
20439
|
-
return row != null ? row : null;
|
|
20440
|
-
}
|
|
20441
|
-
function getNextVisibleTableBodyRowAfter(element) {
|
|
20442
|
-
const parent = element.parentElement;
|
|
20443
|
-
if (!parent)
|
|
20444
|
-
return null;
|
|
20445
|
-
const siblings = Array.from(parent.children);
|
|
20446
|
-
const idx = siblings.indexOf(element);
|
|
20447
|
-
if (idx === -1)
|
|
20448
|
-
return null;
|
|
20449
|
-
for (let i = idx + 1; i < siblings.length; i += 1) {
|
|
20450
|
-
const n = siblings[i];
|
|
20451
|
-
if (n.tagName.toLowerCase() === 'xpl-table-row' && !n.hasAttribute('hidden')) {
|
|
20452
|
-
return n;
|
|
20453
|
-
}
|
|
20454
|
-
}
|
|
20455
|
-
return null;
|
|
20456
|
-
}
|
|
20457
|
-
function moveRowInTableBody(body, draggedRow, dropTargetRow) {
|
|
20458
|
-
if (draggedRow === dropTargetRow || draggedRow.parentElement !== body) {
|
|
20459
|
-
return;
|
|
20460
|
-
}
|
|
20461
|
-
if (dropTargetRow.parentElement !== body) {
|
|
20462
|
-
return;
|
|
20463
|
-
}
|
|
20464
|
-
const visible = Array.from(body.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-row' && !c.hasAttribute('hidden'));
|
|
20465
|
-
const fromIndex = visible.indexOf(draggedRow);
|
|
20466
|
-
const toIndex = visible.indexOf(dropTargetRow);
|
|
20467
|
-
if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {
|
|
20468
|
-
return;
|
|
20469
|
-
}
|
|
20470
|
-
if (fromIndex < toIndex) {
|
|
20471
|
-
const nextVisible = getNextVisibleTableBodyRowAfter(dropTargetRow);
|
|
20472
|
-
if (nextVisible) {
|
|
20473
|
-
body.insertBefore(draggedRow, nextVisible);
|
|
20474
|
-
}
|
|
20475
|
-
else {
|
|
20476
|
-
body.insertBefore(draggedRow, null);
|
|
20477
|
-
}
|
|
20478
|
-
}
|
|
20479
|
-
else {
|
|
20480
|
-
body.insertBefore(draggedRow, dropTargetRow);
|
|
20481
|
-
}
|
|
20482
|
-
}
|
|
20483
|
-
|
|
20484
|
-
function bodyRowFromDragTarget(target) {
|
|
20485
|
-
return getNearestTableBodyRowFromNode(target);
|
|
20486
|
-
}
|
|
20487
|
-
function tableBodyRowFromEvent(ev) {
|
|
20488
|
-
const path = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
|
|
20489
|
-
const row = path.find((n) => n instanceof HTMLElement && n.tagName.toLowerCase() === 'xpl-table-row');
|
|
20490
|
-
return row !== null && row !== void 0 ? row : bodyRowFromDragTarget(ev.target);
|
|
20491
|
-
}
|
|
20492
|
-
function reorderDragHandleFromEvent(ev) {
|
|
20493
|
-
const path = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
|
|
20494
|
-
const handle = path.find((n) => n instanceof HTMLElement && n.classList.contains('xpl-table__row-drag-handle'));
|
|
20495
|
-
return handle !== null && handle !== void 0 ? handle : null;
|
|
20496
|
-
}
|
|
20497
21446
|
const Table = class {
|
|
20498
21447
|
constructor(hostRef) {
|
|
20499
21448
|
index.registerInstance(this, hostRef);
|
|
20500
|
-
this.rowOrderChange = index.createEvent(this, "rowOrderChange", 3);
|
|
20501
|
-
this.rowSelectionChange = index.createEvent(this, "rowSelectionChange", 3);
|
|
20502
|
-
this.sortChanged = index.createEvent(this, "sortChanged", 3);
|
|
20503
21449
|
this.tableSelect = index.createEvent(this, "tableSelect", 7);
|
|
20504
|
-
this.
|
|
20505
|
-
this.
|
|
20506
|
-
this.
|
|
20507
|
-
this.
|
|
20508
|
-
this.pendingDragRow = null;
|
|
20509
|
-
this.pointerUpClearPending = null;
|
|
20510
|
-
this.reorderKeyboardTimers = new TimerManager();
|
|
20511
|
-
this.onReorderHandleKeydown = (ev) => {
|
|
20512
|
-
this.handleReorderHandleKeyDown(ev);
|
|
20513
|
-
};
|
|
21450
|
+
this.sortChanged = index.createEvent(this, "sortChanged", 3);
|
|
21451
|
+
this.selectedValues = [];
|
|
21452
|
+
this.isSortable = false;
|
|
21453
|
+
this.sortableColumns = [];
|
|
20514
21454
|
this.areAllSelected = false;
|
|
20515
|
-
this.colCount = 0;
|
|
20516
21455
|
this.hasScrolled = false;
|
|
20517
|
-
this.keyboardReorderRowId = null;
|
|
20518
|
-
this.reorderLiveMessage = '';
|
|
20519
|
-
this.rowData = [];
|
|
20520
|
-
this.rowFooterData = [];
|
|
20521
|
-
this.selected = [];
|
|
20522
|
-
this.selectedRowIds = [];
|
|
20523
21456
|
this.sortTypeArray = [];
|
|
20524
|
-
this.
|
|
20525
|
-
this.selectedValues = [];
|
|
20526
|
-
this.sortableColumns = [];
|
|
20527
|
-
this.onGridScroll = (e) => {
|
|
20528
|
-
this.hasScrolled = e.target.scrollLeft > 0;
|
|
20529
|
-
};
|
|
21457
|
+
this.selectAllValue = Math.random().toString(36).slice(2);
|
|
20530
21458
|
this.selectAll = (e) => {
|
|
20531
21459
|
const { target } = e;
|
|
20532
21460
|
if (!(target instanceof HTMLInputElement))
|
|
@@ -20535,9 +21463,10 @@ const Table = class {
|
|
|
20535
21463
|
this.areAllSelected = checked;
|
|
20536
21464
|
this.selected =
|
|
20537
21465
|
this.selectedValues.length > 0
|
|
20538
|
-
?
|
|
21466
|
+
?
|
|
21467
|
+
Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) => checked ? input === null || input === void 0 ? void 0 : input.value : checked)
|
|
20539
21468
|
: this.selected.map(() => checked);
|
|
20540
|
-
this.
|
|
21469
|
+
this.onChange();
|
|
20541
21470
|
};
|
|
20542
21471
|
this.selectOne = (e, checkboxIdx) => {
|
|
20543
21472
|
const { target } = e;
|
|
@@ -20550,23 +21479,25 @@ const Table = class {
|
|
|
20550
21479
|
return v;
|
|
20551
21480
|
return this.selectedValues.length > 0 ? (checked ? value : checked) : checked;
|
|
20552
21481
|
});
|
|
20553
|
-
this.
|
|
21482
|
+
this.onChange();
|
|
20554
21483
|
};
|
|
20555
|
-
this.
|
|
21484
|
+
this.onChange = () => {
|
|
20556
21485
|
this.tableSelect.emit({
|
|
20557
21486
|
selected: this.selected,
|
|
20558
21487
|
areAllSelected: this.areAllSelected,
|
|
20559
21488
|
});
|
|
20560
21489
|
};
|
|
20561
|
-
this.
|
|
21490
|
+
this.onScroll = () => {
|
|
20562
21491
|
this.hasScrolled = this.container.scrollLeft > 0;
|
|
20563
21492
|
};
|
|
20564
21493
|
this.sortBy = (col, sortTypeArray) => {
|
|
20565
21494
|
const handleSort = (a, b) => {
|
|
20566
|
-
if (a[col].toLocaleLowerCase() < b[col].toLocaleLowerCase())
|
|
21495
|
+
if (a[col].toLocaleLowerCase() < b[col].toLocaleLowerCase()) {
|
|
20567
21496
|
return -1;
|
|
20568
|
-
|
|
21497
|
+
}
|
|
21498
|
+
if (a[col].toLocaleLowerCase() > b[col].toLocaleLowerCase()) {
|
|
20569
21499
|
return 1;
|
|
21500
|
+
}
|
|
20570
21501
|
return 0;
|
|
20571
21502
|
};
|
|
20572
21503
|
switch (sortTypeArray[col]) {
|
|
@@ -20582,6 +21513,7 @@ const Table = class {
|
|
|
20582
21513
|
break;
|
|
20583
21514
|
}
|
|
20584
21515
|
this.rowData = Array.from(this.rowData);
|
|
21516
|
+
this.render();
|
|
20585
21517
|
};
|
|
20586
21518
|
this.setData = () => {
|
|
20587
21519
|
this.rowData = this.data !== undefined ? Array.from(this.data) : [];
|
|
@@ -20590,8 +21522,30 @@ const Table = class {
|
|
|
20590
21522
|
this.rowFooterData = this.footer !== undefined ? Array.from(this.footer) : [];
|
|
20591
21523
|
};
|
|
20592
21524
|
}
|
|
20593
|
-
|
|
20594
|
-
|
|
21525
|
+
handleSort(clickEvt, isColumnSortable, colNum, colName) {
|
|
21526
|
+
clickEvt.preventDefault();
|
|
21527
|
+
clickEvt.stopPropagation();
|
|
21528
|
+
if (!isColumnSortable)
|
|
21529
|
+
return;
|
|
21530
|
+
this.sortTypeArray = this.sortTypeArray.map((val, i) => {
|
|
21531
|
+
if (i !== colNum)
|
|
21532
|
+
return null;
|
|
21533
|
+
switch (val) {
|
|
21534
|
+
case 'asc':
|
|
21535
|
+
return 'desc';
|
|
21536
|
+
case 'desc':
|
|
21537
|
+
return null;
|
|
21538
|
+
default:
|
|
21539
|
+
return 'asc';
|
|
21540
|
+
}
|
|
21541
|
+
});
|
|
21542
|
+
const evt = this.sortChanged.emit({
|
|
21543
|
+
colNum,
|
|
21544
|
+
colName,
|
|
21545
|
+
sortTypeArr: this.sortTypeArray,
|
|
21546
|
+
});
|
|
21547
|
+
if (!evt.defaultPrevented)
|
|
21548
|
+
this.sortBy(colNum, this.sortTypeArray);
|
|
20595
21549
|
}
|
|
20596
21550
|
watchData() {
|
|
20597
21551
|
this.setData();
|
|
@@ -20599,1415 +21553,54 @@ const Table = class {
|
|
|
20599
21553
|
watchFooterData() {
|
|
20600
21554
|
this.setFooterData();
|
|
20601
21555
|
}
|
|
20602
|
-
|
|
20603
|
-
|
|
20604
|
-
return;
|
|
20605
|
-
this.syncInjectedReorderHandleIcons();
|
|
20606
|
-
}
|
|
20607
|
-
watchReorderHandleIconKeyboard() {
|
|
20608
|
-
if (this.isLegacyMode || !this.rowReorderable)
|
|
20609
|
-
return;
|
|
20610
|
-
this.syncInjectedReorderHandleIcons();
|
|
20611
|
-
}
|
|
20612
|
-
watchRowReorderable(next) {
|
|
20613
|
-
if (this.isLegacyMode)
|
|
20614
|
-
return;
|
|
20615
|
-
if (!next) {
|
|
20616
|
-
this.keyboardReorderRowId = null;
|
|
20617
|
-
this.syncReorderHandleKeyboardA11y(null);
|
|
20618
|
-
this.removeManagedReorderCells();
|
|
20619
|
-
this.draggedRow = null;
|
|
20620
|
-
this.pendingDragRow = null;
|
|
20621
|
-
this.clearPendingDragListeners();
|
|
20622
|
-
this.reorderLiveMessage = '';
|
|
20623
|
-
this.queryBodyRows().forEach((r) => {
|
|
20624
|
-
var _a;
|
|
20625
|
-
r.removeAttribute('draggable');
|
|
20626
|
-
(_a = r.querySelector('.xpl-table__row-drag-handle')) === null || _a === void 0 ? void 0 : _a.removeAttribute('draggable');
|
|
20627
|
-
r.classList.remove('xpl-table-row--dragging', 'xpl-table-row--drag-over');
|
|
20628
|
-
});
|
|
20629
|
-
this.colCount = 0;
|
|
20630
|
-
this.columnWidthsToken = '';
|
|
20631
|
-
}
|
|
20632
|
-
}
|
|
20633
|
-
watchSelectable(next) {
|
|
20634
|
-
if (this.isLegacyMode)
|
|
20635
|
-
return;
|
|
20636
|
-
if (!next) {
|
|
20637
|
-
this.selectedRowIds = [];
|
|
20638
|
-
this.lastEmittedRowSelectionKey = '';
|
|
20639
|
-
this.colCount = 0;
|
|
20640
|
-
this.columnWidthsToken = '';
|
|
20641
|
-
this.syncRowSelectedProps();
|
|
20642
|
-
}
|
|
21556
|
+
watchColumns() {
|
|
21557
|
+
this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
|
|
20643
21558
|
}
|
|
20644
21559
|
componentWillLoad() {
|
|
20645
|
-
|
|
20646
|
-
|
|
20647
|
-
|
|
20648
|
-
|
|
20649
|
-
|
|
20650
|
-
this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
|
|
20651
|
-
}
|
|
20652
|
-
}
|
|
20653
|
-
componentDidLoad() {
|
|
20654
|
-
if (!this.isLegacyMode) {
|
|
20655
|
-
this.syncCompositionalLayout();
|
|
20656
|
-
}
|
|
20657
|
-
}
|
|
20658
|
-
componentDidUpdate() {
|
|
20659
|
-
if (!this.isLegacyMode) {
|
|
20660
|
-
this.syncCompositionalLayout();
|
|
20661
|
-
}
|
|
20662
|
-
}
|
|
20663
|
-
disconnectedCallback() {
|
|
20664
|
-
this.clearPendingDragListeners();
|
|
20665
|
-
this.detachReorderHandleKeydownListeners();
|
|
20666
|
-
this.reorderKeyboardTimers.dispose();
|
|
20667
|
-
if (this.reorderAnnounceRaf !== undefined) {
|
|
20668
|
-
cancelAnimationFrame(this.reorderAnnounceRaf);
|
|
20669
|
-
this.reorderAnnounceRaf = undefined;
|
|
20670
|
-
}
|
|
20671
|
-
}
|
|
20672
|
-
handleHeaderCellColumnWidthsChange(ev) {
|
|
20673
|
-
if (this.isLegacyMode)
|
|
20674
|
-
return;
|
|
20675
|
-
const t = ev.target;
|
|
20676
|
-
if (!(t instanceof Node) || !this.el.contains(t))
|
|
20677
|
-
return;
|
|
20678
|
-
this.updateColumnWidths();
|
|
20679
|
-
}
|
|
20680
|
-
handleCompositionalCheckboxChange(ev) {
|
|
20681
|
-
var _a, _b;
|
|
20682
|
-
if (this.isLegacyMode || !this.selectable)
|
|
20683
|
-
return;
|
|
20684
|
-
if (!this.isEventFromThisTable(ev.target))
|
|
20685
|
-
return;
|
|
20686
|
-
const path = (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)) !== null && _b !== void 0 ? _b : [];
|
|
20687
|
-
let checkboxHost = (path.length > 0 ? path : [ev.target].filter((n) => n != null)).find((n) => n instanceof HTMLElement && n.tagName.toLowerCase() === 'xpl-checkbox');
|
|
20688
|
-
if (!checkboxHost &&
|
|
20689
|
-
ev.target &&
|
|
20690
|
-
typeof ev.target.closest === 'function') {
|
|
20691
|
-
checkboxHost = ev.target.closest('xpl-checkbox');
|
|
20692
|
-
}
|
|
20693
|
-
if (!checkboxHost || !this.el.contains(checkboxHost))
|
|
20694
|
-
return;
|
|
20695
|
-
const row = checkboxHost.closest('xpl-table-row');
|
|
20696
|
-
if (!row || !this.isDirectChildBodyRow(row))
|
|
20697
|
-
return;
|
|
20698
|
-
const cell = checkboxHost.closest('xpl-table-cell');
|
|
20699
|
-
if (!cell)
|
|
20700
|
-
return;
|
|
20701
|
-
const selectionIdx = this.getSelectionColumnIndex();
|
|
20702
|
-
if (selectionIdx === null)
|
|
20703
|
-
return;
|
|
20704
|
-
const bodyCells = Table.getBodyRowCells(row);
|
|
20705
|
-
const colIdx = bodyCells.indexOf(cell);
|
|
20706
|
-
if (colIdx !== selectionIdx)
|
|
20707
|
-
return;
|
|
20708
|
-
ev.stopPropagation();
|
|
20709
|
-
const rowId = Table.getRowIdForRow(row);
|
|
20710
|
-
if (!rowId || row.disabled)
|
|
20711
|
-
return;
|
|
20712
|
-
const input = checkboxHost.querySelector('input[type="checkbox"]');
|
|
20713
|
-
if (!input)
|
|
20714
|
-
return;
|
|
20715
|
-
const { checked } = input;
|
|
20716
|
-
if (checked) {
|
|
20717
|
-
if (!this.selectedRowIds.includes(rowId)) {
|
|
20718
|
-
this.selectedRowIds = [...this.selectedRowIds, rowId];
|
|
20719
|
-
}
|
|
20720
|
-
}
|
|
20721
|
-
else {
|
|
20722
|
-
this.selectedRowIds = this.selectedRowIds.filter((id) => id !== rowId);
|
|
20723
|
-
}
|
|
20724
|
-
this.applyHeaderCheckboxState();
|
|
20725
|
-
this.syncRowSelectedProps();
|
|
20726
|
-
this.emitCompositionalSelection();
|
|
20727
|
-
}
|
|
20728
|
-
handleCompositionalHeaderCheckboxChange(ev) {
|
|
20729
|
-
var _a, _b;
|
|
20730
|
-
if (this.isLegacyMode || !this.selectable)
|
|
20731
|
-
return;
|
|
20732
|
-
if (!this.isEventFromThisTable(ev.target))
|
|
20733
|
-
return;
|
|
20734
|
-
const path = (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)) !== null && _b !== void 0 ? _b : [];
|
|
20735
|
-
let headerCell = (path.length > 0 ? path : [ev.target].filter((n) => n != null)).find((n) => n instanceof HTMLElement &&
|
|
20736
|
-
n.tagName.toLowerCase() === 'xpl-table-header-cell' &&
|
|
20737
|
-
n.getAttribute('type') === 'checkbox');
|
|
20738
|
-
if (!headerCell && ev.target && typeof ev.target.closest === 'function') {
|
|
20739
|
-
headerCell = ev.target.closest('xpl-table-header-cell[type="checkbox"]');
|
|
20740
|
-
}
|
|
20741
|
-
if (!headerCell || !this.el.contains(headerCell))
|
|
20742
|
-
return;
|
|
20743
|
-
if (!this.isCellInOurCompositionalHeader(headerCell))
|
|
20744
|
-
return;
|
|
20745
|
-
const headerCells = this.getCompositionalHeaderCells();
|
|
20746
|
-
if (!headerCells.includes(headerCell))
|
|
20747
|
-
return;
|
|
20748
|
-
const checked = !!ev.detail;
|
|
20749
|
-
const selectableRows = this.querySelectableBodyRows();
|
|
20750
|
-
const ids = selectableRows
|
|
20751
|
-
.map((r) => Table.getRowIdForRow(r))
|
|
20752
|
-
.filter((id) => !!id);
|
|
20753
|
-
if (checked) {
|
|
20754
|
-
this.selectedRowIds = [...ids];
|
|
20755
|
-
}
|
|
20756
|
-
else {
|
|
20757
|
-
this.selectedRowIds = [];
|
|
20758
|
-
}
|
|
20759
|
-
this.applyBodyCheckboxStates();
|
|
20760
|
-
this.syncRowSelectedProps();
|
|
20761
|
-
this.emitCompositionalSelection();
|
|
20762
|
-
}
|
|
20763
|
-
handlePointerDownExitKeyboardReorder(ev) {
|
|
20764
|
-
if (this.isLegacyMode || !this.rowReorderable || this.keyboardReorderRowId === null) {
|
|
20765
|
-
return;
|
|
20766
|
-
}
|
|
20767
|
-
const t = ev.target;
|
|
20768
|
-
if (!(t instanceof Node) || !this.el.contains(t)) {
|
|
20769
|
-
return;
|
|
20770
|
-
}
|
|
20771
|
-
const row = t instanceof Element ? t.closest('xpl-table-row') : null;
|
|
20772
|
-
if (!row || !this.isDirectChildBodyRow(row)) {
|
|
20773
|
-
return;
|
|
20774
|
-
}
|
|
20775
|
-
this.keyboardReorderRowId = null;
|
|
20776
|
-
this.syncReorderHandleKeyboardA11y(null);
|
|
20777
|
-
}
|
|
20778
|
-
handleReorderHandleKeyDown(ev) {
|
|
20779
|
-
var _a;
|
|
20780
|
-
if (this.isLegacyMode || !this.rowReorderable) {
|
|
20781
|
-
return;
|
|
20782
|
-
}
|
|
20783
|
-
const rawPath = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
|
|
20784
|
-
const path = rawPath.length > 0 ? rawPath : ev.target ? [ev.target] : [];
|
|
20785
|
-
let handle = path.find((n) => n instanceof HTMLElement && n.classList.contains('xpl-table__row-drag-handle'));
|
|
20786
|
-
if (!handle &&
|
|
20787
|
-
ev.target instanceof HTMLElement &&
|
|
20788
|
-
ev.target.classList.contains('xpl-table__row-drag-handle')) {
|
|
20789
|
-
handle = ev.target;
|
|
20790
|
-
}
|
|
20791
|
-
if (!handle || !this.el.contains(handle)) {
|
|
20792
|
-
return;
|
|
20793
|
-
}
|
|
20794
|
-
const row = handle.closest('xpl-table-row');
|
|
20795
|
-
if (!row || !this.isDirectChildBodyRow(row)) {
|
|
20796
|
-
return;
|
|
20797
|
-
}
|
|
20798
|
-
const rowId = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
|
|
20799
|
-
if (!rowId) {
|
|
20800
|
-
return;
|
|
20801
|
-
}
|
|
20802
|
-
const isKbd = this.keyboardReorderRowId === rowId;
|
|
20803
|
-
const isEscapeKey = ev.key === 'Escape' ||
|
|
20804
|
-
ev.key === 'Esc' ||
|
|
20805
|
-
ev.code === 'Escape' ||
|
|
20806
|
-
ev.keyCode === 27;
|
|
20807
|
-
if (row.disabled) {
|
|
20808
|
-
if (isEscapeKey && isKbd) {
|
|
20809
|
-
ev.preventDefault();
|
|
20810
|
-
this.keyboardReorderRowId = null;
|
|
20811
|
-
this.syncReorderHandleKeyboardA11y(null);
|
|
20812
|
-
}
|
|
20813
|
-
return;
|
|
20814
|
-
}
|
|
20815
|
-
if (isEscapeKey) {
|
|
20816
|
-
if (isKbd) {
|
|
20817
|
-
ev.preventDefault();
|
|
20818
|
-
this.keyboardReorderRowId = null;
|
|
20819
|
-
this.syncReorderHandleKeyboardA11y(null);
|
|
20820
|
-
}
|
|
20821
|
-
return;
|
|
20822
|
-
}
|
|
20823
|
-
if (!isKbd) {
|
|
20824
|
-
if (ev.key === 'Enter' || ev.key === ' ') {
|
|
20825
|
-
ev.preventDefault();
|
|
20826
|
-
this.keyboardReorderRowId = rowId;
|
|
20827
|
-
this.syncReorderHandleKeyboardA11y(rowId);
|
|
20828
|
-
}
|
|
20829
|
-
return;
|
|
20830
|
-
}
|
|
20831
|
-
if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown') {
|
|
20832
|
-
ev.preventDefault();
|
|
20833
|
-
const dir = ev.key === 'ArrowUp' ? 'up' : 'down';
|
|
20834
|
-
this.performKeyboardRowReorder(rowId, dir);
|
|
20835
|
-
}
|
|
20836
|
-
}
|
|
20837
|
-
handleRowReorderPointerDown(ev) {
|
|
20838
|
-
if (this.isLegacyMode || !this.rowReorderable) {
|
|
20839
|
-
return;
|
|
20840
|
-
}
|
|
20841
|
-
const handle = reorderDragHandleFromEvent(ev);
|
|
20842
|
-
if (!handle) {
|
|
20843
|
-
return;
|
|
20844
|
-
}
|
|
20845
|
-
const table = handle.closest('xpl-table');
|
|
20846
|
-
if (table !== this.el) {
|
|
20847
|
-
return;
|
|
20848
|
-
}
|
|
20849
|
-
const row = bodyRowFromDragTarget(handle);
|
|
20850
|
-
if (!row || row.disabled) {
|
|
20851
|
-
return;
|
|
20852
|
-
}
|
|
20853
|
-
const body = this.getDirectChildTableSection('xpl-table-body');
|
|
20854
|
-
if (!body || row.parentElement !== body) {
|
|
20855
|
-
return;
|
|
20856
|
-
}
|
|
20857
|
-
this.clearPendingDragListeners();
|
|
20858
|
-
this.pendingDragRow = row;
|
|
20859
|
-
const onPointerEnd = () => {
|
|
20860
|
-
this.clearPendingDragListeners();
|
|
20861
|
-
this.pendingDragRow = null;
|
|
20862
|
-
};
|
|
20863
|
-
document.addEventListener('pointerup', onPointerEnd, true);
|
|
20864
|
-
document.addEventListener('pointercancel', onPointerEnd, true);
|
|
20865
|
-
this.pointerUpClearPending = () => {
|
|
20866
|
-
document.removeEventListener('pointerup', onPointerEnd, true);
|
|
20867
|
-
document.removeEventListener('pointercancel', onPointerEnd, true);
|
|
20868
|
-
};
|
|
21560
|
+
this.areAllSelected = false;
|
|
21561
|
+
this.setData();
|
|
21562
|
+
this.setFooterData();
|
|
21563
|
+
this.selected = new Array(this.rowData.length).fill(false);
|
|
21564
|
+
this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
|
|
20869
21565
|
}
|
|
20870
|
-
|
|
21566
|
+
render() {
|
|
20871
21567
|
var _a;
|
|
20872
|
-
if (this.
|
|
20873
|
-
|
|
20874
|
-
|
|
20875
|
-
const row = tableBodyRowFromEvent(ev);
|
|
20876
|
-
if (!row) {
|
|
20877
|
-
return;
|
|
20878
|
-
}
|
|
20879
|
-
if (row.closest('xpl-table') !== this.el) {
|
|
20880
|
-
return;
|
|
20881
|
-
}
|
|
20882
|
-
const body = this.getDirectChildTableSection('xpl-table-body');
|
|
20883
|
-
if (!body || row.parentElement !== body) {
|
|
20884
|
-
return;
|
|
20885
|
-
}
|
|
20886
|
-
if (row.disabled || this.pendingDragRow !== row) {
|
|
20887
|
-
ev.preventDefault();
|
|
20888
|
-
return;
|
|
20889
|
-
}
|
|
20890
|
-
this.keyboardReorderRowId = null;
|
|
20891
|
-
this.syncReorderHandleKeyboardA11y(null);
|
|
20892
|
-
this.clearPendingDragListeners();
|
|
20893
|
-
this.pendingDragRow = null;
|
|
20894
|
-
this.draggedRow = row;
|
|
20895
|
-
if (ev.dataTransfer) {
|
|
20896
|
-
ev.dataTransfer.effectAllowed = 'move';
|
|
20897
|
-
ev.dataTransfer.setData('text/plain', (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '');
|
|
20898
|
-
}
|
|
20899
|
-
row.classList.add('xpl-table-row--dragging');
|
|
20900
|
-
}
|
|
20901
|
-
handleRowReorderDragEnd(ev) {
|
|
20902
|
-
if (this.isLegacyMode || !this.rowReorderable) {
|
|
20903
|
-
return;
|
|
20904
|
-
}
|
|
20905
|
-
const row = tableBodyRowFromEvent(ev);
|
|
20906
|
-
if (!row || row.closest('xpl-table') !== this.el) {
|
|
20907
|
-
return;
|
|
20908
|
-
}
|
|
20909
|
-
row.classList.remove('xpl-table-row--dragging');
|
|
20910
|
-
this.clearReorderDragOverClasses();
|
|
20911
|
-
this.draggedRow = null;
|
|
20912
|
-
}
|
|
20913
|
-
handleRowReorderDragOver(ev) {
|
|
20914
|
-
if (this.isLegacyMode || !this.rowReorderable) {
|
|
20915
|
-
return;
|
|
20916
|
-
}
|
|
20917
|
-
const row = tableBodyRowFromEvent(ev);
|
|
20918
|
-
if (!row || row.closest('xpl-table') !== this.el) {
|
|
20919
|
-
return;
|
|
20920
|
-
}
|
|
20921
|
-
const body = this.getDirectChildTableSection('xpl-table-body');
|
|
20922
|
-
if (!body || row.parentElement !== body || row.disabled) {
|
|
20923
|
-
return;
|
|
20924
|
-
}
|
|
20925
|
-
ev.preventDefault();
|
|
20926
|
-
if (ev.dataTransfer) {
|
|
20927
|
-
ev.dataTransfer.dropEffect = 'move';
|
|
21568
|
+
if (this.columns &&
|
|
21569
|
+
(!this.sortTypeArray || this.sortTypeArray.length !== this.columns.length)) {
|
|
21570
|
+
this.sortTypeArray = this.columns.map(() => null);
|
|
20928
21571
|
}
|
|
20929
|
-
|
|
20930
|
-
|
|
20931
|
-
|
|
20932
|
-
|
|
20933
|
-
|
|
20934
|
-
|
|
20935
|
-
|
|
20936
|
-
|
|
20937
|
-
|
|
20938
|
-
|
|
20939
|
-
|
|
20940
|
-
return
|
|
20941
|
-
|
|
20942
|
-
|
|
20943
|
-
|
|
20944
|
-
|
|
20945
|
-
|
|
20946
|
-
|
|
20947
|
-
|
|
20948
|
-
|
|
20949
|
-
|
|
20950
|
-
if (!row || row.closest('xpl-table') !== this.el) {
|
|
20951
|
-
return;
|
|
20952
|
-
}
|
|
20953
|
-
const related = ev.relatedTarget;
|
|
20954
|
-
if (related && row.contains(related)) {
|
|
20955
|
-
return;
|
|
20956
|
-
}
|
|
20957
|
-
row.classList.remove('xpl-table-row--drag-over');
|
|
20958
|
-
}
|
|
20959
|
-
handleRowReorderDrop(ev) {
|
|
20960
|
-
var _a;
|
|
20961
|
-
if (this.isLegacyMode || !this.rowReorderable) {
|
|
20962
|
-
return;
|
|
20963
|
-
}
|
|
20964
|
-
ev.preventDefault();
|
|
20965
|
-
const dropRow = tableBodyRowFromEvent(ev);
|
|
20966
|
-
if (!dropRow || dropRow.closest('xpl-table') !== this.el) {
|
|
20967
|
-
return;
|
|
20968
|
-
}
|
|
20969
|
-
const body = this.getDirectChildTableSection('xpl-table-body');
|
|
20970
|
-
if (!body || dropRow.parentElement !== body || dropRow.disabled) {
|
|
20971
|
-
return;
|
|
20972
|
-
}
|
|
20973
|
-
const source = this.draggedRow;
|
|
20974
|
-
if (!source || source.disabled) {
|
|
20975
|
-
this.draggedRow = null;
|
|
20976
|
-
this.clearReorderDragOverClasses();
|
|
20977
|
-
return;
|
|
20978
|
-
}
|
|
20979
|
-
if (source === dropRow) {
|
|
20980
|
-
this.clearReorderDragOverClasses();
|
|
20981
|
-
return;
|
|
20982
|
-
}
|
|
20983
|
-
const visible = this.getVisibleBodyRowsForReorder();
|
|
20984
|
-
const fromIndex = visible.indexOf(source);
|
|
20985
|
-
const toIndex = visible.indexOf(dropRow);
|
|
20986
|
-
if (fromIndex === -1 || toIndex === -1) {
|
|
20987
|
-
this.clearReorderDragOverClasses();
|
|
20988
|
-
return;
|
|
20989
|
-
}
|
|
20990
|
-
const direction = fromIndex > toIndex ? 'up' : 'down';
|
|
20991
|
-
const rowId = (_a = Table.getRowIdForRow(source)) !== null && _a !== void 0 ? _a : '';
|
|
20992
|
-
const runMove = () => {
|
|
20993
|
-
moveRowInTableBody(body, source, dropRow);
|
|
20994
|
-
};
|
|
20995
|
-
runMove();
|
|
20996
|
-
const orderedRowIds = this.getVisibleBodyRowsForReorder().map((r) => { var _a; return (_a = Table.getRowIdForRow(r)) !== null && _a !== void 0 ? _a : ''; });
|
|
20997
|
-
this.rowOrderChange.emit({
|
|
20998
|
-
rowId,
|
|
20999
|
-
direction,
|
|
21000
|
-
orderedRowIds,
|
|
21001
|
-
fromIndex,
|
|
21002
|
-
toIndex,
|
|
21003
|
-
});
|
|
21004
|
-
this.announceRowReorder(rowId, orderedRowIds);
|
|
21005
|
-
this.clearReorderDragOverClasses();
|
|
21006
|
-
if (this.selectable) {
|
|
21007
|
-
this.applyBodyCheckboxStates();
|
|
21008
|
-
this.applyHeaderCheckboxState();
|
|
21009
|
-
this.syncRowSelectedProps();
|
|
21010
|
-
}
|
|
21011
|
-
this.updateColumnWidths();
|
|
21012
|
-
}
|
|
21013
|
-
get isLegacyMode() {
|
|
21014
|
-
return this.columns !== undefined || this.data !== undefined || this.footer !== undefined;
|
|
21015
|
-
}
|
|
21016
|
-
ensureTableInstanceId() {
|
|
21017
|
-
if (this.tableInstanceId)
|
|
21018
|
-
return;
|
|
21019
|
-
if (typeof crypto !== 'undefined' && crypto.randomUUID) {
|
|
21020
|
-
this.tableInstanceId = crypto.randomUUID();
|
|
21021
|
-
}
|
|
21022
|
-
else {
|
|
21023
|
-
this.tableInstanceId = Math.random().toString(36).slice(2);
|
|
21024
|
-
}
|
|
21025
|
-
}
|
|
21026
|
-
generateRowId() {
|
|
21027
|
-
this.ensureTableInstanceId();
|
|
21028
|
-
if (typeof crypto !== 'undefined' && crypto.randomUUID) {
|
|
21029
|
-
return `${this.tableInstanceId}-${crypto.randomUUID()}`;
|
|
21030
|
-
}
|
|
21031
|
-
return `${this.tableInstanceId}-${Math.random().toString(36).slice(2)}`;
|
|
21032
|
-
}
|
|
21033
|
-
syncCompositionalLayout() {
|
|
21034
|
-
if (this.isLegacyMode)
|
|
21035
|
-
return;
|
|
21036
|
-
if (this.rowReorderable) {
|
|
21037
|
-
this.syncReorderColumn();
|
|
21038
|
-
}
|
|
21039
|
-
else {
|
|
21040
|
-
this.removeManagedReorderCells();
|
|
21041
|
-
}
|
|
21042
|
-
if (this.selectable) {
|
|
21043
|
-
this.ensureTableInstanceId();
|
|
21044
|
-
this.pruneStaleSelectedRowIds();
|
|
21045
|
-
this.ensureBodyRowIds();
|
|
21046
|
-
this.applyBodyCheckboxStates();
|
|
21047
|
-
this.applyHeaderCheckboxState();
|
|
21048
|
-
this.syncRowSelectedProps();
|
|
21049
|
-
}
|
|
21050
|
-
if (this.rowReorderable && this.selectable) {
|
|
21051
|
-
this.normalizeManagedColumnsOrder();
|
|
21052
|
-
}
|
|
21053
|
-
this.updateColumnWidths();
|
|
21054
|
-
}
|
|
21055
|
-
getDirectChildTableSection(tag) {
|
|
21056
|
-
var _a;
|
|
21057
|
-
const el = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === tag);
|
|
21058
|
-
return (_a = el) !== null && _a !== void 0 ? _a : null;
|
|
21059
|
-
}
|
|
21060
|
-
isDirectChildBodyRow(row) {
|
|
21061
|
-
const body = this.getDirectChildTableSection('xpl-table-body');
|
|
21062
|
-
return body !== null && row.parentElement === body;
|
|
21063
|
-
}
|
|
21064
|
-
isCellInOurCompositionalHeader(cell) {
|
|
21065
|
-
const header = cell.closest('xpl-table-header');
|
|
21066
|
-
return header !== null && header.parentElement === this.el;
|
|
21067
|
-
}
|
|
21068
|
-
getSelectionColumnIndex() {
|
|
21069
|
-
const headerCells = this.getCompositionalHeaderCells();
|
|
21070
|
-
const idx = headerCells.findIndex((c) => c.getAttribute('type') === 'checkbox');
|
|
21071
|
-
return idx >= 0 ? idx : null;
|
|
21072
|
-
}
|
|
21073
|
-
static getBodyRowCells(row) {
|
|
21074
|
-
return Array.from(row.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-cell');
|
|
21075
|
-
}
|
|
21076
|
-
queryBodyRows() {
|
|
21077
|
-
const body = this.getDirectChildTableSection('xpl-table-body');
|
|
21078
|
-
if (!body)
|
|
21079
|
-
return [];
|
|
21080
|
-
return Array.from(body.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-row');
|
|
21081
|
-
}
|
|
21082
|
-
querySelectableBodyRows() {
|
|
21083
|
-
return this.queryBodyRows().filter((row) => !row.disabled);
|
|
21084
|
-
}
|
|
21085
|
-
static getRowIdForRow(row) {
|
|
21086
|
-
var _a;
|
|
21087
|
-
const id = (_a = row.getAttribute('row-id')) === null || _a === void 0 ? void 0 : _a.trim();
|
|
21088
|
-
return id || null;
|
|
21089
|
-
}
|
|
21090
|
-
ensureBodyRowIds() {
|
|
21091
|
-
this.queryBodyRows().forEach((row) => {
|
|
21092
|
-
if (Table.getRowIdForRow(row))
|
|
21093
|
-
return;
|
|
21094
|
-
row.setAttribute('row-id', this.generateRowId());
|
|
21095
|
-
});
|
|
21096
|
-
}
|
|
21097
|
-
removeManagedReorderCells() {
|
|
21098
|
-
this.el.querySelectorAll(`[${ROW_REORDER_MARK}]`).forEach((node) => {
|
|
21099
|
-
var _a;
|
|
21100
|
-
if (!(node instanceof Element))
|
|
21101
|
-
return;
|
|
21102
|
-
if (node.closest('xpl-table') !== this.el)
|
|
21103
|
-
return;
|
|
21104
|
-
(_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(node);
|
|
21105
|
-
});
|
|
21106
|
-
}
|
|
21107
|
-
getSelectionSlotCellForReorderOrder(row) {
|
|
21108
|
-
const idx = this.getSelectionColumnIndex();
|
|
21109
|
-
if (idx === null) {
|
|
21110
|
-
return null;
|
|
21111
|
-
}
|
|
21112
|
-
const cells = Array.from(row.children);
|
|
21113
|
-
const cell = cells[idx];
|
|
21114
|
-
if (!cell) {
|
|
21115
|
-
return null;
|
|
21116
|
-
}
|
|
21117
|
-
const tag = cell.tagName.toLowerCase();
|
|
21118
|
-
if (tag === 'xpl-table-header-cell') {
|
|
21119
|
-
return cell.getAttribute('type') === 'checkbox' ? cell : null;
|
|
21120
|
-
}
|
|
21121
|
-
if (tag === 'xpl-table-cell') {
|
|
21122
|
-
if (cell.hasAttribute(SELECTION_MARK)) {
|
|
21123
|
-
return cell;
|
|
21124
|
-
}
|
|
21125
|
-
return cell.querySelector('xpl-checkbox') ? cell : null;
|
|
21126
|
-
}
|
|
21127
|
-
if (tag === 'xpl-table-footer-cell') {
|
|
21128
|
-
return cell;
|
|
21129
|
-
}
|
|
21130
|
-
return null;
|
|
21131
|
-
}
|
|
21132
|
-
normalizeManagedColumnsOrder() {
|
|
21133
|
-
var _a;
|
|
21134
|
-
const fix = (row) => {
|
|
21135
|
-
const re = row.querySelector(`:scope > [${ROW_REORDER_MARK}]`);
|
|
21136
|
-
const se = this.getSelectionSlotCellForReorderOrder(row);
|
|
21137
|
-
if (!re || !se) {
|
|
21138
|
-
return;
|
|
21139
|
-
}
|
|
21140
|
-
const siblings = Array.from(row.children);
|
|
21141
|
-
const iRe = siblings.indexOf(re);
|
|
21142
|
-
const iSe = siblings.indexOf(se);
|
|
21143
|
-
if (iRe > iSe) {
|
|
21144
|
-
row.insertBefore(re, se);
|
|
21145
|
-
}
|
|
21146
|
-
};
|
|
21147
|
-
const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
|
|
21148
|
-
if (header) {
|
|
21149
|
-
const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
|
|
21150
|
-
const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
|
|
21151
|
-
fix(container);
|
|
21152
|
-
}
|
|
21153
|
-
this.queryBodyRows().forEach((row) => fix(row));
|
|
21154
|
-
const footer = this.getDirectChildTableSection('xpl-table-footer');
|
|
21155
|
-
if (footer) {
|
|
21156
|
-
Array.from(footer.children)
|
|
21157
|
-
.filter((c) => c.tagName.toLowerCase() === 'xpl-table-row')
|
|
21158
|
-
.forEach((row) => fix(row));
|
|
21159
|
-
}
|
|
21160
|
-
}
|
|
21161
|
-
syncReorderColumn() {
|
|
21162
|
-
if (!this.rowReorderable || this.isLegacyMode)
|
|
21163
|
-
return;
|
|
21164
|
-
this.ensureBodyRowIds();
|
|
21165
|
-
this.ensureHeaderReorderCell();
|
|
21166
|
-
this.ensureBodyReorderCells();
|
|
21167
|
-
this.ensureFooterReorderCells();
|
|
21168
|
-
this.applyReorderRowDraggableState();
|
|
21169
|
-
}
|
|
21170
|
-
ensureHeaderReorderCell() {
|
|
21171
|
-
var _a;
|
|
21172
|
-
const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
|
|
21173
|
-
if (!header)
|
|
21174
|
-
return;
|
|
21175
|
-
const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
|
|
21176
|
-
const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
|
|
21177
|
-
if (Array.from(container.children).some((c) => c.tagName.toLowerCase() === 'xpl-table-header-cell' &&
|
|
21178
|
-
c.hasAttribute(ROW_REORDER_MARK))) {
|
|
21179
|
-
return;
|
|
21180
|
-
}
|
|
21181
|
-
const cell = document.createElement('xpl-table-header-cell');
|
|
21182
|
-
cell.setAttribute(ROW_REORDER_MARK, '');
|
|
21183
|
-
cell.setAttribute('type', 'empty');
|
|
21184
|
-
cell.setAttribute('width', '48');
|
|
21185
|
-
cell.setAttribute('align', 'center');
|
|
21186
|
-
container.insertBefore(cell, container.firstChild);
|
|
21187
|
-
}
|
|
21188
|
-
ensureBodyReorderCells() {
|
|
21189
|
-
this.queryBodyRows().forEach((row) => {
|
|
21190
|
-
var _a;
|
|
21191
|
-
const managed = Array.from(row.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-cell' &&
|
|
21192
|
-
c.hasAttribute(ROW_REORDER_MARK));
|
|
21193
|
-
if (managed.length > 1) {
|
|
21194
|
-
for (let i = 1; i < managed.length; i += 1) {
|
|
21195
|
-
managed[i].remove();
|
|
21196
|
-
}
|
|
21197
|
-
}
|
|
21198
|
-
let cell = managed[0];
|
|
21199
|
-
if (!cell) {
|
|
21200
|
-
const newCell = document.createElement('xpl-table-cell');
|
|
21201
|
-
newCell.setAttribute(ROW_REORDER_MARK, '');
|
|
21202
|
-
newCell.setAttribute('width', '48');
|
|
21203
|
-
newCell.setAttribute('align', 'center');
|
|
21204
|
-
const btn = document.createElement('button');
|
|
21205
|
-
btn.type = 'button';
|
|
21206
|
-
btn.className = 'xpl-table__row-drag-handle';
|
|
21207
|
-
btn.setAttribute('aria-label', 'Reorder row');
|
|
21208
|
-
btn.setAttribute('aria-pressed', 'false');
|
|
21209
|
-
const iconName = this.getResolvedIconForRow((_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '');
|
|
21210
|
-
if (iconName) {
|
|
21211
|
-
const icon = document.createElement('xpl-icon');
|
|
21212
|
-
icon.setAttribute('icon', iconName);
|
|
21213
|
-
icon.setAttribute('size', '16');
|
|
21214
|
-
btn.appendChild(icon);
|
|
21215
|
-
}
|
|
21216
|
-
newCell.appendChild(btn);
|
|
21217
|
-
row.insertBefore(newCell, row.firstChild);
|
|
21218
|
-
cell = newCell;
|
|
21219
|
-
}
|
|
21220
|
-
else {
|
|
21221
|
-
cell.setAttribute('align', 'center');
|
|
21222
|
-
}
|
|
21223
|
-
const btn = cell.querySelector('.xpl-table__row-drag-handle');
|
|
21224
|
-
if (btn) {
|
|
21225
|
-
btn.disabled = row.disabled;
|
|
21226
|
-
}
|
|
21227
|
-
});
|
|
21228
|
-
this.syncInjectedReorderHandleIcons();
|
|
21229
|
-
this.attachReorderHandleKeydownListeners();
|
|
21230
|
-
}
|
|
21231
|
-
getResolvedIconForRow(rowId) {
|
|
21232
|
-
var _a, _b;
|
|
21233
|
-
const inKeyboardMode = this.keyboardReorderRowId !== null &&
|
|
21234
|
-
rowId !== '' &&
|
|
21235
|
-
rowId === this.keyboardReorderRowId;
|
|
21236
|
-
if (inKeyboardMode) {
|
|
21237
|
-
if (this.reorderHandleIconKeyboard === '') {
|
|
21238
|
-
return null;
|
|
21239
|
-
}
|
|
21240
|
-
return (_a = this.reorderHandleIconKeyboard) !== null && _a !== void 0 ? _a : 'caret-expand-y';
|
|
21241
|
-
}
|
|
21242
|
-
if (this.reorderHandleIcon === '') {
|
|
21243
|
-
return null;
|
|
21244
|
-
}
|
|
21245
|
-
return (_b = this.reorderHandleIcon) !== null && _b !== void 0 ? _b : 'grip-dots-vertical';
|
|
21246
|
-
}
|
|
21247
|
-
syncInjectedReorderHandleIcons() {
|
|
21248
|
-
this.queryBodyRows().forEach((row) => {
|
|
21249
|
-
var _a;
|
|
21250
|
-
const btn = row.querySelector('.xpl-table__row-drag-handle');
|
|
21251
|
-
if (!btn) {
|
|
21252
|
-
return;
|
|
21253
|
-
}
|
|
21254
|
-
const rowId = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
|
|
21255
|
-
const iconName = this.getResolvedIconForRow(rowId);
|
|
21256
|
-
btn.querySelectorAll('xpl-icon').forEach((n) => n.remove());
|
|
21257
|
-
if (iconName) {
|
|
21258
|
-
const icon = document.createElement('xpl-icon');
|
|
21259
|
-
icon.setAttribute('icon', iconName);
|
|
21260
|
-
icon.setAttribute('size', '16');
|
|
21261
|
-
btn.appendChild(icon);
|
|
21262
|
-
}
|
|
21263
|
-
});
|
|
21264
|
-
}
|
|
21265
|
-
syncReorderHandleKeyboardA11y(activeId) {
|
|
21266
|
-
if (this.isLegacyMode || !this.rowReorderable) {
|
|
21267
|
-
return;
|
|
21268
|
-
}
|
|
21269
|
-
this.queryBodyRows().forEach((row) => {
|
|
21270
|
-
var _a;
|
|
21271
|
-
const btn = row.querySelector('.xpl-table__row-drag-handle');
|
|
21272
|
-
if (!btn) {
|
|
21273
|
-
return;
|
|
21274
|
-
}
|
|
21275
|
-
const rid = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
|
|
21276
|
-
const isActive = activeId !== null && rid === activeId;
|
|
21277
|
-
btn.classList.toggle('xpl-table__row-drag-handle--keyboard-mode', isActive);
|
|
21278
|
-
btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');
|
|
21279
|
-
btn.setAttribute('aria-label', isActive
|
|
21280
|
-
? 'Press arrow up or down to reorder, Escape to exit'
|
|
21281
|
-
: 'Press Enter or Space to activate keyboard reorder mode, or drag to reorder');
|
|
21282
|
-
});
|
|
21283
|
-
this.syncInjectedReorderHandleIcons();
|
|
21284
|
-
}
|
|
21285
|
-
attachReorderHandleKeydownListeners() {
|
|
21286
|
-
if (this.isLegacyMode || !this.rowReorderable) {
|
|
21287
|
-
return;
|
|
21288
|
-
}
|
|
21289
|
-
this.queryBodyRows().forEach((row) => {
|
|
21290
|
-
const btn = row.querySelector('.xpl-table__row-drag-handle');
|
|
21291
|
-
if (!btn || btn.dataset.xplReorderKbdBound === 'true') {
|
|
21292
|
-
return;
|
|
21293
|
-
}
|
|
21294
|
-
btn.dataset.xplReorderKbdBound = 'true';
|
|
21295
|
-
btn.addEventListener('keydown', this.onReorderHandleKeydown);
|
|
21296
|
-
});
|
|
21297
|
-
}
|
|
21298
|
-
detachReorderHandleKeydownListeners() {
|
|
21299
|
-
if (!this.el) {
|
|
21300
|
-
return;
|
|
21301
|
-
}
|
|
21302
|
-
this.el
|
|
21303
|
-
.querySelectorAll('.xpl-table__row-drag-handle[data-xpl-reorder-kbd-bound="true"]')
|
|
21304
|
-
.forEach((btn) => {
|
|
21305
|
-
btn.removeEventListener('keydown', this.onReorderHandleKeydown);
|
|
21306
|
-
delete btn.dataset.xplReorderKbdBound;
|
|
21307
|
-
});
|
|
21308
|
-
}
|
|
21309
|
-
performKeyboardRowReorder(rowId, direction) {
|
|
21310
|
-
const body = this.getDirectChildTableSection('xpl-table-body');
|
|
21311
|
-
if (!body) {
|
|
21312
|
-
return false;
|
|
21313
|
-
}
|
|
21314
|
-
const visible = this.getVisibleBodyRowsForReorder();
|
|
21315
|
-
const itemIndex = visible.findIndex((r) => Table.getRowIdForRow(r) === rowId);
|
|
21316
|
-
if (itemIndex === -1) {
|
|
21317
|
-
return false;
|
|
21318
|
-
}
|
|
21319
|
-
const targetIndex = direction === 'up' ? itemIndex - 1 : itemIndex + 1;
|
|
21320
|
-
if (targetIndex < 0 || targetIndex >= visible.length) {
|
|
21321
|
-
return false;
|
|
21322
|
-
}
|
|
21323
|
-
const fromIndex = itemIndex;
|
|
21324
|
-
const item = visible[itemIndex];
|
|
21325
|
-
const targetItem = visible[targetIndex];
|
|
21326
|
-
if (direction === 'up') {
|
|
21327
|
-
body.insertBefore(item, targetItem);
|
|
21328
|
-
}
|
|
21329
|
-
else {
|
|
21330
|
-
const nextVisible = getNextVisibleTableBodyRowAfter(targetItem);
|
|
21331
|
-
if (nextVisible) {
|
|
21332
|
-
body.insertBefore(item, nextVisible);
|
|
21333
|
-
}
|
|
21334
|
-
else {
|
|
21335
|
-
body.appendChild(item);
|
|
21336
|
-
}
|
|
21337
|
-
}
|
|
21338
|
-
const orderedRowIds = this.getVisibleBodyRowsForReorder().map((r) => { var _a; return (_a = Table.getRowIdForRow(r)) !== null && _a !== void 0 ? _a : ''; });
|
|
21339
|
-
const toIndex = orderedRowIds.indexOf(rowId);
|
|
21340
|
-
this.rowOrderChange.emit({
|
|
21341
|
-
rowId,
|
|
21342
|
-
direction,
|
|
21343
|
-
orderedRowIds,
|
|
21344
|
-
fromIndex,
|
|
21345
|
-
toIndex,
|
|
21346
|
-
});
|
|
21347
|
-
this.announceRowReorder(rowId, orderedRowIds);
|
|
21348
|
-
this.clearReorderDragOverClasses();
|
|
21349
|
-
if (this.selectable) {
|
|
21350
|
-
this.applyBodyCheckboxStates();
|
|
21351
|
-
this.applyHeaderCheckboxState();
|
|
21352
|
-
this.syncRowSelectedProps();
|
|
21353
|
-
}
|
|
21354
|
-
this.updateColumnWidths();
|
|
21355
|
-
this.reorderKeyboardTimers.requestAnimationFrame(() => {
|
|
21356
|
-
if (!this.el.isConnected) {
|
|
21357
|
-
return;
|
|
21358
|
-
}
|
|
21359
|
-
const moved = this.getVisibleBodyRowsForReorder().find((r) => Table.getRowIdForRow(r) === rowId);
|
|
21360
|
-
const btn = moved === null || moved === void 0 ? void 0 : moved.querySelector('.xpl-table__row-drag-handle');
|
|
21361
|
-
btn === null || btn === void 0 ? void 0 : btn.focus();
|
|
21362
|
-
});
|
|
21363
|
-
return true;
|
|
21364
|
-
}
|
|
21365
|
-
ensureFooterReorderCells() {
|
|
21366
|
-
const footer = this.getDirectChildTableSection('xpl-table-footer');
|
|
21367
|
-
if (!footer)
|
|
21368
|
-
return;
|
|
21369
|
-
Array.from(footer.children)
|
|
21370
|
-
.filter((c) => c.tagName.toLowerCase() === 'xpl-table-row')
|
|
21371
|
-
.forEach((row) => {
|
|
21372
|
-
if (Array.from(row.children).some((c) => c.tagName.toLowerCase() === 'xpl-table-footer-cell' &&
|
|
21373
|
-
c.hasAttribute(ROW_REORDER_MARK))) {
|
|
21374
|
-
return;
|
|
21375
|
-
}
|
|
21376
|
-
const cell = document.createElement('xpl-table-footer-cell');
|
|
21377
|
-
cell.setAttribute(ROW_REORDER_MARK, '');
|
|
21378
|
-
cell.setAttribute('width', '48');
|
|
21379
|
-
cell.setAttribute('align', 'center');
|
|
21380
|
-
row.insertBefore(cell, row.firstChild);
|
|
21381
|
-
});
|
|
21382
|
-
}
|
|
21383
|
-
static supportsSubgridBodyRow() {
|
|
21384
|
-
return (typeof CSS !== 'undefined' &&
|
|
21385
|
-
typeof CSS.supports === 'function' &&
|
|
21386
|
-
CSS.supports('grid-template-columns', 'subgrid'));
|
|
21387
|
-
}
|
|
21388
|
-
applyReorderRowDraggableState() {
|
|
21389
|
-
const useRowDrag = Table.supportsSubgridBodyRow();
|
|
21390
|
-
this.queryBodyRows().forEach((row) => {
|
|
21391
|
-
const btn = row.querySelector('.xpl-table__row-drag-handle');
|
|
21392
|
-
btn === null || btn === void 0 ? void 0 : btn.removeAttribute('draggable');
|
|
21393
|
-
row.removeAttribute('draggable');
|
|
21394
|
-
if (!this.rowReorderable || row.disabled) {
|
|
21395
|
-
return;
|
|
21396
|
-
}
|
|
21397
|
-
if (!btn) {
|
|
21398
|
-
return;
|
|
21399
|
-
}
|
|
21400
|
-
if (useRowDrag) {
|
|
21401
|
-
row.setAttribute('draggable', 'true');
|
|
21402
|
-
}
|
|
21403
|
-
else {
|
|
21404
|
-
btn.setAttribute('draggable', 'true');
|
|
21405
|
-
}
|
|
21406
|
-
});
|
|
21407
|
-
}
|
|
21408
|
-
getVisibleBodyRowsForReorder() {
|
|
21409
|
-
return this.queryBodyRows().filter((r) => !r.hasAttribute('hidden'));
|
|
21410
|
-
}
|
|
21411
|
-
clearReorderDragOverClasses() {
|
|
21412
|
-
this.queryBodyRows().forEach((r) => r.classList.remove('xpl-table-row--drag-over'));
|
|
21413
|
-
}
|
|
21414
|
-
clearPendingDragListeners() {
|
|
21415
|
-
if (this.pointerUpClearPending) {
|
|
21416
|
-
this.pointerUpClearPending();
|
|
21417
|
-
this.pointerUpClearPending = null;
|
|
21418
|
-
}
|
|
21419
|
-
}
|
|
21420
|
-
announceRowReorder(movedRowId, orderedRowIds) {
|
|
21421
|
-
if (!this.rowReorderable || !movedRowId) {
|
|
21422
|
-
return;
|
|
21423
|
-
}
|
|
21424
|
-
const index = orderedRowIds.indexOf(movedRowId);
|
|
21425
|
-
if (index < 0) {
|
|
21426
|
-
return;
|
|
21427
|
-
}
|
|
21428
|
-
this.reorderLiveMessage = '';
|
|
21429
|
-
if (this.reorderAnnounceRaf !== undefined) {
|
|
21430
|
-
cancelAnimationFrame(this.reorderAnnounceRaf);
|
|
21431
|
-
}
|
|
21432
|
-
this.reorderAnnounceRaf = requestAnimationFrame(() => {
|
|
21433
|
-
this.reorderAnnounceRaf = undefined;
|
|
21434
|
-
if (!this.el.isConnected) {
|
|
21435
|
-
return;
|
|
21436
|
-
}
|
|
21437
|
-
this.reorderLiveMessage = `Row ${movedRowId}, now position ${index + 1} of ${orderedRowIds.length}`;
|
|
21438
|
-
});
|
|
21439
|
-
}
|
|
21440
|
-
pruneStaleSelectedRowIds() {
|
|
21441
|
-
const validIds = new Set(this.queryBodyRows()
|
|
21442
|
-
.map((r) => Table.getRowIdForRow(r))
|
|
21443
|
-
.filter((id) => !!id));
|
|
21444
|
-
const next = this.selectedRowIds.filter((id) => validIds.has(id));
|
|
21445
|
-
if (next.length === this.selectedRowIds.length)
|
|
21446
|
-
return;
|
|
21447
|
-
this.selectedRowIds = next;
|
|
21448
|
-
this.applyBodyCheckboxStates();
|
|
21449
|
-
this.applyHeaderCheckboxState();
|
|
21450
|
-
this.syncRowSelectedProps();
|
|
21451
|
-
this.emitCompositionalSelection();
|
|
21452
|
-
}
|
|
21453
|
-
static getBodyRowCheckboxAriaLabel(row, selectionColIndex) {
|
|
21454
|
-
var _a, _b;
|
|
21455
|
-
const cells = Table.getBodyRowCells(row);
|
|
21456
|
-
const labelCell = cells.find((c, i) => (selectionColIndex === null || i !== selectionColIndex) &&
|
|
21457
|
-
!c.hasAttribute(ROW_REORDER_MARK));
|
|
21458
|
-
const first = labelCell !== null && labelCell !== void 0 ? labelCell : cells[0];
|
|
21459
|
-
if (!first)
|
|
21460
|
-
return 'Select row';
|
|
21461
|
-
const raw = (_b = (_a = first.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, ' ').trim()) !== null && _b !== void 0 ? _b : '';
|
|
21462
|
-
if (!raw)
|
|
21463
|
-
return 'Select row';
|
|
21464
|
-
const truncated = raw.length > 100 ? `${raw.slice(0, 100)}…` : raw;
|
|
21465
|
-
return `Select row, ${truncated}`;
|
|
21466
|
-
}
|
|
21467
|
-
applyBodyCheckboxStates() {
|
|
21468
|
-
const selectionIdx = this.getSelectionColumnIndex();
|
|
21469
|
-
if (selectionIdx === null)
|
|
21470
|
-
return;
|
|
21471
|
-
this.queryBodyRows().forEach((row) => {
|
|
21472
|
-
const rowId = Table.getRowIdForRow(row);
|
|
21473
|
-
const cells = Table.getBodyRowCells(row);
|
|
21474
|
-
const cell = cells[selectionIdx];
|
|
21475
|
-
const cb = cell === null || cell === void 0 ? void 0 : cell.querySelector('xpl-checkbox');
|
|
21476
|
-
if (!cb || !rowId)
|
|
21477
|
-
return;
|
|
21478
|
-
cb.checked = this.selectedRowIds.includes(rowId);
|
|
21479
|
-
cb.disabled = row.disabled;
|
|
21480
|
-
cb.value = rowId;
|
|
21481
|
-
cb.setAttribute('aria-label', Table.getBodyRowCheckboxAriaLabel(row, selectionIdx));
|
|
21482
|
-
});
|
|
21483
|
-
}
|
|
21484
|
-
getHeaderCheckboxCell() {
|
|
21485
|
-
const idx = this.getSelectionColumnIndex();
|
|
21486
|
-
if (idx === null)
|
|
21487
|
-
return null;
|
|
21488
|
-
const cells = this.getCompositionalHeaderCells();
|
|
21489
|
-
const cell = cells[idx];
|
|
21490
|
-
if (!cell || cell.getAttribute('type') !== 'checkbox')
|
|
21491
|
-
return null;
|
|
21492
|
-
return cell;
|
|
21493
|
-
}
|
|
21494
|
-
applyHeaderCheckboxState() {
|
|
21495
|
-
const cell = this.getHeaderCheckboxCell();
|
|
21496
|
-
if (!cell)
|
|
21497
|
-
return;
|
|
21498
|
-
const selectableRows = this.querySelectableBodyRows();
|
|
21499
|
-
const ids = selectableRows
|
|
21500
|
-
.map((r) => Table.getRowIdForRow(r))
|
|
21501
|
-
.filter((id) => !!id);
|
|
21502
|
-
const selectedCount = ids.filter((id) => this.selectedRowIds.includes(id)).length;
|
|
21503
|
-
const allSelected = ids.length > 0 && selectedCount === ids.length;
|
|
21504
|
-
const indeterminate = selectedCount > 0 && !allSelected;
|
|
21505
|
-
cell.checked = allSelected;
|
|
21506
|
-
cell.indeterminate = indeterminate;
|
|
21507
|
-
}
|
|
21508
|
-
syncRowSelectedProps() {
|
|
21509
|
-
this.queryBodyRows().forEach((row) => {
|
|
21510
|
-
const id = Table.getRowIdForRow(row);
|
|
21511
|
-
const selected = id ? this.selectedRowIds.includes(id) : false;
|
|
21512
|
-
row.selected = selected;
|
|
21513
|
-
});
|
|
21514
|
-
}
|
|
21515
|
-
emitCompositionalSelection() {
|
|
21516
|
-
const ids = this.selectedRowIds;
|
|
21517
|
-
const key = ids.join('\u0001');
|
|
21518
|
-
if (key === this.lastEmittedRowSelectionKey) {
|
|
21519
|
-
return;
|
|
21520
|
-
}
|
|
21521
|
-
this.lastEmittedRowSelectionKey = key;
|
|
21522
|
-
this.rowSelectionChange.emit({ selectedRowIds: [...ids] });
|
|
21523
|
-
}
|
|
21524
|
-
isEventFromThisTable(target) {
|
|
21525
|
-
if (target == null || typeof target !== 'object')
|
|
21526
|
-
return false;
|
|
21527
|
-
const t = target;
|
|
21528
|
-
const start = 'closest' in t && typeof t.closest === 'function'
|
|
21529
|
-
? t
|
|
21530
|
-
: 'parentElement' in t
|
|
21531
|
-
? t.parentElement
|
|
21532
|
-
: null;
|
|
21533
|
-
if (!start)
|
|
21534
|
-
return false;
|
|
21535
|
-
const nearest = start.closest('xpl-table');
|
|
21536
|
-
return nearest === this.el;
|
|
21537
|
-
}
|
|
21538
|
-
static sortKeyFromHeaderCell(cell, columnIndex) {
|
|
21539
|
-
var _a, _b;
|
|
21540
|
-
const c = cell;
|
|
21541
|
-
const raw = ((_b = (_a = c.sortKey) !== null && _a !== void 0 ? _a : c.label) !== null && _b !== void 0 ? _b : '').trim();
|
|
21542
|
-
if (raw.length > 0) {
|
|
21543
|
-
return raw.replace(/ /g, '-').toLowerCase();
|
|
21544
|
-
}
|
|
21545
|
-
return `column-${columnIndex}`;
|
|
21546
|
-
}
|
|
21547
|
-
handleCompositionalHeaderSort(ev) {
|
|
21548
|
-
var _a;
|
|
21549
|
-
if (this.isLegacyMode)
|
|
21550
|
-
return;
|
|
21551
|
-
if (!this.isEventFromThisTable(ev.target))
|
|
21552
|
-
return;
|
|
21553
|
-
const source = ev.target;
|
|
21554
|
-
const headerRow = (_a = source.closest('xpl-table-header xpl-table-row')) !== null && _a !== void 0 ? _a : source.closest('xpl-table-row');
|
|
21555
|
-
if (!headerRow || !this.el.contains(headerRow))
|
|
21556
|
-
return;
|
|
21557
|
-
const cells = Array.from(headerRow.querySelectorAll('xpl-table-header-cell'));
|
|
21558
|
-
const { columnIndex } = ev.detail;
|
|
21559
|
-
const target = cells[columnIndex];
|
|
21560
|
-
if (!(target === null || target === void 0 ? void 0 : target.sortable))
|
|
21561
|
-
return;
|
|
21562
|
-
const next = cycleSortDirection(target.sortDirection);
|
|
21563
|
-
cells.forEach((cell, i) => {
|
|
21564
|
-
const hc = cell;
|
|
21565
|
-
if (!hc.sortable)
|
|
21566
|
-
return;
|
|
21567
|
-
hc.sortDirection = i === columnIndex ? next : null;
|
|
21568
|
-
});
|
|
21569
|
-
const sortState = {};
|
|
21570
|
-
cells.forEach((cell, i) => {
|
|
21571
|
-
var _a;
|
|
21572
|
-
const hc = cell;
|
|
21573
|
-
if (!hc.sortable)
|
|
21574
|
-
return;
|
|
21575
|
-
sortState[Table.sortKeyFromHeaderCell(hc, i)] = (_a = hc.sortDirection) !== null && _a !== void 0 ? _a : null;
|
|
21576
|
-
});
|
|
21577
|
-
const sortTypeArr = cells.map((cell) => {
|
|
21578
|
-
var _a;
|
|
21579
|
-
const hc = cell;
|
|
21580
|
-
return hc.sortable ? ((_a = hc.sortDirection) !== null && _a !== void 0 ? _a : null) : null;
|
|
21581
|
-
});
|
|
21582
|
-
const colName = Table.sortKeyFromHeaderCell(cells[columnIndex], columnIndex);
|
|
21583
|
-
const detail = Object.assign(Object.assign({}, sortState), { colNum: columnIndex, colName,
|
|
21584
|
-
sortTypeArr });
|
|
21585
|
-
this.sortChanged.emit(detail);
|
|
21586
|
-
}
|
|
21587
|
-
legacySortStatePayload() {
|
|
21588
|
-
var _a;
|
|
21589
|
-
const out = {};
|
|
21590
|
-
if (!((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length))
|
|
21591
|
-
return out;
|
|
21592
|
-
this.columns.forEach((col, i) => {
|
|
21593
|
-
var _a;
|
|
21594
|
-
const key = col.replace(/ /g, '-').toLowerCase();
|
|
21595
|
-
out[key] = (_a = this.sortTypeArray[i]) !== null && _a !== void 0 ? _a : null;
|
|
21596
|
-
});
|
|
21597
|
-
return out;
|
|
21598
|
-
}
|
|
21599
|
-
legacySortChangedDetail(colNum) {
|
|
21600
|
-
var _a, _b;
|
|
21601
|
-
const base = this.legacySortStatePayload();
|
|
21602
|
-
const title = (_b = (_a = this.columns) === null || _a === void 0 ? void 0 : _a[colNum]) !== null && _b !== void 0 ? _b : '';
|
|
21603
|
-
const colName = title.replace(/ /g, '-').toLowerCase();
|
|
21604
|
-
return Object.assign(Object.assign({}, base), { colNum,
|
|
21605
|
-
colName, sortTypeArr: [...this.sortTypeArray] });
|
|
21606
|
-
}
|
|
21607
|
-
getCompositionalHeaderCells() {
|
|
21608
|
-
var _a;
|
|
21609
|
-
const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
|
|
21610
|
-
if (!header)
|
|
21611
|
-
return [];
|
|
21612
|
-
const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
|
|
21613
|
-
const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
|
|
21614
|
-
return Array.from(container.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-header-cell');
|
|
21615
|
-
}
|
|
21616
|
-
updateColumnWidths() {
|
|
21617
|
-
const headerCells = this.getCompositionalHeaderCells();
|
|
21618
|
-
const columnWidths = headerCells.map((cell) => getGridColumnWidthFromHeaderCell(cell));
|
|
21619
|
-
const next = columnWidths.join(' ');
|
|
21620
|
-
const n = headerCells.length;
|
|
21621
|
-
if (n === this.colCount && this.colCount > 0 && this.columnWidthsToken === next) {
|
|
21622
|
-
return;
|
|
21623
|
-
}
|
|
21624
|
-
this.el.style.setProperty('--column-widths', next);
|
|
21625
|
-
this.colCount = n;
|
|
21626
|
-
this.columnWidthsToken = next;
|
|
21627
|
-
}
|
|
21628
|
-
handleSort(clickEvt, isColumnSortable, colNum) {
|
|
21629
|
-
clickEvt.preventDefault();
|
|
21630
|
-
clickEvt.stopPropagation();
|
|
21631
|
-
if (!isColumnSortable)
|
|
21632
|
-
return;
|
|
21633
|
-
this.sortTypeArray = this.sortTypeArray.map((val, i) => {
|
|
21634
|
-
if (i !== colNum)
|
|
21635
|
-
return null;
|
|
21636
|
-
switch (val) {
|
|
21637
|
-
case 'asc':
|
|
21638
|
-
return 'desc';
|
|
21639
|
-
case 'desc':
|
|
21640
|
-
return null;
|
|
21641
|
-
default:
|
|
21642
|
-
return 'asc';
|
|
21643
|
-
}
|
|
21644
|
-
});
|
|
21645
|
-
const evt = this.sortChanged.emit(this.legacySortChangedDetail(colNum));
|
|
21646
|
-
if (!evt.defaultPrevented)
|
|
21647
|
-
this.sortBy(colNum, this.sortTypeArray);
|
|
21648
|
-
}
|
|
21649
|
-
renderLegacy() {
|
|
21650
|
-
var _a;
|
|
21651
|
-
if (this.columns &&
|
|
21652
|
-
(!this.sortTypeArray || this.sortTypeArray.length !== this.columns.length)) {
|
|
21653
|
-
this.sortTypeArray = this.columns.map(() => null);
|
|
21654
|
-
}
|
|
21655
|
-
return (index.h(index.Host, null, index.h("div", { class: "xpl-table-container", onScroll: this.onLegacyScroll, ref: (el) => {
|
|
21656
|
-
this.container = el;
|
|
21657
|
-
} }, index.h("table", { class: {
|
|
21658
|
-
'xpl-table': true,
|
|
21659
|
-
'xpl-table--legacy': true,
|
|
21660
|
-
'xpl-table--striped': this.striped,
|
|
21661
|
-
'xpl-table--freeze': this.freeze,
|
|
21662
|
-
'xpl-table--has-scrolled': this.hasScrolled,
|
|
21663
|
-
} }, this.columns && (index.h("thead", null, this.columns.map((column, i) => {
|
|
21664
|
-
var _a, _b;
|
|
21665
|
-
const iconType = getIconType((_b = (_a = this.sortTypeArray) === null || _a === void 0 ? void 0 : _a[i]) !== null && _b !== void 0 ? _b : null);
|
|
21666
|
-
const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
|
|
21667
|
-
return (index.h("th", null, index.h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (index.h("input", { checked: this.areAllSelected, id: "__xpl-table-th", indeterminate: !this.areAllSelected &&
|
|
21668
|
-
this.selected.some((a) => a), onClick: (e) => {
|
|
21669
|
-
e.stopPropagation();
|
|
21670
|
-
this.selectAll(e);
|
|
21671
|
-
}, type: "checkbox", value: `select-all-${this.selectAllValue}` })), column, isColumnSortable && !!this.sortTypeArray[i] && (index.h("xpl-icon", { icon: iconType, size: 16 })))));
|
|
21672
|
-
}))), index.h("tbody", null, this.rowData.map((row, rowNum) => (index.h("tr", { class: this.selected && this.selected[rowNum]
|
|
21673
|
-
? 'xpl-table-row-selected'
|
|
21674
|
-
: '' }, row.map((cell, i) => (index.h("td", null, this.multiselect && i === 0 ? (index.h("label", { htmlFor: `__xpl-table-row-${rowNum}` }, index.h("input", { id: `__xpl-table-row-${rowNum}`, checked: !!this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
|
|
21675
|
-
? this.selectedValues[rowNum]
|
|
21676
|
-
: `xpl-table-checkbox-${rowNum}` }), index.h("div", { innerHTML: cell }))) : (index.h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("tfoot", null, this.rowFooterData.map((row) => (index.h("tr", null, row.map((cell) => (index.h("td", null, index.h("div", { innerHTML: cell })))))))))))));
|
|
21677
|
-
}
|
|
21678
|
-
renderCompositional() {
|
|
21679
|
-
const selectionToolbarCount = this.selectedRowIds.length;
|
|
21680
|
-
return (index.h(index.Host, { role: "grid", "aria-label": this.label, "aria-colcount": this.colCount > 0 ? this.colCount : undefined, class: {
|
|
21681
|
-
'xpl-table': true,
|
|
21682
|
-
'xpl-table--striped': this.striped,
|
|
21683
|
-
'xpl-table--freeze': this.freeze,
|
|
21684
|
-
'xpl-table--has-scrolled': this.hasScrolled,
|
|
21685
|
-
'xpl-table--selectable': !!this.selectable,
|
|
21686
|
-
'xpl-table--selection-active': !!this.selectable && this.selectedRowIds.length > 0,
|
|
21687
|
-
'xpl-table--row-reorderable': !!this.rowReorderable,
|
|
21688
|
-
}, onScroll: this.onGridScroll }, this.rowReorderable && (index.h("div", { class: "xpl-table__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)), this.selectable && (index.h("div", { class: {
|
|
21689
|
-
'xpl-toolbar': true,
|
|
21690
|
-
hidden: selectionToolbarCount === 0,
|
|
21691
|
-
'xpl-table__toolbar': true,
|
|
21692
|
-
} }, index.h("div", { class: "toolbar" }, index.h("p", { class: "selected-item-count" }, selectionToolbarCount, " Selected"), index.h("div", { class: "actions" }, index.h("slot", { name: "toolbar-actions-left" }), index.h("slot", { name: "toolbar-actions-right" }))))), index.h("slot", null)));
|
|
21693
|
-
}
|
|
21694
|
-
render() {
|
|
21695
|
-
return this.isLegacyMode ? this.renderLegacy() : this.renderCompositional();
|
|
21572
|
+
return (index.h(index.Host, { key: '10b0bfd08e28fada9a2c8509d405c5314cce1689' }, index.h("div", { key: '8e5b4fe928618b175a58f858f6cfd65f4bd29c53', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
|
|
21573
|
+
this.container = el;
|
|
21574
|
+
} }, index.h("table", { key: 'a6df646737b9a1d5e67cebe9eaad41911ab606ca', class: {
|
|
21575
|
+
'xpl-table': true,
|
|
21576
|
+
'xpl-table--striped': this.striped,
|
|
21577
|
+
'xpl-table--freeze': this.freeze,
|
|
21578
|
+
'xpl-table--has-scrolled': this.hasScrolled,
|
|
21579
|
+
} }, this.columns && (index.h("thead", { key: '5f14766107d69f26b865f63c323d417f43260267' }, this.columns.map((column, i) => {
|
|
21580
|
+
var _a;
|
|
21581
|
+
const iconType = getIconType((_a = this.sortTypeArray) === null || _a === void 0 ? void 0 : _a[i]);
|
|
21582
|
+
const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
|
|
21583
|
+
return (index.h("th", null, index.h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (index.h("input", { checked: this.areAllSelected, id: "__xpl-table-th", indeterminate: !this.areAllSelected &&
|
|
21584
|
+
this.selected.some((a) => a), onClick: (e) => {
|
|
21585
|
+
e.stopPropagation();
|
|
21586
|
+
this.selectAll(e);
|
|
21587
|
+
}, type: "checkbox", value: `select-all-${this.selectAllValue}` })), column, isColumnSortable && !!this.sortTypeArray[i] && (index.h("xpl-icon", { icon: iconType, size: 16 })))));
|
|
21588
|
+
}))), index.h("tbody", { key: 'b13ca1d1a738de189d4f040dfd309187671b341d' }, this.rowData.map((row, rowNum) => (index.h("tr", { class: this.selected && this.selected[rowNum]
|
|
21589
|
+
? 'xpl-table-row-selected'
|
|
21590
|
+
: '' }, row.map((cell, i) => (index.h("td", null, this.multiselect && i === 0 ? (index.h("label", { htmlFor: `__xpl-table-row-${rowNum}` }, index.h("input", { id: `__xpl-table-row-${rowNum}`, checked: !!this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
|
|
21591
|
+
? this.selectedValues[rowNum]
|
|
21592
|
+
: `xpl-table-checkbox-${rowNum}` }), index.h("div", { innerHTML: cell }))) : (index.h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("tfoot", { key: '5d45854ba21aa7e0bfaaf3b8a537e0c121538ac9' }, this.rowFooterData.map((row) => (index.h("tr", null, row.map((cell) => (index.h("td", null, index.h("div", { innerHTML: cell })))))))))))));
|
|
21696
21593
|
}
|
|
21697
21594
|
get el() { return index.getElement(this); }
|
|
21698
21595
|
static get watchers() { return {
|
|
21699
|
-
"columns": [{
|
|
21700
|
-
"watchColumns": 0
|
|
21701
|
-
}],
|
|
21702
21596
|
"data": [{
|
|
21703
21597
|
"watchData": 0
|
|
21704
21598
|
}],
|
|
21705
21599
|
"footer": [{
|
|
21706
21600
|
"watchFooterData": 0
|
|
21707
21601
|
}],
|
|
21708
|
-
"
|
|
21709
|
-
"
|
|
21710
|
-
}],
|
|
21711
|
-
"reorderHandleIconKeyboard": [{
|
|
21712
|
-
"watchReorderHandleIconKeyboard": 0
|
|
21713
|
-
}],
|
|
21714
|
-
"rowReorderable": [{
|
|
21715
|
-
"watchRowReorderable": 0
|
|
21716
|
-
}],
|
|
21717
|
-
"selectable": [{
|
|
21718
|
-
"watchSelectable": 0
|
|
21719
|
-
}]
|
|
21720
|
-
}; }
|
|
21721
|
-
};
|
|
21722
|
-
|
|
21723
|
-
const XplTableBody = class {
|
|
21724
|
-
constructor(hostRef) {
|
|
21725
|
-
index.registerInstance(this, hostRef);
|
|
21726
|
-
}
|
|
21727
|
-
render() {
|
|
21728
|
-
return (index.h(index.Host, { key: '7320d9e105bbd49c3ce38b8c199b965a3863440c', role: "rowgroup", class: "xpl-table-body" }, index.h("slot", { key: '3df8f5a49bca0c8b50126cb41e59e1209e57fc6b' })));
|
|
21729
|
-
}
|
|
21730
|
-
};
|
|
21731
|
-
|
|
21732
|
-
function isDisablableControl(el) {
|
|
21733
|
-
switch (el.tagName) {
|
|
21734
|
-
case 'BUTTON':
|
|
21735
|
-
case 'INPUT':
|
|
21736
|
-
case 'SELECT':
|
|
21737
|
-
case 'TEXTAREA':
|
|
21738
|
-
case 'FIELDSET':
|
|
21739
|
-
case 'OPTGROUP':
|
|
21740
|
-
case 'OPTION':
|
|
21741
|
-
return true;
|
|
21742
|
-
default:
|
|
21743
|
-
return false;
|
|
21744
|
-
}
|
|
21745
|
-
}
|
|
21746
|
-
const XplTableCell = class {
|
|
21747
|
-
constructor(hostRef) {
|
|
21748
|
-
index.registerInstance(this, hostRef);
|
|
21749
|
-
this.align = 'left';
|
|
21750
|
-
this.bold = false;
|
|
21751
|
-
this.disabled = false;
|
|
21752
|
-
this.underline = false;
|
|
21753
|
-
}
|
|
21754
|
-
onDisabledChange() {
|
|
21755
|
-
this.propagateDisabledToSlotted();
|
|
21756
|
-
}
|
|
21757
|
-
componentDidLoad() {
|
|
21758
|
-
this.propagateDisabledToSlotted();
|
|
21759
|
-
}
|
|
21760
|
-
propagateDisabledToSlotted() {
|
|
21761
|
-
const setControlDisabled = (element) => {
|
|
21762
|
-
if (!isDisablableControl(element)) {
|
|
21763
|
-
return;
|
|
21764
|
-
}
|
|
21765
|
-
const control = element;
|
|
21766
|
-
control.disabled = this.disabled;
|
|
21767
|
-
if (this.disabled) {
|
|
21768
|
-
control.setAttribute('disabled', '');
|
|
21769
|
-
}
|
|
21770
|
-
else {
|
|
21771
|
-
control.removeAttribute('disabled');
|
|
21772
|
-
}
|
|
21773
|
-
};
|
|
21774
|
-
const walk = (parent) => {
|
|
21775
|
-
Array.from(parent.children).forEach((child) => {
|
|
21776
|
-
if (child.tagName === 'XPL-TABLE') {
|
|
21777
|
-
return;
|
|
21778
|
-
}
|
|
21779
|
-
setControlDisabled(child);
|
|
21780
|
-
walk(child);
|
|
21781
|
-
});
|
|
21782
|
-
};
|
|
21783
|
-
walk(this.el);
|
|
21784
|
-
}
|
|
21785
|
-
render() {
|
|
21786
|
-
return (index.h(index.Host, { key: '91700fc89eff07fc5c54474c12e3a02eb602c6c3', role: "gridcell", class: {
|
|
21787
|
-
'xpl-table-cell': true,
|
|
21788
|
-
[`xpl-table-cell--align-${this.align}`]: true,
|
|
21789
|
-
'xpl-table-cell--bold': this.bold,
|
|
21790
|
-
'xpl-table-cell--underline': this.underline,
|
|
21791
|
-
'xpl-table-cell--disabled': this.disabled,
|
|
21792
|
-
} }, index.h("slot", { key: '5e956de9f694db16d9f5ea89bda1ff05a15e9efa' })));
|
|
21793
|
-
}
|
|
21794
|
-
get el() { return index.getElement(this); }
|
|
21795
|
-
static get watchers() { return {
|
|
21796
|
-
"disabled": [{
|
|
21797
|
-
"onDisabledChange": 0
|
|
21798
|
-
}]
|
|
21799
|
-
}; }
|
|
21800
|
-
};
|
|
21801
|
-
|
|
21802
|
-
const XplTableFooter = class {
|
|
21803
|
-
constructor(hostRef) {
|
|
21804
|
-
index.registerInstance(this, hostRef);
|
|
21805
|
-
}
|
|
21806
|
-
render() {
|
|
21807
|
-
return (index.h(index.Host, { key: '891052963f727f283783138363c9a925cb59140b', role: "rowgroup", class: "xpl-table-footer" }, index.h("slot", { key: 'df01f64a46ecd29380df26e053c2a6c246a22556' })));
|
|
21808
|
-
}
|
|
21809
|
-
};
|
|
21810
|
-
|
|
21811
|
-
const XplTableFooterCell = class {
|
|
21812
|
-
constructor(hostRef) {
|
|
21813
|
-
index.registerInstance(this, hostRef);
|
|
21814
|
-
this.align = 'left';
|
|
21815
|
-
}
|
|
21816
|
-
render() {
|
|
21817
|
-
return (index.h(index.Host, { key: '452cb6ac0333ca57329341404343c290c63fc508', role: "gridcell", class: {
|
|
21818
|
-
'xpl-table-footer-cell': true,
|
|
21819
|
-
[`xpl-table-footer-cell--align-${this.align}`]: true,
|
|
21820
|
-
} }, index.h("slot", { key: 'db6d5848f2aa009437317b9e71a47f0ca9245161' })));
|
|
21821
|
-
}
|
|
21822
|
-
};
|
|
21823
|
-
|
|
21824
|
-
const TableHeader = class {
|
|
21825
|
-
constructor(hostRef) {
|
|
21826
|
-
index.registerInstance(this, hostRef);
|
|
21827
|
-
}
|
|
21828
|
-
render() {
|
|
21829
|
-
return (index.h(index.Host, { key: '70eac99819cc3acbbfb54607fc657fb27bd26b4b', role: "rowgroup", class: "xpl-table-header" }, index.h("slot", { key: '9c46b25d247603f8c87a3994615bd45c617d9bb9' })));
|
|
21830
|
-
}
|
|
21831
|
-
};
|
|
21832
|
-
|
|
21833
|
-
const TableHeaderCell = class {
|
|
21834
|
-
constructor(hostRef) {
|
|
21835
|
-
index.registerInstance(this, hostRef);
|
|
21836
|
-
this.headerCheckboxChange = index.createEvent(this, "headerCheckboxChange", 7);
|
|
21837
|
-
this.headerSortChange = index.createEvent(this, "headerSortChange", 7);
|
|
21838
|
-
this.align = 'left';
|
|
21839
|
-
this.checked = false;
|
|
21840
|
-
this.indeterminate = false;
|
|
21841
|
-
this.label = '';
|
|
21842
|
-
this.sortable = false;
|
|
21843
|
-
this.type = 'label';
|
|
21844
|
-
this.onHeaderInnerCheckboxChange = (ev) => {
|
|
21845
|
-
const { detail } = ev;
|
|
21846
|
-
const checked = typeof detail === 'boolean' ? detail : Boolean(detail);
|
|
21847
|
-
this.headerCheckboxChange.emit(checked);
|
|
21848
|
-
};
|
|
21849
|
-
this.onSortActivate = (event) => {
|
|
21850
|
-
event.preventDefault();
|
|
21851
|
-
event.stopPropagation();
|
|
21852
|
-
if (!this.sortable || this.type !== 'label')
|
|
21853
|
-
return;
|
|
21854
|
-
const columnIndex = this.getColumnIndex0();
|
|
21855
|
-
const sortKey = this.getSortKeySlug();
|
|
21856
|
-
if (!this.el.closest('xpl-table')) {
|
|
21857
|
-
this.sortDirection = cycleSortDirection(this.sortDirection);
|
|
21858
|
-
}
|
|
21859
|
-
this.headerSortChange.emit({
|
|
21860
|
-
columnIndex,
|
|
21861
|
-
sortKey,
|
|
21862
|
-
});
|
|
21863
|
-
};
|
|
21864
|
-
}
|
|
21865
|
-
watchColumnWidth() {
|
|
21866
|
-
this.notifyColumnWidthsChange();
|
|
21867
|
-
}
|
|
21868
|
-
watchWidth() {
|
|
21869
|
-
this.notifyColumnWidthsChange();
|
|
21870
|
-
}
|
|
21871
|
-
componentDidLoad() {
|
|
21872
|
-
this.notifyColumnWidthsChange();
|
|
21873
|
-
}
|
|
21874
|
-
notifyColumnWidthsChange() {
|
|
21875
|
-
this.el.dispatchEvent(new CustomEvent(XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, {
|
|
21876
|
-
bubbles: true,
|
|
21877
|
-
composed: true,
|
|
21878
|
-
}));
|
|
21879
|
-
}
|
|
21880
|
-
getColumnIndex0() {
|
|
21881
|
-
var _a, _b;
|
|
21882
|
-
return Array.from((_b = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []).indexOf(this.el);
|
|
21883
|
-
}
|
|
21884
|
-
getSortKeySlug() {
|
|
21885
|
-
var _a, _b;
|
|
21886
|
-
const raw = ((_b = (_a = this.sortKey) !== null && _a !== void 0 ? _a : this.label) !== null && _b !== void 0 ? _b : '').trim();
|
|
21887
|
-
if (raw.length > 0) {
|
|
21888
|
-
return raw.replace(/ /g, '-').toLowerCase();
|
|
21889
|
-
}
|
|
21890
|
-
return `column-${this.getColumnIndex0()}`;
|
|
21891
|
-
}
|
|
21892
|
-
renderLabelContent() {
|
|
21893
|
-
if (this.sortable) {
|
|
21894
|
-
const iconName = getSortAffordanceIconName(this.sortDirection);
|
|
21895
|
-
const sortActive = this.sortDirection === 'asc' || this.sortDirection === 'desc';
|
|
21896
|
-
return (index.h("button", { type: "button", class: "xpl-table-header-cell__sort", onClick: this.onSortActivate }, index.h("span", { class: "xpl-table-header-cell__text" }, index.h("slot", null, this.label)), index.h("xpl-icon", { class: {
|
|
21897
|
-
'xpl-table-header-cell__sort-icon': true,
|
|
21898
|
-
'xpl-table-header-cell__sort-icon--active': sortActive,
|
|
21899
|
-
'xpl-table-header-cell__sort-icon--default': !sortActive,
|
|
21900
|
-
}, icon: iconName, size: 16 })));
|
|
21901
|
-
}
|
|
21902
|
-
return (index.h("span", { class: "xpl-table-header-cell__text" }, index.h("slot", null, this.label)));
|
|
21903
|
-
}
|
|
21904
|
-
render() {
|
|
21905
|
-
const colIndex = this.getColumnIndex0() + 1;
|
|
21906
|
-
const renderContent = () => {
|
|
21907
|
-
var _a;
|
|
21908
|
-
switch (this.type) {
|
|
21909
|
-
case 'label':
|
|
21910
|
-
return this.renderLabelContent();
|
|
21911
|
-
case 'checkbox':
|
|
21912
|
-
return (index.h("xpl-checkbox", { ariaLabel: (_a = this.checkboxAriaLabel) !== null && _a !== void 0 ? _a : 'Select all rows', checked: this.checked, indeterminate: this.indeterminate, onCheckboxChange: this.onHeaderInnerCheckboxChange }));
|
|
21913
|
-
case 'icon':
|
|
21914
|
-
return index.h("xpl-icon", { icon: this.icon, size: 20 });
|
|
21915
|
-
case 'empty':
|
|
21916
|
-
return null;
|
|
21917
|
-
default:
|
|
21918
|
-
return '';
|
|
21919
|
-
}
|
|
21920
|
-
};
|
|
21921
|
-
const effectiveAlign = (this.type === 'checkbox' || this.type === 'icon') && this.align === 'left'
|
|
21922
|
-
? 'center'
|
|
21923
|
-
: this.align;
|
|
21924
|
-
const alignClass = `xpl-table-header-cell--align-${effectiveAlign}`;
|
|
21925
|
-
const ariaSort = this.type === 'label' && this.sortable
|
|
21926
|
-
? this.sortDirection === 'asc'
|
|
21927
|
-
? 'ascending'
|
|
21928
|
-
: this.sortDirection === 'desc'
|
|
21929
|
-
? 'descending'
|
|
21930
|
-
: 'none'
|
|
21931
|
-
: undefined;
|
|
21932
|
-
return (index.h(index.Host, { role: "columnheader", "aria-colindex": colIndex, class: {
|
|
21933
|
-
'xpl-table-header-cell': true,
|
|
21934
|
-
[alignClass]: true,
|
|
21935
|
-
'xpl-table-header-cell--checkbox': this.type === 'checkbox',
|
|
21936
|
-
'xpl-table-header-cell--icon': this.type === 'icon',
|
|
21937
|
-
'xpl-table-header-cell--empty': this.type === 'empty',
|
|
21938
|
-
'xpl-table-header-cell--sortable': this.sortable && this.type === 'label',
|
|
21939
|
-
}, "aria-checked": this.type === 'checkbox'
|
|
21940
|
-
? this.indeterminate
|
|
21941
|
-
? 'mixed'
|
|
21942
|
-
: this.checked
|
|
21943
|
-
? 'true'
|
|
21944
|
-
: 'false'
|
|
21945
|
-
: undefined, "aria-sort": ariaSort }, this.type === 'empty' ? null : renderContent()));
|
|
21946
|
-
}
|
|
21947
|
-
get el() { return index.getElement(this); }
|
|
21948
|
-
static get watchers() { return {
|
|
21949
|
-
"columnWidth": [{
|
|
21950
|
-
"watchColumnWidth": 0
|
|
21951
|
-
}],
|
|
21952
|
-
"width": [{
|
|
21953
|
-
"watchWidth": 0
|
|
21954
|
-
}]
|
|
21955
|
-
}; }
|
|
21956
|
-
};
|
|
21957
|
-
|
|
21958
|
-
function isTableCell(node) {
|
|
21959
|
-
return node.nodeName === 'XPL-TABLE-CELL';
|
|
21960
|
-
}
|
|
21961
|
-
const XplTableRow = class {
|
|
21962
|
-
constructor(hostRef) {
|
|
21963
|
-
index.registerInstance(this, hostRef);
|
|
21964
|
-
this.disabled = false;
|
|
21965
|
-
this.selected = false;
|
|
21966
|
-
}
|
|
21967
|
-
onDisabledChange() {
|
|
21968
|
-
this.propagateDisabledToCells();
|
|
21969
|
-
}
|
|
21970
|
-
connectedCallback() {
|
|
21971
|
-
if (typeof MutationObserver === 'undefined')
|
|
21972
|
-
return;
|
|
21973
|
-
this.cellObserver = new MutationObserver((mutations) => {
|
|
21974
|
-
mutations.forEach((mutation) => {
|
|
21975
|
-
if (mutation.type !== 'childList')
|
|
21976
|
-
return;
|
|
21977
|
-
mutation.addedNodes.forEach((node) => {
|
|
21978
|
-
if (isTableCell(node)) {
|
|
21979
|
-
node.disabled = this.disabled;
|
|
21980
|
-
}
|
|
21981
|
-
});
|
|
21982
|
-
});
|
|
21983
|
-
});
|
|
21984
|
-
this.cellObserver.observe(this.el, { childList: true });
|
|
21985
|
-
}
|
|
21986
|
-
disconnectedCallback() {
|
|
21987
|
-
var _a;
|
|
21988
|
-
(_a = this.cellObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
21989
|
-
this.cellObserver = undefined;
|
|
21990
|
-
}
|
|
21991
|
-
componentDidLoad() {
|
|
21992
|
-
this.propagateDisabledToCells();
|
|
21993
|
-
}
|
|
21994
|
-
propagateDisabledToCells() {
|
|
21995
|
-
const cells = Array.from(this.el.children).filter(isTableCell);
|
|
21996
|
-
cells.forEach((cell) => {
|
|
21997
|
-
cell.disabled = this.disabled;
|
|
21998
|
-
});
|
|
21999
|
-
}
|
|
22000
|
-
render() {
|
|
22001
|
-
return (index.h(index.Host, { key: '4abcdcd80a317aec5d2a131d9e8d0331f434e989', role: "row", class: {
|
|
22002
|
-
'xpl-table-row': true,
|
|
22003
|
-
'xpl-table-row--disabled': this.disabled,
|
|
22004
|
-
'xpl-table-row--selected': this.selected,
|
|
22005
|
-
} }, index.h("slot", { key: 'b2530a240b2e4c7eb4fb4a7691a86242eb9aee16' })));
|
|
22006
|
-
}
|
|
22007
|
-
get el() { return index.getElement(this); }
|
|
22008
|
-
static get watchers() { return {
|
|
22009
|
-
"disabled": [{
|
|
22010
|
-
"onDisabledChange": 0
|
|
21602
|
+
"columns": [{
|
|
21603
|
+
"watchColumns": 0
|
|
22011
21604
|
}]
|
|
22012
21605
|
}; }
|
|
22013
21606
|
};
|
|
@@ -22332,11 +21925,11 @@ const Tabs = class {
|
|
|
22332
21925
|
}
|
|
22333
21926
|
render() {
|
|
22334
21927
|
const isSegment = this.type === 'segment';
|
|
22335
|
-
return (index.h(index.Host, { key: '
|
|
21928
|
+
return (index.h(index.Host, { key: '9998ae067e13e7c08338ae29bfe05bc3adacaa87', class: {
|
|
22336
21929
|
'xpl-tabs': true,
|
|
22337
21930
|
'xpl-tabs--full-width': this.fullWidth,
|
|
22338
21931
|
'xpl-tabs--segment': isSegment,
|
|
22339
|
-
}, "data-choices-tick": this.choicesTick }, index.h("xpl-select", { key: '
|
|
21932
|
+
}, "data-choices-tick": this.choicesTick }, index.h("xpl-select", { key: '18209c354e77267a13ce0c7380df0e419595cca7', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
|
|
22340
21933
|
if (event.detail) {
|
|
22341
21934
|
this.isMobileSelectChange = true;
|
|
22342
21935
|
}
|
|
@@ -22347,17 +21940,17 @@ const Tabs = class {
|
|
|
22347
21940
|
this.tabChange.emit(selectedValue);
|
|
22348
21941
|
this.isMobileSelectChange = false;
|
|
22349
21942
|
}
|
|
22350
|
-
} }), index.h("nav", { key: '
|
|
21943
|
+
} }), index.h("nav", { key: 'cf1bf2ec95fbbe7f0a6b8774cc5ce26928c7d6ca', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
|
|
22351
21944
|
this.headingsContainerRef = el;
|
|
22352
21945
|
}, onTabChange: (event) => {
|
|
22353
21946
|
event.stopPropagation();
|
|
22354
21947
|
this.isMobileSelectChange = false;
|
|
22355
21948
|
this.handleTabChange(event.detail);
|
|
22356
21949
|
this.tabChange.emit(event.detail);
|
|
22357
|
-
} }, !isSegment && (index.h("div", { key: '
|
|
21950
|
+
} }, !isSegment && (index.h("div", { key: '5bfd13566a17723ec166a934bc72e59307eacb8c', class: "xpl-tabs__active-bar", style: {
|
|
22358
21951
|
transform: `translateX(${this.activeBarPosition.left}px)`,
|
|
22359
21952
|
width: `${this.activeBarPosition.width}px`,
|
|
22360
|
-
} })), index.h("slot", { key: '
|
|
21953
|
+
} })), index.h("slot", { key: '52baf508a46759fe908f8721b3089d3db0189383', name: "heading" })), index.h("div", { key: '363fe87f244eace0dc0af0903e0b8c25da3a613f', class: "xpl-tabs__panels" }, index.h("slot", { key: 'f3872844f486cf831bca26a228eba88fa18b42c3', name: "panel" }))));
|
|
22361
21954
|
}
|
|
22362
21955
|
get el() { return index.getElement(this); }
|
|
22363
21956
|
static get watchers() { return {
|
|
@@ -22503,7 +22096,7 @@ const Tag = class {
|
|
|
22503
22096
|
}
|
|
22504
22097
|
render() {
|
|
22505
22098
|
const dragEnabled = this.isDraggable && !this.disabled;
|
|
22506
|
-
return (index.h(index.Host, { key: '
|
|
22099
|
+
return (index.h(index.Host, { key: '7e85098bb9f5e8c0fceee3e7947337e0799c4de8', class: {
|
|
22507
22100
|
'xpl-tag': true,
|
|
22508
22101
|
'xpl-tag-container': true,
|
|
22509
22102
|
'xpl-tag--disabled': this.disabled,
|
|
@@ -22511,7 +22104,7 @@ const Tag = class {
|
|
|
22511
22104
|
'xpl-tag--dragging': this.isDragging,
|
|
22512
22105
|
'xpl-tag--draggable': dragEnabled,
|
|
22513
22106
|
'xpl-tag--sm': this.size === 'sm',
|
|
22514
|
-
}, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (index.h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, index.h("slot", null))) : (index.h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, index.h("slot", null))), this.dismissible && (index.h("button", { key: '
|
|
22107
|
+
}, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (index.h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, index.h("slot", null))) : (index.h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, index.h("slot", null))), this.dismissible && (index.h("button", { key: 'cb875506819a0a58d42add85a1a09e95e4786eba', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, index.h("xpl-icon", { key: '431f061a4c96dacb9dc76a753c9d2de01491b2be', icon: "xmark", size: 10 })))));
|
|
22515
22108
|
}
|
|
22516
22109
|
get el() { return index.getElement(this); }
|
|
22517
22110
|
static get watchers() { return {
|
|
@@ -22561,9 +22154,9 @@ const Toast = class {
|
|
|
22561
22154
|
}
|
|
22562
22155
|
render() {
|
|
22563
22156
|
var _a;
|
|
22564
|
-
return (index.h(index.Host, { key: '
|
|
22157
|
+
return (index.h(index.Host, { key: '4f470ceb525c35a86ddbf65365fac1674ebe7033', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, index.h("div", { key: '04da6ca2777ceb222da2f4fd831d8aef5101a667', class: "xpl-toast__left" }, this.showIcon && (index.h("div", { key: '0e5e75aa05e96361700c0c7b9eccbc4c5b75a00c', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), index.h("div", { key: 'f1ccc651318b6d7128255918bdd68ef36a249e9f', class: "xpl-toast__notification" }, index.h("p", { key: '1ae879d8a670a0f1a4928bfa2a0692581040dca1', class: "xpl-toast__title" }, index.h("slot", { key: 'b819a773c11b88cb00f8638db8a960de55ce6508', name: "title" })), this.caption !== '' && (index.h("p", { key: '8f6eb8dd769e4aaf5b16b3caafd9e9ec5408a7e1', class: "xpl-toast__caption" }, (_a = this.caption) === null || _a === void 0 ? void 0 : _a.substring(0, 85))))), index.h("div", { key: '46ae2f04fa38b50d2a07082b6972590f6bd28005', class: "xpl-toast__action", ref: (el) => {
|
|
22565
22158
|
this.actionSlot = el;
|
|
22566
|
-
} }, index.h("slot", { key: '
|
|
22159
|
+
} }, index.h("slot", { key: '69512a9b482bb54252527d798dfa2884a19b7d8c', name: "action" })), this.dismissable && (index.h("div", { key: '818a5f9dde1a9c9b7ab3cd62cd807200e3687af6', class: "xpl-toast__close" }, index.h("button", { key: '3a617189f8f031e119a125efce0ab35a7f5cf31f', tabIndex: 0, onClick: this.dismiss }, index.h("xpl-icon", { key: 'd86187aed0665da278f953be5ab92f7051f44438', icon: "x" }))))));
|
|
22567
22160
|
}
|
|
22568
22161
|
get el() { return index.getElement(this); }
|
|
22569
22162
|
};
|
|
@@ -22577,7 +22170,7 @@ const Tooltip = class {
|
|
|
22577
22170
|
this.hideArrow = false;
|
|
22578
22171
|
}
|
|
22579
22172
|
render() {
|
|
22580
|
-
return (index.h(index.Host, { key: '
|
|
22173
|
+
return (index.h(index.Host, { key: 'a118d629923a433680360f746e063ca94d5f1c6a' }, index.h("div", { key: 'cfd9742ee2cebd56994480bd2a601cb4e93b12a9', class: "xpl-tooltip-container" }, index.h("slot", { key: '8aae99e1a187f8f737e896ccfd00d67f1cfeb3b3' }), index.h("div", { key: '4b418074b2ac7f8760f09e3af033ea93f7a0012e', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (index.h("div", { key: 'ef6a166f78250f1f98eae41661fd7020b36eeaae', class: "xpl-tooltip-arrow" }, index.h(TooltipArrow, { key: '7baecae00ab178f715c89443d250b068861afe5f' }))))));
|
|
22581
22174
|
}
|
|
22582
22175
|
};
|
|
22583
22176
|
|
|
@@ -22821,7 +22414,7 @@ const TopNav = class {
|
|
|
22821
22414
|
}
|
|
22822
22415
|
render() {
|
|
22823
22416
|
var _a, _b, _c, _d;
|
|
22824
|
-
return (index.h(index.Host, { key: '
|
|
22417
|
+
return (index.h(index.Host, { key: '9f65d609c6b4cf08b2899216fe8bc70fe0e12db9', class: {
|
|
22825
22418
|
'xpl-top-nav': true,
|
|
22826
22419
|
'xpl-top-nav--nav-control': Boolean(this.navControl),
|
|
22827
22420
|
'xpl-top-nav--open': this.open,
|
|
@@ -22829,15 +22422,15 @@ const TopNav = class {
|
|
|
22829
22422
|
'xpl-top-nav--has-brand': this.hasBrand,
|
|
22830
22423
|
'xpl-top-nav--has-user-menu': this.hasUserMenu,
|
|
22831
22424
|
dark: true,
|
|
22832
|
-
} }, index.h("nav", { key: '
|
|
22425
|
+
} }, index.h("nav", { key: 'a3d613acbe13866886bca363372127e8e869ec2c', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: 'b7057ef80f36e98def53bbfc2a39bd30bacd9b4c', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: '3c4091842c7e4c1a62fea5446f6e29486617b11a', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, index.h("xpl-icon", { key: 'cd5fd2cd1cf1dae5c765b63678e14cb87588c3b2', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (index.h("div", { key: '3cabfe3ce8ff58d9aed0ed9b4adccd896f6cad08', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: 'bca3924f36affd16b6c17d0d8cc1ccc57c488ef6', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
|
|
22833
22426
|
? this.brandName.trim()
|
|
22834
|
-
: 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: '
|
|
22427
|
+
: 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: '1e9a1af5fbeca22c0f440556c121c38b8528d9ba', class: {
|
|
22835
22428
|
'xpl-top-nav__aside': true,
|
|
22836
22429
|
'xpl-nav-left': true,
|
|
22837
|
-
} }, index.h("div", { key: '
|
|
22430
|
+
} }, index.h("div", { key: 'b5d67e1adf5bc6a751be3d8bfa448bdb682039bc', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: 'c738eb6fbda41c8320fa2645fb88f43ef11731b6', name: "left-aside" })))), index.h("div", { key: '8573832a3922746b2301f9bc8b4fa6ab7e1ac441', class: {
|
|
22838
22431
|
'xpl-top-nav__aside': true,
|
|
22839
22432
|
'xpl-nav-right': true,
|
|
22840
|
-
} }, index.h("div", { key: '
|
|
22433
|
+
} }, index.h("div", { key: 'a21b318496a47000cde7a0346d3376999e7893ea', class: "xpl-nav-right__list" }, index.h("div", { key: '5934e7d3976b13abba77b4361b4fe1c6f49bcc2e', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '49b44ea3d59eec32d6859978754e81ce6acc1bec', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: '054671b75354700b873a85f08998a14d7fc7073b', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
|
|
22841
22434
|
? undefined
|
|
22842
22435
|
: 'Open account menu' }, this.childAccountLabelText.length > 0
|
|
22843
22436
|
? this.childAccountLabelText
|
|
@@ -23155,14 +22748,14 @@ const TopNavItem = class {
|
|
|
23155
22748
|
return (index.h("div", Object.assign({}, shared, { role: "button" }), this.icon && index.h("xpl-icon", { size: 16, icon: this.icon }), this.label ? (index.h("span", { class: "xpl-top-nav-item__label", title: this.label }, this.label)) : (index.h("slot", null)), this.hasDropdown && index.h("xpl-icon", { icon: "chevron-down" })));
|
|
23156
22749
|
}
|
|
23157
22750
|
render() {
|
|
23158
|
-
return (index.h(index.Host, Object.assign({ key: '
|
|
22751
|
+
return (index.h(index.Host, Object.assign({ key: '4758b54726318591f140bcfea8d4db22c70c96ff', class: {
|
|
23159
22752
|
'xpl-top-nav-item': true,
|
|
23160
22753
|
'xpl-top-nav-item--active': this.active,
|
|
23161
22754
|
'xpl-top-nav-item--dropdown-open': this.open,
|
|
23162
22755
|
'xpl-top-nav-item--has-dropdown': this.hasDropdown,
|
|
23163
22756
|
'xpl-top-nav-item--selected': this.selected,
|
|
23164
22757
|
dark: true,
|
|
23165
|
-
} }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (index.h("div", { key: '
|
|
22758
|
+
} }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (index.h("div", { key: '65f53889e4815fb974d7abe12d13dd8be19c1943', class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: '2f4f164deaec561be73a13e2303cc13e037699bb', name: "dropdown" })))));
|
|
23166
22759
|
}
|
|
23167
22760
|
get el() { return index.getElement(this); }
|
|
23168
22761
|
static get watchers() { return {
|
|
@@ -23186,7 +22779,7 @@ const UtilityBar = class {
|
|
|
23186
22779
|
this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
|
|
23187
22780
|
}
|
|
23188
22781
|
render() {
|
|
23189
|
-
return (index.h(index.Host, { key: '
|
|
22782
|
+
return (index.h(index.Host, { key: '2af96247c611b67255b7f285dfb2b8b1dada47cc' }, index.h("nav", { key: '135186097dd0d8f308a1a08b5fbf4a5537c10f25', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: '3346444f9813b20d8c4ed13b5a0784205dcfbbb1', name: "main" }))));
|
|
23190
22783
|
}
|
|
23191
22784
|
};
|
|
23192
22785
|
|
|
@@ -23237,13 +22830,6 @@ exports.xpl_spotlight = Spotlight;
|
|
|
23237
22830
|
exports.xpl_tab = Tab;
|
|
23238
22831
|
exports.xpl_tab_panel = TabPanel;
|
|
23239
22832
|
exports.xpl_table = Table;
|
|
23240
|
-
exports.xpl_table_body = XplTableBody;
|
|
23241
|
-
exports.xpl_table_cell = XplTableCell;
|
|
23242
|
-
exports.xpl_table_footer = XplTableFooter;
|
|
23243
|
-
exports.xpl_table_footer_cell = XplTableFooterCell;
|
|
23244
|
-
exports.xpl_table_header = TableHeader;
|
|
23245
|
-
exports.xpl_table_header_cell = TableHeaderCell;
|
|
23246
|
-
exports.xpl_table_row = XplTableRow;
|
|
23247
22833
|
exports.xpl_tabs = Tabs;
|
|
23248
22834
|
exports.xpl_tag = Tag;
|
|
23249
22835
|
exports.xpl_toast = Toast;
|