@getflip/swirl-components 0.522.0 → 0.523.1
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 +57 -10
- package/dist/cjs/index-DfC2lanl.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/swirl-components.cjs.js +1 -1
- package/dist/cjs/swirl-pdf-reader.cjs.entry.js +6 -6
- package/dist/cjs/swirl-tab-bar.cjs.entry.js +3 -3
- package/dist/cjs/swirl-tab.cjs.entry.js +1 -1
- package/dist/cjs/swirl-tabs.cjs.entry.js +4 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/swirl-pdf-reader/swirl-pdf-reader.js +6 -6
- package/dist/collection/components/swirl-tab/swirl-tab.js +25 -1
- package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.css +10 -0
- package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js +2 -2
- package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.stories.js +27 -22
- package/dist/collection/components/swirl-tabs/swirl-tabs.js +4 -1
- package/dist/collection/components/swirl-tabs/swirl-tabs.stories.js +19 -0
- package/dist/components/swirl-pdf-reader.js +1 -1
- package/dist/components/swirl-tab-bar2.js +1 -1
- package/dist/components/swirl-tab.js +1 -1
- package/dist/components/swirl-tabs.js +1 -1
- package/dist/esm/index-BdGaOt5L.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/swirl-components.js +1 -1
- package/dist/esm/swirl-pdf-reader.entry.js +6 -6
- package/dist/esm/swirl-tab-bar.entry.js +3 -3
- package/dist/esm/swirl-tab.entry.js +1 -1
- package/dist/esm/swirl-tabs.entry.js +4 -1
- package/dist/swirl-components/p-17c0ccd3.entry.js +1 -0
- package/dist/swirl-components/{p-191c2f65.entry.js → p-1e6aa1a4.entry.js} +1 -1
- package/dist/swirl-components/p-9b809cf4.entry.js +1 -0
- package/dist/swirl-components/p-b771be58.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-tab/swirl-tab.d.ts +2 -0
- package/dist/types/components/swirl-tab-bar/swirl-tab-bar.d.ts +11 -0
- package/dist/types/components/swirl-tabs/swirl-tabs.stories.d.ts +1 -0
- package/dist/types/components.d.ts +4 -2
- package/package.json +1 -1
- package/dist/swirl-components/p-697e45f4.entry.js +0 -1
- package/dist/swirl-components/p-a234d1c3.entry.js +0 -1
- package/dist/swirl-components/p-b7fa3ead.entry.js +0 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
|
|
2
|
-
import { d as disableBodyScroll, e as enableBodyScroll } from './body-scroll-lock-BkJDOYVb.js';
|
|
3
2
|
import { c as classnames } from './index-orsBiyT_.js';
|
|
4
3
|
import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-CCck-DTo.js';
|
|
4
|
+
import { d as disableBodyScroll, e as enableBodyScroll } from './body-scroll-lock-BkJDOYVb.js';
|
|
5
5
|
|
|
6
6
|
const swirlPdfReaderCss = () => `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-neutral-subdued);inset:0;touch-action:pan-x pan-y;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:calc(4rem + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top, 0);padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8);min-width:0}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end;flex-shrink:0}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0 var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}`;
|
|
7
7
|
|
|
8
8
|
const SwirlPdfReader = class {
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
registerInstance(this, hostRef);
|
|
11
|
-
this.modalClose = createEvent(this, "modalClose",
|
|
12
|
-
this.modalOpen = createEvent(this, "modalOpen",
|
|
11
|
+
this.modalClose = createEvent(this, "modalClose", 3);
|
|
12
|
+
this.modalOpen = createEvent(this, "modalOpen", 3);
|
|
13
13
|
this.autoZoomLabel = "Full width";
|
|
14
14
|
this.closeButtonLabel = "Close PDF viewer";
|
|
15
15
|
this.downloadButtonEnabled = true;
|
|
@@ -198,15 +198,15 @@ const SwirlPdfReader = class {
|
|
|
198
198
|
"pdf-reader--hide-menu": !hasMenuItems,
|
|
199
199
|
"pdf-reader--show-thumbnails": this.showThumbnails,
|
|
200
200
|
});
|
|
201
|
-
return (h(Host, { key: '
|
|
201
|
+
return (h(Host, { key: '57810a7174cb657af4d5ba1856c6fbb87ce5ae31' }, h("dialog", { key: '360d8e98c1c52837ed27fb7cd337b16ce7bfe2cd', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '7e66538314fb4764355b1610012ea42fb237e5d0', class: "pdf-reader__body", role: "document" }, h("header", { key: '14fac3323e9b3fa251319c90a62f6f66e78f9ada', class: "pdf-reader__header" }, h("span", { key: '4cd2232d3c43c1dd6f0d132308fec448517fb9aa', class: "pdf-reader__header-left" }, h("swirl-button", { key: '49a36a382e8b48d528cf276d35943d4a9d9f4fc1', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'b687e1b77d37ffa04170dd407ac1cef05b2491a4', class: "pdf-reader__label" }, this.label)), h("span", { key: '0fe6d58325f7b81deee0c65677242cfa24e79f2c', class: "pdf-reader__header-center" }, h("span", { key: '47dc904919d61ab1b114a246d602011fc863a39b', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '413a7f85a241eb9cd04922a70d2a3e48086d09ea', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '2bdb470ca1ebe725fa1a70973a40deeda9cd5931', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'd076fa101128e864578a2140a53bfc8827383fa1', class: "pdf-reader__zoom-select-container" }, h("select", { key: '1463bf142356cff5bb0ec7b36bdb3cb8ee986d3b', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '02a585b65695beac044c0a008b9a434225980c28', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '61e19d18959982b0b36af728514dff01719dfc0c', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'e13d90ffbed8a25a724889a04da095aa1a7bac9f', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '324a873cff051439e7e5ee24486a9e48333ac1ac', swirlPopover: this.menu }, h("swirl-button", { key: '66806d4a8f2180537936fcf491fe5fdea0ca63b4', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '582a8f54d6af4b221de593ef2a3914f1211949fb', class: "pdf-reader__floating-tools" }, h("button", { key: '60ce2600dec0ea344bf5b7f33b6ce33802bc693b', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '291df0f92d96fc37bc8ad46cbb977f98dfa31590' })), h("button", { key: 'b7239444d91a861a200c6aa78eac66c789a88a6c', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '8d92b11f82e422b89a929ee3ce3009402f502f9f' })))), h("div", { key: 'c6dc6fa929957dc8a0113c6355bc1f9a9357be79', class: "pdf-reader__content" }, h("nav", { key: 'e80b1aa4b4e139a94f501c09293a0baa4b21c7ce', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'f550b620ebf6a183730fcbacfff6dfe14d4638e7' }), !this.loadingThumbnails &&
|
|
202
202
|
this.thumbnails.map((thumbnail, index) => {
|
|
203
203
|
const thumbnailClassName = classnames("pdf-reader__thumbnail", {
|
|
204
204
|
"pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
|
|
205
205
|
});
|
|
206
206
|
return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
|
|
207
|
-
})), h("swirl-file-viewer", { key: '
|
|
207
|
+
})), h("swirl-file-viewer", { key: '69c3a0268802db3cd2e09dc0274a1004de99d292', 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: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '5012cd0417f4be6b46001d6b660f47dc84f7f699', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'd51564171076acca2306164ea5eaa3453ef3be90', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '9816dd55f9961fe5503de783643cb2373d216f87', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '4ea3a3a52c4e425d400390a57b7075661d75d8cd' })), h("button", { key: '005728ec07e2b48f1cfd3810bd357ffbf2dfad6d', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '189615f4a4879b3db7f500a7bc82f957351745fa' }))))), h("swirl-popover", { key: 'a580ea4c5d90336555d52037e47209f599563c74', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a05e11797d611cf17ee0c0631fb9f22ec4c287e7' }, h("div", { key: '93c93e65f94ade2201ed7b922078ebf9feed041b', class: "pdf-reader__meta" }, h("div", { key: 'fe8c3870f44ca3ac8e6b5eab47582d498a00bb90', class: "pdf-reader__file-icon" }, h("svg", { key: '28d373975315d1197741a6dadc862abc9352e9d0', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '6012d64c8ddbfec856bd0ff44e0a1150e198d291', 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" }), h("path", { key: '26a1a3d4a35292fd389b9280418bec6d23cb6ee3', 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" }), h("path", { key: '0fdf053860fd4e2fde4ab7ca0e0651f77ab15cb2', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'e8d5c0a130c6735ea94fc067e74c73ea64f4495d', 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" }), h("path", { key: 'f1bc509a0510c65a7e41f0cc80d8f20810e34f5d', 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" }), h("path", { key: 'f47c3124bdc58045e45811c38dd4d13144f04eee', 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" }), h("path", { key: 'd6580968d282e3b65a13e473af451cc8df26cb3d', 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" }), h("path", { key: '14669b5e5270a6d6aa64cecc48da8af91d7cccdc', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '9b4d0b65b78ee34a12887ad3dd681a868826db87', class: "pdf-reader__file-info" }, h("swirl-text", { key: '8056dbc7b8f945480f69a433e9d959cd51d5892a', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '8f341c5666c15e9a1a88dbffe2384c707b333b9b', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '09d56282bc88ae9e7075d33d737036b2aaa60566' }), h("swirl-action-list", { key: '341d3fbc229cc529c377eddc4a6373021f7bb3f0', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'f76522129bda6733a1ca6070211252cb6514c6f0', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'e5a515de9441085f825311da1412045b631751c9', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
|
|
208
208
|
? "<swirl-icon-download></swirl-icon-download>"
|
|
209
|
-
: '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '
|
|
209
|
+
: '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'be9b3f47319dd8271333601d6e4e0b2000009608', name: "menu-items" })))))));
|
|
210
210
|
}
|
|
211
211
|
get el() { return getElement(this); }
|
|
212
212
|
static get watchers() { return {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as Host, d as getElement
|
|
|
2
2
|
import { c as classnames } from './index-orsBiyT_.js';
|
|
3
3
|
import { n as getCircularArrayIndex } from './utils-CCck-DTo.js';
|
|
4
4
|
|
|
5
|
-
const swirlTabBarCss = () => `.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar,.tab-bar--justify-evenly.sc-swirl-tab-bar .tab-bar__tab.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}`;
|
|
5
|
+
const swirlTabBarCss = () => `.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar,.tab-bar--justify-evenly.sc-swirl-tab-bar .tab-bar__tab.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-badge.sc-swirl-tab-bar{--swirl-badge-border-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}.tab-bar__tab-badge.sc-swirl-tab-bar{padding-left:calc(var(--s-space-4) + var(--s-space-2))}`;
|
|
6
6
|
|
|
7
7
|
const SwirlTabBar = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -62,7 +62,7 @@ const SwirlTabBar = class {
|
|
|
62
62
|
? `var(--s-space-${this.paddingBlockStart})`
|
|
63
63
|
: undefined,
|
|
64
64
|
};
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '51fed6a97827130f1204dc3c25f8536b039901f9' }, h("div", { key: 'ee9a9cb8c16d06fe70233e5462225edafbf49122', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
|
|
66
66
|
const className = classnames("tab-bar__tab", {
|
|
67
67
|
"tab-bar__tab--active": tab.active,
|
|
68
68
|
"tab-bar__tab--variant-pill": this.variant === "pill",
|
|
@@ -77,7 +77,7 @@ const SwirlTabBar = class {
|
|
|
77
77
|
? "true"
|
|
78
78
|
: "false", class: className, id: `tab-${tab.id}`, key: tab.tooltip ? undefined : tab.id,
|
|
79
79
|
// eslint-disable-next-line react/jsx-no-bind
|
|
80
|
-
onClick: () => this.activateTab.emit(tab.id), onFocus: this.onTabFocus, role: this.disableTabSemantics ? undefined : "tab", tabIndex: this.disableTabSemantics ? undefined : tab.active ? 0 : -1, type: "button" }, tab.icon && (h("span", { class: "tab-bar__tab-icon", innerHTML: tab.icon })), h("span", { class: labelClassName }, tab.label, tab.suffix && (h("span", { class: "tab-bar__tab-suffix" }, tab.suffix)))));
|
|
80
|
+
onClick: () => this.activateTab.emit(tab.id), onFocus: this.onTabFocus, role: this.disableTabSemantics ? undefined : "tab", tabIndex: this.disableTabSemantics ? undefined : tab.active ? 0 : -1, type: "button" }, tab.icon && (h("span", { class: "tab-bar__tab-icon", innerHTML: tab.icon })), h("span", { class: labelClassName }, tab.label, tab.suffix && (h("span", { class: "tab-bar__tab-suffix" }, tab.suffix)), tab.badge && (h("swirl-badge", { class: "tab-bar__tab-badge", intent: tab.badge.intent ?? "info", label: tab.badge.label, size: "xs", variant: "dot" })))));
|
|
81
81
|
return tab.tooltip ? (h("swirl-tooltip", { content: tab.tooltip, key: tab.id }, tabButton)) : (tabButton);
|
|
82
82
|
}))));
|
|
83
83
|
}
|
|
@@ -10,7 +10,7 @@ const SwirlTab = class {
|
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
12
|
const className = classnames("tab", { "tab--active": this.active });
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '6708f1585aefc6ecd5d2d3eee159e358c7e47e16', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'adba089df5cd6c60a8387f1321159a09daeb7d23' })));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
SwirlTab.style = swirlTabCss();
|
|
@@ -66,9 +66,12 @@ const SwirlTabs = class {
|
|
|
66
66
|
const initialTab = this.tabs.find((tab) => tab.tabId === this.initialTab);
|
|
67
67
|
this.activateTab(Boolean(initialTab) ? initialTab.tabId : this.tabs[0].tabId);
|
|
68
68
|
}
|
|
69
|
+
// only runs on load and on activation
|
|
70
|
+
// a prop change at runtime is not picked up until the next tab click
|
|
69
71
|
updateTabBarTabs() {
|
|
70
72
|
this.tabBarTabs = this.tabs.map((tab) => ({
|
|
71
73
|
active: this.activeTab === tab.tabId,
|
|
74
|
+
badge: tab.badge,
|
|
72
75
|
icon: tab.icon,
|
|
73
76
|
id: tab.tabId,
|
|
74
77
|
label: tab.label,
|
|
@@ -76,7 +79,7 @@ const SwirlTabs = class {
|
|
|
76
79
|
}));
|
|
77
80
|
}
|
|
78
81
|
render() {
|
|
79
|
-
return (h(Host, { key: '
|
|
82
|
+
return (h(Host, { key: '4d7f710d18d9d1b58fc658dbf8e6922a46a19cb0' }, h("div", { key: 'ada4ac17bf87a77bf63b5459b8c7a20560913b59', class: "tabs" }, h("swirl-tab-bar", { key: '53f3aaaab6a55e2f907e6db2d94a11db3b1100fa', 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 })), h("slot", { key: '524a105bd28721d506d0e6a067f1a054c272dc52' })));
|
|
80
83
|
}
|
|
81
84
|
get el() { return getElement(this); }
|
|
82
85
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as t,h as r,a as b,d as s}from"./p-BdGaOt5L.js";import{c as i}from"./p-orsBiyT_.js";import{n as e}from"./p-CCck-DTo.js";const l=class{constructor(r){a(this,r),this.activateNextTab=t(this,"activateNextTab",7),this.activatePreviousTab=t(this,"activatePreviousTab",7),this.activateTab=t(this,"activateTab",7),this.justify="start",this.tabs=[],this.variant="default",this.onKeyDown=a=>{"ArrowLeft"===a.code?(a.preventDefault(),this.focusAdjacentTab(!0),this.activatePreviousTab.emit()):"ArrowRight"===a.code&&(a.preventDefault(),this.focusAdjacentTab(!1),this.activateNextTab.emit())}}onTabFocus(a){a.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}focusAdjacentTab(a){const t=this.getTabs(),r=t.findIndex((a=>"true"===a.ariaSelected));t[e(a?r-1:r+1,t.length)].focus()}getTabs(){return Array.from(this.el.querySelectorAll('[role="tab"]'))}render(){const a=i("tab-bar",`tab-bar--justify-${this.justify}`,{"tab-bar--variant-pill":"pill"===this.variant,"tab-bar--variant-default":"default"===this.variant,"tab-bar--wrap":this.wrap}),t={paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0};return r(b,{key:"51fed6a97827130f1204dc3c25f8536b039901f9"},r("div",{key:"ee9a9cb8c16d06fe70233e5462225edafbf49122","aria-label":this.label,class:a,onKeyDown:this.onKeyDown,role:this.disableTabSemantics?void 0:"tablist",style:t},this.tabs.map((a=>{const t=i("tab-bar__tab",{"tab-bar__tab--active":a.active,"tab-bar__tab--variant-pill":"pill"===this.variant,"tab-bar__tab--variant-default":"default"===this.variant}),b=i("tab-bar__tab-label",{"tab-bar__tab-label--variant-pill":"pill"===this.variant}),s=r("button",{"aria-controls":this.disableTabSemantics?void 0:a.id,"aria-selected":this.disableTabSemantics?void 0:a.active?"true":"false",class:t,id:`tab-${a.id}`,key:a.tooltip?void 0:a.id,onClick:()=>this.activateTab.emit(a.id),onFocus:this.onTabFocus,role:this.disableTabSemantics?void 0:"tab",tabIndex:this.disableTabSemantics?void 0:a.active?0:-1,type:"button"},a.icon&&r("span",{class:"tab-bar__tab-icon",innerHTML:a.icon}),r("span",{class:b},a.label,a.suffix&&r("span",{class:"tab-bar__tab-suffix"},a.suffix),a.badge&&r("swirl-badge",{class:"tab-bar__tab-badge",intent:a.badge.intent??"info",label:a.badge.label,size:"xs",variant:"dot"})));return a.tooltip?r("swirl-tooltip",{content:a.tooltip,key:a.id},s):s}))))}get el(){return s(this)}};l.style='.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar,.tab-bar--justify-evenly.sc-swirl-tab-bar .tab-bar__tab.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-badge.sc-swirl-tab-bar{--swirl-badge-border-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}.tab-bar__tab-badge.sc-swirl-tab-bar{padding-left:calc(var(--s-space-4) + var(--s-space-2))}';export{l as swirl_tab_bar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,a,d as h}from"./p-BdGaOt5L.js";import{n as e}from"./p-CCck-DTo.js";const
|
|
1
|
+
import{r as t,c as s,h as i,a,d as h}from"./p-BdGaOt5L.js";import{n as e}from"./p-CCck-DTo.js";const b=class{constructor(i){t(this,i),this.tabActivated=s(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const s=this.tabs.find((s=>s.tabId===t));Boolean(s)&&(s.active=!0,this.tabActivated.emit(s),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),s=e(t+1,this.tabs.length);this.activateTab(this.tabs[s].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),s=e(t-1,this.tabs.length);this.activateTab(this.tabs[s].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(Boolean(t)?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({active:this.activeTab===t.tabId,badge:t.badge,icon:t.icon,id:t.tabId,label:t.label,tooltip:t.tooltip})))}render(){return i(a,{key:"4d7f710d18d9d1b58fc658dbf8e6922a46a19cb0"},i("div",{key:"ada4ac17bf87a77bf63b5459b8c7a20560913b59",class:"tabs"},i("swirl-tab-bar",{key:"53f3aaaab6a55e2f907e6db2d94a11db3b1100fa",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})),i("slot",{key:"524a105bd28721d506d0e6a067f1a054c272dc52"}))}get el(){return h(this)}};b.style=".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}";export{b as swirl_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as i,a as t,d as s}from"./p-BdGaOt5L.js";import{c as d}from"./p-orsBiyT_.js";import{q as r,i as o}from"./p-CCck-DTo.js";import{d as n,e as l}from"./p-BkJDOYVb.js";const c=class{constructor(i){e(this,i),this.modalClose=a(this,"modalClose",3),this.modalOpen=a(this,"modalOpen",3),this.autoZoomLabel="Full width",this.closeButtonLabel="Close PDF viewer",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download PDF",this.fileTypeLabel="PDF Document",this.menuLabel="File menu",this.menuTriggerLabel="Open file menu",this.printButtonEnabled=!0,this.printButtonLabel="Print PDF",this.sideBySideButtonLabel="Toggle side by side view",this.thumbnailButtonLabel="Scroll to page",this.thumbnailsButtonLabel="Toggle thumbnails",this.thumbnailsLabel="Page thumbnails",this.zoomInButtonLabel="Zoom in",this.zoomOutButtonLabel="Zoom out",this.zoomSelectLabel="Select zoom",this.skipNativeDownload=!1,this.active=!1,this.closing=!1,this.opening=!1,this.downloading=!1,this.loadingThumbnails=!1,this.thumbnails=[],this.viewMode="single",this.visiblePages=[],this.desktopZoomSteps=[.5,.75,1,1.25,1.5,2,3,4],this.mobileZoomSteps=[.5,.75,1,1.25,1.5],this.onClose=()=>{this.closing=!1,this.active=!1,this.modalClose.emit()},this.toggleViewMode=()=>{this.viewMode="single"===this.viewMode?"side-by-side":"single"},this.toggleThumbnals=()=>{this.showThumbnails=!this.showThumbnails},this.onKeyDown=e=>{"Escape"===e.code&&(e.stopImmediatePropagation(),e.preventDefault(),this.close())},this.onActivate=async e=>{this.pdfViewer=e.detail,this.lockBodyScroll()},this.onVisiblePagesChange=async e=>{this.visiblePages=e.detail},this.onCloseButtonClick=()=>{this.close()},this.onPrintButtonClick=()=>{this.pdfViewer.print(),this.menu.close()},this.onDownloadButtonClick=async()=>{this.downloading=!0,await this.viewer.download(),this.downloading=!1,this.menu.close()},this.onZoomInButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.min(this.zoomSteps.length-1,e+1)]},this.onZoomOutButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.max(0,e-1)]},this.onZoomAutoButtonClick=()=>{this.zoom="auto"===this.zoom?1:"auto"},this.onZoomChange=e=>{const a=e.target.value;this.zoom="auto"===a?a:+a},this.onThumbnailClick=e=>()=>{const a=r(this.el,`[data-page-number="${e+1}"]`)?.[0];a?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=o()?"auto":1}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.unlockBodyScroll(),this.modalEl?.open&&this.modalEl.close()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}onWindowResize(){Boolean(this.pdfViewer)&&(this.updateZoomSteps(),this.zoom=o()?"auto":1)}watchShowThumbnails(){this.showThumbnails&&(this.loadingThumbnails=!0,queueMicrotask((async()=>{await this.generateThumbnails(),this.loadingThumbnails=!1})))}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.active=!0,this.modalOpen.emit())}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.modalEl.close()}),150))}lockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");Boolean(e)&&n(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");Boolean(e)&&l(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=o()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=Boolean(this.el.querySelector("[slot='menu-items']"))||this.printButtonEnabled||this.downloadButtonEnabled,a=d("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return i(t,{key:"57810a7174cb657af4d5ba1856c6fbb87ce5ae31"},i("dialog",{key:"360d8e98c1c52837ed27fb7cd337b16ce7bfe2cd","aria-label":this.label,class:a,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},i("div",{key:"7e66538314fb4764355b1610012ea42fb237e5d0",class:"pdf-reader__body",role:"document"},i("header",{key:"14fac3323e9b3fa251319c90a62f6f66e78f9ada",class:"pdf-reader__header"},i("span",{key:"4cd2232d3c43c1dd6f0d132308fec448517fb9aa",class:"pdf-reader__header-left"},i("swirl-button",{key:"49a36a382e8b48d528cf276d35943d4a9d9f4fc1",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),i("span",{key:"b687e1b77d37ffa04170dd407ac1cef05b2491a4",class:"pdf-reader__label"},this.label)),i("span",{key:"0fe6d58325f7b81deee0c65677242cfa24e79f2c",class:"pdf-reader__header-center"},i("span",{key:"47dc904919d61ab1b114a246d602011fc863a39b",class:"pdf-reader__zoom-button-container"},i("swirl-button",{key:"413a7f85a241eb9cd04922a70d2a3e48086d09ea",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}),i("swirl-button",{key:"2bdb470ca1ebe725fa1a70973a40deeda9cd5931",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})),i("span",{key:"d076fa101128e864578a2140a53bfc8827383fa1",class:"pdf-reader__zoom-select-container"},i("select",{key:"1463bf142356cff5bb0ec7b36bdb3cb8ee986d3b","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},i("option",{key:"02a585b65695beac044c0a008b9a434225980c28",selected:"auto"===this.zoom,value:"auto"},this.autoZoomLabel),this.zoomSteps.map((e=>i("option",{key:e,selected:this.zoom===e,value:e},100*e,"%")))),i("swirl-icon-expand-more",{key:"61e19d18959982b0b36af728514dff01719dfc0c",class:"pdf-reader__zoom-select-icon"}))),i("span",{key:"e13d90ffbed8a25a724889a04da095aa1a7bac9f",class:"pdf-reader__header-right"},i("swirl-popover-trigger",{key:"324a873cff051439e7e5ee24486a9e48333ac1ac",swirlPopover:this.menu},i("swirl-button",{key:"66806d4a8f2180537936fcf491fe5fdea0ca63b4",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),i("span",{key:"582a8f54d6af4b221de593ef2a3914f1211949fb",class:"pdf-reader__floating-tools"},i("button",{key:"60ce2600dec0ea344bf5b7f33b6ce33802bc693b","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},i("swirl-icon-menu-book",{key:"291df0f92d96fc37bc8ad46cbb977f98dfa31590"})),i("button",{key:"b7239444d91a861a200c6aa78eac66c789a88a6c","aria-controls":"thumbnails","aria-expanded":String(Boolean(this.showThumbnails)),"aria-label":this.thumbnailsButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleThumbnals,type:"button"},i("swirl-icon-file-copy",{key:"8d92b11f82e422b89a929ee3ce3009402f502f9f"})))),i("div",{key:"c6dc6fa929957dc8a0113c6355bc1f9a9357be79",class:"pdf-reader__content"},i("nav",{key:"e80b1aa4b4e139a94f501c09293a0baa4b21c7ce","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&i("swirl-spinner",{key:"f550b620ebf6a183730fcbacfff6dfe14d4638e7"}),!this.loadingThumbnails&&this.thumbnails.map(((e,a)=>{const t=d("pdf-reader__thumbnail",{"pdf-reader__thumbnail--active":this.visiblePages[0]===a+1});return i("button",{"aria-label":`${this.thumbnailButtonLabel} ${a+1}`,class:t,onClick:this.onThumbnailClick(a),type:"button"},i("img",{src:e.toDataURL("image/png"),alt:""}))}))),i("swirl-file-viewer",{key:"69c3a0268802db3cd2e09dc0274a1004de99d292",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:e=>this.viewer=e,type:"application/pdf",viewMode:this.viewMode,zoom:this.zoom,skipNativeDownload:this.skipNativeDownload}),i("div",{key:"5012cd0417f4be6b46001d6b660f47dc84f7f699",class:"pdf-reader__mobile-zoom-controls"},i("button",{key:"d51564171076acca2306164ea5eaa3453ef3be90","aria-label":this.autoZoomLabel,class:"pdf-reader__mobile-zoom-button",onClick:this.onZoomAutoButtonClick,type:"button"},i("auto"===this.zoom?"swirl-icon-fullscreen-exit":"swirl-icon-fullscreen",null)),i("button",{key:"9816dd55f9961fe5503de783643cb2373d216f87","aria-label":this.zoomInButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],onClick:this.onZoomInButtonClick,type:"button"},i("swirl-icon-add",{key:"4ea3a3a52c4e425d400390a57b7075661d75d8cd"})),i("button",{key:"005728ec07e2b48f1cfd3810bd357ffbf2dfad6d","aria-label":this.zoomOutButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[0],onClick:this.onZoomOutButtonClick,type:"button"},i("swirl-icon-remove",{key:"189615f4a4879b3db7f500a7bc82f957351745fa"}))))),i("swirl-popover",{key:"a580ea4c5d90336555d52037e47209f599563c74",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},i("swirl-stack",{key:"a05e11797d611cf17ee0c0631fb9f22ec4c287e7"},i("div",{key:"93c93e65f94ade2201ed7b922078ebf9feed041b",class:"pdf-reader__meta"},i("div",{key:"fe8c3870f44ca3ac8e6b5eab47582d498a00bb90",class:"pdf-reader__file-icon"},i("svg",{key:"28d373975315d1197741a6dadc862abc9352e9d0",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},i("path",{key:"6012d64c8ddbfec856bd0ff44e0a1150e198d291",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"}),i("path",{key:"26a1a3d4a35292fd389b9280418bec6d23cb6ee3",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"}),i("path",{key:"0fdf053860fd4e2fde4ab7ca0e0651f77ab15cb2",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),i("path",{key:"e8d5c0a130c6735ea94fc067e74c73ea64f4495d",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"}),i("path",{key:"f1bc509a0510c65a7e41f0cc80d8f20810e34f5d",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"}),i("path",{key:"f47c3124bdc58045e45811c38dd4d13144f04eee",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"}),i("path",{key:"d6580968d282e3b65a13e473af451cc8df26cb3d",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"}),i("path",{key:"14669b5e5270a6d6aa64cecc48da8af91d7cccdc",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),i("div",{key:"9b4d0b65b78ee34a12887ad3dd681a868826db87",class:"pdf-reader__file-info"},i("swirl-text",{key:"8056dbc7b8f945480f69a433e9d959cd51d5892a",truncate:!0,weight:"semibold"},this.label),i("swirl-text",{key:"8f341c5666c15e9a1a88dbffe2384c707b333b9b",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&i("swirl-separator",{key:"09d56282bc88ae9e7075d33d737036b2aaa60566"}),i("swirl-action-list",{key:"341d3fbc229cc529c377eddc4a6373021f7bb3f0",class:"pdf-reader__menu"},this.printButtonEnabled&&i("swirl-action-list-item",{key:"f76522129bda6733a1ca6070211252cb6514c6f0",class:"pdf-reader__print-button",icon:"<swirl-icon-print></swirl-icon-print>",label:this.printButtonLabel,onClick:this.onPrintButtonClick}),this.downloadButtonEnabled&&i("swirl-action-list-item",{key:"e5a515de9441085f825311da1412045b631751c9",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}),i("slot",{key:"be9b3f47319dd8271333601d6e4e0b2000009608",name:"menu-items"}))))))}get el(){return s(this)}static get watchers(){return{showThumbnails:[{watchShowThumbnails:0}]}}};c.style=':host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-neutral-subdued);inset:0;touch-action:pan-x pan-y;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:calc(4rem + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top, 0);padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8);min-width:0}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end;flex-shrink:0}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0 var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}';export{c as swirl_pdf_reader}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as s,a as t}from"./p-BdGaOt5L.js";import{c as e}from"./p-orsBiyT_.js";const i=class{constructor(s){a(this,s),this.padding="8"}render(){const a=e("tab",{"tab--active":this.active});return s(t,{key:"6708f1585aefc6ecd5d2d3eee159e358c7e47e16","aria-labelledby":`tab-${this.tabId}`,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:a,style:{padding:`var(--s-space-${this.padding})`}},s("slot",{key:"adba089df5cd6c60a8387f1321159a09daeb7d23"}))}};i.style=":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}";export{i as swirl_tab}
|