@getflip/swirl-components 0.424.0 → 0.425.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.json +46 -4
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +8 -6
- package/dist/cjs/swirl-table-column.cjs.entry.js +3 -2
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +46 -6
- package/dist/collection/components/swirl-table-column/swirl-table-column.css +4 -0
- package/dist/collection/components/swirl-table-column/swirl-table-column.js +3 -2
- package/dist/components/assets/pdfjs/pdf.worker.min.mjs +4 -1
- package/dist/components/swirl-shell-layout.js +8 -6
- package/dist/components/swirl-table-column.js +3 -2
- package/dist/esm/swirl-shell-layout.entry.js +8 -6
- package/dist/esm/swirl-table-column.entry.js +3 -2
- package/dist/swirl-components/p-40fadd55.entry.js +1 -0
- package/dist/swirl-components/p-64af39a9.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-shell-layout/swirl-shell-layout.d.ts +2 -0
- package/dist/types/components/swirl-table-column/swirl-table-column.d.ts +1 -1
- package/dist/types/components.d.ts +4 -0
- package/package.json +1 -1
- package/vscode-data.json +3 -0
- package/dist/swirl-components/p-5ec4bedc.entry.js +0 -1
- package/dist/swirl-components/p-e24ddca7.entry.js +0 -1
|
@@ -23,6 +23,8 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
|
|
|
23
23
|
constructor() {
|
|
24
24
|
super();
|
|
25
25
|
this.__registerHost();
|
|
26
|
+
this.historyBackClick = createEvent(this, "historyBackClick", 7);
|
|
27
|
+
this.historyForwardClick = createEvent(this, "historyForwardClick", 7);
|
|
26
28
|
this.skipLinkClick = createEvent(this, "skipLinkClick", 7);
|
|
27
29
|
this.browserBackButtonLabel = "Navigate back";
|
|
28
30
|
this.browserForwardButtonLabel = "Navigate forward";
|
|
@@ -179,24 +181,24 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
|
|
|
179
181
|
"shell-layout--mobile-navigation-active": this.mobileNavigationActive,
|
|
180
182
|
"shell-layout--navigation-collapsed": mainNavCollapsed,
|
|
181
183
|
});
|
|
182
|
-
return (h(Host, { key: '
|
|
184
|
+
return (h(Host, { key: '11f27a30db70b481221ba412612a16afd8ef4d72' }, h("div", { key: '7cf7daa26a8e221823bf6ae7c121baf48e52e6ea', class: className }, h("header", { key: 'a956639386c3687b89a4b6a016ac9ad910fdc473', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '3f3da9e17ac4a7a7b0f8a4f9a467ffc15ae364c0', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '59e4a09dac753b16ece8644c7db1523f9f173691', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'cae944de28eb6aaa5b2de822e6386d629ee323a7', content: this.navigationCollapsed
|
|
183
185
|
? this.expandNavigationButtonLabel
|
|
184
|
-
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '
|
|
186
|
+
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '5d8960db7d687b43757ecb7dbb0863489e05081e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: 'b48f8efd3a2cb1e0b60473a0b0167ea8408c2176' }, this.navigationCollapsed
|
|
185
187
|
? this.expandNavigationButtonLabel
|
|
186
|
-
: this.collapseNavigationButtonLabel))), h("a", { key: '
|
|
188
|
+
: this.collapseNavigationButtonLabel))), h("a", { key: '3f990c9fa51549a810aa9bc46cd23269fae8c32c', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'c659d9cc48087b6a43346eacbd0d128db073676a', size: 20 }), h("swirl-visually-hidden", { key: 'eccaec06098f776a24ce2eb577bd2d8a0ce8e0c0' }, this.browserBackButtonLabel)), h("a", { key: 'bb4b28473ebbfa6ec8960db030e2e6e6be3faf24', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '7f187a039f74685d27f65599424bae0ee8271484', size: 20 }), h("swirl-visually-hidden", { key: '9519741437ed576e26db2ccdf5d97a3824a589f8' }, this.browserForwardButtonLabel)), h("slot", { key: '59891d167faaefb1381bd8c48dbbc6d2ea25fd0c', name: "left-header-tools" })), h("div", { key: 'a68dc128184b3823641aecce80beb2aa3cfdad17', class: "shell-layout__logo" }, h("slot", { key: '2971db5f2ed47a6ce98ba32eac93e98cf5c098df', name: "logo" })), h("div", { key: '38bf7b342407144f4bb8b37629ff0c25313150e3', class: "shell-layout__header-right" }, h("slot", { key: 'c95cbfabdd2a59abb23fe91b0f675b86a878b114', name: "right-header-tools" }), h("slot", { key: 'aa4153e296bcd85030e5b896552cd3e4d24afab4', name: "avatar" }))), h("div", { key: '78d7e653eda4391257d5c20460d4856fca00edd8', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'b44c3e844a955970276b6e4d5c19175c99b908f6', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '7056374cb171bc0a0a3b997c30a9f4d4451a32cf', class: "shell-layout__mobile-header" }, h("slot", { key: '99a5b06bb78cce36642beedd4ee0446645afeacb', name: "mobile-logo" }), h("div", { key: '361821d5afc9ba23cee0d2e38e907040fa8bffb9', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'e7b14d93e085c40f243a0e30b3b7cf6bc2303de6', name: "mobile-header-tools" }), h("button", { key: '27c50122fb3f56af21f9ee534f20c77b786c3621', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '17970823b5344ec0e98b3f08f131c4d74f8063a6', size: 20 }), h("swirl-visually-hidden", { key: '543dabd9f3972ac4dcf6d837f8a4fae84b6d631a' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '5dfd21448b23b3aea62724b719decf015ccba330', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '2558078eef90297b0021e7752b0734148a94124d' }, h("span", { key: '8d5d2c8633a34f6578c7d90a7ff95e7f11d91b02', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'c9c10b1e6c7d203cb1dc6888470b8f17b7f95a2a', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '286be02ac7ef9035b37d378736733f338dd5b297', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'c3cd977a9731afa485b5035fe0e732e482aa5aa3', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'd6e9d09f11f94ffdb1860d282b1bd1529a1d9a85', paddingBlockEnd: "16" }, h("swirl-stack", { key: '70c2d4f3c09c8175a0914e266e561764b9d10d37', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'd4d7086d91a2e87d593e266a15d90ba518162669', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
|
|
187
189
|
? "<swirl-icon-expand-more></swirl-icon-expand-more>"
|
|
188
190
|
: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
|
|
189
191
|
? this.secondaryNavExpandLabel
|
|
190
|
-
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '
|
|
192
|
+
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'fdf6bd0f9e0f5761676d723125f22cd3027efa8a', icon: this.secondaryNavView === "grid"
|
|
191
193
|
? "<swirl-icon-menu></swirl-icon-menu>"
|
|
192
194
|
: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
|
|
193
195
|
? this.gridNavLayoutToggleLabel
|
|
194
|
-
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '
|
|
196
|
+
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '41429cee91120b9015cca9b93f6c4c679ab6e57f', class: {
|
|
195
197
|
[`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
|
|
196
198
|
"shell-layout__secondary-nav-items": true,
|
|
197
199
|
"shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
|
|
198
200
|
this.secondaryNavView === "grid",
|
|
199
|
-
} }, h("slot", { key: '
|
|
201
|
+
} }, h("slot", { key: 'e5c1b6a114fd13d98632b05f542fa400f4cdf7e9', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '3ab8d1162dda16dd8c1d5a04345d76237e13b7c2', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'ac030ad491554f3e7d6b1645361fe3fb387734f8' })))));
|
|
200
202
|
}
|
|
201
203
|
get el() { return this; }
|
|
202
204
|
static get watchers() { return {
|
|
@@ -4,7 +4,7 @@ import { l as closestPassShadow } from './utils.js';
|
|
|
4
4
|
import { d as defineCustomElement$3 } from './swirl-icon-arrow-downward2.js';
|
|
5
5
|
import { d as defineCustomElement$2 } from './swirl-icon-arrow-upward2.js';
|
|
6
6
|
|
|
7
|
-
const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
|
|
7
|
+
const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-raised-default)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
|
|
8
8
|
|
|
9
9
|
const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColumn extends HTMLElement {
|
|
10
10
|
constructor() {
|
|
@@ -28,8 +28,9 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
|
|
|
28
28
|
const className = classNames("table-column", {
|
|
29
29
|
"table-column--default": variant === "default",
|
|
30
30
|
"table-column--sunken": variant === "sunken",
|
|
31
|
+
"table-column--raised": variant === "raised",
|
|
31
32
|
});
|
|
32
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '56a69546db8dbd5233fff55c16a7f56c27c6322d', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, h("span", { key: '53af8c45f85e1ab805f95c77022483850ca4dfeb' }, h("slot", { key: '8817e0f568482f3b5c8ce027149a082c25097a70' })), this.sortable && (h("span", { key: '100e907905c4df26c1eec5300d8cbbe6ddf5e888', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '3c0b6ef134b06d4add186e5c761759aa64c9ea8d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '441cacfb5b3c1e9f58f2820f3aa2d17332a9c6e2', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
|
|
33
34
|
}
|
|
34
35
|
get el() { return this; }
|
|
35
36
|
static get style() { return swirlTableColumnCss; }
|
|
@@ -11,6 +11,8 @@ const NAVIGATION_COLLAPSE_STORAGE_KEY = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE";
|
|
|
11
11
|
const SwirlShellLayout = class {
|
|
12
12
|
constructor(hostRef) {
|
|
13
13
|
registerInstance(this, hostRef);
|
|
14
|
+
this.historyBackClick = createEvent(this, "historyBackClick", 7);
|
|
15
|
+
this.historyForwardClick = createEvent(this, "historyForwardClick", 7);
|
|
14
16
|
this.skipLinkClick = createEvent(this, "skipLinkClick", 7);
|
|
15
17
|
this.browserBackButtonLabel = "Navigate back";
|
|
16
18
|
this.browserForwardButtonLabel = "Navigate forward";
|
|
@@ -167,24 +169,24 @@ const SwirlShellLayout = class {
|
|
|
167
169
|
"shell-layout--mobile-navigation-active": this.mobileNavigationActive,
|
|
168
170
|
"shell-layout--navigation-collapsed": mainNavCollapsed,
|
|
169
171
|
});
|
|
170
|
-
return (h(Host, { key: '
|
|
172
|
+
return (h(Host, { key: '11f27a30db70b481221ba412612a16afd8ef4d72' }, h("div", { key: '7cf7daa26a8e221823bf6ae7c121baf48e52e6ea', class: className }, h("header", { key: 'a956639386c3687b89a4b6a016ac9ad910fdc473', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '3f3da9e17ac4a7a7b0f8a4f9a467ffc15ae364c0', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '59e4a09dac753b16ece8644c7db1523f9f173691', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'cae944de28eb6aaa5b2de822e6386d629ee323a7', content: this.navigationCollapsed
|
|
171
173
|
? this.expandNavigationButtonLabel
|
|
172
|
-
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '
|
|
174
|
+
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '5d8960db7d687b43757ecb7dbb0863489e05081e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: 'b48f8efd3a2cb1e0b60473a0b0167ea8408c2176' }, this.navigationCollapsed
|
|
173
175
|
? this.expandNavigationButtonLabel
|
|
174
|
-
: this.collapseNavigationButtonLabel))), h("a", { key: '
|
|
176
|
+
: this.collapseNavigationButtonLabel))), h("a", { key: '3f990c9fa51549a810aa9bc46cd23269fae8c32c', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'c659d9cc48087b6a43346eacbd0d128db073676a', size: 20 }), h("swirl-visually-hidden", { key: 'eccaec06098f776a24ce2eb577bd2d8a0ce8e0c0' }, this.browserBackButtonLabel)), h("a", { key: 'bb4b28473ebbfa6ec8960db030e2e6e6be3faf24', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '7f187a039f74685d27f65599424bae0ee8271484', size: 20 }), h("swirl-visually-hidden", { key: '9519741437ed576e26db2ccdf5d97a3824a589f8' }, this.browserForwardButtonLabel)), h("slot", { key: '59891d167faaefb1381bd8c48dbbc6d2ea25fd0c', name: "left-header-tools" })), h("div", { key: 'a68dc128184b3823641aecce80beb2aa3cfdad17', class: "shell-layout__logo" }, h("slot", { key: '2971db5f2ed47a6ce98ba32eac93e98cf5c098df', name: "logo" })), h("div", { key: '38bf7b342407144f4bb8b37629ff0c25313150e3', class: "shell-layout__header-right" }, h("slot", { key: 'c95cbfabdd2a59abb23fe91b0f675b86a878b114', name: "right-header-tools" }), h("slot", { key: 'aa4153e296bcd85030e5b896552cd3e4d24afab4', name: "avatar" }))), h("div", { key: '78d7e653eda4391257d5c20460d4856fca00edd8', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'b44c3e844a955970276b6e4d5c19175c99b908f6', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '7056374cb171bc0a0a3b997c30a9f4d4451a32cf', class: "shell-layout__mobile-header" }, h("slot", { key: '99a5b06bb78cce36642beedd4ee0446645afeacb', name: "mobile-logo" }), h("div", { key: '361821d5afc9ba23cee0d2e38e907040fa8bffb9', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'e7b14d93e085c40f243a0e30b3b7cf6bc2303de6', name: "mobile-header-tools" }), h("button", { key: '27c50122fb3f56af21f9ee534f20c77b786c3621', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '17970823b5344ec0e98b3f08f131c4d74f8063a6', size: 20 }), h("swirl-visually-hidden", { key: '543dabd9f3972ac4dcf6d837f8a4fae84b6d631a' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '5dfd21448b23b3aea62724b719decf015ccba330', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '2558078eef90297b0021e7752b0734148a94124d' }, h("span", { key: '8d5d2c8633a34f6578c7d90a7ff95e7f11d91b02', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'c9c10b1e6c7d203cb1dc6888470b8f17b7f95a2a', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '286be02ac7ef9035b37d378736733f338dd5b297', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'c3cd977a9731afa485b5035fe0e732e482aa5aa3', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'd6e9d09f11f94ffdb1860d282b1bd1529a1d9a85', paddingBlockEnd: "16" }, h("swirl-stack", { key: '70c2d4f3c09c8175a0914e266e561764b9d10d37', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'd4d7086d91a2e87d593e266a15d90ba518162669', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
|
|
175
177
|
? "<swirl-icon-expand-more></swirl-icon-expand-more>"
|
|
176
178
|
: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
|
|
177
179
|
? this.secondaryNavExpandLabel
|
|
178
|
-
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '
|
|
180
|
+
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'fdf6bd0f9e0f5761676d723125f22cd3027efa8a', icon: this.secondaryNavView === "grid"
|
|
179
181
|
? "<swirl-icon-menu></swirl-icon-menu>"
|
|
180
182
|
: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
|
|
181
183
|
? this.gridNavLayoutToggleLabel
|
|
182
|
-
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '
|
|
184
|
+
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '41429cee91120b9015cca9b93f6c4c679ab6e57f', class: {
|
|
183
185
|
[`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
|
|
184
186
|
"shell-layout__secondary-nav-items": true,
|
|
185
187
|
"shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
|
|
186
188
|
this.secondaryNavView === "grid",
|
|
187
|
-
} }, h("slot", { key: '
|
|
189
|
+
} }, h("slot", { key: 'e5c1b6a114fd13d98632b05f542fa400f4cdf7e9', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '3ab8d1162dda16dd8c1d5a04345d76237e13b7c2', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'ac030ad491554f3e7d6b1645361fe3fb387734f8' })))));
|
|
188
190
|
}
|
|
189
191
|
get el() { return getElement(this); }
|
|
190
192
|
static get watchers() { return {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, d as getElement } from './index-Dj
|
|
|
2
2
|
import { c as classnames } from './index-orsBiyT_.js';
|
|
3
3
|
import { l as closestPassShadow } from './utils-wi_3Z3FQ.js';
|
|
4
4
|
|
|
5
|
-
const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
|
|
5
|
+
const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-raised-default)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
|
|
6
6
|
|
|
7
7
|
const SwirlTableColumn = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -24,8 +24,9 @@ const SwirlTableColumn = class {
|
|
|
24
24
|
const className = classnames("table-column", {
|
|
25
25
|
"table-column--default": variant === "default",
|
|
26
26
|
"table-column--sunken": variant === "sunken",
|
|
27
|
+
"table-column--raised": variant === "raised",
|
|
27
28
|
});
|
|
28
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: '56a69546db8dbd5233fff55c16a7f56c27c6322d', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, h("span", { key: '53af8c45f85e1ab805f95c77022483850ca4dfeb' }, h("slot", { key: '8817e0f568482f3b5c8ce027149a082c25097a70' })), this.sortable && (h("span", { key: '100e907905c4df26c1eec5300d8cbbe6ddf5e888', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '3c0b6ef134b06d4add186e5c761759aa64c9ea8d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '441cacfb5b3c1e9f58f2820f3aa2d17332a9c6e2', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
|
|
29
30
|
}
|
|
30
31
|
get el() { return getElement(this); }
|
|
31
32
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as l,c as a,h as e,H as s,d as o}from"./p-Dj_4Fda9.js";import{c as t}from"./p-orsBiyT_.js";import{c as i}from"./p-DIdMBZfn.js";import{m as r}from"./p-wi_3Z3FQ.js";const d="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",n="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",h="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",c=class{constructor(e){l(this,e),this.historyBackClick=a(this,"historyBackClick",7),this.historyForwardClick=a(this,"historyForwardClick",7),this.skipLinkClick=a(this,"skipLinkClick",7),this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.collapseNavigationButtonLabel="Collapse navigation",this.enableSecondaryNavGridLayout=!0,this.secondaryNavGridLayoutVariant="tiled",this.expandNavigationButtonLabel="Expand navigation",this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.secondaryNavCollapseLabel="Show less",this.secondaryNavExpandLabel="Show more",this.skipLinkLabel="Skip to main content",this.isDesktopViewport=!0,this.secondaryNavView="list",this.collectNavItems=()=>{this.mainNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")),this.secondaryNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()},this.toggleSecondaryNavView=l=>{l.stopPropagation(),this.secondaryNavView="grid"===this.secondaryNavView?"list":"grid",this.setSecondaryNavItemsTiled(),localStorage.setItem(n,String(this.secondaryNavView))},this.toggleSecondaryNavCollapse=l=>{l.stopPropagation(),this.secondaryNavCollapsed=!this.secondaryNavCollapsed,localStorage.setItem(d,String(this.secondaryNavCollapsed))},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()}}componentWillLoad(){this.isDesktopViewport=r(),this.collectNavItems();const l="true"===localStorage.getItem(h);this.navigationCollapsed=l,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=i(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:l=>l.shadowRoot}}),this.collectNavItems(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems()})),this.navMutationObserver.observe(this.navElement,{childList:!0,subtree:!0})}componentDidRender(){this.focusTrap?.updateContainerElements(this.navElement)}disconnectedCallback(){this.focusTrap?.deactivate(),this.navMutationObserver?.disconnect()}onWindowKeyDown(l){"Escape"===l.key&&this.mobileNavigationActive&&this.hideMobileNavigation()}watchEnableSecondaryNavGridLayout(){this.restoreSecondaryNavState()}watchMobileNavigationState(){this.mobileNavigationActive?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}watchNavigationCollapsed(){localStorage.setItem(h,String(this.navigationCollapsed)),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()}onWindowResize(){this.isDesktopViewport!==r()&&(this.isDesktopViewport=r(),this.collectNavItems())}async showMobileNavigation(){this.mobileNavigationActive=!0,this.collectNavItems()}async hideMobileNavigation(){this.mobileNavigationActive=!1,this.toggleNavItemLabels()}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((l=>{l.hideLabel=this.navigationCollapsed&&this.isDesktopViewport}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((l=>{l.variant=this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||this.navigationCollapsed&&this.isDesktopViewport)?this.secondaryNavGridLayoutVariant:"default"}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const l="true"===localStorage.getItem(d);this.secondaryNavCollapsed=l;const a=localStorage.getItem(n);this.secondaryNavView=a}}render(){const l=this.navigationCollapsed&&this.isDesktopViewport,a=Boolean(this.el.querySelector("[slot='secondary-nav']")),o=t("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--secondary-nav-collapsed":this.secondaryNavCollapsed,"shell-layout--has-secondary-nav":a,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":l});return e(s,{key:"11f27a30db70b481221ba412612a16afd8ef4d72"},e("div",{key:"7cf7daa26a8e221823bf6ae7c121baf48e52e6ea",class:o},e("header",{key:"a956639386c3687b89a4b6a016ac9ad910fdc473",class:"shell-layout__header","data-tauri-drag-region":"true"},e("button",{key:"3f3da9e17ac4a7a7b0f8a4f9a467ffc15ae364c0",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),e("div",{key:"59e4a09dac753b16ece8644c7db1523f9f173691",class:"shell-layout__header-left"},e("swirl-tooltip",{key:"cae944de28eb6aaa5b2de822e6386d629ee323a7",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},e("button",{key:"5d8960db7d687b43757ecb7dbb0863489e05081e",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},e(this.navigationCollapsed?"swirl-icon-dock-left-expand":"swirl-icon-dock-left-collapse",{size:20}),e("swirl-visually-hidden",{key:"b48f8efd3a2cb1e0b60473a0b0167ea8408c2176"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),e("a",{key:"3f990c9fa51549a810aa9bc46cd23269fae8c32c",class:"shell-layout__header-tool",onClick:this.historyBackClick.emit,href:"javascript:history.back()"},e("swirl-icon-arrow-back",{key:"c659d9cc48087b6a43346eacbd0d128db073676a",size:20}),e("swirl-visually-hidden",{key:"eccaec06098f776a24ce2eb577bd2d8a0ce8e0c0"},this.browserBackButtonLabel)),e("a",{key:"bb4b28473ebbfa6ec8960db030e2e6e6be3faf24",class:"shell-layout__header-tool",onClick:this.historyForwardClick.emit,href:"javascript:history.forward()"},e("swirl-icon-arrow-forward",{key:"7f187a039f74685d27f65599424bae0ee8271484",size:20}),e("swirl-visually-hidden",{key:"9519741437ed576e26db2ccdf5d97a3824a589f8"},this.browserForwardButtonLabel)),e("slot",{key:"59891d167faaefb1381bd8c48dbbc6d2ea25fd0c",name:"left-header-tools"})),e("div",{key:"a68dc128184b3823641aecce80beb2aa3cfdad17",class:"shell-layout__logo"},e("slot",{key:"2971db5f2ed47a6ce98ba32eac93e98cf5c098df",name:"logo"})),e("div",{key:"38bf7b342407144f4bb8b37629ff0c25313150e3",class:"shell-layout__header-right"},e("slot",{key:"c95cbfabdd2a59abb23fe91b0f675b86a878b114",name:"right-header-tools"}),e("slot",{key:"aa4153e296bcd85030e5b896552cd3e4d24afab4",name:"avatar"}))),e("div",{key:"78d7e653eda4391257d5c20460d4856fca00edd8",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),e("nav",{key:"b44c3e844a955970276b6e4d5c19175c99b908f6","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:l=>this.navElement=l},e("div",{key:"7056374cb171bc0a0a3b997c30a9f4d4451a32cf",class:"shell-layout__mobile-header"},e("slot",{key:"99a5b06bb78cce36642beedd4ee0446645afeacb",name:"mobile-logo"}),e("div",{key:"361821d5afc9ba23cee0d2e38e907040fa8bffb9",class:"shell-layout__mobile-header-tools"},e("slot",{key:"e7b14d93e085c40f243a0e30b3b7cf6bc2303de6",name:"mobile-header-tools"}),e("button",{key:"27c50122fb3f56af21f9ee534f20c77b786c3621",class:"shell-layout__header-tool",type:"button"},e("swirl-icon-double-arrow-left",{key:"17970823b5344ec0e98b3f08f131c4d74f8063a6",size:20}),e("swirl-visually-hidden",{key:"543dabd9f3972ac4dcf6d837f8a4fae84b6d631a"},this.hideMobileNavigationButtonLabel)))),e("div",{key:"5dfd21448b23b3aea62724b719decf015ccba330",class:"shell-layout__nav-body"},e("swirl-visually-hidden",{key:"2558078eef90297b0021e7752b0734148a94124d"},e("span",{key:"8d5d2c8633a34f6578c7d90a7ff95e7f11d91b02",id:"main-navigation-label"},this.navigationLabel)),e("slot",{key:"c9c10b1e6c7d203cb1dc6888470b8f17b7f95a2a",name:"nav",onSlotchange:this.collectNavItems}),e("div",{key:"286be02ac7ef9035b37d378736733f338dd5b297",class:"shell-layout__secondary-nav"},e("swirl-separator",{key:"c3cd977a9731afa485b5035fe0e732e482aa5aa3",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&e("swirl-box",{key:"d6e9d09f11f94ffdb1860d282b1bd1529a1d9a85",paddingBlockEnd:"16"},e("swirl-stack",{key:"70c2d4f3c09c8175a0914e266e561764b9d10d37",justify:l?"center":"space-between",orientation:"horizontal"},e("swirl-button",{key:"d4d7086d91a2e87d593e266a15d90ba518162669",hideLabel:l,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"}),!l&&!this.secondaryNavCollapsed&&e("swirl-button",{key:"fdf6bd0f9e0f5761676d723125f22cd3027efa8a",icon:"grid"===this.secondaryNavView?"<swirl-icon-menu></swirl-icon-menu>":"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",iconPosition:"end",label:"grid"===this.secondaryNavView?this.gridNavLayoutToggleLabel:this.listNavLayoutToggleLabel,onClick:this.toggleSecondaryNavView,variant:"plain"}))),e("div",{key:"41429cee91120b9015cca9b93f6c4c679ab6e57f",class:{[`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]:!0,"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}},e("slot",{key:"e5c1b6a114fd13d98632b05f542fa400f4cdf7e9",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),e("main",{key:"3ab8d1162dda16dd8c1d5a04345d76237e13b7c2",class:"shell-layout__main",id:"main-content"},e("slot",{key:"ac030ad491554f3e7d6b1645361fe3fb387734f8"}))))}get el(){return o(this)}static get watchers(){return{enableSecondaryNavGridLayout:["watchEnableSecondaryNavGridLayout"],mobileNavigationActive:["watchMobileNavigationState"],navigationCollapsed:["watchNavigationCollapsed"]}}};c.style='.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"\n "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul{row-gap:var(--s-space-16);-moz-column-gap:0;column-gap:0}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul{gap:var(--s-space-16)}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(100% / 3)}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}';export{c as swirl_shell_layout}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as s,H as a,d as t}from"./p-Dj_4Fda9.js";import{c as i}from"./p-orsBiyT_.js";import{l as o}from"./p-wi_3Z3FQ.js";const r=class{constructor(s){e(this,s),this.variant="default",this.minWidth="fit-content"}componentDidRender(){const e=o(this.el,"swirl-table");e?.rerender()}render(){const e={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""},t=this.variant??"default",o=i("table-column",{"table-column--default":"default"===t,"table-column--sunken":"sunken"===t,"table-column--raised":"raised"===t});return s(a,{key:"56a69546db8dbd5233fff55c16a7f56c27c6322d","aria-sort":this.sort,class:o,role:"columnheader",style:e},s("span",{key:"53af8c45f85e1ab805f95c77022483850ca4dfeb"},s("slot",{key:"8817e0f568482f3b5c8ce027149a082c25097a70"})),this.sortable&&s("span",{key:"100e907905c4df26c1eec5300d8cbbe6ddf5e888",class:"table-column__sort-indicator"},"ascending"===this.sort&&s("swirl-icon-arrow-upward",{key:"3c0b6ef134b06d4add186e5c761759aa64c9ea8d","aria-hidden":"true",size:20}),"descending"===this.sort&&s("swirl-icon-arrow-downward",{key:"441cacfb5b3c1e9f58f2820f3aa2d17332a9c6e2","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return t(this)}};r.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-raised-default)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{r as swirl_table_column}
|