@getflip/swirl-components 0.208.0 → 0.208.2
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 +1 -1
- package/dist/cjs/swirl-avatar.cjs.entry.js +1 -1
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +2 -8
- package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/collection/components/swirl-avatar/swirl-avatar.js +1 -1
- package/dist/collection/components/swirl-avatar/swirl-avatar.spec.js +7 -6
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +2 -8
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.spec.js +1 -1
- package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/components/swirl-avatar.js +1 -1
- package/dist/components/swirl-shell-layout.js +2 -8
- package/dist/esm/swirl-avatar.entry.js +1 -1
- package/dist/esm/swirl-shell-layout.entry.js +2 -8
- package/dist/swirl-components/p-2d79b467.entry.js +1 -0
- package/dist/swirl-components/p-d0d5ba7d.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 +0 -2
- package/package.json +1 -1
- package/dist/swirl-components/p-6fef45dd.entry.js +0 -1
- package/dist/swirl-components/p-c1610c5c.entry.js +0 -1
package/components.json
CHANGED
|
@@ -110,7 +110,7 @@ const SwirlAvatar = class {
|
|
|
110
110
|
});
|
|
111
111
|
const badgeClassName = index$1.classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
|
|
112
112
|
const toolClassName = index$1.classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
|
|
113
|
-
return (index.h(index.Host, { key: '
|
|
113
|
+
return (index.h(index.Host, { key: 'a846927adb4c374f3663f856b05d50603915502d', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, index.h("span", { key: 'db1b5a6ae753350cb74562ebbcaffdcd1fe9b73a', class: className, part: "avatar" }, showImage && (index.h("span", { key: '92421d372f10ca75f3a4d40b5318ab88073f05ef', class: "avatar__image" }, index.h("img", { key: '7003338128d40de0ed8a97ed92c84d17d2b886f1', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (index.h("span", { key: '1b9fbbcee47c46c1264dbdefe20b71fe6edc91d7', class: "avatar__initials" }, index.h("span", { key: 'a41ef5f739b738726027bb0ba6cf9f6aca9808c8' }, this.initials))), showIcon && index.h("span", { key: '8b1933c8be2d2072824aeda245a771f84d7a9707', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (index.h("span", { key: 'afc1c2e68873784d757587881cc05cfbb98f848a', class: "avatar__icon" }, index.h("swirl-icon-person", { key: '40a6e6fdc13ae07cb18ab9d0ac1fecfb092217f4' }))), showBadge && (index.h("span", { key: '69dc8a86df183237882c7241b0b73d7babfcf9fe', class: badgeClassName, innerHTML: this.badge })), index.h("span", { key: '822c6123a6984406e709cfc6083070eaf35044e5', class: toolClassName }, index.h("slot", { key: 'd5e8246097832bf808fcb91dc5a822d1923db2a4', name: "tool" }))), this.showLabel && (index.h("span", { key: '10e6e09526bf6f3818ff5e54b270695adaf29e15', "aria-hidden": true, class: "avatar__label" }, this.label))));
|
|
114
114
|
}
|
|
115
115
|
get element() { return index.getElement(this); }
|
|
116
116
|
static get watchers() { return {
|
|
@@ -16,12 +16,6 @@ const SwirlShellLayout = class {
|
|
|
16
16
|
index.registerInstance(this, hostRef);
|
|
17
17
|
this.sidebarToggleClick = index.createEvent(this, "sidebarToggleClick", 7);
|
|
18
18
|
this.skipLinkClick = index.createEvent(this, "skipLinkClick", 7);
|
|
19
|
-
this.onBrowserBackClick = () => {
|
|
20
|
-
history.back();
|
|
21
|
-
};
|
|
22
|
-
this.onBrowserForwardClick = () => {
|
|
23
|
-
history.forward();
|
|
24
|
-
};
|
|
25
19
|
this.onNavigationToggleClick = () => {
|
|
26
20
|
this.navigationCollapsed = !this.navigationCollapsed;
|
|
27
21
|
};
|
|
@@ -110,9 +104,9 @@ const SwirlShellLayout = class {
|
|
|
110
104
|
"shell-layout--navigation-collapsed": this.navigationCollapsed,
|
|
111
105
|
"shell-layout--sidebar-active": this.sidebarActive,
|
|
112
106
|
});
|
|
113
|
-
return (index.h(index.Host, { key: '
|
|
107
|
+
return (index.h(index.Host, { key: '464237ff27f267ca7d43c1a7d515b5df750ba149' }, index.h("div", { key: '94d0ba7a2922df9e90fc36c840ed96544bfb2ca5', class: className }, index.h("header", { key: '7ca4ceef9c5e03c052a234b44c35745bb82c3e0e', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '2b937db7d0b7d6351238a3560c4a8409f1a14e4c', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '9e9a3eee3459f8b41ace84a7f0f4c9e4f1b6f20f', class: "shell-layout__header-left" }, index.h("button", { key: 'd04a5e5411e7caf5741b03b5188db78006192c9e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, index.h("swirl-icon-dock-left", { key: 'a7eb33ad7fda7d2bb136213439fad7b647bd873d', size: 20 }), index.h("swirl-visually-hidden", { key: '336514402f77dd81781b3b2d1ecda84864e561d3' }, this.navigationToggleLabel)), index.h("a", { key: 'c42c929fd46778b05ee297cf3189e87719d4a9d9', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'e89570f80be08d54e11a3b21ae886def0d0dbf5a', size: 20 }), index.h("swirl-visually-hidden", { key: '7289a96d73cdba0311b167bc796d093a31880ae4' }, this.browserBackButtonLabel)), index.h("a", { key: '31a3bf3ca9e2f98ac9ae9f3778aae645ee2fb5df', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '10882694de8baf892423e288e8f511e73ecc175d', size: 20 }), index.h("swirl-visually-hidden", { key: 'a08bce73329c768834c34c37b02b111c39f19253' }, this.browserForwardButtonLabel)), index.h("slot", { key: '1792f7b543ad684c4af2da2171d946ff2d3d5d89', name: "left-header-tools" })), index.h("div", { key: 'b07250aa82b117141f2484d512fbade5a8dc702e', class: "shell-layout__logo" }, index.h("slot", { key: '34c9efaebee073f832bfcb8e7812db814df2cf74', name: "logo" })), index.h("div", { key: '54bfbe68d09e7cdf8027f02a625e906b2de8af1d', class: "shell-layout__header-right" }, index.h("slot", { key: 'dc0bd8a4aab7a79e49706b81ff694e6c2af81879', name: "right-header-tools" }), index.h("button", { key: '1c77d8e6d1345303e3ea6ff2f45ef6722862ded8', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'ab806d5820d51a38ef5fd6f92f87bd51ee027422', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'a185fd254ce2493b3614b9a8bdc5bc14e6f0c4ca' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '51929778525a0f6b1dc5fde3254eb93f31e6ba07', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
|
|
114
108
|
? this.sidebarToggleBadgeAriaLabel
|
|
115
|
-
: String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '
|
|
109
|
+
: String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '9ffa0a976c0578f97f48d6a489ab0b0efb7e84a4', name: "avatar" }))), index.h("div", { key: 'cd9655eb2d726369ab9c810200210c63a32265f4', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '02662d0fd1c3a63e369e8b37e702f85c1875ccf9', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: 'cb073312c3a3d0d45dee547cff81f902381c7296', class: "shell-layout__mobile-header" }, index.h("slot", { key: '52088b3080930e99763c85093a094db5f6cf3b7c', name: "mobile-logo" }), index.h("div", { key: '197224a2ddd62d60e5a08b8516d5867c9bbc72a8', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '300875c929f28466927b8152f9214d01552252a4', name: "mobile-header-tools" }), index.h("button", { key: '1cde22038878a7d278cd28c8377147588d5a6e13', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '66e9c165653f520511a8c5a9ee508d8b07084243', size: 20 }), index.h("swirl-visually-hidden", { key: '15574abbce4cb4aaea9029e2a501d1909d9b40e4' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'accaa43b86c4424f55b3ce5aab04c7c1e1d2d362', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'a7b696ed5646ed85a46021387128664f88d443e0' }, index.h("span", { key: 'e18dc4dd5104edb6f5a4fc27b8cba94949b73c2d', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '6ea26a3132c76edb7add3aec2108d856c058a495', name: "nav" }))), index.h("main", { key: '9e675e4700b257523d647f9b460d69c91bf32625', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '966936fb351ced9de4691ace12ed37054f3aabd8' })), index.h("aside", { key: '3f76cf8d267725fb9909e19f27808f9173389a23', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: 'd316a4a82f621b3eaf218b1f75cef085be00849f', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'a96f59a7edd1c2da969c6a30abfc5823c3da3128', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '8f08883a3709fd8bd9619085844cc4ebf50e49b4', name: "sidebar-app-bar" })), index.h("div", { key: 'f4fc1541b95c50a524a6a6e390529060ebb4d136', class: "shell-layout__sidebar-content" }, index.h("slot", { key: 'c4ea005657a58f2dbf178adb72bc82f1ac5c03b3', name: "sidebar" })))))));
|
|
116
110
|
}
|
|
117
111
|
static get watchers() { return {
|
|
118
112
|
"mobileNavigationActive": ["watchMobileNavigationState"],
|