@getflip/swirl-components 0.427.1 → 0.428.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/components.json +107 -107
- package/dist/cjs/swirl-action-list_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-app-bar.cjs.entry.js +1 -1
- package/dist/cjs/swirl-app-layout_5.cjs.entry.js +13 -8
- package/dist/cjs/swirl-autocomplete.cjs.entry.js +4 -4
- package/dist/cjs/swirl-avatar-group.cjs.entry.js +1 -1
- package/dist/cjs/swirl-avatar.cjs.entry.js +1 -1
- package/dist/cjs/swirl-badge.cjs.entry.js +1 -1
- package/dist/cjs/swirl-banner.cjs.entry.js +1 -1
- package/dist/cjs/swirl-box.cjs.entry.js +1 -1
- package/dist/cjs/swirl-button-group.cjs.entry.js +2 -2
- package/dist/cjs/swirl-button.cjs.entry.js +2 -2
- package/dist/cjs/swirl-card.cjs.entry.js +2 -2
- package/dist/cjs/swirl-carousel.cjs.entry.js +1 -1
- package/dist/cjs/swirl-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/swirl-chip.cjs.entry.js +1 -1
- package/dist/cjs/swirl-columns.cjs.entry.js +2 -2
- package/dist/cjs/swirl-dialog.cjs.entry.js +1 -1
- package/dist/cjs/swirl-file-viewer_8.cjs.entry.js +2 -2
- package/dist/cjs/swirl-form-control.cjs.entry.js +1 -1
- package/dist/cjs/swirl-form-group.cjs.entry.js +1 -1
- package/dist/cjs/swirl-heading.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-error_3.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon.cjs.entry.js +1 -1
- package/dist/cjs/swirl-image-grid-item.cjs.entry.js +3 -3
- package/dist/cjs/swirl-image-grid.cjs.entry.js +1 -1
- package/dist/cjs/swirl-inline-notification.cjs.entry.js +1 -1
- package/dist/cjs/swirl-inline-status.cjs.entry.js +1 -1
- package/dist/cjs/swirl-link.cjs.entry.js +1 -1
- package/dist/cjs/swirl-menu.cjs.entry.js +2 -2
- package/dist/cjs/swirl-modal.cjs.entry.js +8 -8
- package/dist/cjs/swirl-option-list_2.cjs.entry.js +2 -2
- package/dist/cjs/swirl-pagination.cjs.entry.js +1 -1
- package/dist/cjs/swirl-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/swirl-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/swirl-radio.cjs.entry.js +1 -1
- package/dist/cjs/swirl-search.cjs.entry.js +1 -1
- package/dist/cjs/swirl-separator.cjs.entry.js +1 -1
- package/dist/cjs/swirl-stack.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tab.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table-column.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table.cjs.entry.js +1 -1
- package/dist/cjs/swirl-text-input.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/swirl-tree-view-item.cjs.entry.js +3 -3
- package/dist/cjs/swirl-tree-view.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +9 -9
- package/dist/collection/components/swirl-action-list-item/swirl-action-list-item.js +1 -1
- package/dist/collection/components/swirl-app-bar/swirl-app-bar.js +1 -1
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +4 -4
- package/dist/collection/components/swirl-autocomplete/swirl-autocomplete.js +4 -4
- package/dist/collection/components/swirl-avatar/swirl-avatar.js +1 -1
- package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.js +1 -1
- package/dist/collection/components/swirl-badge/swirl-badge.js +1 -1
- package/dist/collection/components/swirl-banner/swirl-banner.js +1 -1
- package/dist/collection/components/swirl-box/swirl-box.js +1 -1
- package/dist/collection/components/swirl-button/swirl-button.js +3 -3
- package/dist/collection/components/swirl-button-group/swirl-button-group.js +2 -2
- package/dist/collection/components/swirl-card/swirl-card.js +2 -2
- package/dist/collection/components/swirl-carousel/swirl-carousel.js +1 -1
- package/dist/collection/components/swirl-checkbox/swirl-checkbox.js +1 -1
- package/dist/collection/components/swirl-chip/swirl-chip.js +1 -1
- package/dist/collection/components/swirl-columns/swirl-columns.js +2 -2
- package/dist/collection/components/swirl-dialog/swirl-dialog.js +1 -1
- package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.js +2 -2
- package/dist/collection/components/swirl-form-control/swirl-form-control.js +1 -1
- package/dist/collection/components/swirl-form-group/swirl-form-group.js +1 -1
- package/dist/collection/components/swirl-heading/swirl-heading.js +1 -1
- package/dist/collection/components/swirl-icon/swirl-icon.js +1 -1
- package/dist/collection/components/swirl-image-grid/swirl-image-grid.js +1 -1
- package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.js +3 -3
- package/dist/collection/components/swirl-inline-error/swirl-inline-error.js +1 -1
- package/dist/collection/components/swirl-inline-notification/swirl-inline-notification.js +1 -1
- package/dist/collection/components/swirl-inline-status/swirl-inline-status.js +1 -1
- package/dist/collection/components/swirl-link/swirl-link.js +1 -1
- package/dist/collection/components/swirl-menu/swirl-menu.js +2 -2
- package/dist/collection/components/swirl-modal/swirl-modal.js +8 -8
- package/dist/collection/components/swirl-option-list-item/swirl-option-list-item.js +2 -2
- package/dist/collection/components/swirl-pagination/swirl-pagination.js +1 -1
- package/dist/collection/components/swirl-popover/swirl-popover.js +3 -3
- package/dist/collection/components/swirl-progress-indicator/swirl-progress-indicator.js +1 -1
- package/dist/collection/components/swirl-radio/swirl-radio.js +1 -1
- package/dist/collection/components/swirl-resource-list/swirl-resource-list.js +7 -2
- package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.js +2 -2
- package/dist/collection/components/swirl-search/swirl-search.js +1 -1
- package/dist/collection/components/swirl-separator/swirl-separator.js +1 -1
- package/dist/collection/components/swirl-stack/swirl-stack.js +1 -1
- package/dist/collection/components/swirl-tab/swirl-tab.js +1 -1
- package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js +1 -1
- package/dist/collection/components/swirl-table/swirl-table.js +1 -1
- package/dist/collection/components/swirl-table-column/swirl-table-column.js +1 -1
- package/dist/collection/components/swirl-text-input/swirl-text-input.js +1 -1
- package/dist/collection/components/swirl-tooltip/swirl-tooltip.js +2 -2
- package/dist/collection/components/swirl-tree-view/swirl-tree-view.js +1 -1
- package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js +3 -3
- package/dist/components/assets/pdfjs/pdf.worker.min.mjs +1 -1
- package/dist/components/swirl-action-list-item2.js +1 -1
- package/dist/components/swirl-app-bar.js +1 -1
- package/dist/components/swirl-app-layout2.js +4 -4
- package/dist/components/swirl-autocomplete.js +4 -4
- package/dist/components/swirl-avatar-group.js +1 -1
- package/dist/components/swirl-avatar.js +1 -1
- package/dist/components/swirl-badge2.js +1 -1
- package/dist/components/swirl-banner.js +1 -1
- package/dist/components/swirl-box2.js +1 -1
- package/dist/components/swirl-button-group2.js +2 -2
- package/dist/components/swirl-button2.js +2 -2
- package/dist/components/swirl-card.js +2 -2
- package/dist/components/swirl-carousel.js +1 -1
- package/dist/components/swirl-checkbox.js +1 -1
- package/dist/components/swirl-chip.js +1 -1
- package/dist/components/swirl-columns.js +2 -2
- package/dist/components/swirl-dialog.js +1 -1
- package/dist/components/swirl-file-viewer-pdf2.js +2 -2
- package/dist/components/swirl-form-control.js +1 -1
- package/dist/components/swirl-form-group.js +1 -1
- package/dist/components/swirl-heading2.js +1 -1
- package/dist/components/swirl-icon2.js +1 -1
- package/dist/components/swirl-image-grid-item.js +3 -3
- package/dist/components/swirl-image-grid.js +1 -1
- package/dist/components/swirl-inline-error2.js +1 -1
- package/dist/components/swirl-inline-notification.js +1 -1
- package/dist/components/swirl-inline-status.js +1 -1
- package/dist/components/swirl-link.js +1 -1
- package/dist/components/swirl-menu.js +2 -2
- package/dist/components/swirl-modal.js +8 -8
- package/dist/components/swirl-option-list-item2.js +2 -2
- package/dist/components/swirl-pagination.js +1 -1
- package/dist/components/swirl-popover2.js +3 -3
- package/dist/components/swirl-progress-indicator2.js +1 -1
- package/dist/components/swirl-radio.js +1 -1
- package/dist/components/swirl-resource-list-item2.js +2 -2
- package/dist/components/swirl-resource-list2.js +7 -2
- package/dist/components/swirl-search.js +1 -1
- package/dist/components/swirl-separator2.js +1 -1
- package/dist/components/swirl-stack2.js +1 -1
- package/dist/components/swirl-tab-bar2.js +1 -1
- package/dist/components/swirl-tab.js +1 -1
- package/dist/components/swirl-table-column.js +1 -1
- package/dist/components/swirl-table.js +1 -1
- package/dist/components/swirl-text-input2.js +1 -1
- package/dist/components/swirl-tooltip2.js +2 -2
- package/dist/components/swirl-tree-view-item.js +3 -3
- package/dist/components/swirl-tree-view.js +1 -1
- package/dist/esm/swirl-action-list_2.entry.js +1 -1
- package/dist/esm/swirl-app-bar.entry.js +1 -1
- package/dist/esm/swirl-app-layout_5.entry.js +13 -8
- package/dist/esm/swirl-autocomplete.entry.js +4 -4
- package/dist/esm/swirl-avatar-group.entry.js +1 -1
- package/dist/esm/swirl-avatar.entry.js +1 -1
- package/dist/esm/swirl-badge.entry.js +1 -1
- package/dist/esm/swirl-banner.entry.js +1 -1
- package/dist/esm/swirl-box.entry.js +1 -1
- package/dist/esm/swirl-button-group.entry.js +2 -2
- package/dist/esm/swirl-button.entry.js +2 -2
- package/dist/esm/swirl-card.entry.js +2 -2
- package/dist/esm/swirl-carousel.entry.js +1 -1
- package/dist/esm/swirl-checkbox.entry.js +1 -1
- package/dist/esm/swirl-chip.entry.js +1 -1
- package/dist/esm/swirl-columns.entry.js +2 -2
- package/dist/esm/swirl-dialog.entry.js +1 -1
- package/dist/esm/swirl-file-viewer_8.entry.js +2 -2
- package/dist/esm/swirl-form-control.entry.js +1 -1
- package/dist/esm/swirl-form-group.entry.js +1 -1
- package/dist/esm/swirl-heading.entry.js +1 -1
- package/dist/esm/swirl-icon-error_3.entry.js +1 -1
- package/dist/esm/swirl-icon.entry.js +1 -1
- package/dist/esm/swirl-image-grid-item.entry.js +3 -3
- package/dist/esm/swirl-image-grid.entry.js +1 -1
- package/dist/esm/swirl-inline-notification.entry.js +1 -1
- package/dist/esm/swirl-inline-status.entry.js +1 -1
- package/dist/esm/swirl-link.entry.js +1 -1
- package/dist/esm/swirl-menu.entry.js +2 -2
- package/dist/esm/swirl-modal.entry.js +8 -8
- package/dist/esm/swirl-option-list_2.entry.js +2 -2
- package/dist/esm/swirl-pagination.entry.js +1 -1
- package/dist/esm/swirl-popover_2.entry.js +3 -3
- package/dist/esm/swirl-progress-indicator.entry.js +1 -1
- package/dist/esm/swirl-radio.entry.js +1 -1
- package/dist/esm/swirl-search.entry.js +1 -1
- package/dist/esm/swirl-separator.entry.js +1 -1
- package/dist/esm/swirl-stack.entry.js +1 -1
- package/dist/esm/swirl-tab-bar.entry.js +1 -1
- package/dist/esm/swirl-tab.entry.js +1 -1
- package/dist/esm/swirl-table-column.entry.js +1 -1
- package/dist/esm/swirl-table.entry.js +1 -1
- package/dist/esm/swirl-text-input.entry.js +1 -1
- package/dist/esm/swirl-tooltip.entry.js +2 -2
- package/dist/esm/swirl-tree-view-item.entry.js +3 -3
- package/dist/esm/swirl-tree-view.entry.js +1 -1
- package/dist/swirl-components/{p-09cedd70.entry.js → p-00fbd2d9.entry.js} +1 -1
- package/dist/swirl-components/{p-568d1150.entry.js → p-0514e49f.entry.js} +1 -1
- package/dist/swirl-components/p-0a567aaa.entry.js +1 -0
- package/dist/swirl-components/{p-ee735674.entry.js → p-1bc21cd1.entry.js} +2 -2
- package/dist/swirl-components/{p-83dab4ea.entry.js → p-1d18e440.entry.js} +1 -1
- package/dist/swirl-components/{p-27bd7a33.entry.js → p-1d754acf.entry.js} +1 -1
- package/dist/swirl-components/{p-63e7478a.entry.js → p-257a1f0d.entry.js} +1 -1
- package/dist/swirl-components/{p-02616a2d.entry.js → p-291ef23a.entry.js} +1 -1
- package/dist/swirl-components/p-314eab6a.entry.js +1 -0
- package/dist/swirl-components/{p-4ec1a224.entry.js → p-36a0f260.entry.js} +1 -1
- package/dist/swirl-components/{p-ce6612d0.entry.js → p-44818f71.entry.js} +1 -1
- package/dist/swirl-components/{p-1ff0e13f.entry.js → p-4c6132ef.entry.js} +1 -1
- package/dist/swirl-components/{p-ee2a8b00.entry.js → p-51a7c338.entry.js} +1 -1
- package/dist/swirl-components/{p-ee83a332.entry.js → p-51cf60e5.entry.js} +1 -1
- package/dist/swirl-components/{p-e03d32c6.entry.js → p-52c71b21.entry.js} +1 -1
- package/dist/swirl-components/{p-3c21c65f.entry.js → p-54cae251.entry.js} +1 -1
- package/dist/swirl-components/{p-a303627b.entry.js → p-54d0e3eb.entry.js} +1 -1
- package/dist/swirl-components/{p-b83e980e.entry.js → p-64af39a9.entry.js} +1 -1
- package/dist/swirl-components/{p-b7b38533.entry.js → p-64c8be03.entry.js} +1 -1
- package/dist/swirl-components/{p-ced86068.entry.js → p-6600bc56.entry.js} +1 -1
- package/dist/swirl-components/{p-0eb54623.entry.js → p-6704015a.entry.js} +1 -1
- package/dist/swirl-components/{p-4a349a19.entry.js → p-675c7677.entry.js} +1 -1
- package/dist/swirl-components/{p-90b4fe82.entry.js → p-6decfaa7.entry.js} +1 -1
- package/dist/swirl-components/{p-53e73a1b.entry.js → p-72db4ecd.entry.js} +1 -1
- package/dist/swirl-components/{p-9a5a0161.entry.js → p-840b7682.entry.js} +1 -1
- package/dist/swirl-components/{p-b5880632.entry.js → p-89462542.entry.js} +1 -1
- package/dist/swirl-components/{p-e971d0eb.entry.js → p-8de8ca4e.entry.js} +1 -1
- package/dist/swirl-components/{p-2d389f21.entry.js → p-8e261b3e.entry.js} +1 -1
- package/dist/swirl-components/p-9b4fdee0.entry.js +1 -0
- package/dist/swirl-components/{p-24acebec.entry.js → p-a9385fd2.entry.js} +1 -1
- package/dist/swirl-components/{p-b69f3d48.entry.js → p-b4329ace.entry.js} +1 -1
- package/dist/swirl-components/{p-139c49d6.entry.js → p-b7c359c8.entry.js} +1 -1
- package/dist/swirl-components/{p-6358dfe9.entry.js → p-bc8920d3.entry.js} +1 -1
- package/dist/swirl-components/{p-ac41719d.entry.js → p-bd828ab6.entry.js} +1 -1
- package/dist/swirl-components/{p-23c3dd3b.entry.js → p-c36d7031.entry.js} +1 -1
- package/dist/swirl-components/p-c3e6328f.entry.js +1 -0
- package/dist/swirl-components/{p-25fd14bc.entry.js → p-d704df29.entry.js} +1 -1
- package/dist/swirl-components/{p-db361c9f.entry.js → p-dc31ae94.entry.js} +1 -1
- package/dist/swirl-components/{p-08fea076.entry.js → p-e1c08aeb.entry.js} +1 -1
- package/dist/swirl-components/{p-75de0f16.entry.js → p-e4265da2.entry.js} +1 -1
- package/dist/swirl-components/{p-454497dd.entry.js → p-eb504284.entry.js} +1 -1
- package/dist/swirl-components/p-f0ea9bbb.entry.js +1 -0
- package/dist/swirl-components/{p-94d811ef.entry.js → p-f458734a.entry.js} +1 -1
- package/dist/swirl-components/{p-ef3bbe3e.entry.js → p-f56a2e52.entry.js} +1 -1
- package/dist/swirl-components/{p-6376cd92.entry.js → p-f5abf256.entry.js} +1 -1
- package/dist/swirl-components/{p-d5933be2.entry.js → p-f979650f.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +1 -1
- package/vscode-data.json +5 -5
- package/dist/swirl-components/p-44f6784a.entry.js +0 -1
- package/dist/swirl-components/p-46bd7a56.entry.js +0 -1
- package/dist/swirl-components/p-70b154cf.entry.js +0 -1
- package/dist/swirl-components/p-c14f3827.entry.js +0 -1
- package/dist/swirl-components/p-fcaa53c3.entry.js +0 -1
|
@@ -38,7 +38,7 @@ const SwirlActionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlActionLi
|
|
|
38
38
|
const showSuffixSlot = Boolean(this.el.querySelector('[slot="suffix"]'));
|
|
39
39
|
const showSuffix = (Boolean(this.suffix) || showSuffixSlot) && !this.disabled;
|
|
40
40
|
const className = classNames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '6e0ba3475bbabc4b456d23070aada4ad73a7bef7' }, h("button", { key: '568753980452f56f6305573cfacc1540728f8a64', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, h("slot", { key: '90c23d6a829bdb2903ff76eda7852101b174b198', name: "avatar" }), this.icon && (h("span", { key: '1855b294b64760c5399cfb9b371715399ed2e985', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '1db1f001b6a4e9d40d4e11dddb5f2a45c8c81106', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), h("span", { key: 'a55df1b640cb5c5109dc632c39dca728fce290da', class: "action-list-item__label-container" }, h("span", { key: 'ae479a05bbfd854b8472d3977d7489df73e611cb', class: "action-list-item__label" }, this.label), this.description && (h("span", { key: '959761897cc5c8d4d2474795460b66bb5d22475b', class: "action-list-item__description" }, this.description))), showBadge && (h("span", { key: 'cd679c3648c86d6d7f5c9c37f1d02e8b14cd2bfe', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (h("span", { key: '88754ec73e17680ebdc939f42df996dace73fdce', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, h("slot", { key: '37b5c4659a5ff5c1e36e9dd47292180e9b9a5dac', name: "suffix" }))))));
|
|
42
42
|
}
|
|
43
43
|
get el() { return this; }
|
|
44
44
|
static get style() { return swirlActionListItemCss; }
|
|
@@ -62,7 +62,7 @@ const SwirlAppBar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppBar extends
|
|
|
62
62
|
paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
|
|
63
63
|
paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`,
|
|
64
64
|
};
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '2fc2dc7672ca8ab6c3ea4a2bea33d52730eaea3f' }, h("div", { key: '853eac25f0092f4e3c9159bcb928f953026c6e87', class: className, style: styles }, showLeftControls && (h("div", { key: '272353acea74c10e90d43d894fb535d65fcb1af3', class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && (h("div", { key: '04b34c7a362ca98d02e4692da4e11196122e4d2a', class: "app-bar__main-navigation-control" }, this.showBackButton && (h("swirl-button", { key: '82188c1a465798ef652ee7a642bf038ccdd21d5a', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick })), this.showCloseButton && (h("swirl-button", { key: '9a31265626092d9079b4b4a27461b483e489fff9', hideLabel: true, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })))), this.showStepperControls && (h("div", { key: '0b089aedecaf8f42a9d656174fc93dd5837dbe7c', class: "app-bar__stepper-controls" }, h("swirl-button", { key: '8a5a2de50ae5c53e2b9af7ab9597f9988d476863', hideLabel: true, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), h("swirl-button", { key: '090451b7e112346d617018aae45782af57924276', hideLabel: true, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))))), h("div", { key: 'caf1b7b3e2d6a9f3fd45080b47200ba23f06de2f', class: "app-bar__cta" }, h("slot", { key: 'f8a5d105b77db1f107dac0364e56f8fc498d22b5', name: "cta" })), h("div", { key: 'a3d5e082c9c2957791fc5aa1fd767d466acf70dc', class: "app-bar__heading" }, h("slot", { key: 'a3188a9e1ab5b93d645293074ba6930e8a88df32', name: "heading" })), h("div", { key: '0466ef640baf9d738f48c221ceb99446f3dcb352', class: "app-bar__center-controls" }, h("slot", { key: '56cf69f32c293072015f45bfe017627bf61706c7', name: "center-controls" })), h("div", { key: 'd24c3205c5c6f6b8cee93590694c71fb87a9307b', class: "app-bar__right-controls" }, h("slot", { key: 'bc29b52f8e205b03e48449cfb05f57b5b348766d', name: "right-controls" })))));
|
|
66
66
|
}
|
|
67
67
|
get el() { return this; }
|
|
68
68
|
static get style() { return swirlAppBarCss; }
|
|
@@ -329,14 +329,14 @@ const SwirlAppLayout = /*@__PURE__*/ proxyCustomElement(class SwirlAppLayout ext
|
|
|
329
329
|
"app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
|
|
330
330
|
"app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
|
|
331
331
|
});
|
|
332
|
-
return (h(Host, { key: '
|
|
332
|
+
return (h(Host, { key: '0970730a8b11319c50969d6d6e7f217dcf56e2f0' }, h("section", { key: '06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac', "aria-labelledby": "app-name", class: className }, h("div", { key: 'b50a9beffae3145861ed4b71705fe673f5d10043', class: "app-layout__grid" }, h("header", { key: '04c3f7e4b7cb227cca2e9a15e262ddc9874032e1', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: '67ba8ba5394d42ba1f96ccb3258aefb8acce87c9', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: '0a11ae6739ed9863837da26a60a5f524ca2215ea', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: 'e0670ebab68aaefd7342a31b0a2c139f181c4cf1', hideLabel: true, icon: this.navExpansionState !== "expanded"
|
|
333
333
|
? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>"
|
|
334
|
-
: "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: '
|
|
334
|
+
: "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: 'df74e59b27c2e15ffc532826ac69794df187ece9', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: 'ca4e1610d7566b66ebe6958f8ec6f89d4a84554c', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '7ca7f6ca8a69fead26966a6b224966f4404351da', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '3d1205492f28588558a5e1d1c1948c4da7870c46', class: "app-layout__navigation-controls" }, h("slot", { key: 'f97090b47f524589e4d86e293e92ce2e001503dd', name: "navigation-controls" })))), h("nav", { key: '9b2f944843bcee7c5322b728ea26fcc7d8ed990f', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
|
|
335
335
|
this.collapsibleNavigation &&
|
|
336
|
-
this.navExpansionState === "collapsed" }, h("slot", { key: '
|
|
336
|
+
this.navExpansionState === "collapsed" }, h("slot", { key: 'a3fa785458acf70951cf209062e9f91bfec49db4', name: "navigation" })), h("section", { key: '3649f14cce3bdf275bc7325680b4c193085272f7', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '401b6adeda9ed569d8a6c37f381fed0623a34701', class: "app-layout__app-bar" }, h("span", { key: '7b60e9abca35a3c6ab900e8d882116e8b22ce730', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '44c01881cb2c4799942609ca43f2ead4de855859', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '63a89ec584fa6a21a5cf4be3fdf15e84df01b03a', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: '5d05136bb74adcc5a404bdb74533636777f3b598', hideLabel: true, icon: this.transitionStyle === "dialog"
|
|
337
337
|
? "<swirl-icon-close></swirl-icon-close>"
|
|
338
338
|
: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.collapsibleNavigation &&
|
|
339
|
-
this.navExpansionState !== "expanded" && (h("span", { key: '
|
|
339
|
+
this.navExpansionState !== "expanded" && (h("span", { key: '0426043d85f25bd9581b2046215dba5cc50ee24c', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '5b64b49937d180b23de6435351a0b7498562b2f7', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: 'eaa0172b442211086532a15fae6bb99b70dafab6', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: '86177f0040e21c020b2d88a2e11cc1f2045d9bcf', name: "custom-app-bar-back-button" })), h("div", { key: 'ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6', class: "app-layout__app-bar-content" }, h("slot", { key: '59a8e892b40e1b56acc3f33cb956d1a588670a5e', name: "app-bar" })), h("div", { key: '2244b236929f9de30d18f886b2992187b1f9baf8', class: "app-layout__app-bar-controls" }, h("slot", { key: 'c5fae8b152e14275cb09b7db637ea8ca64932648', name: "app-bar-controls" })))), h("div", { key: '85a6875e28ec691f659cbee27e299bca2048ff67', class: "app-layout__banner" }, h("slot", { key: '9790312e956f47faca3c1c4b04a6b1422a889498', name: "banner" })), h("div", { key: 'd33ae32d0644d24027423eb9dc9ba94c54b0070b', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '9e615a708ac9ae2817a680e868c70d4a9ec3d075', name: "content" })), h("div", { key: 'd173a40d98a1d8cd6b93135d9a6984afc6487813', class: "app-layout__bottom-bar" }, h("slot", { key: '10a8422834710d9b15dea188d0f8b24dab14887e', name: "bottom-bar" }))), h("aside", { key: '0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2', class: "app-layout__sidebar" }, h("header", { key: 'da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8', class: "app-layout__custom-sidebar-header" }, h("slot", { key: 'fd8fc8403066c85dd26ed414afded579928da657', name: "custom-sidebar-header" })), h("header", { key: 'addfa87cef788f272e586e3a02b0f47be414cc58', class: "app-layout__sidebar-header" }, h("swirl-button", { key: '7daf54726d77b5a9656dd888d32d4c111746e59e', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: 'c743c2b1049f87a5c81b99ddc836f4a2b9b08561', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '9443e3843d55af79d62c949b8df53a6a1f27a4e9', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: '0b5eff0be0d4e98ed2755b412d8783fe25d8d809', name: "sidebar" }))), h("span", { key: 'a1487ea686f593c4b117a9eb74fe61fe8b516336', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '02d61ee5b96263295218ed0b99cb8b93d1e06df0', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532', name: "floating-action-button" }))))));
|
|
340
340
|
}
|
|
341
341
|
get el() { return this; }
|
|
342
342
|
static get watchers() { return {
|
|
@@ -209,17 +209,17 @@ const SwirlAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAutocomp
|
|
|
209
209
|
const className = classNames("autocomplete", {
|
|
210
210
|
"autocomplete--inactive": !this.active,
|
|
211
211
|
});
|
|
212
|
-
return (h(Host, { key: '
|
|
212
|
+
return (h(Host, { key: '36f37cea5fdd7151673aa5c8ad30f652a1769609' }, h("div", { key: 'f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
|
|
213
213
|
Array.isArray(this.value) &&
|
|
214
|
-
this.value.length > 0 && (h("div", { key: '
|
|
214
|
+
this.value.length > 0 && (h("div", { key: '7b5b831a06dd7270386f857d198178a92e118580', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: 'c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
|
|
215
215
|
return (h("swirl-tag", { key: item.id, label: item.label,
|
|
216
216
|
// eslint-disable-next-line react/jsx-no-bind
|
|
217
217
|
onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
|
|
218
|
-
})))), h("swirl-text-input", { key: '
|
|
218
|
+
})))), h("swirl-text-input", { key: 'f41ec2b57444ff45d75e039dad609d7b2ebf6d17', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'a940d9511351d965da89de983885eb0d8819f977', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
|
|
219
219
|
top: Boolean(this.position) ? `${this.position?.y}px` : "",
|
|
220
220
|
left: Boolean(this.position) ? `${this.position?.x}px` : "",
|
|
221
221
|
width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
|
|
222
|
-
} }, this.loading && (h("div", { key: '
|
|
222
|
+
} }, this.loading && (h("div", { key: 'bdcc2ec3441fa97915ac8d1ed4348a0c59101708', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '08a8eeb925fcc515f76ae0d7edae2c5fc01f409f' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: '79b71e2f6aaabef56558d95229dc24ee26cb4056', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
|
|
223
223
|
? this.value.some((item) => item.id === suggestion.id)
|
|
224
224
|
: this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
|
|
225
225
|
}
|
|
@@ -48,7 +48,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
|
|
|
48
48
|
"avatar-group--has-badge": Boolean(this.badge),
|
|
49
49
|
});
|
|
50
50
|
const badgeClassName = classNames("avatar-group__badge");
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: 'ecb3e29c9099096fa82191e661f08223bf2a3137' }, h("div", { key: '6850ef790d715e45dc36ef60c9739398ada1e903', "aria-label": this.label, class: className, role: this.semantics }, h("slot", { key: '6d80247f5e0eae13ea4a2864e15c850178d190b8', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: 'cf23f016b1548812fca69315100479aad2563056', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
|
|
52
52
|
}
|
|
53
53
|
static get style() { return swirlAvatarGroupCss; }
|
|
54
54
|
}, [1, "swirl-avatar-group", {
|
|
@@ -119,7 +119,7 @@ const SwirlAvatar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatar extends
|
|
|
119
119
|
});
|
|
120
120
|
const badgeClassName = classNames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
|
|
121
121
|
const toolClassName = classNames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
|
|
122
|
-
return (h(Host, { key: '
|
|
122
|
+
return (h(Host, { key: '42c11df526248247b9cb2bee6b2d58bc70aafa65', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: '96a01925f8c723fca2dbb17263152b1d56d26027', class: className, part: "avatar" }, showImage && (h("span", { key: '896d136ab3094a2f583b938c2b91d04e78f0d10f', class: "avatar__image" }, h("img", { key: 'fde4999892611a1634223519cbccf76130cdb51c', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '4e1e6d7539ef10c696292cbb9f8a1a9dd492a97a', class: "avatar__initials" }, h("span", { key: '866a9aaaa0b2e2ef114cc992be91b503160aac69' }, this.initials))), showIcon && h("span", { key: '1cb19789413ef94288b19c209f80b9ccab454baa', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '36dee103b6406e226e48183c4376a978a6ecedc9', class: "avatar__icon" }, h("swirl-icon-person", { key: 'b992b47b9baa52c05193fff33e9b57211c23a51e' }))), showBadge && (h("span", { key: '6134b435fa2572c24dd3d8be7ca3f02b51e6ea3c', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '20e4112658cd486eb49d7e2543f13678b4d7a5fd', class: toolClassName }, h("slot", { key: 'f03881df79fb42c911c2895cd787f706c9529a9f', name: "tool" }))), this.showLabel && (h("span", { key: 'beeb327bbc2a05443d756dea01be85e0a885e507', "aria-hidden": true, class: "avatar__label" }, this.label))));
|
|
123
123
|
}
|
|
124
124
|
get element() { return this; }
|
|
125
125
|
static get watchers() { return {
|
|
@@ -17,7 +17,7 @@ const SwirlBadge = /*@__PURE__*/ proxyCustomElement(class SwirlBadge extends HTM
|
|
|
17
17
|
const className = classNames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
|
|
18
18
|
"badge--has-icon": this.icon,
|
|
19
19
|
});
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
|
|
21
21
|
}
|
|
22
22
|
static get style() { return swirlBadgeCss; }
|
|
23
23
|
}, [1, "swirl-badge", {
|
|
@@ -57,7 +57,7 @@ const SwirlBanner$1 = /*@__PURE__*/ proxyCustomElement(class SwirlBanner extends
|
|
|
57
57
|
const className = classNames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
|
|
58
58
|
"banner--has-icon": showIcon,
|
|
59
59
|
});
|
|
60
|
-
return (h(Host, { key: '
|
|
60
|
+
return (h(Host, { key: '11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0' }, h("div", { key: 'bc5e53f04ad5e80defe407340d191d1951a10123', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '86b3950336dca8b1d28994d1fb18113a4b4c421a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5716e25d171cc28861459258e257c8a821ebc56d', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'a5a5019667573c14dde87041e475481a7edf6d5e', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'cf8632f83dc502caba7f10710a353d1a34f30493', class: "banner__controls" }, this.actionLabel && (h("button", { key: '166c562828b381640c29783ac8b275f49b088cad', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: 'b1247a38ea5f7592d7c12f0919360041ea9061b8', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '12524ce0998e451f9260924e2a5226ddee4ade43' }))))))));
|
|
61
61
|
}
|
|
62
62
|
get element() { return this; }
|
|
63
63
|
static get style() { return swirlBannerCss; }
|
|
@@ -91,7 +91,7 @@ const SwirlBox = /*@__PURE__*/ proxyCustomElement(class SwirlBox extends HTMLEle
|
|
|
91
91
|
"box--scrolled-to-top": this.scrollState.scrolledToTop,
|
|
92
92
|
"box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
|
|
93
93
|
});
|
|
94
|
-
return (h(Host, { key: '
|
|
94
|
+
return (h(Host, { key: 'e9eeaa11b7a04b59744d8cf369855874fb8eab02', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '0d5e86f34e2efb3dd7f9bfaf24a3a18578e6f507' })));
|
|
95
95
|
}
|
|
96
96
|
get el() { return this; }
|
|
97
97
|
static get style() { return swirlBoxCss; }
|
|
@@ -17,11 +17,11 @@ const SwirlButtonGroup = /*@__PURE__*/ proxyCustomElement(class SwirlButtonGroup
|
|
|
17
17
|
const className = classNames("button-group", {
|
|
18
18
|
"button-group--segmented": this.segmented,
|
|
19
19
|
});
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '1c5dcaf521e8ee19f572f03e428f6f6297106ae0' }, h("swirl-stack", { key: '78073a9c28c55e16c68c9f32f4573e18f08d8822', align: this.orientation === "vertical" && this.stretch
|
|
21
21
|
? "stretch"
|
|
22
22
|
: "start", class: className, justify: this.orientation === "horizontal" && this.stretch
|
|
23
23
|
? "stretch"
|
|
24
|
-
: "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '
|
|
24
|
+
: "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '4936fecbd49610aec18174458b1cd7ef42723eba' }))));
|
|
25
25
|
}
|
|
26
26
|
static get style() { return swirlButtonGroupCss; }
|
|
27
27
|
}, [1, "swirl-button-group", {
|
|
@@ -77,13 +77,13 @@ const SwirlButton = /*@__PURE__*/ proxyCustomElement(class SwirlButton extends H
|
|
|
77
77
|
"button--pressed": this.pressed,
|
|
78
78
|
});
|
|
79
79
|
const Tag = isLink ? "a" : "button";
|
|
80
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: '45ecb09b0608bb62c759dfe09a4f17629a843e66', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '9ca424959955c2f56665b6abc64fce23b133ee5e', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
|
|
81
81
|
cursor: !this.disabled && this.cursor !== "pointer"
|
|
82
82
|
? this.cursor
|
|
83
83
|
: undefined,
|
|
84
84
|
fontSize: this.inheritFontSize ? "inherit" : undefined,
|
|
85
85
|
lineHeight: this.inheritFontSize ? "inherit" : undefined,
|
|
86
|
-
} }, Boolean(this.icon) && (h("span", { key: '
|
|
86
|
+
} }, Boolean(this.icon) && (h("span", { key: '85c7e12f44561c7754296fac3b6c74be06b93c22', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '082e271c1ca38212e61f9d62aed60b016ac588f6', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'bf24edbe91d4590049429b27da601ba5cd51e9a5', name: "icon" }))), !hideLabel && h("span", { key: '06cd510bb5617fec59496d64b32fc19bf59ba026', class: "button__label" }, this.label), hasTag && (h("span", { key: '95f4b84ae32def5b1fbf1ba1963382343dac4279', class: "button__tag" }, h("slot", { key: '9d778088353420c933a1e22089568c690909026c', name: "tag" }))), hasTrailingSlot && (h("div", { key: '1f5b393f4da411b312220673611a016e96b0d218', class: "button__trailing-slot" }, h("slot", { key: '635deb01ac5dbad192f64c79155a944f1c8b4716', name: "trailing" }))))));
|
|
87
87
|
}
|
|
88
88
|
get el() { return this; }
|
|
89
89
|
static get style() { return swirlButtonCss; }
|
|
@@ -75,9 +75,9 @@ const SwirlCard$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCard extends HTM
|
|
|
75
75
|
"card--interactive": this.interactive || this.href,
|
|
76
76
|
"card--is--borderless": this.isBorderless,
|
|
77
77
|
});
|
|
78
|
-
return (h(Host, { key: '
|
|
78
|
+
return (h(Host, { key: '83b6b355f012cfb088f2611c426f0bf77ca5104e', styles: { height: this.height } }, h(Tag, { key: '40068da71c3431f175fca50e354c622aff3468c0', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
|
|
79
79
|
? "noreferrer"
|
|
80
|
-
: undefined, style: styles, target: this.linkTarget }, h("div", { key: '
|
|
80
|
+
: undefined, style: styles, target: this.linkTarget }, h("div", { key: '49987e8063c4f113c38af82928a4893baf86b441', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '742d2b19d695b930a3feb266f62d91ffea350fe4', name: "image" })), h("div", { key: '0805793c5a6da79d98155d13893d5b415688baee', class: "card__floating-controls" }, h("slot", { key: '748164f9d7554595e817cd94b0d3894f32470945', name: "floating-controls" })), h("div", { key: '86e1aa40d1ac5d0dd78dcb193a706dea9535ad35', class: "card__body", style: bodyStyles }, h("div", { key: 'be6764afd0710adf51eb46ef1d482de3e1595681', class: "card__content" }, h("slot", { key: '5a14b8fff905b77645a85cc60b21cdf5bc68627f', name: "content" }))))));
|
|
81
81
|
}
|
|
82
82
|
get el() { return this; }
|
|
83
83
|
static get style() { return swirlCardCss; }
|
|
@@ -159,7 +159,7 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarousel ext
|
|
|
159
159
|
"carousel--is-at-start": this.isAtStart,
|
|
160
160
|
"carousel--is-at-end": this.isAtEnd,
|
|
161
161
|
});
|
|
162
|
-
return (h(Host, { key: '
|
|
162
|
+
return (h(Host, { key: 'c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'a1dfb1a45c399559d25df72add7723b231b5e6b8', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'f9e9dd3bb8162550accfcd6b653a3737355f93d4', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'bc30a83c74273b4b5832338422a95d91e3e67321', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'cb596e62b8517b2d6ff791032b41608c6a5b25be', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '0fab582bd3650e63d512e934d03183b3ae9b5901', onSlotchange: this.onSlotChange })))));
|
|
163
163
|
}
|
|
164
164
|
get el() { return this; }
|
|
165
165
|
static get style() { return swirlCarouselCss; }
|
|
@@ -45,7 +45,7 @@ const SwirlCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCheckbox ext
|
|
|
45
45
|
"checkbox--invalid": this.invalid,
|
|
46
46
|
"checkbox--unchecked": unchecked,
|
|
47
47
|
});
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: 'acf777ca7224f41f607bf84f193ecb05881f1fc1', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c3a3abc5f9e87d3665ad7c797d44a2acd34c8ee5', class: className, htmlFor: this.inputId }, h("span", { key: '5e49492e10519c0f2f4f6ed187b318bca8316dab', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '06217d12dbc1ea25117e421d8e0e1cebd392f599' }, h("input", { key: '455840493b5e9b60aace6f4a0e2de7e5cece2e78', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '8b69f9ae79e957c52066cd80cf0da11fe5613ed2', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'cca029718dd23f8c2e0637ce4f44c24b4fb0b289', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'f3bab31db3d5ab5a6fdc78610abb42763f51154b' }), indeterminate && (h("span", { key: '7002b8fffbb15b73d84fae98761196bbe6af3347', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '082ac434bc4dd0c98d983650aab5208a760063e7', class: "checkbox__label-container" }, this.label && h("span", { key: '62737cd8068a70eb10e722c2ff91ae4dc9917f7d', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '3e7f891b80511b9a4d811db31b594f2a0429d8b0', class: "checkbox__description" }, this.description)))))));
|
|
49
49
|
}
|
|
50
50
|
static get style() { return swirlCheckboxCss; }
|
|
51
51
|
}, [2, "swirl-checkbox", {
|
|
@@ -48,7 +48,7 @@ const SwirlChip$1 = /*@__PURE__*/ proxyCustomElement(class SwirlChip extends HTM
|
|
|
48
48
|
"chip--interactive": this.interactive || this.pressed !== undefined,
|
|
49
49
|
"chip--removable": this.removable,
|
|
50
50
|
});
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: 'b0e65c521dcde5335f3bcd7daaf7359ba5bbe3ec' }, h(Tag, { key: 'a5198b26f19750bd4c8372acdc21e26f3ed8cfe1', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '2ed93ce33faf8a1bdc4b07e4f866a10650ae8395', class: "chip__inner" }, showAvatar && (h("span", { key: 'ec44e6a99988aa14dcf330098de8593a1deeaed8', class: "chip__avatar" }, h("slot", { key: '880a8c96422c0f31cbf603676ffecef66c6bff21', name: "avatar" }))), showIcon && (h("span", { key: 'b5ba3f75080b5452fce8886c513eaa6abcd58009', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '808fe136faee7570c2329a300fafba4e0efcbed8', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '50b4eb47a59290e9c21570e0b2d91a8aa7a97723', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'e0d54da0d2c6a325f6068740bba0c72b0837fb87', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'ec75adbbf28bf1df36d7532d832137f795973dab', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '85c241bc56caaf410421b102607f902f1c4b33ef', size: 20 })))));
|
|
52
52
|
}
|
|
53
53
|
get el() { return this; }
|
|
54
54
|
static get style() { return swirlChipCss; }
|
|
@@ -10,10 +10,10 @@ const SwirlColumns$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColumns exten
|
|
|
10
10
|
this.columns = "repeat(3, minmax(0, 1fr))";
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '779371e7d28640a71aaad2d2de8d91b5b8d63e88' }, h("div", { key: 'de846647d2b436277cd2765f9814796320af071d', class: "columns", style: {
|
|
14
14
|
gridTemplateColumns: this.columns,
|
|
15
15
|
gap: `var(--s-space-${this.spacing})`,
|
|
16
|
-
} }, h("slot", { key: '
|
|
16
|
+
} }, h("slot", { key: 'ca510de4dae9c7055d2db6e02020cdfca95e58c6' }))));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return swirlColumnsCss; }
|
|
19
19
|
}, [1, "swirl-columns", {
|
|
@@ -69,7 +69,7 @@ const SwirlDialog$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDialog extends
|
|
|
69
69
|
render() {
|
|
70
70
|
const className = classNames("dialog", { "dialog--closing": this.closing });
|
|
71
71
|
const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
|
|
72
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: '61ba06cee740b1bf21b246aeba14996b002a5aab' }, h("div", { key: 'e195a08fdac8f9ad6f76d412cd50eef88905128f', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'a1dbf13fe86dec8256c06393c4abd6c6c59382c1', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f0b9dd2f2d722bf050081b2bc7fed3552c8a457c', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '18eceaee59d9184ace51898fe73c603af383387d', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '612edee73bee789b7ec2f8fd2e16cd3c3a9370aa', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '9d482392bce3c82df30c166fc99577c036da49a8' })), h("div", { key: '3306d185ed549fc6470a2fbbaf649cdc33b98189', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '0a7eb43c0f7f3e016767a8364334bd5f9d3cdf86', class: "dialog__left_controls" }, h("slot", { key: 'eb39f26ed1ff0a7931a899c8b9f70b3f22bba2d5', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '70cc4de12878fdb5f123a23a42d9c6cba67ddee7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f02577b4cad57daea316f66b61ee3eec6844666a', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
|
|
73
73
|
}
|
|
74
74
|
get el() { return this; }
|
|
75
75
|
static get style() { return swirlDialogCss; }
|
|
@@ -28214,7 +28214,7 @@ const SwirlFileViewerPdf = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
|
|
|
28214
28214
|
const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
|
|
28215
28215
|
const showSpinner = this.loading;
|
|
28216
28216
|
const className = classNames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
|
|
28217
|
-
return (h(Host, { key: '
|
|
28217
|
+
return (h(Host, { key: '17dae0b8e5bf16769a356414071943dc7f8ebec1', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: '472e62e48d63545fef3bddaefe8cc307139b382b', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: 'ae504112d088bd4990b419e787e48c5737f6d552', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
|
|
28218
28218
|
const viewport = page.getViewport({
|
|
28219
28219
|
scale: this.getScale(page),
|
|
28220
28220
|
});
|
|
@@ -28228,7 +28228,7 @@ const SwirlFileViewerPdf = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
|
|
|
28228
28228
|
width: `${width}px`,
|
|
28229
28229
|
height: `${height}px`,
|
|
28230
28230
|
}, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" })));
|
|
28231
|
-
})), showPagination && (h("span", { key: '
|
|
28231
|
+
})), showPagination && (h("span", { key: '0986d71eab6496cd1b588afa28c8ba5cf2a02967', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: 'b0bd18dd65703cb4d240ab66883e23b03d282265', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: 'cb4c58f7641b05e55132ca315e83b7254d2a1d66', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '3a0dc7d43eebc9169928e07959239471d3c8b5ba' })))));
|
|
28232
28232
|
}
|
|
28233
28233
|
get el() { return this; }
|
|
28234
28234
|
static get watchers() { return {
|
|
@@ -183,7 +183,7 @@ const SwirlFormControl$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormContr
|
|
|
183
183
|
"form-control--is-select": isSelect,
|
|
184
184
|
});
|
|
185
185
|
const LabelTag = hasContenteditableControl ? "div" : "label";
|
|
186
|
-
return (h(Host, { key: '
|
|
186
|
+
return (h(Host, { key: '5d0c6f34f0a5e091572badf875c331f2950d2c61', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: '0da20c4144a3e16915f01ce479be0930881283c3', class: className, role: "group" }, h("span", { key: '207e74fd91682c0badd35dec00f38cc24f6fbfda', class: "form-control__controls" }, h("span", { key: 'c924c7af99f42e86c38967f94f2ec2ce1adda03e', class: "form-control__prefix" }, h("slot", { key: 'f9e1846ac14c9f5abbc1d81ec54883a6f111dcf0', name: "prefix" })), h(LabelTag, { key: 'cf048cebee46418130e22a953bb36ca7611c9eb8', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: 'e0fde25c920b12d8389f4855638c2565e546695a', class: "form-control__icon" }, h("swirl-icon", { key: '64d5f602368b330926d8325e3690cee440c4c180', glyph: this.icon, size: 20 }))), h("span", { key: 'c02bce9518e6396f928a6174d02e3c3535adefd9', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: '72506a8b0f98719edb72150e4dbf646ea5614a3d', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: 'd3deeecc715dd27b75b4b6b5964efc28a3d0f4ac', class: "form-control__tooltip" }, h("swirl-tooltip", { key: '6701adfdee424f93b50e382ef01aae5fbd90595f', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: 'fe2bcf26d75359ad8a1d0dce9d9558deece72e4a', size: 16, tabindex: "0" }))))), h("span", { key: '86f1422d88df28dea22430c1907921899b84361c', class: "form-control__input" }, h("slot", { key: 'b75a71a7a284222a6b886355f9cacac0acc20fb8' })))), showDescription && (h("span", { key: '264578a1b5e01adee8170f3fc0995b5b2e3281ea', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: '8d15ec8ce9ff19a4034ce5f397a83acce09cc30b', "aria-live": "polite" }, showErrorMessage && (h("span", { key: 'ee8a03d72fd611d65a952cf7e9b44d6be8d55257', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '5fe80768d96bb623c3fba7f67fbe801c2d5537f4', message: this.errorMessage, size: "s" })))))));
|
|
187
187
|
}
|
|
188
188
|
get el() { return this; }
|
|
189
189
|
static get watchers() { return {
|
|
@@ -11,7 +11,7 @@ const SwirlFormGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormGroup e
|
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
13
|
const className = classNames("form-group", `form-group--orientation-${this.orientation}`);
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '5b14e0132c0975013caced41c3d42765900b0301' }, h("div", { key: '5a3f2d09416ebaeac67e310c658445d56dfea2c8', class: className }, h("slot", { key: '56a1bda07c9042e0e81696c64b0789a54154915b' }))));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return swirlFormGroupCss; }
|
|
17
17
|
}, [6, "swirl-form-group", {
|
|
@@ -26,7 +26,7 @@ const SwirlHeading = /*@__PURE__*/ proxyCustomElement(class SwirlHeading extends
|
|
|
26
26
|
"heading--balanced": this.balance,
|
|
27
27
|
"heading--truncate": this.truncate,
|
|
28
28
|
});
|
|
29
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: 'dd4ed3748fc507e7ba2d848224a64a9b5283387e' }, h(Tag, { key: '02a22700a704330179fe3af567e78f93717c2081', class: className, id: this.headingId, style: styles }, this.text)));
|
|
30
30
|
}
|
|
31
31
|
static get style() { return swirlHeadingCss; }
|
|
32
32
|
}, [2, "swirl-heading", {
|
|
@@ -11,7 +11,7 @@ const SwirlIcon = /*@__PURE__*/ proxyCustomElement(class SwirlIcon extends HTMLE
|
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
13
|
const Tag = `swirl-icon-${this.glyph}`;
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: 'abb8a9d727983cca95e5c9600a13f0f77d26223d' }, h(Tag, { key: 'd86673ee0436541dbf40f73d9361b3d1c5f4c414', color: this.color, size: this.size })));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return swirlIconCss; }
|
|
17
17
|
}, [1, "swirl-icon", {
|
|
@@ -138,14 +138,14 @@ const SwirlImageGridItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGr
|
|
|
138
138
|
"image-grid-item--loaded": this.loaded,
|
|
139
139
|
"image-grid-item--gif-paused": this.gifPaused,
|
|
140
140
|
});
|
|
141
|
-
return (h(Host, { key: '
|
|
141
|
+
return (h(Host, { key: 'c595a810db82a96ed51868460646d1d3d01d28a6', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'bac59ad6a06114cab19ab63ccecebdf89143abd0', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '050d0ed9ef48a86296e5fcf6a4c6dea9fd4a292b', class: "image-grid-item__background", style: {
|
|
142
142
|
backgroundImage: showImage
|
|
143
143
|
? `url(${this.computedSrc})`
|
|
144
144
|
: undefined,
|
|
145
|
-
} }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '
|
|
145
|
+
} }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '3650d5d43f155faba65beac12431cf658d60af01', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
|
|
146
146
|
!this.error &&
|
|
147
147
|
this.icon &&
|
|
148
|
-
!Boolean(this.overlay) && (h("div", { key: '
|
|
148
|
+
!Boolean(this.overlay) && (h("div", { key: '29ef9266c4380482f411b02e1c15b2d10273cfec', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '88d1a20e899ea69ed70926d87986e89ed33f8b90', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'ae8b6d14556f8df8350d937c943ff915445ab92c', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '12a12b173baa67f099cca696733429d8f4cf8a7c', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'ff1543844f7c4dae09e03880e9517fb9fee96fd5', color: "critical" }))))));
|
|
149
149
|
}
|
|
150
150
|
get el() { return this; }
|
|
151
151
|
static get watchers() { return {
|
|
@@ -56,7 +56,7 @@ const SwirlImageGrid$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGrid e
|
|
|
56
56
|
? `var(--s-border-radius-${this.borderRadius})`
|
|
57
57
|
: this.borderRadius,
|
|
58
58
|
};
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '90bb7f66862a60ec727b5ebf4e7a28395e12de99' }, h("div", { key: '855f747b8ba3c678c6d4bf5c2a8dda87e51477d6', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '56a605da09875d68e2850ff528b7ddae2a121c96', onSlotchange: this.updateItems }))));
|
|
60
60
|
}
|
|
61
61
|
get el() { return this; }
|
|
62
62
|
static get style() { return swirlImageGridCss; }
|
|
@@ -37,7 +37,7 @@ const SwirlInlineError = /*@__PURE__*/ proxyCustomElement(class SwirlInlineError
|
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
39
|
const className = classNames("inline-error", `inline-error--size-${this.size}`);
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: '1a26d04e450f9d9203768de9b17c77aa11e9c4d4' }, h("span", { key: '06a651a9326c6b8a96f512b325cfff79e6103b09', class: className, part: "inline-error" }, h("span", { key: '66773012fb6015b7502253c0c44320b78c4fdd4a', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '7f1d200e1db3fb43cef244fa65a016dc86cb7059' })), h("span", { key: '205d8d625e3cfac9a3fedadca9744cdfc2038e74', class: "inline-error__message" }, this.message))));
|
|
41
41
|
}
|
|
42
42
|
static get style() { return swirlInlineErrorCss; }
|
|
43
43
|
}, [1, "swirl-inline-error", {
|
|
@@ -19,7 +19,7 @@ const SwirlInlineNotification$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIn
|
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
21
|
const className = classNames("inline-notification", `inline-notification--intent-${this.intent}`);
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159' }, h("div", { key: '06c8a1bcb92582ccaf5944dddf470f3120afcfe4', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '7bc87d932d0944358b528a76d74b0c4571e48f80', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '209a44ffd66238a6602bea37373befa3d4b9dab1', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'e28da386c1ca7f215a4e36414bbcac46200b3b61', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '795f293517b43af8273edf5284c08190bb66314e', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '42b3904303fa8f79fdf1e62693d1a5ce69376f20', size: 20 }))), h("span", { key: 'e381a9d0642ea7f5c4c56d32502431bf5484d68f', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '767e9dae65ed20f7ce648746682d284bec674f96' }, this.heading))) || (h("swirl-text", { key: '0e515c99486185484514c3e40aaf24095d80d857', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '13f4bdd58f22067952d103688bbb8bc322b9392f' })))));
|
|
23
23
|
}
|
|
24
24
|
static get style() { return swirlInlineNotificationCss; }
|
|
25
25
|
}, [1, "swirl-inline-notification", {
|
|
@@ -40,7 +40,7 @@ const SwirlInlineStatus$1 = /*@__PURE__*/ proxyCustomElement(class SwirlInlineSt
|
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
42
|
const className = classNames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
|
|
43
|
-
return (h(Host, { key: '
|
|
43
|
+
return (h(Host, { key: '6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869' }, h("span", { key: 'de78170d84c278a5a4a12fd72b925b5e9893e986', class: className, part: "inline-status" }, this.icon && (h("span", { key: '0d6a8b993a0bb58b988b20cea18069ba39ca7c3b', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd22a3fae40b2a15c8d95d8a957371fa170dbaaf0', class: "inline-status__message" }, this.message))));
|
|
44
44
|
}
|
|
45
45
|
static get style() { return swirlInlineStatusCss; }
|
|
46
46
|
}, [1, "swirl-inline-status", {
|
|
@@ -12,7 +12,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const className = classNames("link", `link--color-${this.color}`);
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return swirlLinkCss; }
|
|
18
18
|
}, [1, "swirl-link", {
|
|
@@ -295,7 +295,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
|
|
|
295
295
|
"menu--mobile": this.mobile,
|
|
296
296
|
"menu--root": isTopLevelMenu,
|
|
297
297
|
});
|
|
298
|
-
return (h(Host, { key: '
|
|
298
|
+
return (h(Host, { key: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
|
|
299
299
|
? {
|
|
300
300
|
top: Boolean(this.position) ? `${this.position?.y}px` : "",
|
|
301
301
|
left: Boolean(this.position) ? `${this.position?.x}px` : "",
|
|
@@ -306,7 +306,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
|
|
|
306
306
|
? `calc(-100% * ${this.activeLevel})`
|
|
307
307
|
: "100%",
|
|
308
308
|
}
|
|
309
|
-
: undefined }, h("slot", { key: '
|
|
309
|
+
: undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
|
|
310
310
|
}
|
|
311
311
|
get el() { return this; }
|
|
312
312
|
static get watchers() { return {
|