@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
package/components.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-01-
|
|
2
|
+
"timestamp": "2026-01-07T14:05:07",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.35.0",
|
|
@@ -63863,6 +63863,44 @@
|
|
|
63863
63863
|
}
|
|
63864
63864
|
],
|
|
63865
63865
|
"events": [
|
|
63866
|
+
{
|
|
63867
|
+
"event": "historyBackClick",
|
|
63868
|
+
"detail": "MouseEvent",
|
|
63869
|
+
"bubbles": true,
|
|
63870
|
+
"complexType": {
|
|
63871
|
+
"original": "MouseEvent",
|
|
63872
|
+
"resolved": "MouseEvent",
|
|
63873
|
+
"references": {
|
|
63874
|
+
"MouseEvent": {
|
|
63875
|
+
"location": "global",
|
|
63876
|
+
"id": "global::MouseEvent"
|
|
63877
|
+
}
|
|
63878
|
+
}
|
|
63879
|
+
},
|
|
63880
|
+
"cancelable": true,
|
|
63881
|
+
"composed": true,
|
|
63882
|
+
"docs": "",
|
|
63883
|
+
"docsTags": []
|
|
63884
|
+
},
|
|
63885
|
+
{
|
|
63886
|
+
"event": "historyForwardClick",
|
|
63887
|
+
"detail": "MouseEvent",
|
|
63888
|
+
"bubbles": true,
|
|
63889
|
+
"complexType": {
|
|
63890
|
+
"original": "MouseEvent",
|
|
63891
|
+
"resolved": "MouseEvent",
|
|
63892
|
+
"references": {
|
|
63893
|
+
"MouseEvent": {
|
|
63894
|
+
"location": "global",
|
|
63895
|
+
"id": "global::MouseEvent"
|
|
63896
|
+
}
|
|
63897
|
+
}
|
|
63898
|
+
},
|
|
63899
|
+
"cancelable": true,
|
|
63900
|
+
"composed": true,
|
|
63901
|
+
"docs": "",
|
|
63902
|
+
"docsTags": []
|
|
63903
|
+
},
|
|
63866
63904
|
{
|
|
63867
63905
|
"event": "skipLinkClick",
|
|
63868
63906
|
"detail": "MouseEvent",
|
|
@@ -76068,10 +76106,10 @@
|
|
|
76068
76106
|
},
|
|
76069
76107
|
{
|
|
76070
76108
|
"name": "variant",
|
|
76071
|
-
"type": "\"default\" | \"sunken\"",
|
|
76109
|
+
"type": "\"default\" | \"raised\" | \"sunken\"",
|
|
76072
76110
|
"complexType": {
|
|
76073
76111
|
"original": "SwirlTableColumnVariant",
|
|
76074
|
-
"resolved": "\"default\" | \"sunken\"",
|
|
76112
|
+
"resolved": "\"default\" | \"raised\" | \"sunken\"",
|
|
76075
76113
|
"references": {
|
|
76076
76114
|
"SwirlTableColumnVariant": {
|
|
76077
76115
|
"location": "local",
|
|
@@ -76096,6 +76134,10 @@
|
|
|
76096
76134
|
"value": "default",
|
|
76097
76135
|
"type": "string"
|
|
76098
76136
|
},
|
|
76137
|
+
{
|
|
76138
|
+
"value": "raised",
|
|
76139
|
+
"type": "string"
|
|
76140
|
+
},
|
|
76099
76141
|
{
|
|
76100
76142
|
"value": "sunken",
|
|
76101
76143
|
"type": "string"
|
|
@@ -83110,7 +83152,7 @@
|
|
|
83110
83152
|
"path": "src/components/swirl-table/swirl-table.tsx"
|
|
83111
83153
|
},
|
|
83112
83154
|
"src/components/swirl-table-column/swirl-table-column.tsx::SwirlTableColumnVariant": {
|
|
83113
|
-
"declaration": "export type SwirlTableColumnVariant = \"default\" | \"sunken\";",
|
|
83155
|
+
"declaration": "export type SwirlTableColumnVariant = \"default\" | \"sunken\" | \"raised\";",
|
|
83114
83156
|
"docstring": "",
|
|
83115
83157
|
"path": "src/components/swirl-table-column/swirl-table-column.tsx"
|
|
83116
83158
|
},
|
|
@@ -13,6 +13,8 @@ const NAVIGATION_COLLAPSE_STORAGE_KEY = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE";
|
|
|
13
13
|
const SwirlShellLayout = class {
|
|
14
14
|
constructor(hostRef) {
|
|
15
15
|
index.registerInstance(this, hostRef);
|
|
16
|
+
this.historyBackClick = index.createEvent(this, "historyBackClick", 7);
|
|
17
|
+
this.historyForwardClick = index.createEvent(this, "historyForwardClick", 7);
|
|
16
18
|
this.skipLinkClick = index.createEvent(this, "skipLinkClick", 7);
|
|
17
19
|
this.browserBackButtonLabel = "Navigate back";
|
|
18
20
|
this.browserForwardButtonLabel = "Navigate forward";
|
|
@@ -169,24 +171,24 @@ const SwirlShellLayout = class {
|
|
|
169
171
|
"shell-layout--mobile-navigation-active": this.mobileNavigationActive,
|
|
170
172
|
"shell-layout--navigation-collapsed": mainNavCollapsed,
|
|
171
173
|
});
|
|
172
|
-
return (index.h(index.Host, { key: '
|
|
174
|
+
return (index.h(index.Host, { key: '11f27a30db70b481221ba412612a16afd8ef4d72' }, index.h("div", { key: '7cf7daa26a8e221823bf6ae7c121baf48e52e6ea', class: className }, index.h("header", { key: 'a956639386c3687b89a4b6a016ac9ad910fdc473', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '3f3da9e17ac4a7a7b0f8a4f9a467ffc15ae364c0', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '59e4a09dac753b16ece8644c7db1523f9f173691', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'cae944de28eb6aaa5b2de822e6386d629ee323a7', content: this.navigationCollapsed
|
|
173
175
|
? this.expandNavigationButtonLabel
|
|
174
|
-
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '
|
|
176
|
+
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '5d8960db7d687b43757ecb7dbb0863489e05081e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: 'b48f8efd3a2cb1e0b60473a0b0167ea8408c2176' }, this.navigationCollapsed
|
|
175
177
|
? this.expandNavigationButtonLabel
|
|
176
|
-
: this.collapseNavigationButtonLabel))), index.h("a", { key: '
|
|
178
|
+
: this.collapseNavigationButtonLabel))), index.h("a", { key: '3f990c9fa51549a810aa9bc46cd23269fae8c32c', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'c659d9cc48087b6a43346eacbd0d128db073676a', size: 20 }), index.h("swirl-visually-hidden", { key: 'eccaec06098f776a24ce2eb577bd2d8a0ce8e0c0' }, this.browserBackButtonLabel)), index.h("a", { key: 'bb4b28473ebbfa6ec8960db030e2e6e6be3faf24', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '7f187a039f74685d27f65599424bae0ee8271484', size: 20 }), index.h("swirl-visually-hidden", { key: '9519741437ed576e26db2ccdf5d97a3824a589f8' }, this.browserForwardButtonLabel)), index.h("slot", { key: '59891d167faaefb1381bd8c48dbbc6d2ea25fd0c', name: "left-header-tools" })), index.h("div", { key: 'a68dc128184b3823641aecce80beb2aa3cfdad17', class: "shell-layout__logo" }, index.h("slot", { key: '2971db5f2ed47a6ce98ba32eac93e98cf5c098df', name: "logo" })), index.h("div", { key: '38bf7b342407144f4bb8b37629ff0c25313150e3', class: "shell-layout__header-right" }, index.h("slot", { key: 'c95cbfabdd2a59abb23fe91b0f675b86a878b114', name: "right-header-tools" }), index.h("slot", { key: 'aa4153e296bcd85030e5b896552cd3e4d24afab4', name: "avatar" }))), index.h("div", { key: '78d7e653eda4391257d5c20460d4856fca00edd8', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: 'b44c3e844a955970276b6e4d5c19175c99b908f6', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '7056374cb171bc0a0a3b997c30a9f4d4451a32cf', class: "shell-layout__mobile-header" }, index.h("slot", { key: '99a5b06bb78cce36642beedd4ee0446645afeacb', name: "mobile-logo" }), index.h("div", { key: '361821d5afc9ba23cee0d2e38e907040fa8bffb9', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'e7b14d93e085c40f243a0e30b3b7cf6bc2303de6', name: "mobile-header-tools" }), index.h("button", { key: '27c50122fb3f56af21f9ee534f20c77b786c3621', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '17970823b5344ec0e98b3f08f131c4d74f8063a6', size: 20 }), index.h("swirl-visually-hidden", { key: '543dabd9f3972ac4dcf6d837f8a4fae84b6d631a' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '5dfd21448b23b3aea62724b719decf015ccba330', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '2558078eef90297b0021e7752b0734148a94124d' }, index.h("span", { key: '8d5d2c8633a34f6578c7d90a7ff95e7f11d91b02', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: 'c9c10b1e6c7d203cb1dc6888470b8f17b7f95a2a', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '286be02ac7ef9035b37d378736733f338dd5b297', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'c3cd977a9731afa485b5035fe0e732e482aa5aa3', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: 'd6e9d09f11f94ffdb1860d282b1bd1529a1d9a85', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '70c2d4f3c09c8175a0914e266e561764b9d10d37', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'd4d7086d91a2e87d593e266a15d90ba518162669', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
|
|
177
179
|
? "<swirl-icon-expand-more></swirl-icon-expand-more>"
|
|
178
180
|
: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
|
|
179
181
|
? this.secondaryNavExpandLabel
|
|
180
|
-
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '
|
|
182
|
+
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: 'fdf6bd0f9e0f5761676d723125f22cd3027efa8a', icon: this.secondaryNavView === "grid"
|
|
181
183
|
? "<swirl-icon-menu></swirl-icon-menu>"
|
|
182
184
|
: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
|
|
183
185
|
? this.gridNavLayoutToggleLabel
|
|
184
|
-
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '
|
|
186
|
+
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '41429cee91120b9015cca9b93f6c4c679ab6e57f', class: {
|
|
185
187
|
[`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
|
|
186
188
|
"shell-layout__secondary-nav-items": true,
|
|
187
189
|
"shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
|
|
188
190
|
this.secondaryNavView === "grid",
|
|
189
|
-
} }, index.h("slot", { key: '
|
|
191
|
+
} }, index.h("slot", { key: 'e5c1b6a114fd13d98632b05f542fa400f4cdf7e9', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '3ab8d1162dda16dd8c1d5a04345d76237e13b7c2', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: 'ac030ad491554f3e7d6b1645361fe3fb387734f8' })))));
|
|
190
192
|
}
|
|
191
193
|
get el() { return index.getElement(this); }
|
|
192
194
|
static get watchers() { return {
|
|
@@ -4,7 +4,7 @@ var index = require('./index-31zRgX-7.js');
|
|
|
4
4
|
var index$1 = require('./index-DcAhLZUH.js');
|
|
5
5
|
var utils = require('./utils-UfZG-xPD.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 = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -26,8 +26,9 @@ const SwirlTableColumn = class {
|
|
|
26
26
|
const className = index$1.classnames("table-column", {
|
|
27
27
|
"table-column--default": variant === "default",
|
|
28
28
|
"table-column--sunken": variant === "sunken",
|
|
29
|
+
"table-column--raised": variant === "raised",
|
|
29
30
|
});
|
|
30
|
-
return (index.h(index.Host, { key: '
|
|
31
|
+
return (index.h(index.Host, { key: '56a69546db8dbd5233fff55c16a7f56c27c6322d', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, index.h("span", { key: '53af8c45f85e1ab805f95c77022483850ca4dfeb' }, index.h("slot", { key: '8817e0f568482f3b5c8ce027149a082c25097a70' })), this.sortable && (index.h("span", { key: '100e907905c4df26c1eec5300d8cbbe6ddf5e888', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '3c0b6ef134b06d4add186e5c761759aa64c9ea8d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '441cacfb5b3c1e9f58f2820f3aa2d17332a9c6e2', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
|
|
31
32
|
}
|
|
32
33
|
get el() { return index.getElement(this); }
|
|
33
34
|
};
|
|
@@ -172,24 +172,24 @@ export class SwirlShellLayout {
|
|
|
172
172
|
"shell-layout--mobile-navigation-active": this.mobileNavigationActive,
|
|
173
173
|
"shell-layout--navigation-collapsed": mainNavCollapsed,
|
|
174
174
|
});
|
|
175
|
-
return (h(Host, { key: '
|
|
175
|
+
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
|
|
176
176
|
? this.expandNavigationButtonLabel
|
|
177
|
-
: this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '
|
|
177
|
+
: 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
|
|
178
178
|
? this.expandNavigationButtonLabel
|
|
179
|
-
: this.collapseNavigationButtonLabel))), h("a", { key: '
|
|
179
|
+
: 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
|
|
180
180
|
? "<swirl-icon-expand-more></swirl-icon-expand-more>"
|
|
181
181
|
: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
|
|
182
182
|
? this.secondaryNavExpandLabel
|
|
183
|
-
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '
|
|
183
|
+
: this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'fdf6bd0f9e0f5761676d723125f22cd3027efa8a', icon: this.secondaryNavView === "grid"
|
|
184
184
|
? "<swirl-icon-menu></swirl-icon-menu>"
|
|
185
185
|
: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
|
|
186
186
|
? this.gridNavLayoutToggleLabel
|
|
187
|
-
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '
|
|
187
|
+
: this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '41429cee91120b9015cca9b93f6c4c679ab6e57f', class: {
|
|
188
188
|
[`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
|
|
189
189
|
"shell-layout__secondary-nav-items": true,
|
|
190
190
|
"shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
|
|
191
191
|
this.secondaryNavView === "grid",
|
|
192
|
-
} }, h("slot", { key: '
|
|
192
|
+
} }, 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' })))));
|
|
193
193
|
}
|
|
194
194
|
static get is() { return "swirl-shell-layout"; }
|
|
195
195
|
static get encapsulation() { return "scoped"; }
|
|
@@ -503,6 +503,46 @@ export class SwirlShellLayout {
|
|
|
503
503
|
}
|
|
504
504
|
static get events() {
|
|
505
505
|
return [{
|
|
506
|
+
"method": "historyBackClick",
|
|
507
|
+
"name": "historyBackClick",
|
|
508
|
+
"bubbles": true,
|
|
509
|
+
"cancelable": true,
|
|
510
|
+
"composed": true,
|
|
511
|
+
"docs": {
|
|
512
|
+
"tags": [],
|
|
513
|
+
"text": ""
|
|
514
|
+
},
|
|
515
|
+
"complexType": {
|
|
516
|
+
"original": "MouseEvent",
|
|
517
|
+
"resolved": "MouseEvent",
|
|
518
|
+
"references": {
|
|
519
|
+
"MouseEvent": {
|
|
520
|
+
"location": "global",
|
|
521
|
+
"id": "global::MouseEvent"
|
|
522
|
+
}
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
}, {
|
|
526
|
+
"method": "historyForwardClick",
|
|
527
|
+
"name": "historyForwardClick",
|
|
528
|
+
"bubbles": true,
|
|
529
|
+
"cancelable": true,
|
|
530
|
+
"composed": true,
|
|
531
|
+
"docs": {
|
|
532
|
+
"tags": [],
|
|
533
|
+
"text": ""
|
|
534
|
+
},
|
|
535
|
+
"complexType": {
|
|
536
|
+
"original": "MouseEvent",
|
|
537
|
+
"resolved": "MouseEvent",
|
|
538
|
+
"references": {
|
|
539
|
+
"MouseEvent": {
|
|
540
|
+
"location": "global",
|
|
541
|
+
"id": "global::MouseEvent"
|
|
542
|
+
}
|
|
543
|
+
}
|
|
544
|
+
}
|
|
545
|
+
}, {
|
|
506
546
|
"method": "skipLinkClick",
|
|
507
547
|
"name": "skipLinkClick",
|
|
508
548
|
"bubbles": true,
|
|
@@ -23,8 +23,9 @@ export class SwirlTableColumn {
|
|
|
23
23
|
const className = classNames("table-column", {
|
|
24
24
|
"table-column--default": variant === "default",
|
|
25
25
|
"table-column--sunken": variant === "sunken",
|
|
26
|
+
"table-column--raised": variant === "raised",
|
|
26
27
|
});
|
|
27
|
-
return (h(Host, { key: '
|
|
28
|
+
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) && " "))));
|
|
28
29
|
}
|
|
29
30
|
static get is() { return "swirl-table-column"; }
|
|
30
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -46,7 +47,7 @@ export class SwirlTableColumn {
|
|
|
46
47
|
"mutable": false,
|
|
47
48
|
"complexType": {
|
|
48
49
|
"original": "SwirlTableColumnVariant",
|
|
49
|
-
"resolved": "\"default\" | \"sunken\"",
|
|
50
|
+
"resolved": "\"default\" | \"raised\" | \"sunken\"",
|
|
50
51
|
"references": {
|
|
51
52
|
"SwirlTableColumnVariant": {
|
|
52
53
|
"location": "local",
|