@getflip/swirl-components-react 0.456.1 → 0.457.0-beta-20260305230826
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/dist/swirl-components-react.js +217 -100
- package/dist/swirl-components-react.umd.cjs +30 -30
- package/package.json +2 -2
|
@@ -1148,6 +1148,9 @@ const XC = _(class extends x {
|
|
|
1148
1148
|
constructor(e) {
|
|
1149
1149
|
super(), e !== !1 && this.__registerHost(), this.align = "start", this.as = "p", this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.responsive = !0, this.size = "base", this.truncateDirection = "end", this.weight = "normal", this.whiteSpace = "normal";
|
|
1150
1150
|
}
|
|
1151
|
+
disconnectedCallback() {
|
|
1152
|
+
this.textEl = void 0;
|
|
1153
|
+
}
|
|
1151
1154
|
componentDidRender() {
|
|
1152
1155
|
this.rebalance(), this.handleTruncation();
|
|
1153
1156
|
}
|
|
@@ -1197,7 +1200,7 @@ const XC = _(class extends x {
|
|
|
1197
1200
|
}
|
|
1198
1201
|
render() {
|
|
1199
1202
|
const e = this.as, t = this.truncate && (!Boolean(this.lines) || this.lines === 1), r = L("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, { "text--truncate": t, "text--responsive": this.responsive });
|
|
1200
|
-
return o(X, { key: "
|
|
1203
|
+
return o(X, { key: "d302339e8847af5aada6d02194e8664c8c71e58b" }, o(e, { key: "3ba35775c6b026108919859ec8640535c8811b62", class: r, ref: (i) => this.textEl = i, style: { whiteSpace: t ? "nowrap" : this.whiteSpace } }, o("slot", { key: "066813dd5127e3f589708dd273bd65b42e6d9439" })));
|
|
1201
1204
|
}
|
|
1202
1205
|
get el() {
|
|
1203
1206
|
return this;
|
|
@@ -1240,6 +1243,9 @@ const QC = _(class extends x {
|
|
|
1240
1243
|
if (this.accordion = this.el.closest("swirl-accordion"), this.expanded = this.initiallyOpen && !this.disabled || !1, !this.accordion)
|
|
1241
1244
|
throw Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.");
|
|
1242
1245
|
}
|
|
1246
|
+
disconnectedCallback() {
|
|
1247
|
+
this.accordion = void 0;
|
|
1248
|
+
}
|
|
1243
1249
|
async collapse() {
|
|
1244
1250
|
this.expanded && !this.disabled && (this.expanded = !1, this.expansionChange.emit(this.expanded));
|
|
1245
1251
|
}
|
|
@@ -1251,7 +1257,7 @@ const QC = _(class extends x {
|
|
|
1251
1257
|
}
|
|
1252
1258
|
render() {
|
|
1253
1259
|
const e = "h" + this.headingLevel, t = L("accordion-item", { "accordion-item--expanded": this.expanded });
|
|
1254
|
-
return o(X, { key: "
|
|
1260
|
+
return o(X, { key: "fa50e5d1dd847b2acb57597d0246c3ab2e46cb85" }, o("div", { key: "52c5a818111db7a0e2b547d845e5f5fa4f370022", class: t }, o(e, { key: "c4c902273cbc438b31a873a2c6c63c0a6c6e31f3", class: "accordion-item__heading" }, o("button", { key: "05cefc6275900f202ffd0b2d033cbe4288852260", "aria-controls": this.itemId, "aria-expanded": this.expanded + "", class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, o("slot", { key: "9301c0bbd4ab5a05f0819b906641aa8874b5e6d9", name: "media" }), o("span", { key: "1e80ed5d6788e88a197d25e63e46c2f0966a5818", class: "accordion-item__toggle-text" }, this.heading, this.description && o("swirl-text", { key: "c7946518137143f9ff0a910521caaf54ceccbc4b", as: "span", color: "subdued", size: "sm" }, this.description)), o("slot", { key: "4926b9131515af3c87aedbfaf1cf7cf514348268", name: "trailing" }), o("span", { key: "fc319bb9964cf3ec011c35ed3a3ab77e4d260f53", class: "accordion-item__icon" }, !this.expanded && o("swirl-icon", { key: "6083efa2ddd44f6c59ca6c09ad3a7b103eef396b", glyph: "chevron-right", size: 20 }), this.expanded && o("swirl-icon", { key: "91945fea16c6a605b7f5e07024bc32a81c4e29ee", glyph: "expand-more", size: 20 })))), o("div", { key: "aba67d26d10bd297669105d1fea593d37db62331", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, o("slot", { key: "c034ed026853f165e4024c056655f68060c70682" }))));
|
|
1255
1261
|
}
|
|
1256
1262
|
get el() {
|
|
1257
1263
|
return this;
|
|
@@ -1416,7 +1422,7 @@ const it = new class {
|
|
|
1416
1422
|
});
|
|
1417
1423
|
}
|
|
1418
1424
|
disconnectedCallback() {
|
|
1419
|
-
this.mediaQueryUnsubscribe();
|
|
1425
|
+
this.mediaQueryUnsubscribe(), this.iconEl = void 0, this.iconBadgeEl = void 0, this.suffixEl = void 0;
|
|
1420
1426
|
}
|
|
1421
1427
|
forceIconProps(e) {
|
|
1422
1428
|
var a, n, s;
|
|
@@ -1427,7 +1433,7 @@ const it = new class {
|
|
|
1427
1433
|
}
|
|
1428
1434
|
render() {
|
|
1429
1435
|
const e = Boolean(this.badge), t = Boolean(this.iconBadge), r = Boolean(this.el.querySelector('[slot="suffix"]')), i = (Boolean(this.suffix) || r) && !this.disabled, a = L("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
|
|
1430
|
-
return o(X, { key: "
|
|
1436
|
+
return o(X, { key: "9954d32060ba3dc542da63b0041c242fdd17d855" }, o("button", { key: "14d8a7b121491e527366b0dc3d3ea2864f08fe2e", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: a, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "df9070e105526d5b9c143ca22e6f9ec3a2a9b5f4", name: "avatar" }), this.icon && o("span", { key: "e2f5c490f12d7ae2e8282a61ffdcb6ea714e68a7", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, t && o("span", { key: "a24fe9e29b4fb13055e06405aa12492a0752a68a", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "eaade3803248b25dbcd2705b63753505e4c325b1", class: "action-list-item__label-container" }, o("span", { key: "e7bfcf45e17c795c5c41185339ca2deb452289dd", class: "action-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" } }, this.label), this.description && o("span", { key: "eb9fb5f20866e7ab082fe2c1f1723406df7cd17e", class: "action-list-item__description" }, this.description)), e && o("span", { key: "dfe3f648f5935562ec07947daba1bbcd63c030bb", class: "action-list-item__badge", innerHTML: this.badge }), i && o("span", { key: "5c1db9351895df564afc06f000c3f721327e2045", class: "action-list-item__suffix", innerHTML: r ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "c1258b8c084cb210043f7de3fdb6fa0eeade39fa", name: "suffix" }))));
|
|
1431
1437
|
}
|
|
1432
1438
|
get el() {
|
|
1433
1439
|
return this;
|
|
@@ -1527,6 +1533,9 @@ const ig = _(class extends x {
|
|
|
1527
1533
|
this.isInsidePopover = this.el.closest("swirl-popover") !== null, this.isInsidePopover || this.container.setAttribute("tabindex", "0");
|
|
1528
1534
|
}), this.setSectionSeparator();
|
|
1529
1535
|
}
|
|
1536
|
+
disconnectedCallback() {
|
|
1537
|
+
this.container = void 0;
|
|
1538
|
+
}
|
|
1530
1539
|
getItems() {
|
|
1531
1540
|
return pe(this.el, '[role="menuitem"]');
|
|
1532
1541
|
}
|
|
@@ -1550,7 +1559,7 @@ const ig = _(class extends x {
|
|
|
1550
1559
|
});
|
|
1551
1560
|
}
|
|
1552
1561
|
render() {
|
|
1553
|
-
return o(X, { key: "
|
|
1562
|
+
return o(X, { key: "0117accb0a88e8fd7ec60d6065f737704982975b" }, o("div", { key: "94d81cf76480f47a2a36d28233797b4f6fc4b316", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (e) => this.container = e, role: "menu" }, o("slot", { key: "258f8d37ffc95752f3a1575d842442f3d0707c08", onSlotchange: this.setSectionSeparator })));
|
|
1554
1563
|
}
|
|
1555
1564
|
get el() {
|
|
1556
1565
|
return this;
|
|
@@ -1578,7 +1587,7 @@ const IH = ag, TH = og, sg = _(class extends x {
|
|
|
1578
1587
|
this.updateFormAttribute(), this.forceIconProps();
|
|
1579
1588
|
}
|
|
1580
1589
|
disconnectedCallback() {
|
|
1581
|
-
this.mediaQueryUnsubscribe();
|
|
1590
|
+
this.mediaQueryUnsubscribe(), this.buttonEl = void 0, this.iconEl = void 0;
|
|
1582
1591
|
}
|
|
1583
1592
|
forceIconProps() {
|
|
1584
1593
|
if (!Boolean(this.iconEl))
|
|
@@ -1595,7 +1604,7 @@ const IH = ag, TH = og, sg = _(class extends x {
|
|
|
1595
1604
|
}
|
|
1596
1605
|
render() {
|
|
1597
1606
|
const e = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(e), i = this.icon || Boolean(this.el.querySelector("[slot='icon']")), a = Boolean(this.el.querySelector("[slot='tag']")), n = Boolean(this.el.querySelector("[slot='trailing']")), s = L("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, { "button--elevated": this.elevated, "button--disabled": this.disabled, "button--has-icon": i, "button--icon-only": e, "button--pill": this.pill, "button--pressed": this.pressed });
|
|
1598
|
-
return o(X, { key: "
|
|
1607
|
+
return o(X, { key: "e0dd03771a3bc9378549f821be31a165f1665d85", style: { pointerEvents: this.disabled ? "none" : "" } }, o(t ? "a" : "button", { key: "57bb507b30ee9a5816a5bb16e0f0eef3289f01e1", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: s, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (c) => this.buttonEl = c, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: { cursor: this.disabled || this.cursor === "pointer" ? void 0 : this.cursor, fontSize: this.inheritFontSize ? "inherit" : void 0, lineHeight: this.inheritFontSize ? "inherit" : void 0 } }, Boolean(this.icon) && o("span", { key: "af694c37d347a0cef9aaf3c2fa99f248fb720aa1", class: "button__icon", innerHTML: this.icon, ref: (c) => this.iconEl = c }), !Boolean(this.icon) && o("span", { key: "967136aa45e12a20be9556fbf83fef8f57491c32", class: "button__icon", ref: (c) => this.iconEl = c }, o("slot", { key: "c4ef56d8eef977049137f022c7d8caa53fe9d924", name: "icon" })), !e && o("span", { key: "25a50e2c1e1e6f6faabdac4a96d9950e5ccf3a6a", class: "button__label" }, this.label), a && o("span", { key: "07be14b0579322722330a32ce7c567a032819884", class: "button__tag" }, o("slot", { key: "423795257a74c58542f3f8b3ee0d7c68bf49cdab", name: "tag" })), n && o("div", { key: "eac27398e3024855979f38218ffd757130f9185b", class: "button__trailing-slot" }, o("slot", { key: "be0be91d9b907cbfb132aa2cdf09f75c67f17f4b", name: "trailing" }))));
|
|
1599
1608
|
}
|
|
1600
1609
|
get el() {
|
|
1601
1610
|
return this;
|
|
@@ -1668,11 +1677,11 @@ const ng = _(class extends x {
|
|
|
1668
1677
|
}
|
|
1669
1678
|
disconnectedCallback() {
|
|
1670
1679
|
var e, t;
|
|
1671
|
-
(e = this.imgEl) == null || e.removeEventListener("load", this.setImageAvailable), (t = this.imgEl) == null || t.removeEventListener("error", this.setImageUnavailable);
|
|
1680
|
+
(e = this.imgEl) == null || e.removeEventListener("load", this.setImageAvailable), (t = this.imgEl) == null || t.removeEventListener("error", this.setImageUnavailable), this.imgEl = void 0;
|
|
1672
1681
|
}
|
|
1673
1682
|
render() {
|
|
1674
1683
|
const e = !!this.src && (this.imageAvailable || this.imageAvailable === void 0), t = !e && !!this.icon, r = L("app-icon", { "app-icon--has-icon": t || !e && !t });
|
|
1675
|
-
return o(X, { key: "
|
|
1684
|
+
return o(X, { key: "c95f959392b4a8af29cc26c721ceec6d965251e8" }, o("span", { key: "30606f9a92a9f3ba6b531f5070f1fd91234a4c06", class: r }, e && o("img", { key: "6e2983225a8b6b385a8f177d5840665a0071bdbc", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), t && o("span", { key: "6976e1645dae297c40c1680fd7064879bd81109f", class: "app-icon__icon", innerHTML: this.icon })));
|
|
1676
1685
|
}
|
|
1677
1686
|
static get style() {
|
|
1678
1687
|
return ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}";
|
|
@@ -1737,7 +1746,7 @@ const dg = _(class extends x {
|
|
|
1737
1746
|
}
|
|
1738
1747
|
disconnectedCallback() {
|
|
1739
1748
|
var e;
|
|
1740
|
-
this.mediaQueryUnsubscribe(), (e = this.mutationObserver) == null || e.disconnect();
|
|
1749
|
+
this.mediaQueryUnsubscribe(), (e = this.mutationObserver) == null || e.disconnect(), this.contentEl = void 0, this.headerEl = void 0, this.navEl = void 0, this.sidebarEl = void 0;
|
|
1741
1750
|
}
|
|
1742
1751
|
onDocumentClick(e) {
|
|
1743
1752
|
this.collapsibleNavigation && this.navExpansionState === "overlayed" && (e.composedPath().includes(this.navEl) || e.composedPath().includes(this.headerEl) || this.setCollapsibleNavigationState("collapsed"));
|
|
@@ -1827,7 +1836,7 @@ const dg = _(class extends x {
|
|
|
1827
1836
|
}
|
|
1828
1837
|
render() {
|
|
1829
1838
|
const e = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, t = !!this.el.querySelector('[slot="app-bar-controls"]'), r = !!this.el.querySelector('[slot="app-bar-mobile-menu-button"]'), i = !!this.el.querySelector('[slot="custom-sidebar-header"]'), a = !!this.el.querySelector('[slot="floating-action-button"]') || !!this.ctaLabel, n = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), s = L("app-layout", "app-layout--mobile-view-" + this.mobileView, "app-layout--nav-" + (this.isDesktop ? this.navExpansionState : "expanded"), "app-layout--transitioning-from-" + this.transitioningFrom, "app-layout--transitioning-to-" + this.transitioningTo, "app-layout--transition-style-" + this.transitionStyle, "app-layout--sidebar-positioning-" + this.sidebarPositioning, { "app-layout--content-scrollable": this.contentScrollState.scrollable, "app-layout--content-scrolled-to-top": this.contentScrollState.scrolledToTop, "app-layout--content-scrolled-to-bottom": this.contentScrollState.scrolledToBottom, "app-layout--has-app-bar-mobile-menu-button": r, "app-layout--has-app-bar-controls": t, "app-layout--has-bottom-banner": this.hasBottomBanner, "app-layout--has-bottom-bar": this.hasBottomBar, "app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton, "app-layout--has-custom-sidebar-header": i, "app-layout--has-floating-action-button": a, "app-layout--has-navigation": this.hasNavigation, "app-layout--has-sidebar": this.hasSidebar, "app-layout--hide-app-bar": this.hideAppBar, "app-layout--nav-collapsible": this.collapsibleNavigation && this.isDesktop, "app-layout--nav-scrollable": this.navScrollState.scrollable, "app-layout--nav-scrolled-to-top": this.navScrollState.scrolledToTop, "app-layout--prevent-content-overflow": this.preventContentOverflow, "app-layout--rounded-corners": this.roundedCorners, "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive, "app-layout--sidebar-closing": this.sidebarClosing, "app-layout--sidebar-opening": this.sidebarOpening, "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable, "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop });
|
|
1830
|
-
return o(X, { key: "
|
|
1839
|
+
return o(X, { key: "78f615071d62d83ab90a07afd16db7ee2ad7b53e" }, o("section", { key: "09d2cc4ac447590c26deeae64150801780fcb891", "aria-labelledby": "app-name", class: s }, o("div", { key: "09f0d10969c8a12565c67d9e3b592945a5462722", class: "app-layout__grid" }, o("header", { key: "2eed13654867505aa4d6e2eeed54bf0c0f20742b", class: "app-layout__header", ref: (c) => this.headerEl = c }, o("span", { key: "26e06fd086f0f173443c74a33d5984b50f64eb4d", class: "app-layout__navigation-mobile-menu-button" }, o("slot", { key: "326d62aedf5d6daf16cc3889b4faeb80b79a1d39", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && o("span", { key: "a1b3a61163a0d673f595562a630126a1a458dd53", class: "app-layout__nav-overlay-toggle" }, o("swirl-button", { key: "d7fd7134ace6b08e49b8c993ca44b606abbcb62e", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && o("span", { key: "505b27efae6fb9b9edf1acbcc55192fd82a3407a", class: "app-layout__navigation-back-button" }, o("swirl-button", { key: "b234fb81480ec30cf12d92af4f3c028f124c5151", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), o("swirl-heading", { key: "12900d23103d38a5e96434c4df82544fcf5f2d3e", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), n && o("span", { key: "4376504b646d79149e57ac9656aa2da88efa821a", class: "app-layout__navigation-controls" }, o("slot", { key: "06b3754f60825e2b1bf87810d26dc3d8d7ac7b94", name: "navigation-controls" }))), o("nav", { key: "ebeb544b01e8b4dbcec7ee4a8b67c0e6b47572d2", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (c) => this.navEl = c, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, o("slot", { key: "c5b9ea79a0137b30a9233026e03bb9b993602e17", name: "navigation" })), o("section", { key: "9a4f1ba40615908d705ef9a0a006ab1e6724a626", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && o("header", { key: "30b89a646f4552a8e48fed9cff5eba6fd1b82fce", class: "app-layout__app-bar" }, o("span", { key: "3db0e046ce160548924098e8e9cc29ec96e77f24", class: "app-layout__app-bar-mobile-menu-button" }, o("slot", { key: "7a04c1c0563bc37acefcd54b507aecc758d4fc7c", name: "app-bar-mobile-menu-button" })), e && o("span", { key: "a5d56cca1602b21fd0c58d0d1cc31f6b61861ee4", class: "app-layout__back-to-navigation-button" }, o("swirl-button", { key: "c04a81597182c8f02dfc59528a413f4b2e61d2e9", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && o("span", { key: "40ddec4055f20308ef80478088e09d0d61d27495", class: "app-layout__nav-expansion-toggle" }, o("swirl-button", { key: "8f6c2a59788258b912eedb6febf2b5c9bface461", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), o("span", { key: "9bb51a4e5bcd3b7cb906169c7e5c76e03be737bf", class: "app-layout__custom-app-bar-back-button" }, o("slot", { key: "950b6c8c27c9040676ba638bec426579ca2b042a", name: "custom-app-bar-back-button" })), o("div", { key: "9affa97d65e0ebcacb76360d0249aee5f1c9338f", class: "app-layout__app-bar-content" }, o("slot", { key: "c561b299c8d7f2e542e7be8e89a1ccfcc44d3d36", name: "app-bar" })), o("div", { key: "95f1fc4e4e879c240afb82e05ca00ee699eb685a", class: "app-layout__app-bar-controls" }, o("slot", { key: "74d88da1c2514bdf14e38155342fa18999bc6d8c", name: "app-bar-controls" }))), o("div", { key: "2bfc334faa90a254cf7ad263edce4aa4506bd39b", class: "app-layout__banner" }, o("slot", { key: "662a8fa2f139bc50b96e591e4a8868738a6710cf", name: "banner" })), o("div", { key: "757e7febce8447158cbc89dcfa03e8581e2def85", class: "app-layout__content", onScroll: this.onContentScroll, ref: (c) => this.contentEl = c }, o("div", { key: "5a66307ee343024a3c3f9bf4e8aff26469188440", class: "app-layout__content-inner" }, o("slot", { key: "0ff9c48a6a25dc9b523b21588ce4f7e2cdbf32fb", name: "content" })), o("div", { key: "f4426e852418993daf202399959977e613556b10", class: "app-layout__bottom-banner" }, o("slot", { key: "984595cd9002560dceb59bd6eef25ec44d729d0a", name: "bottom-banner" }))), o("div", { key: "e6198834e270d0d7a542c6b2fa1b4830b7f86207", class: "app-layout__bottom-bar" }, o("slot", { key: "19884ff6039c5b4d8925012d66cf0de3faa8b4f8", name: "bottom-bar" }))), o("aside", { key: "0e64f35a7a2832001672a4267c7dd6d86a4780a2", class: "app-layout__sidebar" }, o("header", { key: "fdacc1582a5bd022f9d4be49469f121cfba53954", class: "app-layout__custom-sidebar-header" }, o("slot", { key: "82a9ae1acdcdd15a62042f8bf4015130bb2fbc41", name: "custom-sidebar-header" })), o("header", { key: "e258400f9e90dbe84d5aa982f58229f842747371", class: "app-layout__sidebar-header" }, o("swirl-button", { key: "f1a9c99199f0c8e48de5cb38f3ec18bc5a6299a1", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), o("swirl-heading", { key: "2eb4dc3d9a5ac4956182d6b5744b5e10538db808", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), o("div", { key: "f253b4043229dea8d7d0a4118f880a2a8421f587", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (c) => this.sidebarEl = c }, o("slot", { key: "d26d435097f737a667313d44aaf5c5cb506ea5bc", name: "sidebar" }))), o("span", { key: "d92a669f19d6e3a6af9d46d48eea5cafc55bafc5", class: "app-layout__floating-action-button" }, this.ctaLabel && o("swirl-button", { key: "b468c51746461b3395f6728c1484613d7e5f617d", hideLabel: !!this.ctaIcon, icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), o("slot", { key: "dce197d87d4f0eb3de51cbcdb771813b66baf311", name: "floating-action-button" })))));
|
|
1831
1840
|
}
|
|
1832
1841
|
get el() {
|
|
1833
1842
|
return this;
|
|
@@ -3372,7 +3381,7 @@ const Pg = _(class extends x {
|
|
|
3372
3381
|
});
|
|
3373
3382
|
}
|
|
3374
3383
|
disconnectedCallback() {
|
|
3375
|
-
this.mediaQueryUnsubscribe();
|
|
3384
|
+
this.mediaQueryUnsubscribe(), this.iconEl = void 0;
|
|
3376
3385
|
}
|
|
3377
3386
|
forceIconProps(e) {
|
|
3378
3387
|
var r;
|
|
@@ -3384,7 +3393,7 @@ const Pg = _(class extends x {
|
|
|
3384
3393
|
}
|
|
3385
3394
|
render() {
|
|
3386
3395
|
const e = this.disabled ? "true" : void 0, t = this.indeterminate ? void 0 : String(this.selected), r = this.context === "multi-select", i = Boolean(this.icon) && this.context === "single-select", a = Boolean(this.iconBadge), n = this.el.querySelector('[slot="avatar"]'), s = this.selected && this.context === "single-select", c = L("option-list-item", `option-list-item--context-${this.context}`, { "option-list-item--disabled": this.disabled, "option-list-item--draggable": this.allowDrag, "option-list-item--dragging": this.dragging, "option-list-item--selected": this.selected, "option-list-item--indeterminate": this.indeterminate && !this.selected, "option-list-item--show-avatar": n });
|
|
3387
|
-
return o(X, { key: "
|
|
3396
|
+
return o(X, { key: "1e815454cf7b6bba12e5ec3ddf7fb1592a354706" }, o("div", { key: "94f9d07cc6a26df08b381acd0d15e5da49edd4c7", "aria-checked": this.swirlAriaRole === "menuitemradio" ? t : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": e, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? t : void 0, class: c, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, i && o("span", { key: "cc287930eef2602f98354c677ed5b37b065f658e", class: "option-list-item__icon", innerHTML: this.icon, ref: (l) => this.iconEl = l }, a && o("span", { key: "2099cf8d574747439813136dded8498f05cba9c2", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), r && o("span", { key: "c8d4cf6ce44a372ae6df5324037daa2d9b74c3e0", class: "option-list-item__checkbox" }, o("span", { key: "3a38346fc43b1f1e90048031a7ec9487bf0582d4", class: "option-list-item__checkbox-box" }, this.selected && o("swirl-icon-check-strong", { key: "1a4b2184d6bb8fecb885189261d404604367d0fd", class: "option-list-item__checkbox-icon", size: 16 }), !this.selected && this.indeterminate && o("span", { key: "f933b29c30b7167656ed1d3e57b9523dfabdc36a", class: "option-list-item__checkbox-indeterminate-icon" }))), o("span", { key: "f1d2037847b30bcd0738ec09ce5552ddbbd71206", class: "option-list-item__avatar" }, o("slot", { key: "6f4ec90cf6090012a43157aa6b2aaebf25313250", name: "avatar" })), o("span", { key: "f33dc998c9151b2739c53ccc2d6f7ff67050b758", class: "option-list-item__label-container" }, o("span", { key: "c5411dd38883bc584577e540a35ce80a5f15b83e", class: "option-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" }, id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && o("span", { key: "9e9b8e841dba2bcce774f514a7b3292ea0c909fc", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), s && o("span", { key: "d4ea3a09d0c2479b4ee5cb7e43d7213041a0bc5f", class: "option-list-item__selection-icon" }, o("swirl-icon-check-small", { key: "56a08fdabe92bc8ab191aaeab9627808a179aa34", size: this.iconSize }))), this.allowDrag && o("button", { key: "3a78254fa060988cb8871496a457800202eea70d", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, o("swirl-icon-drag-handle", { key: "5c9df62cd1902401cbe2419776ad275c524ac4e6", size: this.iconSize })));
|
|
3388
3397
|
}
|
|
3389
3398
|
get el() {
|
|
3390
3399
|
return this;
|
|
@@ -3487,7 +3496,7 @@ const Ng = _(class extends x {
|
|
|
3487
3496
|
}
|
|
3488
3497
|
disconnectedCallback() {
|
|
3489
3498
|
var e, t;
|
|
3490
|
-
this.unsubscribeFromSwirlPopover(), (e = this.observer) == null || e.disconnect(), (t = this.sortable) == null || t.destroy(), this.removeToggleDragListeners();
|
|
3499
|
+
this.unsubscribeFromSwirlPopover(), (e = this.observer) == null || e.disconnect(), (t = this.sortable) == null || t.destroy(), this.removeToggleDragListeners(), this.listboxEl = void 0, this.selectAllEl = void 0, this.items = void 0, this.focusedItem = void 0, this.dragging = void 0;
|
|
3491
3500
|
}
|
|
3492
3501
|
removeToggleDragListeners() {
|
|
3493
3502
|
var e;
|
|
@@ -3507,6 +3516,10 @@ const Ng = _(class extends x {
|
|
|
3507
3516
|
watchValue() {
|
|
3508
3517
|
this.syncItemsWithValue(), this.setSelectAllState();
|
|
3509
3518
|
}
|
|
3519
|
+
async focusItemWithValue(e) {
|
|
3520
|
+
const t = this.items.findIndex((r) => r.value === e);
|
|
3521
|
+
t >= 0 && this.focusItem(t);
|
|
3522
|
+
}
|
|
3510
3523
|
observeSlotChanges() {
|
|
3511
3524
|
this.observer = new MutationObserver(() => {
|
|
3512
3525
|
this.updateItems(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setSelectAllState();
|
|
@@ -3632,7 +3645,7 @@ const Ng = _(class extends x {
|
|
|
3632
3645
|
}
|
|
3633
3646
|
render() {
|
|
3634
3647
|
const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0, r = this.multiSelect && this.showSelectAll;
|
|
3635
|
-
return o(X, { key: "
|
|
3648
|
+
return o(X, { key: "4a2a7388009b1085432b3976f04ad4c9b17655a2" }, o("swirl-visually-hidden", { key: "3615ff16d0792d9d9598bad05ac79b55e8ef0a38", role: "alert" }, this.assistiveText), o("div", { key: "1481570802603ad4b76ef6f506a287bb07742cd2", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, r && o("swirl-option-list-item", { key: "2620acc5c64a585fee1790301caac9ed958b0074", ref: (i) => this.selectAllEl = i, label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === !0, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue }), o("slot", { key: "e817856e916c86f1c397bc247b30053c9dcb9e92", onSlotchange: this.setSectionSeparator })));
|
|
3636
3649
|
}
|
|
3637
3650
|
get el() {
|
|
3638
3651
|
return this;
|
|
@@ -3643,7 +3656,7 @@ const Ng = _(class extends x {
|
|
|
3643
3656
|
static get style() {
|
|
3644
3657
|
return ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";
|
|
3645
3658
|
}
|
|
3646
|
-
}, [262, "swirl-option-list", { allowDeselect: [4, "allow-deselect"], allowDrag: [4, "allow-drag"], assistiveTextItemGrabbed: [1, "assistive-text-item-grabbed"], assistiveTextItemMoving: [1, "assistive-text-item-moving"], assistiveTextItemMoved: [1, "assistive-text-item-moved"], disabled: [4], label: [1], optionListId: [1, "option-list-id"], multiSelect: [4, "multi-select"], showSelectAll: [4, "show-select-all"], selectAllLabel: [1, "select-all-label"], value: [1040], assistiveText: [32], selectAllState: [32] }, void 0, { allowDrag: [{ watchAllowDrag: 0 }], disabled: [{ watchDisabled: 0 }], multiSelect: [{ watchMultiSelect: 0 }], value: [{ watchValue: 0 }] }]);
|
|
3659
|
+
}, [262, "swirl-option-list", { allowDeselect: [4, "allow-deselect"], allowDrag: [4, "allow-drag"], assistiveTextItemGrabbed: [1, "assistive-text-item-grabbed"], assistiveTextItemMoving: [1, "assistive-text-item-moving"], assistiveTextItemMoved: [1, "assistive-text-item-moved"], disabled: [4], label: [1], optionListId: [1, "option-list-id"], multiSelect: [4, "multi-select"], showSelectAll: [4, "show-select-all"], selectAllLabel: [1, "select-all-label"], value: [1040], assistiveText: [32], selectAllState: [32], focusItemWithValue: [64] }, void 0, { allowDrag: [{ watchAllowDrag: 0 }], disabled: [{ watchDisabled: 0 }], multiSelect: [{ watchMultiSelect: 0 }], value: [{ watchValue: 0 }] }]);
|
|
3647
3660
|
function vp() {
|
|
3648
3661
|
typeof customElements < "u" && ["swirl-option-list", "swirl-icon-check-small", "swirl-icon-check-strong", "swirl-icon-drag-handle", "swirl-option-list-item", "swirl-visually-hidden"].forEach((e) => {
|
|
3649
3662
|
switch (e) {
|
|
@@ -3697,6 +3710,9 @@ const Og = _(class extends x {
|
|
|
3697
3710
|
(r = this.removeTag) == null || r.emit(t);
|
|
3698
3711
|
};
|
|
3699
3712
|
}
|
|
3713
|
+
disconnectedCallback() {
|
|
3714
|
+
this.iconEl = void 0;
|
|
3715
|
+
}
|
|
3700
3716
|
componentDidLoad() {
|
|
3701
3717
|
this.forceIconProps();
|
|
3702
3718
|
}
|
|
@@ -3716,7 +3732,7 @@ const Og = _(class extends x {
|
|
|
3716
3732
|
}
|
|
3717
3733
|
render() {
|
|
3718
3734
|
const e = L("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`, { "tag--hide-label": this.hideLabel });
|
|
3719
|
-
return o(X, { key: "
|
|
3735
|
+
return o(X, { key: "20ea9d891ddfd0f9d5df3970696664e0ccd82159" }, o("span", { key: "0ecf96aa6ccfd2434d130aeb0615ff818e514041", class: e, part: "tag" }, this.icon && o("span", { key: "25413860d75c0b2d2ec02bee8b28543d9a77122b", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), this.hideLabel ? o("swirl-visually-hidden", null, this.label) : o("span", { class: "tag__label" }, this.label), this.removable && o("button", { key: "ef3fa5e186196166b97aa5f0a197d59b59d6f3f1", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, o("swirl-icon-close", { key: "82a575df6a219fa5d53ca797457f74795d920048", size: 16 }))));
|
|
3720
3736
|
}
|
|
3721
3737
|
get el() {
|
|
3722
3738
|
return this;
|
|
@@ -3781,7 +3797,7 @@ const Fg = _(class extends x {
|
|
|
3781
3797
|
this.adjustInputSize();
|
|
3782
3798
|
}
|
|
3783
3799
|
disconnectedCallback() {
|
|
3784
|
-
this.mediaQueryUnsubscribe();
|
|
3800
|
+
this.mediaQueryUnsubscribe(), this.inputEl = void 0;
|
|
3785
3801
|
}
|
|
3786
3802
|
async blurInput() {
|
|
3787
3803
|
this.inputEl.blur();
|
|
@@ -3804,7 +3820,7 @@ const Fg = _(class extends x {
|
|
|
3804
3820
|
render() {
|
|
3805
3821
|
var d, h;
|
|
3806
3822
|
const e = this.rows !== 1 || this.autoGrow ? "textarea" : "input", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, r = this.type === "number" && !this.disabled && !this.readonly, i = this.type === "password" && !this.disabled, a = this.clearable && !this.disabled && !this.readonly && Boolean(this.value) && !i && !r, n = (h = (d = this.value) == null ? void 0 : d.length) != null ? h : 0, s = this.showCharacterCounter && (!this.showCharacterCounterNearLimit || n >= 0.8 * this.maxLength), c = this.type === "password" && this.showPassword ? "text" : this.type, l = L("text-input", `text-input--font-size-${this.fontSize}`, `text-input--type-${this.type}`, { "text-input--auto-grow": this.autoGrow, "text-input--clearable": a, "text-input--disable-dynamic-width": this.disableDynamicWidth || Boolean(this.placeholder), "text-input--has-suffix": Boolean(this.suffixLabel), "text-input--inline": this.inline, "text-input--show-password": this.type === "password" && this.showPassword });
|
|
3807
|
-
return o(X, { key: "
|
|
3823
|
+
return o(X, { key: "20bee03fa80c4ff72883f09ada4f00d1ce268237" }, o("div", { key: "615b9732ceb5814b71fd867da941cbd2b6433045", class: l }, this.prefixLabel && o("span", { key: "d2153d36fcb5b520da01081e8225f39317bcda5e", class: "text-input__prefix" }, this.prefixLabel), o(e, { key: "b48d4c1c6b21c46cc17a496be35353e0a102c04d", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: c, value: this.value, readonly: this.readonly }, this.rows > 1 && this.value), this.suffixLabel && o("span", { key: "6c05fd2ea7c66bc08cbc06e08c3d63450163c877", class: "text-input__suffix" }, this.suffixLabel), a && o("button", { key: "c676f3fd67ed88ec8845e31bb1273f1ef3d64ec2", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.handleClearClick, part: "text-input__clear-button", type: "button" }, o("swirl-icon-cancel", { key: "15e326968b085ce0ed32fd0c2995e4600925e5db", size: this.iconSize })), i && o("button", { key: "4e7f260d2286f9a9c6f30b1ae372e59fae58abd2", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, o(this.showPassword ? "swirl-icon-visibility-off" : "swirl-icon-visibility", { size: this.iconSize })), r && o("span", { key: "19ba2bb9d7788e3b316d5f975b27b95ca29a8a57", class: "text-input__stepper" }, o("button", { key: "3333d3cd0acfb380fdd94987a5a091afc5185504", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, o("swirl-icon-expand-less", { key: "4a983933f79ccfa501126a0d7c289dafb303655b", size: this.iconSize })), o("button", { key: "f107ece519776186ed630867e861684f877c2296", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, o("swirl-icon-expand-more", { key: "b570dd302b499ba8e5b34e21ece00d31c8eb7968", size: this.iconSize }))), s && o("span", { key: "a0539950ea5b1591da63795ba597071e7fd70ae5", class: "text-input__character-counter", "aria-live": "polite" }, o("swirl-visually-hidden", { key: "96432804b4eae1022ff274ed37d98b0b7f4e49ac" }, this.characterCounterLabel), n, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
|
|
3808
3824
|
}
|
|
3809
3825
|
static get watchers() {
|
|
3810
3826
|
return { value: [{ watchValue: 0 }] };
|
|
@@ -3880,6 +3896,9 @@ const Ug = _(class extends x {
|
|
|
3880
3896
|
const e = document.querySelectorAll("swirl-datepicker").length;
|
|
3881
3897
|
this.id = "autocomplete-" + e, this.handleInitialValue();
|
|
3882
3898
|
}
|
|
3899
|
+
disconnectedCallback() {
|
|
3900
|
+
this.inputEl = void 0, this.listboxContainerEl = void 0, this.listboxEl = void 0;
|
|
3901
|
+
}
|
|
3883
3902
|
onWindowClick(e) {
|
|
3884
3903
|
this.el.contains(e.target) || this.close();
|
|
3885
3904
|
}
|
|
@@ -3911,7 +3930,7 @@ const Ug = _(class extends x {
|
|
|
3911
3930
|
render() {
|
|
3912
3931
|
var n, s, c, l;
|
|
3913
3932
|
const e = this.id + "-suggestions", t = this.clearable && !this.multiSelect, r = this.multiSelect ? this.value.map((d) => d.id) : this.value ? [this.value.id] : [], i = this.multiSelect ? void 0 : ((n = this.value) == null ? void 0 : n.label) || "", a = L("autocomplete", { "autocomplete--inactive": !this.active });
|
|
3914
|
-
return o(X, { key: "
|
|
3933
|
+
return o(X, { key: "a14d4e79c82980423bd77a215bb673faebecc387" }, o("div", { key: "b5f3557c25e1681cea9c5ae3c0c8493530ed690a", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "ee2213121d9d082e2d3e1438c64d812efefcb277", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "991a09bd8e78cf18fee0415192b73a588df637b8", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((d) => o("swirl-tag", { key: d.id, label: d.label, onRemove: () => this.onRemoveValue(d.id), removable: !this.disabled })))), o("swirl-text-input", { key: "9fdb7f0fa5dad8756e2991e65e89b6aa76c405de", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: t, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, 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: (d) => this.inputEl = d, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: e, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: this.active + "", swirlRole: "combobox", value: i }), o("div", { key: "d77f5960592990512ddd31b51c12f4f3d6d9e4e0", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (d) => this.listboxContainerEl = d, style: { top: this.position ? ((s = this.position) == null ? void 0 : s.y) + "px" : "", left: this.position ? ((c = this.position) == null ? void 0 : c.x) + "px" : "", width: ((l = this.inputEl) == null ? void 0 : l.getBoundingClientRect().width) + 32 + "px" } }, this.loading && o("div", { key: "631bf442ea7f035ce475a01589d34845ca4dda3b", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "b4f7b455ac893deec6efc5353dff48d1b35b6095" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "3836de82d422487a57d19ff2c7f237ee4e51fb8b", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: e, ref: (d) => this.listboxEl = d, value: r }, this.suggestions.map((d) => {
|
|
3915
3934
|
var h;
|
|
3916
3935
|
return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((p) => p.id === d.id) : ((h = this.value) == null ? void 0 : h.id) === d.id, key: d.id, disabled: d.disabled, label: d.label, value: d.id });
|
|
3917
3936
|
})))));
|
|
@@ -3989,6 +4008,9 @@ const Ug = _(class extends x {
|
|
|
3989
4008
|
componentDidLoad() {
|
|
3990
4009
|
this.forceBadgeProps();
|
|
3991
4010
|
}
|
|
4011
|
+
disconnectedCallback() {
|
|
4012
|
+
this.badgeEl = void 0;
|
|
4013
|
+
}
|
|
3992
4014
|
forceBadgeProps() {
|
|
3993
4015
|
if (!this.badge)
|
|
3994
4016
|
return;
|
|
@@ -4004,7 +4026,7 @@ const Ug = _(class extends x {
|
|
|
4004
4026
|
}
|
|
4005
4027
|
render() {
|
|
4006
4028
|
const e = L("avatar-group", `avatar-group--${this.layout}-stack`, { "avatar-group--has-badge": !!this.badge }), t = L("avatar-group__badge");
|
|
4007
|
-
return o(X, { key: "
|
|
4029
|
+
return o(X, { key: "56ca4fe60906170d9c1564a3b9d75e1d146a979b" }, o("div", { key: "a748e097f9018d27de6270b75d90b7af56b218f9", "aria-label": this.label, class: e, role: this.semantics }, o("slot", { key: "ae110fd1e17f32a1fb148a199f0fb6e0670959af", onSlotchange: this.onSlotChange }), this.badge && o("span", { key: "d7239c90f0b7246f4762382646ff21c500ea24b3", class: t, innerHTML: this.badge, ref: (r) => this.badgeEl = r })));
|
|
4008
4030
|
}
|
|
4009
4031
|
static get style() {
|
|
4010
4032
|
return ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
|
|
@@ -4053,7 +4075,7 @@ const Wb = { "3xs": 20, "2xs": 24, xs: 28, s: 32, m: 40, l: 48, xl: 64, "2xl": 1
|
|
|
4053
4075
|
}
|
|
4054
4076
|
disconnectedCallback() {
|
|
4055
4077
|
var e, t, r;
|
|
4056
|
-
(e = this.intersectionObserver) == null || e.disconnect(), (t = this.imgEl) == null || t.removeEventListener("load", this.setImageAvailable), (r = this.imgEl) == null || r.removeEventListener("error", this.setImageUnavailable);
|
|
4078
|
+
(e = this.intersectionObserver) == null || e.disconnect(), (t = this.imgEl) == null || t.removeEventListener("load", this.setImageAvailable), (r = this.imgEl) == null || r.removeEventListener("error", this.setImageUnavailable), this.imgEl = void 0;
|
|
4057
4079
|
}
|
|
4058
4080
|
watchSrcProp() {
|
|
4059
4081
|
this.imageAvailable = void 0;
|
|
@@ -4066,7 +4088,7 @@ const Wb = { "3xs": 20, "2xs": 24, xs: 28, s: 32, m: 40, l: 48, xl: 64, "2xl": 1
|
|
|
4066
4088
|
}
|
|
4067
4089
|
render() {
|
|
4068
4090
|
const e = !!this.src && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), t = !(e && (this.loaded || this.loadingError) || !this.initials), r = !e && !t && !!this.icon, i = !e && !t && !r, a = !!this.badge && this.size === "m", n = this.interactive ? "button" : void 0, s = L("avatar", "avatar--color-" + this.color, "avatar--size-" + this.size, "avatar--variant-" + this.variant, { "avatar--has-icon": r || i, "avatar--has-initials": t, "avatar--interactive": this.interactive }), c = L("avatar__badge", "avatar__badge--position-" + this.badgePosition), l = L("avatar__tool", "avatar__tool--position-" + this.toolPosition);
|
|
4069
|
-
return o(X, { key: "
|
|
4091
|
+
return o(X, { key: "3aae39b35847aa2c85cfe53f13cce9f52c9ec144", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: n, tabIndex: this.interactive ? 0 : void 0 }, o("span", { key: "061a19f5a31eb6e7dc38e92e1a69d36ef569ea5d", class: s, part: "avatar" }, e && o("span", { key: "1390b34d4f173bc07359642d288133a999533e5b", class: "avatar__image" }, o("img", { key: "6985ccbbd79c32ff1d19682d1a78035555cc0ec9", alt: "", height: Wb[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.src, width: Wb[this.size] })), t && o("span", { key: "f04b361fce86cf8cc6c92a1bb4a9d169411b68ec", class: "avatar__initials" }, o("span", { key: "4a4bdc5d05f758ef140c88c7a358be18a6454f2e" }, this.initials)), r && o("span", { key: "7fb1212e8be198df8c61953cc3a24ffb577ee556", class: "avatar__icon", innerHTML: this.icon }), i && o("span", { key: "867db1ec9e79ef9ea7e09a70c472a3b9b6b33108", class: "avatar__icon" }, o("swirl-icon-person", { key: "f768f8ff784d06cb2c2c3d45c4e490c62d0f0771" })), a && o("span", { key: "94e86fe314868c467d115a7ba565179debbc1607", class: c, innerHTML: this.badge }), o("span", { key: "8e806690d926602828fcda07db114cbc3e3ba0de", class: l }, o("slot", { key: "13d5bb0ac0040e473131db8f2b2d55d49163d6be", name: "tool" }))), this.showLabel && o("span", { key: "0bda87620db3d43cb1ecfe0ace7235f69cd04fdd", "aria-hidden": !0, class: "avatar__label" }, this.label));
|
|
4070
4092
|
}
|
|
4071
4093
|
get element() {
|
|
4072
4094
|
return this;
|
|
@@ -4125,7 +4147,7 @@ const yV = Kg, kV = Xg, xV = { default: void 0, critical: "<swirl-icon-error></s
|
|
|
4125
4147
|
});
|
|
4126
4148
|
}
|
|
4127
4149
|
disconnectedCallback() {
|
|
4128
|
-
this.mediaQueryUnsubscribe();
|
|
4150
|
+
this.mediaQueryUnsubscribe(), this.dismissButtonEl = void 0, this.iconEl = void 0;
|
|
4129
4151
|
}
|
|
4130
4152
|
forceIconProps(e) {
|
|
4131
4153
|
var i, a;
|
|
@@ -4137,7 +4159,7 @@ const yV = Kg, kV = Xg, xV = { default: void 0, critical: "<swirl-icon-error></s
|
|
|
4137
4159
|
}
|
|
4138
4160
|
render() {
|
|
4139
4161
|
const e = this.determineIcon(), t = !!this.actionLabel || this.dismissable, r = this.icon || this.showIcon && !!e, i = L("banner", "banner--intent-" + this.intent, "banner--size-" + this.size, { "banner--has-icon": r });
|
|
4140
|
-
return o(X, { key: "
|
|
4162
|
+
return o(X, { key: "fb288d4a7b0e38282ba4f8d4568ec16b91099c33" }, o("div", { key: "1a1b999aa168f9e964ad9207899d68289ab66a9c", "aria-describedby": "content", class: i, role: this.importance, tabIndex: 0 }, o("div", { key: "09b5704a132cb158cd46ad1baad5f972d81ce72e", class: "banner__content", id: "content", part: "banner__content" }, r && o("span", { key: "db026287fc16ea885df680e44b98a4b3baea2fa0", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), o("span", { key: "4edff73cb359b7233936476e625f97c229d8fab2", class: "banner__text" }, this.content)), t && o("div", { key: "c8545a8094e03e9835ead9a60be0b9123d8924bf", class: "banner__controls" }, this.actionLabel && o("button", { key: "7cc63e915e6a30b658531f42efa63e7c0a5e1e54", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && o("button", { key: "b4a01bcff5ad6998b7b082c298f2f7b8f2430c15", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, o("swirl-icon-close", { key: "7fb39eb7fa116bc7a9a58af2fb3266fb4363b751" })))));
|
|
4141
4163
|
}
|
|
4142
4164
|
get element() {
|
|
4143
4165
|
return this;
|
|
@@ -4296,6 +4318,9 @@ const SV = em, MV = F4, HV = sg, VV = j1, AV = ["xs", "sm", "base", "l", "xl"],
|
|
|
4296
4318
|
this.el.isConnected && (this.checkScrollStatus(), this.checkScrollPosition());
|
|
4297
4319
|
});
|
|
4298
4320
|
}
|
|
4321
|
+
disconnectedCallback() {
|
|
4322
|
+
this.slidesContainer = void 0;
|
|
4323
|
+
}
|
|
4299
4324
|
async scrollToSlide(e) {
|
|
4300
4325
|
const t = this.getSlides().find((r) => r.id === e);
|
|
4301
4326
|
t && this.scrollToElement(t);
|
|
@@ -4332,7 +4357,7 @@ const SV = em, MV = F4, HV = sg, VV = j1, AV = ["xs", "sm", "base", "l", "xl"],
|
|
|
4332
4357
|
render() {
|
|
4333
4358
|
this.el.style.setProperty("--swirl-carousel-spacing", this.spacing + "px"), this.el.style.setProperty("--swirl-carousel-fade-color", this.carouselFadeColorMap[this.fadeColor]);
|
|
4334
4359
|
const e = { padding: this.padding ? `var(--s-space-${this.padding})` : void 0, paddingBlockEnd: this.paddingBlockEnd ? `var(--s-space-${this.paddingBlockEnd})` : void 0, paddingBlockStart: this.paddingBlockStart ? `var(--s-space-${this.paddingBlockStart})` : void 0, paddingInlineEnd: this.paddingInlineEnd ? `var(--s-space-${this.paddingInlineEnd})` : void 0, paddingInlineStart: this.paddingInlineStart ? `var(--s-space-${this.paddingInlineStart})` : void 0, scrollPadding: this.paddingInlineStart ? `var(--s-space-${this.paddingInlineStart})` : this.padding ? `var(--s-space-${this.padding})` : void 0 }, t = L("carousel", { "carousel--fade": this.fade, "carousel--is-at-start": this.isAtStart, "carousel--is-at-end": this.isAtEnd });
|
|
4335
|
-
return o(X, { key: "
|
|
4360
|
+
return o(X, { key: "900cc7a5df656215019976aa9596e83e2132b09b", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, o("div", { key: "ad1b4742aaaa90bb9269028f6836c3f1465c418b", class: t }, this.isScrollable && !this.isAtStart && o("swirl-button", { key: "4a15bb8eb09e1008ab1609ad2e04abb0dbc78e73", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && o("swirl-button", { key: "fbe63f9aa1146e3c126563b6b7b0c50581b27cf6", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), o("div", { key: "cec48f79cc9f9fbf141507e5af6fb7101a0fcf12", "aria-live": "polite", class: "carousel__slides", style: e, onScroll: this.onScroll, ref: (r) => this.slidesContainer = r }, o("slot", { key: "6f9061505e9608567506a1968e0addd3613fde5c", onSlotchange: this.onSlotChange }))));
|
|
4336
4361
|
}
|
|
4337
4362
|
get el() {
|
|
4338
4363
|
return this;
|
|
@@ -4407,7 +4432,7 @@ const sm = _(class extends x {
|
|
|
4407
4432
|
});
|
|
4408
4433
|
}
|
|
4409
4434
|
disconnectedCallback() {
|
|
4410
|
-
this.mediaQueryUnsubscribe();
|
|
4435
|
+
this.mediaQueryUnsubscribe(), this.iconEl = void 0;
|
|
4411
4436
|
}
|
|
4412
4437
|
forceIconProps(e) {
|
|
4413
4438
|
if (!this.iconEl)
|
|
@@ -4417,7 +4442,7 @@ const sm = _(class extends x {
|
|
|
4417
4442
|
}
|
|
4418
4443
|
render() {
|
|
4419
4444
|
const e = this.interactive || this.pressed !== void 0 ? "button" : "span", t = !!this.el.querySelector('[slot="avatar"]'), r = !t && !!this.icon, i = L("chip", "chip--border-radius-" + this.borderRadius, "chip--icon-color-" + this.iconColor, "chip--intent-" + this.intent, "chip--size-" + this.size, "chip--variant-" + this.variant, { "chip--pressed": this.pressed, "chip--has-progress": this.progress !== void 0, "chip--interactive": this.interactive || this.pressed !== void 0, "chip--removable": this.removable });
|
|
4420
|
-
return o(X, { key: "
|
|
4445
|
+
return o(X, { key: "e8d2abfb3fb97dc9173e9a1d18eda1e0bc26dd8c" }, o(e, { key: "1edd46891248937f973ad04b95bae55adb4b149c", "aria-pressed": this.pressed !== void 0 ? this.pressed + "" : void 0, class: i, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, o("span", { key: "77d5948d3dcec202d86d06b6bd270f9b21e40235", class: "chip__inner" }, t && o("span", { key: "4f8b0ce579e0e3cd4c894dea2e05c26e8ab699ff", class: "chip__avatar" }, o("slot", { key: "b4032987b95bb97ec8fa2aef00bed563c371b4e7", name: "avatar" })), r && o("span", { key: "547583bccff17d6f5b0950501c8291c25867a76e", class: "chip__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), o("span", { key: "224bbc8bf141e4a1774df783df33d1e62eafd8c4", class: "chip__label" }, this.label)), this.progress !== void 0 && o("span", { key: "2b4de10c78ded526db00822ac2bce24f66c96dfb", class: "chip__progress-indicator" }, o("swirl-progress-indicator", { key: "42485bd16662be8a401bb05b33f4bef423bfa688", label: this.progressBarLabel, value: this.progress }))), this.removable && o("button", { key: "40d3320426c1b912d8c0d090f78bb13da1697bf4", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, o("swirl-icon-close", { key: "f16d317200144365ba7bf37617251e9c26c60a46", size: 20 })));
|
|
4421
4446
|
}
|
|
4422
4447
|
get el() {
|
|
4423
4448
|
return this;
|
|
@@ -4679,7 +4704,7 @@ const WV = ["xs", "sm", "base", "l", "xl"], pm = _(class extends x {
|
|
|
4679
4704
|
}
|
|
4680
4705
|
disconnectedCallback() {
|
|
4681
4706
|
var e, t;
|
|
4682
|
-
this.unlockBodyScroll(), (e = this.disableAutoUpdate) == null || e.call(this), this.disableAutoUpdate = void 0, (t = this.triggerEl) == null || t.removeEventListener("click", this.togglePopover);
|
|
4707
|
+
this.unlockBodyScroll(), (e = this.disableAutoUpdate) == null || e.call(this), this.disableAutoUpdate = void 0, (t = this.triggerEl) == null || t.removeEventListener("click", this.togglePopover), this.popoverEl = void 0, this.contentContainer = void 0, this.scrollContainer = void 0, this.triggerEl = void 0;
|
|
4683
4708
|
}
|
|
4684
4709
|
onWindowFocusIn(e) {
|
|
4685
4710
|
var h;
|
|
@@ -4757,7 +4782,7 @@ const WV = ["xs", "sm", "base", "l", "xl"], pm = _(class extends x {
|
|
|
4757
4782
|
render() {
|
|
4758
4783
|
var i, a, n;
|
|
4759
4784
|
const e = !window.matchMedia("(min-width: 768px)").matches, t = WV.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius, r = L("popover", `popover--animation-${this.animation}`, `popover--placement-${(i = this.position) == null ? void 0 : i.placement}`, { "popover--active": this.active, "popover--closing": this.closing, "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet, "popover--inactive": !this.active, "popover--translucent": this.translucent, "popover--transparent": this.transparent, "popover--padded": this.padded });
|
|
4760
|
-
return o(X, { key: "
|
|
4785
|
+
return o(X, { key: "c0a19a93c405720a2c1acbdda1f6add0654e040b" }, o("div", { key: "eda1aea248e23dd87d6838c26a8b4f600a5ee073", popover: "manual", class: r, onKeyDown: this.onKeydown, ref: (s) => this.popoverEl = s }, o("div", { key: "ebaab737a4cd008a6cd0c9d58359e07f35b0b118", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: { top: Boolean(this.position) ? `${(a = this.position) == null ? void 0 : a.y}px` : "", left: Boolean(this.position) ? `${(n = this.position) == null ? void 0 : n.x}px` : "", "--swirl-popover-border-radius": t }, tabindex: "-1" }, o("span", { key: "b45dda2e237f536177d88c8e9a3bf5c09a4c1df4", class: "popover__handle" }), o("div", { key: "5efbcc7d396b11dbed73aa9bf720b0715cf94c0f", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: { maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0 } }, o("slot", { key: "cd2efeee6e8afb2a4ae2a7c96a8d34618dcbcf47" }))), this.active && o("div", { key: "625f3ebe3d6f1c8500d649afb27e1486ff302953", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
|
|
4761
4786
|
}
|
|
4762
4787
|
get el() {
|
|
4763
4788
|
return this;
|
|
@@ -5056,7 +5081,7 @@ const mm = _(class extends x {
|
|
|
5056
5081
|
}
|
|
5057
5082
|
disconnectedCallback() {
|
|
5058
5083
|
var e;
|
|
5059
|
-
(e = this.picker) == null || e.removeEventListener("color-changed", this.onPickerChange);
|
|
5084
|
+
(e = this.picker) == null || e.removeEventListener("color-changed", this.onPickerChange), this.inputEl = void 0, this.picker = void 0;
|
|
5060
5085
|
}
|
|
5061
5086
|
watchValue(e, t) {
|
|
5062
5087
|
e !== t && this.valueChange.emit(e);
|
|
@@ -5066,7 +5091,7 @@ const mm = _(class extends x {
|
|
|
5066
5091
|
}
|
|
5067
5092
|
render() {
|
|
5068
5093
|
const e = this.invalid === !0 || this.invalid === !1 ? this.invalid + "" : void 0, t = L("color-input", { "color-input--inline": this.inline });
|
|
5069
|
-
return o(X, { key: "
|
|
5094
|
+
return o(X, { key: "d75b96fda778d74c88084c0f85ac82c5c07f7be0" }, o("div", { key: "c2261a1e343ea80cb716064b98a34f6af61ad218", class: t }, o("input", { key: "5d90ddc7ec9f4270e8bb8494299330af5c71320c", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (r) => this.inputEl = r, required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), o("swirl-popover-trigger", { key: "2aac3f496e428fa9649e04f42158e8785f23fc6e", swirlPopover: this.pickerId }, o("button", { key: "3a1fbc9a1bd39a52791ed394ef24a095ce0340b6", disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: { backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value }, type: "button" })), o("swirl-popover", { key: "eaddfcc28cfe05ec3a68c53b4a44fec6753168fa", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, o("swirl-box", { key: "357fc5cff39217f1b0df390538b33dc5000d6ce5", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, o("hex-color-picker", { key: "7b892f8765a0fa533d236344282afd1a60ccb307", color: this.value, ref: (r) => this.picker = r })))));
|
|
5070
5095
|
}
|
|
5071
5096
|
static get watchers() {
|
|
5072
5097
|
return { value: [{ watchValue: 0 }] };
|
|
@@ -5131,6 +5156,9 @@ const mm = _(class extends x {
|
|
|
5131
5156
|
ce() ? this.deactivateSidebar() : this.activateSidebar(), this.updateContentScrollState(), this.updateCustomAppBarStatus(), this.updateFooterStatus();
|
|
5132
5157
|
});
|
|
5133
5158
|
}
|
|
5159
|
+
disconnectedCallback() {
|
|
5160
|
+
this.sidebarEl = void 0, this.contentEl = void 0;
|
|
5161
|
+
}
|
|
5134
5162
|
updateContentScrollState() {
|
|
5135
5163
|
if (!this.contentEl)
|
|
5136
5164
|
return;
|
|
@@ -5161,7 +5189,7 @@ const mm = _(class extends x {
|
|
|
5161
5189
|
const e = this.maxContentWidth ? { maxWidth: this.maxContentWidth, justifySelf: "center", width: "100%" } : void 0;
|
|
5162
5190
|
this.updateCustomAppBarStatus(), this.updateFooterStatus();
|
|
5163
5191
|
const t = L("console-layout", { "console-layout--sidebar-active": this.sidebarActive, "console-layout--empty-app-bar": !this.appName && !this.showHelpButton && !this.hasCustomAppBar, "console-layout--has-footer": this.hasFooter, "console-layout--has-custom-app-bar": this.hasCustomAppBar, "console-layout--main-scrollable": this.contentScrollState.scrollable, "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop, "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom, "console-layout--hide-content-header": this.hideContentHeader });
|
|
5164
|
-
return o(X, { key: "
|
|
5192
|
+
return o(X, { key: "730c264dda14f8ab85834a577ec728212bc5cc50" }, o("div", { key: "30f9f8e8bc817b528c8573e515a07d06b59f3b88", class: t, onClick: this.onClick, onKeyDown: this.onKeyDown }, o("header", { key: "3b6445f7ed15481686a38dd56b804415cb736f3f", "aria-hidden": !this.sidebarActive + "", class: "console-layout__sidebar", ref: (r) => this.sidebarEl = r }, o("div", { key: "2a0d5644b5b9e5e5f0ba2930281ec861ad26d4a9", class: "console-layout__header" }, o("div", { key: "37ba28600f948b8daff98ea783622b9a46b690aa", class: "console-layout__logo" }, o("svg", { key: "ccf3b6ed67e180070c69f87c61ad4dc0c327564b", class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, o("path", { key: "99bd4b0079f19ba83c1f65aa83d22c2ec242aa0a", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), o("swirl-text", { key: "f48c728aa83c5ed4939c51a82d1840972e236669", class: "console-layout__logo-text", weight: "medium" }, this.logoText))), o("nav", { key: "5a4b5cfc3fbb73531adb4e19d6d8a816c93c2a95", "aria-label": this.navigationLabel, class: "console-layout__navigation" }, o("slot", { key: "a42296f96bef8f6a7d61dd912281cd15ab55e5c4", name: "navigation" })), o("div", { key: "b11a6abd56beeb2d475c3e5145f19254b4dc6612", class: "console-layout__user" }, o("slot", { key: "aa4d29aeb9cdf23b5321cc112c45cc8638db60c2", name: "user" }))), o("main", { key: "d376f557d88ebdea66d942a2648a03ea71320028", "aria-labelledby": this.appName ? "app-name" : void 0, class: "console-layout__main" }, o("header", { key: "1541b44967823e88ac1d3ed385da726e9a232567", class: "console-layout__app-bar console-layout__app-bar--custom" }, o("slot", { key: "a6d12e9f167ad1673d1519b82efae07028392d51", name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), o("header", { key: "dd241c320ec4a79d451b215cc92dc3d15dc63b26", class: "console-layout__app-bar" }, o("span", { key: "4e030bc3cc94aa991676542f051fa2e6243cf7a1", class: "console-layout__mobile-navigation-button" }, o("swirl-button", { key: "7eca897f535b7a6b6ff7725b6faed29e52aadb44", swirlAriaExpanded: this.sidebarActive + "", hideLabel: !0, icon: this.sidebarActive ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), o("div", { key: "8b73c9f0c8fc99e699d36d0a746f22ee1ecaef52", class: "console-layout__app-name" }, this.appName && o("swirl-heading", { key: "9f7bf7a08957ebabe79facf08a4f380575191751", as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && o("swirl-button", { key: "35216387cc306d6d7cf08231884d10e4ad787587", class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), o("section", { key: "bc2f4cfaafa46e8a4d546a55700aba5de772c24c", "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (r) => this.contentEl = r }, o("div", { key: "8bfa95464e8fbe121b5cdcdc408402bd8766613f", class: "console-layout__content-container" }, !this.hideContentHeader && o("header", { key: "0302d666ee6a656481d7a2fa05da195a966a609a", class: "console-layout__content-header", style: e }, this.showBackButton && o("swirl-button", { key: "e84b8ea5294a679f48a4ab8356f09b6d799b326f", class: "console-layout__back-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), !!this.heading && o("div", { key: "ee9b71c08eb747fcffe19ade916e87fb2d4cde7c", class: "console-layout__heading-container" }, o("swirl-heading", { key: "362b120e93ef6d2df2efbf961bee459a701b922c", as: this.appName ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && o("swirl-text", { key: "9adbacb7c328569423d2fcd4beb36c43bb62311a", class: "console-layout__subheading", color: "subdued" }, this.subheading)), !this.heading && o("div", { key: "2a0a562c3d4c2f1f7f5cbb0f7880eb6bc48edeb2", class: "console-layout__heading-container" }, o("slot", { key: "5eb809c22849569076a17a48d7ea4ce3ae76f1dc", name: "heading" })), o("div", { key: "373c6f936e493f4602272e1e6aea14cfbed8928f", class: "console-layout__content-header-tools" }, o("slot", { key: "a3eb45df040ee397943f0537d94a8d91ec1432af", name: "content-header-tools" }))), o("div", { key: "82b36a7f3b489236428c2781e3d50bc7ec28a3a7", class: "console-layout__integration", style: e }, o("slot", { key: "6a227ffe835b007b2cf00fab4b338ef9ef174952", name: "content" })))), o("footer", { key: "13ea07ae54a7f0ca98f4609763cd38967e6d6e31", class: "console-layout__footer" }, o("slot", { key: "0a85bfa73d7bbd795433355a43acce7967ffb2ab", name: "footer", onSlotchange: this.updateFooterStatus })), o("div", { key: "d13105e5af9856f7f0f5aaa808c466ae050f65b5", class: "console-layout__overlays" }, o("slot", { key: "b2bdd6eb0549504d7ab3cf02c359bb988a56417f", name: "overlays" })))));
|
|
5165
5193
|
}
|
|
5166
5194
|
get el() {
|
|
5167
5195
|
return this;
|
|
@@ -5263,6 +5291,9 @@ const xm = _(class extends x {
|
|
|
5263
5291
|
onWindowScroll() {
|
|
5264
5292
|
this.active && this.visible && this.reposition();
|
|
5265
5293
|
}
|
|
5294
|
+
disconnectedCallback() {
|
|
5295
|
+
this.popperEl = void 0, this.arrowElement = void 0;
|
|
5296
|
+
}
|
|
5266
5297
|
componentWillLoad() {
|
|
5267
5298
|
this.reposition();
|
|
5268
5299
|
}
|
|
@@ -5283,7 +5314,7 @@ const xm = _(class extends x {
|
|
|
5283
5314
|
render() {
|
|
5284
5315
|
var t, r, i;
|
|
5285
5316
|
const e = L("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, `tooltip--intent-${this.intent}`, { "tooltip--visible": this.visible });
|
|
5286
|
-
return o(X, { key: "
|
|
5317
|
+
return o(X, { key: "b07db943b5398f24ab84e516c8ba7ce451933f37", onKeydown: this.onKeydown }, o("span", { key: "97122ace69d07ca3825968f5b55190cd95c4f5c4", class: e }, o("span", { key: "1768fa301524711ff6caca4956d46f447275e98b", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, o("slot", { key: "3e20860e8ec16706a39d72a609d9c8763856b7e3" })), o("span", { key: "d2f01a27859625bc2b6f2412855eee596e0c44a6", class: "tooltip__popper", popover: "manual", ref: (a) => this.popperEl = a, style: { top: Boolean(this.actualPosition) ? `${(r = this.actualPosition) == null ? void 0 : r.y}px` : "", left: Boolean(this.actualPosition) ? `${(i = this.actualPosition) == null ? void 0 : i.x}px` : "", maxWidth: this.maxWidth } }, this.visible && o("span", { key: "ac0b7c1cf2d619985bbc726d7c44ccaaf204c5dc", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "03b75ea501426e94cdafc68e2a8dc60c0a4b85cf", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "16e5c494e73371137f7ddc8444dbf5fe0667e0d3", class: "tooltip__arrow", ref: (a) => this.arrowElement = a, style: { ...this.arrowStyles, visibility: this.visible ? "visible" : "hidden" } }))));
|
|
5287
5318
|
}
|
|
5288
5319
|
get el() {
|
|
5289
5320
|
return this;
|
|
@@ -11013,7 +11044,7 @@ const T6 = "yyyy-MM-dd", av = _(class extends x {
|
|
|
11013
11044
|
}
|
|
11014
11045
|
disconnectedCallback() {
|
|
11015
11046
|
var e;
|
|
11016
|
-
(e = this.mask) == null || e.destroy(), this.mediaQueryUnsubscribe();
|
|
11047
|
+
(e = this.mask) == null || e.destroy(), this.mediaQueryUnsubscribe(), this.inputEl = void 0, this.pickerPopover = void 0;
|
|
11017
11048
|
}
|
|
11018
11049
|
watchFormat() {
|
|
11019
11050
|
this.setupMask();
|
|
@@ -11061,7 +11092,7 @@ const T6 = "yyyy-MM-dd", av = _(class extends x {
|
|
|
11061
11092
|
}
|
|
11062
11093
|
render() {
|
|
11063
11094
|
const e = this.invalid === !0 || this.invalid === !1 ? this.invalid + "" : void 0, t = this.value ? m2(this.value, T6, new Date()) : void 0, r = e2(t) ? t : void 0, i = L("date-input", { "date-input--inline": this.inline });
|
|
11064
|
-
return o(X, { key: "
|
|
11095
|
+
return o(X, { key: "8e6e7d3761c55a16611d2450568232f111b9581d" }, o("div", { key: "4a5e18b91afd2666a1ae628fcdd5c32596f5392f", class: i }, o("input", { key: "4d9b0789ad3783468e5f5109e56030f5a671932a", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (a) => this.inputEl = a, required: this.required, type: "text" }), !this.readonly && o("swirl-popover-trigger", { key: "076837df84e448567ee6f8c10e5bca67ebe9fb22", swirlPopover: "popover-" + this.id }, o("button", { key: "d1f958ed8bfbdd0ca2f9c753fb5410e4630fcd17", "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, o("swirl-icon-today", { key: "14e86a12e06555b2e1c5f907ce60eac90ad1b86c", size: this.iconSize })))), !(this.disabled || this.readonly) && o("swirl-popover", { key: "b9e28d086ca1960e5939b322111914cd983f3062", animation: "scale-in-y", class: "date-input__date-picker-popover", id: "popover-" + this.id, label: this.datePickerLabel, placement: "bottom-end", ref: (a) => this.pickerPopover = a }, o("swirl-date-picker", { key: "67acd131be4e2cfe669abd7e9e1f923086aef400", disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: r, startDate: r })));
|
|
11065
11096
|
}
|
|
11066
11097
|
get el() {
|
|
11067
11098
|
return this;
|
|
@@ -11140,7 +11171,8 @@ const T6 = "yyyy-MM-dd", av = _(class extends x {
|
|
|
11140
11171
|
super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.dialogClose = U(this, "dialogClose", 7), this.dialogOpen = U(this, "dialogOpen", 7), this.primaryAction = U(this, "primaryAction", 7), this.secondaryAction = U(this, "secondaryAction", 7), this.toggleDialog = U(this, "toggleDialog", 7), this.intent = "primary", this.closing = !1, this.opening = !1, this.onClose = () => {
|
|
11141
11172
|
this.closing = !1, this.dialogClose.emit();
|
|
11142
11173
|
}, this.onToggle = (t) => {
|
|
11143
|
-
|
|
11174
|
+
const r = { newState: t.newState, dialog: this.dialogEl };
|
|
11175
|
+
this.el.isConnected ? this.toggleDialog.emit(r) : document.dispatchEvent(new CustomEvent("toggleDialog", { bubbles: !0, composed: !0, detail: r }));
|
|
11144
11176
|
}, this.onKeyDown = (t) => {
|
|
11145
11177
|
t.code === "Escape" && (t.stopImmediatePropagation(), t.preventDefault(), this.close());
|
|
11146
11178
|
}, this.onBackdropClick = () => {
|
|
@@ -11156,7 +11188,7 @@ const T6 = "yyyy-MM-dd", av = _(class extends x {
|
|
|
11156
11188
|
}
|
|
11157
11189
|
disconnectedCallback() {
|
|
11158
11190
|
var e;
|
|
11159
|
-
(e = this.dialogEl) != null && e.open && this.dialogEl.close();
|
|
11191
|
+
(e = this.dialogEl) != null && e.open && this.dialogEl.close(), this.dialogEl = void 0;
|
|
11160
11192
|
}
|
|
11161
11193
|
ensureOpening() {
|
|
11162
11194
|
var e;
|
|
@@ -11183,7 +11215,7 @@ const T6 = "yyyy-MM-dd", av = _(class extends x {
|
|
|
11183
11215
|
}
|
|
11184
11216
|
render() {
|
|
11185
11217
|
const e = L("dialog", { "dialog--closing": this.closing }), t = !!this.el.querySelector('[slot="left-controls"]');
|
|
11186
|
-
return o(X, { key: "
|
|
11218
|
+
return o(X, { key: "86404f06237d65602912a53393fff14b7e68e4a8" }, o("dialog", { key: "cedac9b245ccbaeef47360e559bce591817e870f", "aria-describedby": "content", "aria-labelledby": this.hideLabel ? void 0 : "label", "aria-label": this.hideLabel ? this.label : void 0, class: e, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (r) => this.dialogEl = r }, o("div", { key: "e433cd17a7c14f2e3ade7ca894fb161824a68b8a", class: "dialog__backdrop", onClick: this.onBackdropClick }), o("div", { key: "a0a64d00d022aa92069b2c499dc2c1349ddafbe0", class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && o("h2", { key: "44883ff96571440962794adf5625a8f39ed95a56", class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label), o("div", { key: "e3567454ee4e42326e30b1dd63826625e07d1837", class: "dialog__content", part: "dialog__content", id: "content" }, o("slot", { key: "53721a1b056013f4cc6b2efe4487adef73305169" })), o("div", { key: "33986408838469a0b46297150d463fa58f42ee26", class: "dialog__controls" }, t && o("div", { key: "32b88ae6c298b9503025ae2d67ed1069f995435a", class: "dialog__left_controls" }, o("slot", { key: "38ddb7ce921332041c39bc4b7e0a85bbca71984f", name: "left-controls" })), this.secondaryActionLabel && o("swirl-button", { key: "3b95d11fe70e1b1560d54419e613780b0b7b1782", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { key: "1e7f34256abc0c6979db3baef248f6eef43123f3", intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))));
|
|
11187
11219
|
}
|
|
11188
11220
|
get el() {
|
|
11189
11221
|
return this;
|
|
@@ -11624,12 +11656,15 @@ const $v = _(class extends x {
|
|
|
11624
11656
|
this.inputEl.click();
|
|
11625
11657
|
};
|
|
11626
11658
|
}
|
|
11659
|
+
disconnectedCallback() {
|
|
11660
|
+
this.inputEl = void 0;
|
|
11661
|
+
}
|
|
11627
11662
|
async reset() {
|
|
11628
11663
|
this.inputEl.value = "";
|
|
11629
11664
|
}
|
|
11630
11665
|
render() {
|
|
11631
11666
|
const e = this.description ? `${this.inputId}-description ${this.inputId}-additional-label` : this.inputId + "-additional-label", t = this.showDropzone ? 0 : -1, r = L("file-uploader", { "file-uploader--disabled": this.disabled, "file-uploader--show-dropzone": this.showDropzone });
|
|
11632
|
-
return o(X, { key: "
|
|
11667
|
+
return o(X, { key: "0f25c7446605fa427db298ca4cdab6dbf3809b76" }, o("div", { key: "55b44067d4072926503876394fd48b801436a73d", class: r }, this.hideLabel ? o("swirl-visually-hidden", null, o("label", { htmlFor: this.inputId }, this.label)) : o("label", { class: "file-uploader__label", htmlFor: this.inputId, id: this.inputId + "-label" }, this.label), this.description && o("span", { key: "59ded112c176945fe1ff9ff6ac779726193e2b0b", class: "file-uploader__description", id: this.inputId + "-description", innerHTML: this.descriptionAllowHtml ? this.description : void 0 }, !this.descriptionAllowHtml && this.description), o("div", { key: "a291785adf31995f7471c6dda12060ad35e8ee05", class: "file-uploader__dropzone" }, this.showDropzone ? [o("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }), o("div", { class: "file-uploader__dropzone-label", id: this.inputId + "-additional-label" }, o("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", o("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel))] : o("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: e, variant: this.uploadButtonVariant }), o("input", { key: "ff7849b79335ab2394636dec85c0b4244261f281", accept: this.accept, "aria-describedby": e, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (i) => this.inputEl = i, tabIndex: t, type: "file" }))));
|
|
11633
11668
|
}
|
|
11634
11669
|
static get style() {
|
|
11635
11670
|
return ".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}";
|
|
@@ -11700,7 +11735,7 @@ const Tv = _(class extends x {
|
|
|
11700
11735
|
});
|
|
11701
11736
|
}
|
|
11702
11737
|
disconnectedCallback() {
|
|
11703
|
-
this.mediaQueryUnsubscribe();
|
|
11738
|
+
this.mediaQueryUnsubscribe(), this.iconEl = void 0;
|
|
11704
11739
|
}
|
|
11705
11740
|
forceIconProps(e) {
|
|
11706
11741
|
if (!Boolean(this.iconEl))
|
|
@@ -11711,7 +11746,7 @@ const Tv = _(class extends x {
|
|
|
11711
11746
|
}
|
|
11712
11747
|
render() {
|
|
11713
11748
|
const e = L("inline-error", `inline-error--size-${this.size}`);
|
|
11714
|
-
return o(X, { key: "
|
|
11749
|
+
return o(X, { key: "1829f684b01d41d4217ef3eefdd2616f15dc3c0a" }, o("span", { key: "c76f8e4bc72303c119ac948912bd822de51766b0", class: e, part: "inline-error" }, o("span", { key: "21f0d9baffc7cf90aa27fd18a5d8f392c2ae7cc8", class: "inline-error__icon", ref: (t) => this.iconEl = t }, o("swirl-icon-error", { key: "aeed93293818bc4873c970e3499f14f241cc2755" })), o("span", { key: "bba95b308efeb29f0630d1032dadd36de9ac3b47", class: "inline-error__message" }, this.message)));
|
|
11715
11750
|
}
|
|
11716
11751
|
static get style() {
|
|
11717
11752
|
return ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-critical);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error__icon{width:1.25rem;height:1.25rem}}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem;white-space:pre-line}";
|
|
@@ -12405,7 +12440,7 @@ const hZ = Pv, pZ = Vp, Bv = _(class extends x {
|
|
|
12405
12440
|
}
|
|
12406
12441
|
disconnectedCallback() {
|
|
12407
12442
|
var e, t;
|
|
12408
|
-
(e = this.imageEl) == null || e.removeEventListener("load", this.onLoad), (t = this.imageEl) == null || t.removeEventListener("error", this.onError);
|
|
12443
|
+
(e = this.imageEl) == null || e.removeEventListener("load", this.onLoad), (t = this.imageEl) == null || t.removeEventListener("error", this.onError), this.imageEl = void 0;
|
|
12409
12444
|
}
|
|
12410
12445
|
watchFile() {
|
|
12411
12446
|
this.error = !1, this.loading = !0;
|
|
@@ -12418,7 +12453,7 @@ const hZ = Pv, pZ = Vp, Bv = _(class extends x {
|
|
|
12418
12453
|
}
|
|
12419
12454
|
render() {
|
|
12420
12455
|
const e = !!this.el.querySelector('[slot="watermark"]'), t = L("file-viewer-image", { "file-viewer-image--show-watermark": e && !this.transformed && !this.loading });
|
|
12421
|
-
return o(X, { key: "
|
|
12456
|
+
return o(X, { key: "d9e6d189d85aa0423d114c61812b987c1eddf4ff", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && o("swirl-inline-error", { key: "1dd379921c9378fcb52e35a9dd5193ce4e3e86a8", class: "file-viewer-image__error", message: this.errorMessage }), o("figure", { key: "7fea799cc31181346e82da18b92f8339bf010c1d", class: t }, o("span", { key: "79806a9580a37b2544fedad502b033f0a7c5100f", class: "file-viewer-image__container" }, o("img", { key: "25fa03b98660b2f934e3aa91a21b815b820e6167", alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), o("span", { key: "bc004e14219c6de1dc25479474e422e187112de6", class: "file-viewer-image__watermark" }, o("slot", { key: "ea1d7ba25231274324615451aa2c04cdc370b835", name: "watermark" }))), this.loading && o("div", { key: "0ae00fbc33512f51ae7b7e4cda0c021eb844fc7a", class: "file-viewer-image__spinner" }, o("swirl-spinner", { key: "a20531fd79ad7682042eca8a3a70ee1171a8a6e0" }))));
|
|
12422
12457
|
}
|
|
12423
12458
|
get el() {
|
|
12424
12459
|
return this;
|
|
@@ -25241,7 +25276,7 @@ const jy = _(class extends x {
|
|
|
25241
25276
|
}
|
|
25242
25277
|
disconnectedCallback() {
|
|
25243
25278
|
var e;
|
|
25244
|
-
(e = this.doc) == null || e.destroy();
|
|
25279
|
+
(e = this.doc) == null || e.destroy(), this.scrollContainer = void 0;
|
|
25245
25280
|
}
|
|
25246
25281
|
async onWindowResize() {
|
|
25247
25282
|
this.visiblePages = [], this.renderedPages = [], await this.updateVisiblePages();
|
|
@@ -25422,10 +25457,10 @@ const jy = _(class extends x {
|
|
|
25422
25457
|
}
|
|
25423
25458
|
render() {
|
|
25424
25459
|
const e = !this.error && !this.loading && this.visiblePages.length > 0, t = this.loading, r = L("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
|
|
25425
|
-
return o(X, { key: "
|
|
25460
|
+
return o(X, { key: "5e59800751165642749efb7b3778c7368c53d126", class: r, exportparts: "file-viewer-pdf__pagination" }, this.error && o("swirl-inline-error", { key: "ad8f4f6874567a10c970569a283e29bdb7ea97d0", class: "file-viewer-pdf__error", message: this.errorMessage }), o("div", { key: "37bae180671216329ca8ae7b37f6e8648ed5b3c9", "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (i) => this.scrollContainer = i }, this.pages.map((i) => {
|
|
25426
25461
|
const a = i.getViewport({ scale: this.getScale(i) }), n = a.height, s = a.width, c = this.renderedPages.includes(i.pageNumber);
|
|
25427
25462
|
return o("div", { "aria-label": i.pageNumber, class: "file-viewer-pdf__page", "data-page-number": i.pageNumber, hidden: !(!this.singlePageMode || i.pageNumber === this.singlePageModePage) || void 0, id: `page-${i.pageNumber}`, key: i.pageNumber, role: "region", style: { width: `${s}px`, height: `${n}px` }, tabIndex: 0 }, !c && o("swirl-spinner", { class: "file-viewer-pdf__page-spinner" }), o("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: c ? "1" : "0" } }), o("div", { class: "file-viewer-pdf__text-container" }), o("div", { class: "file-viewer-pdf__annotation-container" }));
|
|
25428
|
-
})), e && o("span", { key: "
|
|
25463
|
+
})), e && o("span", { key: "5b9a5299ab6da84bde42426bc78d0eb5c88b2457", class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, o("span", { key: "eeee2f7e902195caca8bc617105ea85959db2060", "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages), t && o("div", { key: "9a0d2daea6e941950b40172c9ac46b06f1e08022", class: "file-viewer-pdf__spinner" }, o("swirl-spinner", { key: "0e520fd0b69204cbf11014cdb07670335d51dd5b" })));
|
|
25429
25464
|
}
|
|
25430
25465
|
get el() {
|
|
25431
25466
|
return this;
|
|
@@ -25516,11 +25551,14 @@ const AI = Uy, $I = Rp, Wy = _(class extends x {
|
|
|
25516
25551
|
componentDidLoad() {
|
|
25517
25552
|
this.activate.emit(this.el), this.disableDownload && this.videoEl.setAttribute("controlsList", "nodownload");
|
|
25518
25553
|
}
|
|
25554
|
+
disconnectedCallback() {
|
|
25555
|
+
this.videoEl = void 0;
|
|
25556
|
+
}
|
|
25519
25557
|
watchDisableDownload() {
|
|
25520
25558
|
this.disableDownload ? this.videoEl.setAttribute("controlsList", "nodownload") : this.videoEl.removeAttribute("controlsList");
|
|
25521
25559
|
}
|
|
25522
25560
|
render() {
|
|
25523
|
-
return o(X, { key: "
|
|
25561
|
+
return o(X, { key: "9215f3a17d00e191a2a9c941c843f8264e39a2b4", class: "file-viewer-video" }, o("video", { key: "66b00d99394022286e6275186cab29e63b46672b", autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: !0, ref: (e) => this.videoEl = e }));
|
|
25524
25562
|
}
|
|
25525
25563
|
get el() {
|
|
25526
25564
|
return this;
|
|
@@ -25547,6 +25585,9 @@ const ZI = Wy, II = Op, qy = _(class extends x {
|
|
|
25547
25585
|
this.download();
|
|
25548
25586
|
};
|
|
25549
25587
|
}
|
|
25588
|
+
disconnectedCallback() {
|
|
25589
|
+
this.viewer = void 0;
|
|
25590
|
+
}
|
|
25550
25591
|
async download() {
|
|
25551
25592
|
if (this.downloadStart.emit(), this.skipNativeDownload)
|
|
25552
25593
|
return;
|
|
@@ -25558,7 +25599,7 @@ const ZI = Wy, II = Op, qy = _(class extends x {
|
|
|
25558
25599
|
}
|
|
25559
25600
|
render() {
|
|
25560
25601
|
const e = !Boolean(this.type) || !hd(this.type) && !this.type.startsWith("video/") && !this.type.startsWith("audio/") && this.type !== "text/plain" && this.type !== "text/csv" && this.type !== "application/pdf";
|
|
25561
|
-
return o(X, { key: "
|
|
25602
|
+
return o(X, { key: "d6b594319d5c8c00ff2dcefd49f8b7459855658c" }, o("div", { key: "b799835cc85cbd548c34325cb9d48a665e0c13b6", class: "file-viewer" }, this.type && this.active && o("div", { key: "d51c385247ad17e7b828e3410177d53546f64ec4", class: "file-viewer__file" }, hd(this.type) && o("swirl-file-viewer-image", { key: "72605431c172dd95ae824e2cc805329e992c81d7", description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (t) => this.viewer = t }, o("slot", { key: "4475b5d127cc7054d5100c2a2ffdb0055141f440", name: "watermark", slot: "watermark" })), this.type === "text/plain" && o("swirl-file-viewer-text", { key: "a55af1234df876da6a8e789857be0394617d76ac", errorMessage: this.errorMessage, file: this.file, ref: (t) => this.viewer = t }), this.type === "text/csv" && o("swirl-file-viewer-csv", { key: "cc4b9a936f173f5b21cef9c99e28f5731adda838", errorMessage: this.errorMessage, file: this.file, ref: (t) => this.viewer = t }), this.type === "application/pdf" && o("swirl-file-viewer-pdf", { key: "63c18098aecea40763c6df162d463d13d9a95a94", errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (t) => this.viewer = t, viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom }), this.type.startsWith("video/") && o("swirl-file-viewer-video", { key: "a5f933392a28da84d74d41042e634c34f4c4fdf8", autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (t) => this.viewer = t }), this.type.startsWith("audio/") && o("swirl-file-viewer-audio", { key: "dcacf126698274433702f28a947976de817ae230", autoplay: this.autoplay, file: this.file, ref: (t) => this.viewer = t }), e && o("swirl-file-viewer-fallback", { key: "1dc230f2abdeb532b7cd85d9d92d60b871f31c63", disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload }))));
|
|
25562
25603
|
}
|
|
25563
25604
|
get el() {
|
|
25564
25605
|
return this;
|
|
@@ -25664,7 +25705,7 @@ const Ky = _(class extends x {
|
|
|
25664
25705
|
}
|
|
25665
25706
|
disconnectedCallback() {
|
|
25666
25707
|
var e;
|
|
25667
|
-
(e = this.inputEl) == null || e.removeEventListener("valueChange", this.checkInputValue);
|
|
25708
|
+
(e = this.inputEl) == null || e.removeEventListener("valueChange", this.checkInputValue), this.inputEl = void 0;
|
|
25668
25709
|
}
|
|
25669
25710
|
watchDescription() {
|
|
25670
25711
|
this.associateDescriptionWithInputElement();
|
|
@@ -25701,7 +25742,7 @@ const Ky = _(class extends x {
|
|
|
25701
25742
|
}
|
|
25702
25743
|
render() {
|
|
25703
25744
|
const e = !!this.errorMessage, t = !!this.description && !e, r = !!this.inputEl.getAttribute("contenteditable"), i = !!this.el.querySelector('[slot="prefix"]'), a = !!this.el.querySelector('[slot="bottom"]'), n = !!this.icon, s = Array.isArray(this.inputValue) ? this.inputValue.length > 0 : !!this.inputValue || r && !!this.inputEl.innerHTML, c = !!this.inputEl.getAttribute("show-character-counter"), l = !!this.inputEl.getAttribute("placeholder") || !!this.inputEl.placeholder, d = L("form-control", "form-control--font-size-" + this.fontSize, "form-control--label-position-" + this.labelPosition, { "form-control--disabled": this.disabled, "form-control--readonly": this.readonly, "form-control--has-character-counter": c, "form-control--has-focus": this.hasFocus, "form-control--has-placeholder": l, "form-control--has-prefix": i, "form-control--has-bottom": a, "form-control--has-icon": n, "form-control--has-value": s, "form-control--hide-label": this.hideLabel, "form-control--inline": this.inline, "form-control--invalid": this.invalid, "form-control--is-select": this.inputEl.tagName === "SWIRL-SELECT" }), h = r ? "div" : "label";
|
|
25704
|
-
return o(X, { key: "
|
|
25745
|
+
return o(X, { key: "51131b81edf7ef70efb8c4342b965b4bf2c0bdf0", onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("div", { key: "92465849b9cc2c90e9694fa56806176f61fd7423", class: d, role: "group" }, o("span", { key: "276960d8519355acc589e1f5431c3630b75302df", class: "form-control__controls" }, o("span", { key: "55680623f0f193b4677daf833f802217fa98d5d2", class: "form-control__prefix" }, o("slot", { key: "2de97ac8c330b3c0316fd0f1d59d5c03e90b37e0", name: "prefix" })), o(h, { key: "c51b6cfd92d44ec49bbc6b57cd5d0977216db510", class: "form-control__label", onClick: this.onLabelClick }, n && o("span", { key: "730381a16590e6b7a4fc859fa442bd346a13cb41", class: "form-control__icon" }, o("swirl-icon", { key: "9fc6599b793ffd90cd1af7cb973e4ab0ea513a9d", glyph: this.icon, size: 20 })), o("span", { key: "26766420ef86ebb733c86c3d4b33c3f98ec8cd86", class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && o("span", { key: "d93badbf86833483f13c0f0ecaa912067c771c06", class: "form-control__secondary-label" }, this.secondaryLabel), this.tooltip && o("span", { key: "fa4b5d402ecd8a7892a99ee15456f14425c9b3b2", class: "form-control__tooltip" }, o("swirl-tooltip", { key: "d18e2a92b6e0cebb450b9974f0e8d573e12a02b2", content: this.tooltip, position: "top" }, o("swirl-icon-help", { key: "11cc8f89a2100791a85e522de619ccadae7300e7", size: 16, tabindex: "0" })))), o("span", { key: "118306f094d1b609d980040db63370e2f543f9f9", class: "form-control__input" }, o("slot", { key: "aad8b1bd99263f5fdeb14dcba45350c032179a83" }), o("span", { key: "edf1bd3582ac214ff2d713c56507925f31d47e14", class: "form-control__bottom" }, o("slot", { key: "70c9fa1bf416970cf392608ea74066abe5ac464e", name: "bottom" }))))), t && o("span", { key: "4773972f9e733cc08611423a0460e6ea32bf4777", class: "form-control__description", id: this.descriptionId }, this.description), o("span", { key: "6e89634bf0baa34d7bd8581a95a7bef3908e68cd", "aria-live": "polite" }, e && o("span", { key: "263c27c53818286326bd4ee845dce422602b8ede", class: "form-control__error-message", id: this.descriptionId }, o("swirl-inline-error", { key: "f2e34b7ed22405d07fd4853e2955bdbe1683b023", message: this.errorMessage, size: "s" })))));
|
|
25705
25746
|
}
|
|
25706
25747
|
get el() {
|
|
25707
25748
|
return this;
|
|
@@ -29308,7 +29349,7 @@ const vE = _(class extends x {
|
|
|
29308
29349
|
}
|
|
29309
29350
|
disconnectedCallback() {
|
|
29310
29351
|
var e;
|
|
29311
|
-
this.unlockBodyScroll(), this.removeSlideListeners(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout), (e = this.modalEl) != null && e.open && this.modalEl.close();
|
|
29352
|
+
this.unlockBodyScroll(), this.removeSlideListeners(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout), (e = this.modalEl) != null && e.open && this.modalEl.close(), this.modalEl = void 0, this.slidesContainer = void 0, this.previousSlideButton = void 0, this.nextSlideButton = void 0;
|
|
29312
29353
|
}
|
|
29313
29354
|
watchActiveSlideIndex() {
|
|
29314
29355
|
this.activeSlideChange.emit(this.activeSlideIndex);
|
|
@@ -29374,7 +29415,7 @@ const vE = _(class extends x {
|
|
|
29374
29415
|
}
|
|
29375
29416
|
render() {
|
|
29376
29417
|
const e = this.slides.length > 1, t = L("lightbox", { "lightbox--closing": this.closing });
|
|
29377
|
-
return o(X, { key: "
|
|
29418
|
+
return o(X, { key: "88f84ebcb6e8d2143bad0485f91faa4b37cdc5c5" }, o("dialog", { key: "046ab60c4922b67db30c263a38b1aa65b4c7194b", "aria-label": this.label, class: t, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (r) => this.modalEl = r }, o("div", { key: "7b6de7054cd35a6046686d6dea6e5fe1cf95fb86", class: "lightbox__body", role: "document" }, o("header", { key: "b609d43ba52016393167b66d183dbee21aa78982", class: "lightbox__header" }, o("div", { key: "ecb50a9c697b582518fd45ad3eb257f00f1b176c", class: "lightbox__toolbar" }, o("slot", { key: "5e60cf9fd2caeba0347e1a27972970a472b45efc", name: "toolbar" }), this.downloadButtonEnabled && o("button", { key: "31c7f347ab30607d0b8fd11956aff698837fdd9e", "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, o("swirl-icon-download", { key: "0f81db91ce0079d064664b23d0aa7ff857b8888b" }))), o("button", { key: "a5b8fe7732f706efa3071ba856513b5bcbdc2750", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, o("swirl-icon-close", { key: "e920857ed122a976d2f58bd0f1f8b751cd498b52" }))), o("div", { key: "b6bc3c81d0d7a90fef2c512f27bfb41967e80d13", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { key: "ab5641f6423dd93192a2af232eb22629a983c2f7", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (r) => this.slidesContainer = r }, o("slot", { key: "e7063d2fc443b46215d9cb8d96e669f56a2f97dc", onSlotchange: this.registerSlides }))), o("div", { key: "4c25cc991a3ec29d2541ec48092bd3843403da17", class: "lightbox__controls" }, o("button", { key: "5c7c7ba199378ccf8049965daed4975be0bf8d1e", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (r) => this.previousSlideButton = r }, o("swirl-icon-arrow-left", { key: "03802e72d0d641a20c72a62f06ba5ca5bbecd7bc" })), o("button", { key: "736b6c2aeea5efa624bfe2e67118546eeb1aa21c", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (r) => this.nextSlideButton = r }, o("swirl-icon-arrow-right", { key: "bf5925e43bccf191126508f01f8de243e9bfe4f4" }))), e && o("span", { key: "796ee8e619c2e0f44c8487206c212d23e38f6246", class: "lightbox__pagination" }, o("span", { key: "cea62bbe297188998aad01f26cb1f0116d3290f4", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
|
|
29378
29419
|
}
|
|
29379
29420
|
get el() {
|
|
29380
29421
|
return this;
|
|
@@ -29423,11 +29464,14 @@ const vE = _(class extends x {
|
|
|
29423
29464
|
constructor(e) {
|
|
29424
29465
|
super(), e !== !1 && this.__registerHost();
|
|
29425
29466
|
}
|
|
29467
|
+
disconnectedCallback() {
|
|
29468
|
+
this.containerEl = void 0;
|
|
29469
|
+
}
|
|
29426
29470
|
componentDidRender() {
|
|
29427
29471
|
Array.from(this.containerEl.children).some((e) => !["UL", "OL"].includes(e.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
|
|
29428
29472
|
}
|
|
29429
29473
|
render() {
|
|
29430
|
-
return o(X, { key: "
|
|
29474
|
+
return o(X, { key: "92759bf66c949324c988275cc5e92f4ac064b37c" }, o("div", { key: "b0cc54cc09fed67d15f170d4c4f34aa0995dc2b1", class: "swirl-list", ref: (e) => this.containerEl = e }, o("slot", { key: "57e397cf665141f8af72fc18a6f78893015d73e2" })));
|
|
29431
29475
|
}
|
|
29432
29476
|
static get style() {
|
|
29433
29477
|
return ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}';
|
|
@@ -29460,6 +29504,9 @@ const vE = _(class extends x {
|
|
|
29460
29504
|
}
|
|
29461
29505
|
};
|
|
29462
29506
|
}
|
|
29507
|
+
disconnectedCallback() {
|
|
29508
|
+
this.actionListItem = void 0, this.optionListItem = void 0;
|
|
29509
|
+
}
|
|
29463
29510
|
componentWillLoad() {
|
|
29464
29511
|
this.parentMenu = It(this.el, "swirl-menu"), this.rootMenu = Eo(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
|
|
29465
29512
|
}
|
|
@@ -29497,7 +29544,7 @@ const vE = _(class extends x {
|
|
|
29497
29544
|
render() {
|
|
29498
29545
|
var t;
|
|
29499
29546
|
const e = L("menu-item", { "menu-item--expanded": this.expanded });
|
|
29500
|
-
return o(X, { key: "
|
|
29547
|
+
return o(X, { key: "aa9ff2f67d2cee2616e3a3b68ecad70f0c078a82" }, o("div", { key: "f57561f9ab0c01be94709d3327db0853963ba957", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), o("slot", { key: "ae518e9bbd6c24dca8d32b42701fc80b79fd936e", onSlotchange: this.onSlotChange })));
|
|
29501
29548
|
}
|
|
29502
29549
|
get el() {
|
|
29503
29550
|
return this;
|
|
@@ -29583,7 +29630,7 @@ const vE = _(class extends x {
|
|
|
29583
29630
|
}
|
|
29584
29631
|
disconnectedCallback() {
|
|
29585
29632
|
var e, t, r, i;
|
|
29586
|
-
(e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (r = (t = this.mobileMediaQuery).removeEventListener) == null || r.call(t, "change", this.mediaQueryHandler), (i = this.observer) == null || i.disconnect();
|
|
29633
|
+
(e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (r = (t = this.mobileMediaQuery).removeEventListener) == null || r.call(t, "change", this.mediaQueryHandler), (i = this.observer) == null || i.disconnect(), this.menuContainer = void 0, this.items = void 0;
|
|
29587
29634
|
}
|
|
29588
29635
|
watchActive() {
|
|
29589
29636
|
this.position = void 0, this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = T4(this.el.parentElement, this.menuContainer, this.reposition);
|
|
@@ -29666,7 +29713,7 @@ const vE = _(class extends x {
|
|
|
29666
29713
|
render() {
|
|
29667
29714
|
var n, s;
|
|
29668
29715
|
const e = !this.parentMenu, t = e && this.mobile ? void 0 : this.label, r = e && this.mobile ? "menu-title" : void 0, i = e ? "menubar" : "menu", a = L("menu", "menu--level-" + this.level, { "menu--active": this.active, "menu--mobile": this.mobile, "menu--root": e });
|
|
29669
|
-
return o(X, { key: "
|
|
29716
|
+
return o(X, { key: "b2acce395382fa0589bb59401212bcf05ee7202b" }, o("div", { key: "60ebf2fa61c8dc0825d2198c7d845a047513d333", class: a }, this.mobile && e && o("div", { key: "2de35488ca03eff7645c7d221c580f3d8cdf5bb7", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "9c16e4cff6286df37adec6a527fbdae1a37fed81", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "cc84291e534a854c5604e1dd6bc8b6ba23a65313", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "a29df9ea39d14584e59962b6dd04bf21ce2a7f45", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "485e796640fff8668c5236a3463df84ee46572ee", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "246d22fb2c080b11cfa92423de533c872514d25c", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "c55ba2074f9f96c78c768b9df6f2a2001f9eaedf", "aria-label": t, "aria-labelledby": r, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (c) => this.menuContainer = c, role: i, style: !this.mobile && this.level > 0 ? { top: this.position ? ((n = this.position) == null ? void 0 : n.y) + "px" : "", left: this.position ? ((s = this.position) == null ? void 0 : s.x) + "px" : "", visibility: this.position ? "visible" : "hidden" } : this.mobile ? { left: e ? `calc(-100% * ${this.activeLevel})` : "100%" } : void 0 }, o("slot", { key: "ee9dd99011f3054c81c5cc59f83cf0c281c671ad" }))));
|
|
29670
29717
|
}
|
|
29671
29718
|
get el() {
|
|
29672
29719
|
return this;
|
|
@@ -29709,7 +29756,7 @@ const vE = _(class extends x {
|
|
|
29709
29756
|
}
|
|
29710
29757
|
disconnectedCallback() {
|
|
29711
29758
|
var e;
|
|
29712
|
-
(e = this.modalEl) != null && e.open && this.modalEl.close(), f6(this.modalEl);
|
|
29759
|
+
(e = this.modalEl) != null && e.open && this.modalEl.close(), f6(this.modalEl), this.modalEl = void 0;
|
|
29713
29760
|
}
|
|
29714
29761
|
async close() {
|
|
29715
29762
|
this.isClosing = !0, setTimeout(() => {
|
|
@@ -29721,7 +29768,7 @@ const vE = _(class extends x {
|
|
|
29721
29768
|
}
|
|
29722
29769
|
render() {
|
|
29723
29770
|
const e = L("modal-shell", { "modal-shell--closing": this.isClosing });
|
|
29724
|
-
return o(X, { key: "
|
|
29771
|
+
return o(X, { key: "4a2654cce2be86b2831b383456de69c7e15add2d" }, o("dialog", { key: "fe2de0d6d3fa7242743ec159cf1e0b90665e0c1f", "aria-label": this.label, class: e, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, o("div", { key: "d529c4b00489c0b2392f6f8bb1aa129b3fbdef7d", class: "modal-shell__backdrop" }), o("div", { key: "4624de46e596ab722b27b8a98a967ab0ba222e75", class: "modal-shell__scroll-container", onClick: this.onClose }, o("div", { key: "f83379911d05789174a343ea212203c25183ad9e", class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, o("slot", { key: "07a89da9d83cde7d5b15d008ba4db02f08e77067" }))), o("swirl-button", { key: "005ea38518f21c7db64bffa4b3ecdb97619ff366", class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: !0, variant: "translucent", onClick: this.onClose })));
|
|
29725
29772
|
}
|
|
29726
29773
|
static get style() {
|
|
29727
29774
|
return ".sc-swirl-modal-shell-h{display:block}.sc-swirl-modal-shell-h *.sc-swirl-modal-shell{box-sizing:border-box}.modal-shell.sc-swirl-modal-shell{position:fixed;inset:0;z-index:var(--s-z-40);border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible;background:transparent}.modal-shell.sc-swirl-modal-shell::backdrop{display:none}.modal-shell__backdrop.sc-swirl-modal-shell{position:fixed;inset:0;z-index:1;background-color:var(--s-translucent-medium-default);opacity:1;-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));transition:opacity 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out}.modal-shell__scroll-container.sc-swirl-modal-shell{overflow-y:auto;position:fixed;inset:0;z-index:2;display:grid;padding:var(--s-space-24);justify-content:center;align-items:center}.modal-shell__scroll-container__content.sc-swirl-modal-shell{opacity:1;transform:scale(1);transition:opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell__close-button.sc-swirl-modal-shell{position:fixed;top:var(--s-space-16);right:var(--s-space-16);z-index:3;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__backdrop.sc-swirl-modal-shell{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__scroll-container__content.sc-swirl-modal-shell,.modal-shell--closing.sc-swirl-modal-shell .modal-shell__close-button.sc-swirl-modal-shell{opacity:0;transform:scale(1.1)}";
|
|
@@ -29743,7 +29790,8 @@ const vE = _(class extends x {
|
|
|
29743
29790
|
}, this.onClose = () => {
|
|
29744
29791
|
this.closing = !1, this.unlockBodyScroll(), this.modalClose.emit();
|
|
29745
29792
|
}, this.onToggle = (t) => {
|
|
29746
|
-
|
|
29793
|
+
const r = { newState: t.newState, dialog: this.modalEl };
|
|
29794
|
+
this.el.isConnected ? this.toggleDialog.emit(r) : document.dispatchEvent(new CustomEvent("toggleDialog", { bubbles: !0, composed: !0, detail: r }));
|
|
29747
29795
|
}, this.onBackdropClick = () => {
|
|
29748
29796
|
this.close();
|
|
29749
29797
|
}, this.onCloseButtonClick = () => {
|
|
@@ -29773,7 +29821,7 @@ const vE = _(class extends x {
|
|
|
29773
29821
|
}
|
|
29774
29822
|
disconnectedCallback() {
|
|
29775
29823
|
var e, t;
|
|
29776
|
-
(e = this.mutationObserver) == null || e.disconnect(), (t = this.modalEl) != null && t.open && this.modalEl.close(), this.unlockBodyScroll();
|
|
29824
|
+
(e = this.mutationObserver) == null || e.disconnect(), (t = this.modalEl) != null && t.open && this.modalEl.close(), this.unlockBodyScroll(), this.modalEl = void 0, this.scrollContainer = void 0, this.sidebarScrollContainer = void 0;
|
|
29777
29825
|
}
|
|
29778
29826
|
onWindowResize() {
|
|
29779
29827
|
this.determineScrollStatus();
|
|
@@ -29846,7 +29894,7 @@ const vE = _(class extends x {
|
|
|
29846
29894
|
}
|
|
29847
29895
|
render() {
|
|
29848
29896
|
const e = !!this.primaryActionLabel || !!this.secondaryActionLabel, t = L("modal", "modal--variant-" + this.variant, { "modal--closing": this.closing, "modal--fullscreen": this.isFullscreen, "modal--fullscreen-transitioning": this.isFullscreenTransitioning, "modal--has-custom-footer": this.hasCustomFooter, "modal--has-custom-header": this.hasCustomHeader, "modal--has-header-tools": this.hasHeaderTools, "modal--has-secondary-content": this.hasSecondaryContent && !this.hideSecondaryContent, "modal--hide-label": this.hideLabel, "modal--padded": this.padded, "modal--scrollable": this.scrollable, "modal--scrolled": this.scrolled, "modal--hide-scrolled-header-border": this.hideScrolledHeaderBorder, "modal--scrolled-down": this.scrolledDown, "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders, "modal--has-sidebar-content": this.hasSidebarContent && !this.hideSidebarContent, "modal--sidebar-padded": this.sidebarPadded, "modal--has-sidebar-footer": this.hasSidebarFooter && this.hasSidebarContent && !this.hideSidebarContent, "modal--sidebar-footer-padded": this.sidebarFooterPadded, "modal--sidebar-scrolled": this.sidebarScrolled, "modal--sidebar-scrolled-down": this.sidebarScrolledDown, "modal--sidebar-scrollable": this.sidebarScrollable });
|
|
29849
|
-
return o(X, { key: "
|
|
29897
|
+
return o(X, { key: "a72c54960d109c6c044abe4f90e4d40e2af78c60" }, o("dialog", { key: "3c547b43da5d670c731f698bc8e1db6dff20fdec", "aria-label": this.label, class: t, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (r) => this.modalEl = r }, o("div", { key: "b6f5e3178a9b66c09b09e756f206cb1b1f0879e5", class: "modal__backdrop", onClick: this.onBackdropClick }), o("div", { key: "c4018b34f0feaae9fd37dcbce4258170f3086fc8", class: "modal__body", part: "modal__body", style: this.isFullscreen ? {} : { "--swirl-modal-max-height": this.maxHeight, "--swirl-modal-height": this.height, minHeight: this.minHeight, maxWidth: this.maxWidth } }, o("aside", { key: "55a9d63ad1eb4f8c24416ad717a5b6e9a125983e", class: "modal__sidebar" }, this.sidebarLabel && o("header", { key: "30be0dc4b13bd44907cbd46f085a73a40ffeb488", class: L("modal__sidebar-header", { "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton }) }, this.hasSidebarCloseButton && o("swirl-button", { key: "f20048e41107211c27cd40356510de99f65f869d", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), o("swirl-heading", { key: "6ad3a604992e17a8ab60034299472ecb4b1c9b6c", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), o("div", { key: "ae1a42abe2977246bc8566dd5d408f223609f7e7", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (r) => this.sidebarScrollContainer = r }, o("slot", { key: "f085f82cb2087d53bd5fb9dc4a849a3a4078d98a", name: "sidebar-content" })), o("div", { key: "37f40b93a8b73a3692a09c180b2810d75c33ed2c", class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, o("slot", { key: "bbdcd97fb5690a427918a9f61d5ff95288ca5cf6", name: "sidebar-footer" }))), o("div", { key: "799fc3d5cfc02a006d5b49c2bad8878c567aff8c", class: "modal__main-content" }, o("header", { key: "281bf04f62a9f75e1c06031bc708454e545b2986", class: "modal__custom-header", part: "modal__custom-header" }, o("slot", { key: "60a434b5f28a7d527a9ffead4c57d6e6045415d6", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && o("header", { key: "1ffae70dd8772be719e829729a1a8670a978f3b8", class: "modal__header" }, o("div", { key: "217a1948c41866d4b2280f6f8fc810bd844faf06", class: "modal__header-bar" }, !this.hideCloseButton && o("swirl-button", { key: "f9d7f068972721a2c6c1024fb21876f0af51b98f", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), this.showFullscreenButton && o("swirl-button", { key: "9b66775289f2a4837aa75d75e43c8f8ac47938c2", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && o("swirl-heading", { key: "75d77ad1267f5423aa77ef7be04cb6ea5d5c68d5", as: "h2", class: "modal__heading", level: 3, text: this.label }))), o("div", { key: "b29ae4808524ebddca0ff0b21ae91f8b9d277d92", class: "modal__content-container", style: { gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0 } }, o("div", { key: "a799afdae5ce0b881ba08f827f9ee7caef589bf0", class: "modal__primary-content", style: { maxWidth: this.primaryContentMaxWidth, flex: this.primaryContentFlex } }, o("div", { key: "b6624a2c983c09c3b936e99893d75a37b35e9b1f", class: "modal__header-tools", part: "modal__header-tools" }, o("slot", { key: "74199ff2dfb7e5690e76ca164c8adb64af071bad", name: "header-tools" })), o("div", { key: "76eaa3f1947de2f1273319755e0801ea84a3b5f4", class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (r) => this.scrollContainer = r }, o("slot", { key: "fdb01cb595ee1dac680030363372baa01f81d9f5" }))), o("div", { key: "99893aec66d60415d79b6b5dacda8dfa8161b9ff", class: "modal__secondary-content", style: { maxWidth: this.secondaryContentMaxWidth, flex: this.secondaryContentFlex, padding: this.secondaryContentPadding ? `var(--s-space-${this.secondaryContentPadding})` : void 0, paddingBlockEnd: this.secondaryContentPaddingBlockEnd ? `var(--s-space-${this.secondaryContentPaddingBlockEnd})` : void 0, paddingBlockStart: this.secondaryContentPaddingBlockStart ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0, paddingInlineEnd: this.secondaryContentPaddingInlineEnd ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0, paddingInlineStart: this.secondaryContentPaddingInlineStart ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0 } }, o("slot", { key: "02a9d4aa333d2ddfd47dac5501bace0338e639b9", name: "secondary-content" }))), o("div", { key: "f8eb1c1c403f141ada2243733b79a9853eb57f8d", class: "modal__custom-footer" }, o("slot", { key: "46bf6e34ab9f85015f49397ab1e8388a68850adb", name: "custom-footer" })), e && o("footer", { key: "450e3b2536635df3dae0a7c2bc7d010508c82ecd", class: "modal__controls" }, o("swirl-button-group", { key: "212e04c4d656c00ebe8c070e5f84c83590833c33", wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { key: "cb0c6fb2ff40704bd4ad4c2f355e94e1698083c1", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { key: "bbce31c6c4e299b27771808549b07d7b0cf13de2", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
|
|
29850
29898
|
}
|
|
29851
29899
|
get el() {
|
|
29852
29900
|
return this;
|
|
@@ -29920,9 +29968,12 @@ const vE = _(class extends x {
|
|
|
29920
29968
|
this.pageSize !== r && this.setPageSize.emit(r);
|
|
29921
29969
|
};
|
|
29922
29970
|
}
|
|
29971
|
+
disconnectedCallback() {
|
|
29972
|
+
this.pageInput = void 0;
|
|
29973
|
+
}
|
|
29923
29974
|
render() {
|
|
29924
29975
|
const e = this.variant !== "simple", t = this.variant === "advanced", r = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, i = L("pagination", "pagination--variant-" + this.variant);
|
|
29925
|
-
return o(X, { key: "
|
|
29976
|
+
return o(X, { key: "c62352bc72cdb76311c91cc8f9bbb2d2ce08b858" }, o("nav", { key: "486086b66838751c4503038b3af27407c9f0f94f", "aria-label": this.label, class: i }, o("ul", { key: "70bef4b5c9b72ffce8f368d557544c612b252228", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && o("li", { key: "3c7ef8d225d7f7c5fe78703b6fb3688b12f3b0f6", class: "pagination__list-item" }, o("label", { key: "8ceb14bca8dace3e51d5fa7a51b35edabd20f1f0", class: "pagination__page-size-selection" }, o("swirl-text", { key: "32e75ce91b37f7e784b8481ff6def63de69f1fb0", whiteSpace: "inherit" }, this.pageSizeSelectLabel), o("swirl-stack", { key: "6c3ec2599e56e69c5d4c45b278a82603adfe8036", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, o("select", { key: "43a0f4ed6bfdf620046a34fb99c338c97c6eeaf5", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((a) => o("option", { key: a, selected: a === this.pageSize, value: a }, a))), o("swirl-icon-expand-more", { key: "2483260d013c9e6bafcd21fb4cb12649f3401a1d", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), o("li", { key: "af47b5f7e87ef8420d9d1fa4ce87771e164e72d1", class: "pagination__list-item" }, o("swirl-button", { key: "73b838176a2b05167996ed5592db916ab800fb35", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), o("li", { key: "9dcda51543433040b132e7f192b64c5eaf72815e", class: "pagination__list-item" }, o("swirl-button", { key: "1a1aeb69ae916324c768f7654dcd3d97210b59e6", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), e ? o("li", { class: "pagination__list-item pagination__page-label" }, o("span", null, t ? o("span", { "aria-current": "page", class: "pagination__advanced-label" }, o("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (a) => this.pageInput = a, type: "text", value: this.page }), o("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : o("span", { "aria-current": "page" }, r))) : o("li", { class: "pagination__list-item" }, o("swirl-visually-hidden", null, o("span", { "aria-current": "page" }, r))), o("li", { key: "937cc9206e21d8a5f67edb0db0c29013e34b5db8", class: "pagination__list-item" }, o("swirl-button", { key: "02f0451d5b3e555f300f084f688803987ad8ce3d", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), o("li", { key: "a6d27004846564da4c605d933de4c72436ef7d4e", class: "pagination__list-item" }, o("swirl-button", { key: "4270f8be9aeb43fbcd0ce53ed734c97c0df728bd", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
|
|
29926
29977
|
}
|
|
29927
29978
|
static get style() {
|
|
29928
29979
|
return ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
|
|
@@ -29994,7 +30045,7 @@ const vE = _(class extends x {
|
|
|
29994
30045
|
}
|
|
29995
30046
|
disconnectedCallback() {
|
|
29996
30047
|
var e;
|
|
29997
|
-
this.unlockBodyScroll(), (e = this.modalEl) != null && e.open && this.modalEl.close();
|
|
30048
|
+
this.unlockBodyScroll(), (e = this.modalEl) != null && e.open && this.modalEl.close(), this.modalEl = void 0, this.menu = void 0, this.viewer = void 0, this.pdfViewer = void 0;
|
|
29998
30049
|
}
|
|
29999
30050
|
ensureOpening() {
|
|
30000
30051
|
var e;
|
|
@@ -30037,10 +30088,10 @@ const vE = _(class extends x {
|
|
|
30037
30088
|
}
|
|
30038
30089
|
render() {
|
|
30039
30090
|
const e = !!this.el.querySelector("[slot='menu-items']") || this.printButtonEnabled || this.downloadButtonEnabled, t = L("pdf-reader", { "pdf-reader--closing": this.closing, "pdf-reader--hide-menu": !e, "pdf-reader--show-thumbnails": this.showThumbnails });
|
|
30040
|
-
return o(X, { key: "
|
|
30091
|
+
return o(X, { key: "d1bfe229975eadc2da9a6562bab6fbce7bed358e" }, o("dialog", { key: "48a2bea7d4b45f73d419c62612b50af289a44322", "aria-label": this.label, class: t, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (r) => this.modalEl = r }, o("div", { key: "fe05305fb3d7fe61a7bb063a565a50ce2021a3ea", class: "pdf-reader__body", role: "document" }, o("header", { key: "17fd14cdffb7284f86b113de8751ba23f5df08bc", class: "pdf-reader__header" }, o("span", { key: "045be96e0f274ad146783cac9a683b48ada0f06f", class: "pdf-reader__header-left" }, o("swirl-button", { key: "14f88c19192b42c45d20da30e3e61eb4a43f3366", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), o("span", { key: "52abe416aeeaa08606570cde896b3f7dd20f6087", class: "pdf-reader__label" }, this.label)), o("span", { key: "8d0dceaf4b120b2ca8539d86cdc019916e30a8d1", class: "pdf-reader__header-center" }, o("span", { key: "1f7f7e7c9c1cc230246f13c182d893905d59f536", class: "pdf-reader__zoom-button-container" }, o("swirl-button", { key: "cbed82c98f12e99c936963936240b4bc74b43e56", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), o("swirl-button", { key: "4c0aa632be2e8e69c9790a7d5a8241a1371e57cd", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), o("span", { key: "6fef3be9be3fd419c3358b3b4c2660e761b9173b", class: "pdf-reader__zoom-select-container" }, o("select", { key: "31a5e5f8570e575fb3f20f16757e6b26756d02b9", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, o("option", { key: "44102faccde1156c05ef630d1a8d6ccaead13475", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((r) => o("option", { key: r, selected: this.zoom === r, value: r }, 100 * r, "%"))), o("swirl-icon-expand-more", { key: "a8f3b7e9c037fc007e593e4546dbdf00b5c124f5", class: "pdf-reader__zoom-select-icon" }))), o("span", { key: "4843cf2a83b6a5156004bd759c5d8eeaaed7c84d", class: "pdf-reader__header-right" }, o("swirl-popover-trigger", { key: "c904995a1f5cc70b35a441ec9e3b2043d5e0052d", swirlPopover: this.menu }, o("swirl-button", { key: "58a2cbb7c855cbe3a8ffe133240a8b1d4ad93903", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), o("span", { key: "8f288242187e2593c694031a1d83cf7b0cdefca9", class: "pdf-reader__floating-tools" }, o("button", { key: "a66f4eb02a2a7bfeb966952df3574dd72c29b1fb", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, o("swirl-icon-menu-book", { key: "e801f7fa12f4a21d43136834348529ff7b1b4e16" })), o("button", { key: "0d88e387d0070328d454452d420e70398d6d66a0", "aria-controls": "thumbnails", "aria-expanded": !!this.showThumbnails + "", "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, o("swirl-icon-file-copy", { key: "f15c586f05ae3b05513b90641d67179d18e67006" })))), o("div", { key: "c05e9acf408d076bf9ede0611ab4303e1d0db4e0", class: "pdf-reader__content" }, o("nav", { key: "aa9a980f730e4cf11db8f3d962e6453bc8ec6329", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && o("swirl-spinner", { key: "5db28a36d11b5a9138abfb2a74fddd933ecd52ea" }), !this.loadingThumbnails && this.thumbnails.map((r, i) => {
|
|
30041
30092
|
const a = L("pdf-reader__thumbnail", { "pdf-reader__thumbnail--active": this.visiblePages[0] === i + 1 });
|
|
30042
30093
|
return o("button", { "aria-label": `${this.thumbnailButtonLabel} ${i + 1}`, class: a, onClick: this.onThumbnailClick(i), type: "button" }, o("img", { src: r.toDataURL("image/png"), alt: "" }));
|
|
30043
|
-
})), o("swirl-file-viewer", { key: "
|
|
30094
|
+
})), o("swirl-file-viewer", { key: "df0a706aeb4e0c1a90b140c814bbcd3df93b790e", active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (r) => this.viewer = r, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), o("div", { key: "d9580d6533f27aafc86229feb8bbdf2eea7a7495", class: "pdf-reader__mobile-zoom-controls" }, o("button", { key: "8ee379846c1e3b31bd1bb404d8692bd391b2c4af", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, o(this.zoom === "auto" ? "swirl-icon-fullscreen-exit" : "swirl-icon-fullscreen", null)), o("button", { key: "b2ef3fda47fc25d4840ac066c8638ae31e420610", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, o("swirl-icon-add", { key: "adfbfb1c5794d6a96a51cf62f5fa61571afb4b5f" })), o("button", { key: "082b764a1ba9522ff1166382bf41b8d774a0f1e0", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, o("swirl-icon-remove", { key: "318b0bc143baaf2e69ba5c6bfcf1b2d3511f927d" }))))), o("swirl-popover", { key: "8c6a0f529f11716db9eedddb70980d736d80be7c", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (r) => this.menu = r }, o("swirl-stack", { key: "bb33b2f93c218e6f14cb955de72afb0c8b1da273" }, o("div", { key: "47e71f6a97358203c7920ea71b225f1ab8f82848", class: "pdf-reader__meta" }, o("div", { key: "e2ac5069ce7a4e0bc35527e607b153f979cc12ae", class: "pdf-reader__file-icon" }, o("svg", { key: "caa8b1f63398407bef914ab4b22b7c71fafa97bd", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, o("path", { key: "4308dd30fec33d888f4b120782aa0de05486f93c", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), o("path", { key: "c14f2ce4ef49239e3fe7ee0156c4f3b8a5e97b87", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), o("path", { key: "ac552bdfc86e8c986fe4b43174203769988b4726", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), o("path", { key: "aae726e3534faea09d9714834f32ac6e0e5c34bb", d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), o("path", { key: "2ecdac0b2d2c2d4dfc05dca8b0e067183823d92c", d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), o("path", { key: "ad65a416e4d212d34449d4871c210ed4afa1a0a3", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), o("path", { key: "2e18e6c520edc21d27e33450ef950da30cdfbe7f", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), o("path", { key: "a4cb8532c6e1253cba46f999d9dea9dfa3e975f4", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), o("div", { key: "6fb581e7bea5c9b7962a98b38b20dfa767eb6875", class: "pdf-reader__file-info" }, o("swirl-text", { key: "cb7d218d67f5b456d59a74301ea97fb03d52bd36", truncate: !0, weight: "semibold" }, this.label), o("swirl-text", { key: "72cc8ea09b5a787040acd25553e28c7feca0c12c", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), e && o("swirl-separator", { key: "6a65c58c114cdac0bc4aafb13d8610c4ee825dd2" }), o("swirl-action-list", { key: "ba37be27113e445d1c3d54e7b6b285995fdc7c59", class: "pdf-reader__menu" }, this.printButtonEnabled && o("swirl-action-list-item", { key: "1936c5a1801b963b3fd2a46a3598c7c8b8b4ba6c", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && o("swirl-action-list-item", { key: "75faf8aa97d0f26cca88601d975418aa1af91e59", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), o("slot", { key: "a887d4f2a232adc5ec92e3a518bbee92c53841cb", name: "menu-items" }))))));
|
|
30044
30095
|
}
|
|
30045
30096
|
get el() {
|
|
30046
30097
|
return this;
|
|
@@ -30156,7 +30207,7 @@ const vE = _(class extends x {
|
|
|
30156
30207
|
this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.addValueChangeListeners();
|
|
30157
30208
|
}
|
|
30158
30209
|
disconnectedCallback() {
|
|
30159
|
-
this.removeValueChangeListeners();
|
|
30210
|
+
this.removeValueChangeListeners(), this.radioButtons = void 0;
|
|
30160
30211
|
}
|
|
30161
30212
|
initValue() {
|
|
30162
30213
|
if (this.value === void 0)
|
|
@@ -30176,7 +30227,7 @@ const vE = _(class extends x {
|
|
|
30176
30227
|
});
|
|
30177
30228
|
}
|
|
30178
30229
|
render() {
|
|
30179
|
-
return o(X, { key: "
|
|
30230
|
+
return o(X, { key: "80f240e0de233157df5ed9403e9bbc09011faecb", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, o("div", { key: "b5dc99d17e784e0e807d32ba558650d9c0b4b559", class: "radio-group" }, o("slot", { key: "9ecdae27e4db5b9a631405faf1ac6c839d1b83f1" })));
|
|
30180
30231
|
}
|
|
30181
30232
|
get el() {
|
|
30182
30233
|
return this;
|
|
@@ -30231,7 +30282,7 @@ const vE = _(class extends x {
|
|
|
30231
30282
|
});
|
|
30232
30283
|
}
|
|
30233
30284
|
disconnectedCallback() {
|
|
30234
|
-
this.mediaQueryUnsubscribe();
|
|
30285
|
+
this.mediaQueryUnsubscribe(), this.iconEl = void 0;
|
|
30235
30286
|
}
|
|
30236
30287
|
forceIconProps(e) {
|
|
30237
30288
|
if (!this.iconEl)
|
|
@@ -30241,7 +30292,7 @@ const vE = _(class extends x {
|
|
|
30241
30292
|
}
|
|
30242
30293
|
render() {
|
|
30243
30294
|
const e = !!this.errorMessage, t = !e && !!this.description, r = !e && this.loading, i = this.removable && !r, a = this.el.closest('[role="grid"]') ? "row" : "listitem", n = a === "row" ? "gridcell" : void 0, s = L("resource-list-file-item", { "resource-list-file-item--has-control": r || i });
|
|
30244
|
-
return o(X, { key: "
|
|
30295
|
+
return o(X, { key: "be91e26256d81771ddf7d7caa1cd3eaaf76eb74f", role: a }, o("div", { key: "4badde2583822b56adb751032492639d21d6b6f8", class: s, part: "resource-list-file-item", role: n }, o("span", { key: "ee2d2ec4f7be049d4f8fcf7af64f2d0cb9fd0d1c", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (c) => this.iconEl = c }), o("span", { key: "9f8b05a5ee3e86ea47b47721a7124c15ceb52517", class: "resource-list-file-item__label-container" }, o("span", { key: "3c6d75f6c5acc7e2ce065656adef0ceba847bfff", class: "resource-list-file-item__label", id: "label" }, this.label), t && o("span", { key: "09297d5d6a9a1ff7c94e972bceaeb6a51e84a7f4", class: "resource-list-file-item__description" }, this.description), e && o("span", { key: "feca63cd8fe82e7ebb2f0e420a92af7ae175d38d", "aria-live": "polite", class: "resource-list-file-item__error-message" }, o("swirl-inline-error", { key: "31f7f59ca7dff2c4abd0ad90ea06408e1e9a254e", message: this.errorMessage, size: "s" }))), r && o("span", { key: "730eab93629d2d308f70323480bb36ae97457a20", class: "resource-list-file-item__spinner" }, o("swirl-spinner", { key: "fb1e2d595ab63112f55db29c14b4457e0e5bd603", size: "s" })), i && o("span", { key: "4d5d0dca95dff4751fb12cda4d02c3d2f1b08f98", class: "resource-list-file-item__remove-button" }, o("swirl-button", { key: "e13a0b573fb7e592d1befd01ee71a4e24c26f7b4", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
|
|
30245
30296
|
}
|
|
30246
30297
|
get el() {
|
|
30247
30298
|
return this;
|
|
@@ -30438,7 +30489,7 @@ const vE = _(class extends x {
|
|
|
30438
30489
|
}
|
|
30439
30490
|
disconnectedCallback() {
|
|
30440
30491
|
var e, t, r;
|
|
30441
|
-
(e = this.sortable) == null || e.destroy(), (t = this.observer) == null || t.disconnect(), (r = this.controllingElement) == null || r.removeEventListener("keydown", this.onKeyDown), this.removeToggleDragListeners();
|
|
30492
|
+
(e = this.sortable) == null || e.destroy(), (t = this.observer) == null || t.disconnect(), (r = this.controllingElement) == null || r.removeEventListener("keydown", this.onKeyDown), this.removeToggleDragListeners(), this.gridEl = void 0, this.items = void 0;
|
|
30442
30493
|
}
|
|
30443
30494
|
observeSlotChanges() {
|
|
30444
30495
|
this.observer = new MutationObserver(() => {
|
|
@@ -30513,7 +30564,7 @@ const vE = _(class extends x {
|
|
|
30513
30564
|
}
|
|
30514
30565
|
render() {
|
|
30515
30566
|
var e, t, r, i, a, n;
|
|
30516
|
-
return o(X, { key: "
|
|
30567
|
+
return o(X, { key: "d314ca1f6fbf6df4d570d8950a1ee229d68aaae9", onKeyDown: this.onKeyDown }, o("swirl-visually-hidden", { key: "63fbf6cda7d94d3e1c18763cf90a20d00140edc9", role: "alert" }, this.assistiveText), o("swirl-box", { key: "051bb55494826bf54755d98b0eec2c654576ac16", paddingBlockEnd: (e = this.paddingBlockEnd) != null ? e : this.padding, paddingBlockStart: (t = this.paddingBlockStart) != null ? t : this.padding, paddingInlineEnd: (i = (r = this.paddingInlineEnd) != null ? r : this.padding) != null ? i : "8", paddingInlineStart: (n = (a = this.paddingInlineStart) != null ? a : this.padding) != null ? n : "8" }, o("swirl-stack", { key: "8f7becd910d6a7e80ea1ec8be0853fee095397b6", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (s) => this.gridEl = s, role: this.semantics, spacing: this.spacing }, o("slot", { key: "2fe292954ec1c39b55ca40628868b402c3db664a" }))));
|
|
30517
30568
|
}
|
|
30518
30569
|
get el() {
|
|
30519
30570
|
return this;
|
|
@@ -30563,7 +30614,7 @@ const vE = _(class extends x {
|
|
|
30563
30614
|
});
|
|
30564
30615
|
}
|
|
30565
30616
|
disconnectedCallback() {
|
|
30566
|
-
this.mediaQueryUnsubscribe();
|
|
30617
|
+
this.mediaQueryUnsubscribe(), this.input = void 0, this.iconEl = void 0;
|
|
30567
30618
|
}
|
|
30568
30619
|
forceIconProps(e) {
|
|
30569
30620
|
if (!this.iconEl)
|
|
@@ -30576,7 +30627,7 @@ const vE = _(class extends x {
|
|
|
30576
30627
|
}
|
|
30577
30628
|
render() {
|
|
30578
30629
|
const e = L("search", "search--variant-" + this.variant, { "search--disabled": this.disabled });
|
|
30579
|
-
return o(X, { key: "
|
|
30630
|
+
return o(X, { key: "f47623f615190d766065bb8d5b124bfa738aba63" }, o("span", { key: "96dda23f4f421d431961c032e29ff9c2ccd39e43", class: e, ref: (t) => this.iconEl = t }, o("swirl-icon-search", { key: "74c1b7124cc2df8bf0600ff17e63062a2ad2b65c", "aria-hidden": "true", class: "search__icon" }), o("input", { key: "c7f9ac930adfed4c0117d13e910ae4df4360d464", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (t) => this.input = t, type: "search", value: this.value }), !this.disabled && this.clearable && o("button", { key: "1b222766e3dbb4a69bbb1d35c6060525a81c5aff", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, o("swirl-icon-cancel", { key: "65ae064f78f3861a26103646189a76a3600bb407" }))));
|
|
30580
30631
|
}
|
|
30581
30632
|
static get style() {
|
|
30582
30633
|
return ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--variant-ghost.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";
|
|
@@ -30596,7 +30647,7 @@ const vE = _(class extends x {
|
|
|
30596
30647
|
});
|
|
30597
30648
|
}, NE = _(class extends x {
|
|
30598
30649
|
constructor(e) {
|
|
30599
|
-
super(), e !== !1 && this.__registerHost(), this.searchChange = U(this, "searchChange", 7), this.valueChange = U(this, "valueChange", 7), this.allowDeselect = !0, this.emptyListLabel = "No results found.", this.searchInputLabel = "Search options", this.selectId = "" + Math.round(1e6 * Math.random()), this.options = [], this.select = (t) => {
|
|
30650
|
+
super(), e !== !1 && this.__registerHost(), this.searchChange = U(this, "searchChange", 7), this.valueChange = U(this, "valueChange", 7), this.allowDeselect = !0, this.emptyListLabel = "No results found.", this.searchInputLabel = "Search options", this.selectId = "" + Math.round(1e6 * Math.random()), this.options = [], this.typeaheadBuffer = "", this.select = (t) => {
|
|
30600
30651
|
t.stopPropagation(), this.value = t.detail, this.multiSelect || this.swirlPopover.close();
|
|
30601
30652
|
}, this.unselectOption = (t) => {
|
|
30602
30653
|
this.allowDeselect && (this.value = this.value.filter((r) => r !== t));
|
|
@@ -30604,9 +30655,9 @@ const vE = _(class extends x {
|
|
|
30604
30655
|
this.updateOptions();
|
|
30605
30656
|
}, this.onOpen = (t) => {
|
|
30606
30657
|
var r, i;
|
|
30607
|
-
this.placement = (r = t.detail.position) == null ? void 0 : r.placement, this.open = !0, this.withSearch && this.searchInput ? this.searchInput.focus() : (i = this.optionList.querySelector('[tabIndex="0"]')) == null || i.focus();
|
|
30658
|
+
this.placement = (r = t.detail.position) == null ? void 0 : r.placement, this.open = !0, this.typeaheadBuffer = "", clearTimeout(this.typeaheadTimeout), this.withSearch && this.searchInput ? this.searchInput.focus() : (i = this.optionList.querySelector('[tabIndex="0"]')) == null || i.focus();
|
|
30608
30659
|
}, this.onClose = () => {
|
|
30609
|
-
this.searchInput && (this.searchInput.value = "", this.searchChange.emit("")), this.open = !1, this.input.focus();
|
|
30660
|
+
this.searchInput && (this.searchInput.value = "", this.searchChange.emit("")), this.typeaheadBuffer = "", clearTimeout(this.typeaheadTimeout), this.open = !1, this.input.focus();
|
|
30610
30661
|
}, this.onKeyDown = (t) => {
|
|
30611
30662
|
var r;
|
|
30612
30663
|
if (t.code === "Space" || t.code === "Enter") {
|
|
@@ -30614,7 +30665,7 @@ const vE = _(class extends x {
|
|
|
30614
30665
|
return;
|
|
30615
30666
|
t.preventDefault(), this.swirlPopover.open(this.el);
|
|
30616
30667
|
} else
|
|
30617
|
-
t.code === "ArrowDown" && t.target === this.searchInput
|
|
30668
|
+
t.code === "ArrowDown" && t.target === this.searchInput ? (r = this.optionList.querySelector('[tabIndex="0"]')) == null || r.focus() : this.isTypeaheadKey(t) && (t.preventDefault(), t.stopPropagation(), this.handleTypeahead(t.key));
|
|
30618
30669
|
}, this.onSearchInput = (t) => {
|
|
30619
30670
|
this.searchChange.emit(t.target.value);
|
|
30620
30671
|
};
|
|
@@ -30626,7 +30677,7 @@ const vE = _(class extends x {
|
|
|
30626
30677
|
}
|
|
30627
30678
|
disconnectedCallback() {
|
|
30628
30679
|
var e;
|
|
30629
|
-
(e = this.observer) == null || e.disconnect();
|
|
30680
|
+
(e = this.observer) == null || e.disconnect(), clearTimeout(this.typeaheadTimeout), this.input = void 0, this.searchInput = void 0, this.swirlPopover = void 0, this.optionList = void 0;
|
|
30630
30681
|
}
|
|
30631
30682
|
onWindowFocusIn(e) {
|
|
30632
30683
|
e.target === this.el.querySelector("input") && e.stopImmediatePropagation();
|
|
@@ -30642,6 +30693,49 @@ const vE = _(class extends x {
|
|
|
30642
30693
|
updateOptions() {
|
|
30643
30694
|
this.options = pe(this.el, "swirl-option-list-item");
|
|
30644
30695
|
}
|
|
30696
|
+
isTypeaheadKey(e) {
|
|
30697
|
+
return e.target !== this.searchInput && !(e.metaKey || e.ctrlKey || e.altKey) && e.key.length === 1 && e.key !== " ";
|
|
30698
|
+
}
|
|
30699
|
+
handleTypeahead(e) {
|
|
30700
|
+
const t = e.toLowerCase();
|
|
30701
|
+
if (clearTimeout(this.typeaheadTimeout), this.typeaheadBuffer.length > 0 && [...this.typeaheadBuffer].every((r) => r === t))
|
|
30702
|
+
this.typeaheadBuffer += t, this.cycleTypeahead(t);
|
|
30703
|
+
else {
|
|
30704
|
+
const r = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
|
|
30705
|
+
this.typeaheadBuffer = r ? t : this.typeaheadBuffer + t, this.prefixMatchTypeahead(this.typeaheadBuffer) || (this.typeaheadBuffer = t, this.prefixMatchTypeahead(this.typeaheadBuffer));
|
|
30706
|
+
}
|
|
30707
|
+
this.typeaheadTimeout = setTimeout(() => {
|
|
30708
|
+
this.typeaheadBuffer = "";
|
|
30709
|
+
}, 500);
|
|
30710
|
+
}
|
|
30711
|
+
cycleTypeahead(e) {
|
|
30712
|
+
const t = this.options.filter((a) => !a.disabled).filter((a) => {
|
|
30713
|
+
var n;
|
|
30714
|
+
return (n = a.label) == null ? void 0 : n.toLowerCase().startsWith(e);
|
|
30715
|
+
});
|
|
30716
|
+
if (t.length === 0)
|
|
30717
|
+
return;
|
|
30718
|
+
const r = this.getTypeaheadAnchorValue(), i = t.findIndex((a) => a.value === r);
|
|
30719
|
+
this.applyTypeaheadMatch(t[(i + 1) % t.length]);
|
|
30720
|
+
}
|
|
30721
|
+
prefixMatchTypeahead(e) {
|
|
30722
|
+
const t = this.options.filter((r) => !r.disabled).find((r) => {
|
|
30723
|
+
var i;
|
|
30724
|
+
return (i = r.label) == null ? void 0 : i.toLowerCase().startsWith(e);
|
|
30725
|
+
});
|
|
30726
|
+
return !!t && (this.applyTypeaheadMatch(t), !0);
|
|
30727
|
+
}
|
|
30728
|
+
getTypeaheadAnchorValue() {
|
|
30729
|
+
var e;
|
|
30730
|
+
if (this.open) {
|
|
30731
|
+
const t = this.options.find((r) => r.querySelector('[role="option"][tabindex="0"]'));
|
|
30732
|
+
return t == null ? void 0 : t.value;
|
|
30733
|
+
}
|
|
30734
|
+
return (e = this.value) == null ? void 0 : e[this.value.length - 1];
|
|
30735
|
+
}
|
|
30736
|
+
applyTypeaheadMatch(e) {
|
|
30737
|
+
this.open && this.optionList.focusItemWithValue(e.value);
|
|
30738
|
+
}
|
|
30645
30739
|
getValueLabel() {
|
|
30646
30740
|
var e;
|
|
30647
30741
|
return this.value ? (e = this.value) == null ? void 0 : e.map((t) => {
|
|
@@ -30652,7 +30746,7 @@ const vE = _(class extends x {
|
|
|
30652
30746
|
render() {
|
|
30653
30747
|
var n, s;
|
|
30654
30748
|
const e = this.getValueLabel(), t = this.invalid === !0 || this.invalid === !1 ? this.invalid + "" : void 0, r = this.el.closest("swirl-form-control"), i = this.standalone ? [-8, 0] : (r == null ? void 0 : r.inline) || (r == null ? void 0 : r.labelPosition) === "outside" ? [0, -12] : [0, -16], a = L("select", "select--placement-" + this.placement, { "select--disabled": this.disabled, "select--inline": this.inline, "select--multi": this.multiSelect, "select--search-loading": this.searchLoading, "select--standalone": this.standalone });
|
|
30655
|
-
return o(X, { key: "
|
|
30749
|
+
return o(X, { key: "7bf405e42a08e34da534dccfb2203d576cda31ba", onKeyDown: this.onKeyDown }, o("div", { key: "59365d21905e2ff596e99b19db132754ddfe6d2e", class: a }, o("swirl-popover-trigger", { key: "feeb3c923d267f0c99163a6ca249dc6ce60c7a13", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, o("swirl-stack", { key: "edf9e5abea9ba2f89d9c9efb70c6b44b1af305d1", class: "select__value-container" }, this.standalone && o("span", { key: "ec87d092e25d150d38b905ffad1213dbbe4e0ac6", "aria-hidden": "true", class: "select__resize-helper" }, e), o("input", { key: "e6f2880b432db5e1b945ce032710ce2e1379e3ab", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (c) => this.input = c, type: "text", value: e }))), o("span", { key: "8984ef2a37975d8865263a4d5b460ba405ed0596", class: "select__multi-select-values" }, (s = (n = this.value) == null ? void 0 : n.map((c) => this.options.find((l) => l.value === c))) == null ? void 0 : s.map((c) => o("swirl-tag", { "aria-hidden": "true", label: c == null ? void 0 : c.label, onRemove: () => this.unselectOption(c == null ? void 0 : c.value), removable: !this.disabled && this.allowDeselect && !(c != null && c.disabled) }))), o("span", { key: "bab3d0b90c28df47f198b361c899cff6419a9083", class: "select__indicator" }, o(this.open ? "swirl-icon-expand-less" : "swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), o("swirl-popover", { key: "28ab12f834976e7fa35a8145110a887ba4776a6c", animation: "scale-in-y", class: "select__popover", id: "select-options-" + this.selectId, label: this.label, offset: i, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (c) => this.swirlPopover = c, useContainerWidth: !this.standalone && "swirl-form-control" }, this.withSearch && o("div", { key: "155e2902f206be7c7daaf52a03cae85c58363195", class: "select__search" }, o("swirl-icon-search", { key: "e15f38009dfab8ab5bbbd3077ccf8eb335f459d5", class: "select__search-icon", size: 20 }), o("input", { key: "e8497be3210a5b41d84cdcf7051ac162567c6acf", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (c) => this.searchInput = c, type: "search" }), this.searchLoading && o("swirl-spinner", { key: "e418b2d9a3e1a4bf346d02dc087c32d811e1e73f", class: "select__search-spinner", size: "s" })), o("swirl-option-list", { key: "c327a334306eca7e42bebc1ff4d92d3f210ab226", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (c) => this.optionList = c, value: this.value }, !this.searchLoading && o("div", { key: "bf3b86de3886107c13b8323e3d5943fb5cb547d1", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, o("swirl-text", { key: "748470b5b35e928c0a14903d0ae22f946e29e5c7", color: "subdued", weight: "medium" }, this.emptyListLabel)), o("slot", { key: "462979bc9c414467bbc4fbfea57d233889207188", onSlotchange: this.onSlotChange })))));
|
|
30656
30750
|
}
|
|
30657
30751
|
get el() {
|
|
30658
30752
|
return this;
|
|
@@ -31198,7 +31292,7 @@ const VC = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", AC = "SWIRL_SHELL_
|
|
|
31198
31292
|
}
|
|
31199
31293
|
disconnectedCallback() {
|
|
31200
31294
|
var e, t;
|
|
31201
|
-
(e = this.focusTrap) == null || e.deactivate(), (t = this.navMutationObserver) == null || t.disconnect();
|
|
31295
|
+
(e = this.focusTrap) == null || e.deactivate(), (t = this.navMutationObserver) == null || t.disconnect(), this.navElement = void 0;
|
|
31202
31296
|
}
|
|
31203
31297
|
onWindowKeyDown(e) {
|
|
31204
31298
|
e.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
|
|
@@ -31243,7 +31337,7 @@ const VC = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", AC = "SWIRL_SHELL_
|
|
|
31243
31337
|
}
|
|
31244
31338
|
render() {
|
|
31245
31339
|
const e = this.navigationCollapsed && this.isDesktopViewport, t = !!this.el.querySelector("[slot='secondary-nav']"), r = L("shell-layout", { "shell-layout--branded-header": this.brandedHeader, "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed, "shell-layout--has-secondary-nav": t, "shell-layout--mobile-navigation-active": this.mobileNavigationActive, "shell-layout--navigation-collapsed": e });
|
|
31246
|
-
return o(X, { key: "
|
|
31340
|
+
return o(X, { key: "091de451e252615aaa314505c1404511029597e2" }, o("div", { key: "f294e785393f1bb1c8eb8c3383ceb8e2a39578b9", class: r }, o("header", { key: "f4047cb1e97edcdfd3f12681c6a62e20eea94dc0", class: "shell-layout__header", "data-tauri-drag-region": "true" }, o("button", { key: "7fd9d2c2ae44690e4a64e4e61da27e2c9b4a7078", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), o("div", { key: "797eb57980c1ecb61f68b015a1d1313ff457b61f", class: "shell-layout__header-left" }, o("swirl-tooltip", { key: "57b72ed48a06333c3581381cfa61974a4160c414", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, o("button", { key: "65cc9a80cd68ed9b5b343785ee0ac3f387f95ce7", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, o(this.navigationCollapsed ? "swirl-icon-dock-left-expand" : "swirl-icon-dock-left-collapse", { size: 20 }), o("swirl-visually-hidden", { key: "373fdb615a92e8fa485955b94e366d62a00c3541" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), o("a", { key: "0b96f11b6a3d71e0c7ecde65f245ba1f08e40569", class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, o("swirl-icon-arrow-back", { key: "9de9bfe1c09327ff15eaa39c9c6325096c23021e", size: 20 }), o("swirl-visually-hidden", { key: "6c69e851f88b56810cb2ce2d334c1cc09bcac69e" }, this.browserBackButtonLabel)), o("a", { key: "60554393c9a32890c6444f1dd833a46ca3f40add", class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, o("swirl-icon-arrow-forward", { key: "fd803b5d0191f7d7fb297fb4b00184d1d684748b", size: 20 }), o("swirl-visually-hidden", { key: "ea8851295076fc8778943d78c78696c036462225" }, this.browserForwardButtonLabel)), o("slot", { key: "62bd487e7ed5e5f797d08c1e298aa45082157687", name: "left-header-tools" })), o("div", { key: "0864fa88ac64a1a97dffae7ca70ecb535181419c", class: "shell-layout__logo" }, o("slot", { key: "e1017433727d1d1c761e365e9476786dced91673", name: "logo" })), o("div", { key: "c25c45ab00c254c549fd55ce99e8d85641586075", class: "shell-layout__header-right" }, o("slot", { key: "3729ad9cc42307f2800c43fdc99b215a06d79627", name: "right-header-tools" }), o("slot", { key: "7995d0b2f0c36524505092870e2cb3922e1835aa", name: "avatar" }))), o("div", { key: "5a4540e64f73d93230df7bace5f3047bbd23a99f", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), o("nav", { key: "2dcb1da57e9709967549622b1f1700b40df2e857", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (i) => this.navElement = i }, o("div", { key: "c7e9ea09b3fccb20c0149c2d0812ae9512961024", class: "shell-layout__mobile-header" }, o("slot", { key: "e7d5048d3cce210d54121c386defe83d85085759", name: "mobile-logo" }), o("div", { key: "66ad690f3b80a0e9ea34bbffd241ac98f71d0d1d", class: "shell-layout__mobile-header-tools" }, o("slot", { key: "e8b1ccf70d11c93de7b9cd78d19873ef56cc0728", name: "mobile-header-tools" }), o("button", { key: "04c962c0e0cabef4e3919b58efb14046a76a4110", class: "shell-layout__header-tool", type: "button" }, o("swirl-icon-double-arrow-left", { key: "ffb1add80c035385fc03b8562fc5a149566d24df", size: 20 }), o("swirl-visually-hidden", { key: "22b817f37807c47816c9800855688391e3e14d8c" }, this.hideMobileNavigationButtonLabel)))), o("div", { key: "b12d6c2289a97a5382c297abc44fc9f538150589", class: "shell-layout__nav-body" }, o("swirl-visually-hidden", { key: "c0d7bb57044d3e081f4f735b6d9bf92065e8e000" }, o("span", { key: "4163bd2c0411ebe70fceb147756282f595c731aa", id: "main-navigation-label" }, this.navigationLabel)), o("slot", { key: "4330a9c4bfa983c59df97dd7a6c27f45d18f23c6", name: "nav", onSlotchange: this.collectNavItems }), o("div", { key: "5600fcf19a0dc4448db1450d0c92a6485041fe65", class: "shell-layout__secondary-nav" }, o("swirl-separator", { key: "b48784130ef493f05e1d36d78669f66b8f1a0599", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && o("swirl-box", { key: "e427eae45746b9fd2208e93b1ec0d840de09e1cc", paddingBlockEnd: "16" }, o("swirl-stack", { key: "e89ca8f19837f4886cf05b0a0eb9f2df9c0c227a", justify: e ? "center" : "space-between", orientation: "horizontal" }, o("swirl-button", { key: "a694081a963d6a9306c6d17cc8e66e22a6a0e069", hideLabel: e, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !e && !this.secondaryNavCollapsed && o("swirl-button", { key: "3e3ec35285f8b7a5c181ad8a4b4da808f5d7f8fc", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), o("div", { key: "12c7bdb23fd7f5abbf2322406f773862fb9a8e6a", class: { ["shell-layout__secondary-nav-items--" + this.secondaryNavGridLayoutVariant]: !0, "shell-layout__secondary-nav-items": !0, "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && this.secondaryNavView === "grid" } }, o("slot", { key: "41257a7558784494d3db1fa4aa3e47233bed0f87", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), o("main", { key: "f5ed6172ff5e0b57588be2f2da8075a1853da5cd", class: "shell-layout__main", id: "main-content" }, o("slot", { key: "071e97cc3e818eb392f5fff166c72fe3587ad9ca" }))));
|
|
31247
31341
|
}
|
|
31248
31342
|
get el() {
|
|
31249
31343
|
return this;
|
|
@@ -31378,12 +31472,15 @@ const VC = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", AC = "SWIRL_SHELL_
|
|
|
31378
31472
|
this.checked = !this.checked, this.valueChange.emit(this.checked);
|
|
31379
31473
|
};
|
|
31380
31474
|
}
|
|
31475
|
+
disconnectedCallback() {
|
|
31476
|
+
this.inputEl = void 0;
|
|
31477
|
+
}
|
|
31381
31478
|
async toggle() {
|
|
31382
31479
|
this.inputEl.dispatchEvent(new Event("change"));
|
|
31383
31480
|
}
|
|
31384
31481
|
render() {
|
|
31385
31482
|
const e = this.checked, t = e ? "true" : "false", r = L("switch", "switch--label-position-" + this.labelPosition, { "switch--off": !this.checked, "switch--on": e, "switch--disabled": this.disabled, "switch--hide-content": this.hideLabel && (!this.description || this.hideDescription) });
|
|
31386
|
-
return o(X, { key: "
|
|
31483
|
+
return o(X, { key: "08984d0598b45a7de6e095d1f0c3c5d323a67d37" }, o("label", { key: "2ed97ef287fc4c24029a11a8ed0e9692cdd9a025", class: r, htmlFor: this.inputId }, o("span", { key: "9d5ee4d8c3f776dab1eca606ef0814374c927f7d", class: "switch__control" }, o("swirl-visually-hidden", { key: "31aebd1c0fa8aff83d412df937ea0a9ec3e67ce6" }, o("input", { key: "92cc96364db767942fb1d6fd86e87d9e5f795c84", "aria-checked": t, "aria-label": !this.hideLabel && this.swirlAriaLabel ? this.swirlAriaLabel : void 0, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (i) => this.inputEl = i, role: "switch", type: "checkbox", value: this.value })), o("span", { key: "bff826363b2da90747060b983031562ddbe3cb6d", "aria-hidden": "true", class: "switch__thumb" })), o("swirl-stack", { key: "d4fa9fd2527b61304b07b01d4300e097813f7b24", class: "switch__content" }, this.label && !this.hideLabel && o("span", { key: "0f88e07e63743bd3ba303b6ceba3576659fa9639", class: "switch__label" }, this.label), this.hideLabel && o("swirl-visually-hidden", { key: "067929b17ae5c2c0af33980add456289a10bc406" }, this.swirlAriaLabel || this.label), this.description && !this.hideDescription && o("span", { key: "6ae63d968daad193b7e07ca3a535170092c741b9", class: "switch__description" }, this.description), this.description && this.hideDescription && o("swirl-visually-hidden", { key: "bfa1e381962986aeba4bd841d181afe930dc0aeb" }, this.description))));
|
|
31387
31484
|
}
|
|
31388
31485
|
get el() {
|
|
31389
31486
|
return this;
|
|
@@ -33301,9 +33398,12 @@ const ZK = nM, IK = cM, lM = _(class extends x {
|
|
|
33301
33398
|
}), this.isVisible = !this.isVisible;
|
|
33302
33399
|
};
|
|
33303
33400
|
}
|
|
33401
|
+
disconnectedCallback() {
|
|
33402
|
+
this.headerRowElement = void 0, this.tableRowElements = void 0;
|
|
33403
|
+
}
|
|
33304
33404
|
render() {
|
|
33305
33405
|
const e = this.el.querySelectorAll("swirl-table-row").length;
|
|
33306
|
-
return o(X, { key: "
|
|
33406
|
+
return o(X, { key: "b90def1c2d37b35bfce0dc4221a608fd20b3fee1", class: "table-row-group", role: "rowgroup" }, o("div", { key: "45847fd786589c94a6e719dc45b6e66a732ae8fb", class: "table-row-group__header-row", role: "row", ref: (t) => this.headerRowElement = t }, this.collapsible && o("swirl-button", { key: "7e7d969bb44b1d7def8ae2e2b75cc89e91dccdeb", class: "table-row-group__collapse-icon", icon: this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more", label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: this.isVisible + "", variant: "plain", hideLabel: !0 }), o("span", { key: "cc34e83778d383b5614c86450f10286e781f09e8", "aria-rowspan": e, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && o("span", { key: "093a83615c017b6415c3ea652f8e2a7b041d3ff5", class: "table-row-group__tooltip" }, o("swirl-tooltip", { key: "6789ff5db0bee0968dd4a13cb3574f603314b289", content: this.tooltip, position: "top" }, o("swirl-icon-info", { key: "33c457b176fb370a5e9343bf7b4b2982ab65ae26", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), o("div", { key: "13492710f28e076f304797887b08e0625de92f99", class: { "table-row-group__rows-container": !0, "table-row-group__rows-container--is-hidden": this.isVisible }, "aria-hidden": !this.isVisible, ref: (t) => this.tableRowElements = t }, o("slot", { key: "91d4cc517465a2653527d4dc340a592cd9e4b405" })));
|
|
33307
33407
|
}
|
|
33308
33408
|
get el() {
|
|
33309
33409
|
return this;
|
|
@@ -33415,7 +33515,7 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33415
33515
|
}
|
|
33416
33516
|
disconnectedCallback() {
|
|
33417
33517
|
var e, t, r, i;
|
|
33418
|
-
(e = this.intersectionObserver) == null || e.disconnect(), (t = this.columnMutationObserver) == null || t.disconnect(), (r = this.rowMutationObserver) == null || r.disconnect(), (i = this.sortable) == null || i.destroy();
|
|
33518
|
+
(e = this.intersectionObserver) == null || e.disconnect(), (t = this.columnMutationObserver) == null || t.disconnect(), (r = this.rowMutationObserver) == null || r.disconnect(), (i = this.sortable) == null || i.destroy(), this.container = void 0, this.headerEl = void 0, this.bodyEl = void 0;
|
|
33419
33519
|
}
|
|
33420
33520
|
handleEnableDragDropChange() {
|
|
33421
33521
|
queueMicrotask(() => {
|
|
@@ -33594,7 +33694,7 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33594
33694
|
}
|
|
33595
33695
|
render() {
|
|
33596
33696
|
const e = !!this.el.querySelector('[slot="empty"]'), t = L("table", { "table--show-empty-state": this.empty && !this.loading, "table--keyboard-move": this.movingViaKeyboard });
|
|
33597
|
-
return o(X, { key: "
|
|
33697
|
+
return o(X, { key: "6109901531c5544dd58d47d91cc2130bf4f6f4a2" }, o("div", { key: "3e5a29edc66c0bfaeb0d1489212dc4e2ef6f578a", class: t }, this.enableDragDrop && o("swirl-visually-hidden", { key: "c303c86fd622f5a44e1bc9e3b0d0901ebe6a35c9" }, o("span", { key: "af538e2d416eb1e04a6a11a783c6debfe1ea20a5", "aria-live": "assertive" }, this.liveRegionText)), o("div", { key: "c506cb3340906cc8c9f8754cd490a7643aecf0f2", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (r) => this.container = r, tabIndex: -1 }, o("div", { key: "5fe45749c5fc546b08e11a97b6170b187df52fd7", "aria-describedby": this.caption ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && o("swirl-visually-hidden", { key: "1283cba9faa24dd00b47f1626ed561461e75e435" }, o("div", { key: "0a9adc8f9eea4f169746406612dcc562c39d3e73", id: "caption" }, this.caption)), o("div", { key: "72f0c17746caa5203e9cd72adc20360513bf2bde", role: "rowgroup" }, o("div", { key: "1a59018633d78bd62aa0b8180cc6f538b0ebfc40", class: "table__header", ref: (r) => this.headerEl = r, role: "row" }, o("slot", { key: "5bdd7bca9a5c54a638e0663c5893d7618cd0ccac", name: "columns" }))), o("div", { key: "537faae1f1c48775cb014ebe4ad6822312837690", class: "table__body", ref: (r) => this.bodyEl = r }, o("slot", { key: "746dae7580e1aae2b45b28f8ba286bbab0042f33", name: "rows" }), o("div", { key: "c4168618f20e45bda48f0fd4225f0f4fdbc818fc", class: "table__empty-row", role: "row" }, o("div", { key: "e6a6763a15e0f1f28dd8a42b412bc3ebb9cb8217", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, o("slot", { key: "01b96792bf8ee4192a57ea835e2654d4dc3e27d6", name: "empty" }), !e && o("swirl-text", { key: "96a44cc7a459992c5e3b92e6f75047d38fd200b2", align: "center", size: "sm" }, this.emptyStateLabel))))))));
|
|
33598
33698
|
}
|
|
33599
33699
|
get el() {
|
|
33600
33700
|
return this;
|
|
@@ -33631,6 +33731,9 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33631
33731
|
componentWillLoad() {
|
|
33632
33732
|
this.collectTabs(), this.updateTabBarTabs();
|
|
33633
33733
|
}
|
|
33734
|
+
disconnectedCallback() {
|
|
33735
|
+
this.tabs = void 0;
|
|
33736
|
+
}
|
|
33634
33737
|
async activateTab(e) {
|
|
33635
33738
|
if (this.activeTab === e)
|
|
33636
33739
|
return;
|
|
@@ -33662,7 +33765,7 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33662
33765
|
this.tabBarTabs = this.tabs.map((e) => ({ icon: e.icon, id: e.tabId, label: e.label, active: this.activeTab === e.tabId }));
|
|
33663
33766
|
}
|
|
33664
33767
|
render() {
|
|
33665
|
-
return o(X, { key: "
|
|
33768
|
+
return o(X, { key: "db2066ae02d6970004ba9fad85abc44583146115" }, o("div", { key: "104a7be31a15387410bf4290d369d4545697efed", class: "tabs" }, o("swirl-tab-bar", { key: "6dfa0431cdcee1dd120d44a442541bac95768653", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), o("slot", { key: "3c6fb21d61ba274890cb6ce047857c338300d71c" }));
|
|
33666
33769
|
}
|
|
33667
33770
|
get el() {
|
|
33668
33771
|
return this;
|
|
@@ -33811,7 +33914,7 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33811
33914
|
}
|
|
33812
33915
|
disconnectedCallback() {
|
|
33813
33916
|
var e;
|
|
33814
|
-
(e = this.mask) == null || e.destroy(), this.mediaQueryUnsubscribe();
|
|
33917
|
+
(e = this.mask) == null || e.destroy(), this.mediaQueryUnsubscribe(), this.inputEl = void 0;
|
|
33815
33918
|
}
|
|
33816
33919
|
watchFormat() {
|
|
33817
33920
|
this.setupMask();
|
|
@@ -33853,7 +33956,7 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33853
33956
|
}
|
|
33854
33957
|
render() {
|
|
33855
33958
|
const e = this.invalid === !0 || this.invalid === !1 ? this.invalid + "" : void 0, t = L("time-input", { "time-input--inline": this.inline });
|
|
33856
|
-
return o(X, { key: "
|
|
33959
|
+
return o(X, { key: "c314d0a34a56c2e9651b3f0740083c2fc55ca57c" }, o("div", { key: "f4910e626729bc711ae790d53d580a12e98ce2e4", class: t }, o("input", { key: "1936304cf681c49d30f63ae054b68d8dfafd8da8", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (r) => this.inputEl = r, required: this.required, type: "text", readonly: this.readonly }), o("span", { key: "0d727fe232fbfdb436254354cf568ffc8587a7b1", class: "time-input__icon" }, o("swirl-icon-time-outlined", { key: "57706b41488bf426ed5857a42250ac3092baf4f0", size: this.iconSize }))));
|
|
33857
33960
|
}
|
|
33858
33961
|
get el() {
|
|
33859
33962
|
return this;
|
|
@@ -33886,7 +33989,7 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33886
33989
|
});
|
|
33887
33990
|
}
|
|
33888
33991
|
disconnectedCallback() {
|
|
33889
|
-
this.mediaQueryUnsubscribe();
|
|
33992
|
+
this.mediaQueryUnsubscribe(), this.iconEl = void 0, this.dismissIconEl = void 0;
|
|
33890
33993
|
}
|
|
33891
33994
|
forceIconProps(e) {
|
|
33892
33995
|
var i;
|
|
@@ -33903,7 +34006,7 @@ const qK = { end: "Dropped. Final position in table: {position} of {rowCount}.",
|
|
|
33903
34006
|
}
|
|
33904
34007
|
render() {
|
|
33905
34008
|
const e = L("toast", `toast--intent-${this.intent}`);
|
|
33906
|
-
return o(X, { key: "
|
|
34009
|
+
return o(X, { key: "edbe4753df50a1c21d914394eb2a4b67be352ca4" }, o("div", { key: "af0d86f4bb66780e15396a63421f8ed7489efad6", class: e }, this.icon && o("span", { key: "1284d6a2f579d437312ed805247e41df9944069f", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), o("span", { key: "18f54aa0540839dbbc8380526e3446880a85d50d", class: "toast__content", innerHTML: this.content, part: "toast__content" }, o("slot", { key: "18add2419a7a6dbe5ec473968f6f5b298017c3f2" })), this.actionLabel && o("swirl-button", { key: "06511364f246d6e4d0c45bd36248e859919919f5", class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }), o("button", { key: "2af01291fe0965c73316e6fcf54dc96078889dbc", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && o("swirl-icon-close", { key: "46481f68d52494ab9014ca0177eee228c856d34b", ref: (t) => this.dismissIconEl = t }))));
|
|
33907
34010
|
}
|
|
33908
34011
|
static get watchers() {
|
|
33909
34012
|
return { duration: [{ watchDuration: 0 }] };
|
|
@@ -33954,14 +34057,17 @@ const yM = _(class extends x {
|
|
|
33954
34057
|
this.originalParent = this.el.parentElement;
|
|
33955
34058
|
}
|
|
33956
34059
|
disconnectedCallback() {
|
|
33957
|
-
this.el.isConnected || (this.activeDialogStack = this.activeDialogStack.filter((e) => e.isConnected), this.ensureCorrectPosition())
|
|
34060
|
+
this.el.isConnected || (this.activeDialogStack = this.activeDialogStack.filter((e) => e.isConnected), this.ensureCorrectPosition()), queueMicrotask(() => {
|
|
34061
|
+
this.el.isConnected || (this.popoverEl = void 0, this.originalParent = void 0);
|
|
34062
|
+
});
|
|
33958
34063
|
}
|
|
33959
34064
|
handleDialogToggle(e) {
|
|
33960
34065
|
const { newState: t, dialog: r } = e.detail;
|
|
33961
34066
|
t === "open" ? this.onDialogOpen(r) : this.onDialogClose(r);
|
|
33962
34067
|
}
|
|
33963
34068
|
onToastsChange() {
|
|
33964
|
-
|
|
34069
|
+
var e;
|
|
34070
|
+
this.toasts.length > 0 ? this.ensureCorrectPosition() : (e = this.popoverEl) == null || e.hidePopover();
|
|
33965
34071
|
}
|
|
33966
34072
|
onDialogOpen(e) {
|
|
33967
34073
|
this.activeDialogStack.includes(e) || this.activeDialogStack.push(e), this.toasts.length > 0 && this.ensureCorrectPosition();
|
|
@@ -33970,11 +34076,13 @@ const yM = _(class extends x {
|
|
|
33970
34076
|
this.activeDialogStack = this.activeDialogStack.filter((t) => t != e), this.toasts.length > 0 && this.ensureCorrectPosition();
|
|
33971
34077
|
}
|
|
33972
34078
|
ensureCorrectPosition() {
|
|
34079
|
+
var t, r;
|
|
34080
|
+
this.activeDialogStack = this.activeDialogStack.filter((i) => i.isConnected);
|
|
33973
34081
|
const e = this.activeDialogStack[this.activeDialogStack.length - 1] || this.originalParent;
|
|
33974
|
-
this.el.parentElement !== e && e.appendChild(this.el), this.popoverEl.hidePopover(), this.popoverEl.showPopover();
|
|
34082
|
+
this.el.parentElement !== e && e.appendChild(this.el), (t = this.popoverEl) == null || t.hidePopover(), (r = this.popoverEl) == null || r.showPopover();
|
|
33975
34083
|
}
|
|
33976
34084
|
render() {
|
|
33977
|
-
return o(X, { key: "
|
|
34085
|
+
return o(X, { key: "d31ee80d0180c6f1c3dfd11881de91679f2bbdb9", role: "status" }, o("swirl-stack", { key: "11e6940d8a6a482c30cf41356f30cf2d300d2ea4", class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (e) => this.popoverEl = e }, this.toasts.map((e) => {
|
|
33978
34086
|
const t = { ...e, content: void 0, onDismiss: void 0, onAction: void 0 };
|
|
33979
34087
|
return o("swirl-toast", { key: e.toastId, ...t, onDismiss: this.onDismiss, onAction: this.onAction }, e.content);
|
|
33980
34088
|
})));
|
|
@@ -34036,6 +34144,9 @@ const yM = _(class extends x {
|
|
|
34036
34144
|
this.toggleButtons = Array.from(this.el.querySelectorAll("swirl-toggle-button")), this.setTogglePressedStates();
|
|
34037
34145
|
};
|
|
34038
34146
|
}
|
|
34147
|
+
disconnectedCallback() {
|
|
34148
|
+
this.toggleButtons = void 0;
|
|
34149
|
+
}
|
|
34039
34150
|
watchSelectedToggleId(e, t) {
|
|
34040
34151
|
e !== t && (this.selectedToggleChange.emit(e), this.setTogglePressedStates());
|
|
34041
34152
|
}
|
|
@@ -34055,7 +34166,7 @@ const yM = _(class extends x {
|
|
|
34055
34166
|
}
|
|
34056
34167
|
render() {
|
|
34057
34168
|
const e = L("toggle-group", "toggle-group--variant-" + this.variant, { "toggle-group--elevated": this.elevated });
|
|
34058
|
-
return o("swirl-stack", { key: "
|
|
34169
|
+
return o("swirl-stack", { key: "aafcc944ec4299c804ca7c5bcbeb0b2b773ce61c", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "5107e66a83ad53c6d1c048a9173af17763bdfb7e", onSlotchange: this.onSlotChange }));
|
|
34059
34170
|
}
|
|
34060
34171
|
get el() {
|
|
34061
34172
|
return this;
|
|
@@ -34153,6 +34264,9 @@ const yM = _(class extends x {
|
|
|
34153
34264
|
this.expandable && this.hasChildren && !this.href && (t.preventDefault(), t.stopPropagation(), this.expanded ? this.collapse() : this.expand());
|
|
34154
34265
|
};
|
|
34155
34266
|
}
|
|
34267
|
+
disconnectedCallback() {
|
|
34268
|
+
this.childrenRef = void 0;
|
|
34269
|
+
}
|
|
34156
34270
|
componentWillLoad() {
|
|
34157
34271
|
this.checkForChildren();
|
|
34158
34272
|
}
|
|
@@ -34176,7 +34290,7 @@ const yM = _(class extends x {
|
|
|
34176
34290
|
}
|
|
34177
34291
|
render() {
|
|
34178
34292
|
const e = !!this.href, t = e ? "a" : "button", r = L("tree-navigation-item__link", { "tree-navigation-item__link--active": this.active, "tree-navigation-item__link--has-icon": !!this.icon });
|
|
34179
|
-
return o(X, { key: "
|
|
34293
|
+
return o(X, { key: "071bed4baf2a495aeedaa6c4e878bdb9bc0b2a9c", role: "none" }, o("li", { key: "d159398e1e8a51a15ec7d29f2fb87c9b5f8a9a78", class: { "tree-navigation-item": !0, "tree-navigation-item--expanded": this.expanded }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, o(t, { key: "f5fca3beac04537b722441844190728ab9941e44", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: r, href: this.href, target: this.target, type: e ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, o("span", { key: "f6dd666e1b60a4d6bbda3caf2b1e6e848ba1df6f", class: "tree-navigation-item__content" }, this.icon && o("swirl-icon", { key: "9f40f83a0245890cb566f2e22c6e45ce0eb26e21", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": this.label + " icon" }), o("span", { key: "572fd1534fdf2cf614733a2c64ef0dfcfd6742d6", class: "tree-navigation-item__label" }, o("span", { key: "e83b645a6c42385f8530770baa46aefa86de7b02", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && o("span", { key: "82f3472352c0a8e88a5c980abd8ef75ca90714d1", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, o("swirl-icon-chevron-right", { key: "98e8ee08bab741513789f35d7860836b3513df0c", size: 16, role: "img", "aria-label": "Expand" })), this.external && o("span", { key: "2dd81b3f1c30fc516d1acbf06d75e97f89da6f59", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, o("swirl-icon-open-in-new", { key: "5c749bbb26b1a50e6c3d195603be8d71fc17696a", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && o("ul", { key: "4ce9a939467766730d8c54c772ff9cbcb70accbd", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": this.label + " submenu", ref: (i) => this.childrenRef = i, style: { height: this.childrenHeight } }, o("slot", { key: "126ddf10c996998310acdb763659ad1eef47baf2" }))));
|
|
34180
34294
|
}
|
|
34181
34295
|
get el() {
|
|
34182
34296
|
return this;
|
|
@@ -34245,6 +34359,9 @@ const yM = _(class extends x {
|
|
|
34245
34359
|
componentDidLoad() {
|
|
34246
34360
|
this.setUpDragDrop();
|
|
34247
34361
|
}
|
|
34362
|
+
disconnectedCallback() {
|
|
34363
|
+
this.childList = void 0, this.link = void 0;
|
|
34364
|
+
}
|
|
34248
34365
|
async expand() {
|
|
34249
34366
|
!this.expanded && this.expandable && this.getSemantics() === "tree" && (this.expanded = !0, this.expandedChange.emit(this.expanded));
|
|
34250
34367
|
}
|
|
@@ -34359,7 +34476,7 @@ const yM = _(class extends x {
|
|
|
34359
34476
|
}
|
|
34360
34477
|
render() {
|
|
34361
34478
|
const e = !!this.el.querySelector("swirl-tree-view-item"), t = !!this.el.querySelector('[slot="tags"]'), r = !!this.icon && /\p{Extended_Pictographic}/u.test(this.icon), i = this.enableDragDrop && !e, a = this.getSemantics(), n = this.expanded || a !== "tree", s = a === "tree" ? this.selected ? 0 : -1 : void 0, c = a === "tree" ? "li" : "div", l = L("tree-view-item", { "tree-view-item--active": this.active, "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition, "tree-view-item--moving-via-keyboard": this.movingViaKeyboard, "tree-view-item--disable-drag": this.disableDrag, "tree-view-item--has-tags": t });
|
|
34362
|
-
return o(X, { key: "
|
|
34479
|
+
return o(X, { key: "cedec8144a4cd2d9ce232b728343d4afbffa53c1", id: this.itemId, role: a === "tree" ? "none" : "listitem" }, o(c, { key: "adc02dd89f46a280f6d4d4c373e995a307f09d81", class: l, role: a === "tree" ? "none" : void 0 }, o("a", { key: "987b79b604e2b4ce1581d92f6b7c75a368501ce3", "aria-current": this.active ? "page" : void 0, "aria-expanded": e && a === "tree" ? n + "" : void 0, "aria-level": a === "tree" ? this.level + 1 : void 0, "aria-owns": e && a === "tree" ? this.itemId + "-children" : void 0, "aria-selected": a === "tree" ? this.selected + "" : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: a === "tree" ? "treeitem" : void 0, tabIndex: s }, !this.disableDrag && this.enableDragDrop && o("span", { key: "fd1c8e13d2c8c872be1d7ff7e2ec9fc75833060c", class: "tree-view-item__drag-handle" }, o("swirl-icon-drag-handle", { key: "a23e391edb6981bc9ba733fc7a030b5c6fe837a5", size: 20 })), this.expandable && a === "tree" && o("span", { key: "d98fc8ab1d2eddad1482f276b0368bf944515950", class: "tree-view-item__toggle-icon" }, e && o(C, { key: "21c304fd3ed5dae3a5a0a1ce741d6de212ecaf62" }, n ? o("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : o("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), !!this.icon && o(C, { key: "8a2b40982a4edd5cc97e7da5ae8e7fa4fa319bd0" }, o("span", { key: "a660251b4f25fb54b8ea2c4e6e414e6add70822e", class: "tree-view-item__icon" }, r ? this.icon : o("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), o("span", { key: "6a0670574b4c6db351b7062416d507dc4e2ad7f3", class: "tree-view-item__label" }, this.label), o("span", { key: "b68077f27741eaece1d36366adf1f34d4feaaf40", class: "tree-view-item__tags" }, o("slot", { key: "4a6c9de2a5df9bdd4b4d098b3304197597c605cf", name: "tags" }))), o("ul", { key: "be07231152d0b5e4359f178ace4d6b986c7a2ede", "aria-label": this.label, class: "tree-view-item__children " + (i ? "tree-view-item__children--drop-zone" : ""), id: this.itemId + "-children", ref: (d) => this.childList = d, role: a === "tree" ? "group" : void 0, style: { display: n && e || i ? void 0 : "none" } }, o("slot", { key: "33ee3e5ad3b50827f53942e9f36c017e09a39410" }))));
|
|
34363
34480
|
}
|
|
34364
34481
|
get el() {
|
|
34365
34482
|
return this;
|
|
@@ -34401,7 +34518,7 @@ const yM = _(class extends x {
|
|
|
34401
34518
|
}
|
|
34402
34519
|
disconnectedCallback() {
|
|
34403
34520
|
var e;
|
|
34404
|
-
(e = this.sortable) == null || e.destroy();
|
|
34521
|
+
(e = this.sortable) == null || e.destroy(), this.listElement = void 0;
|
|
34405
34522
|
}
|
|
34406
34523
|
handleEnableDragDropChange() {
|
|
34407
34524
|
this.setUpDragDrop();
|
|
@@ -34552,7 +34669,7 @@ const yM = _(class extends x {
|
|
|
34552
34669
|
r !== this.liveRegionText && (this.liveRegionText = r);
|
|
34553
34670
|
}
|
|
34554
34671
|
render() {
|
|
34555
|
-
return o(X, { key: "
|
|
34672
|
+
return o(X, { key: "f9cbdba0ebdd6ef303e61a52f6ca443f2663c7b4" }, this.enableDragDrop && o("swirl-visually-hidden", { key: "40e25e7392c09ee738ca3fb1776fff5f5a029d83" }, o("span", { key: "eb67688ed0e3c256006c753bc14d164cebdd83ae", "aria-live": "assertive" }, this.liveRegionText)), o("ul", { key: "d4544439de4103f80696bdc3af1e34d3a2df6cbe", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, o("slot", { key: "089c42544fdf3fe87d6a0ed352e7c68e61f4a597", onSlotchange: this.onSlotChange })));
|
|
34556
34673
|
}
|
|
34557
34674
|
get el() {
|
|
34558
34675
|
return this;
|