@getflip/swirl-components 0.338.2 → 0.340.0

package/dist/cjs/swirl-option-list_2.cjs.entry.js

@@ -1,20 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const sortable_esm = require('./sortable.esm-81a1c837.js');
-const utils = require('./utils-4f225daf.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var sortable_esm = require('./sortable.esm-B1ZNencO.js');
+var utils = require('./utils-Br2wWntR.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlOptionListCss = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";
-const SwirlOptionListStyle0 = swirlOptionListCss;
 
 const SwirlOptionList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.itemDrop = index.createEvent(this, "itemDrop", 7);
         this.valueChange = index.createEvent(this, "valueChange", 7);
+        this.allowDeselect = true;
+        this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.";
+        this.assistiveTextItemMoving = "Current position:";
+        this.assistiveTextItemMoved = "Item moved. New position:";
+        this.value = [];
         this.onClick = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -112,17 +114,6 @@ const SwirlOptionList = class {
             this.draggingStartIndex = undefined;
             this.focusItem(newIndex);
         };
-        this.allowDeselect = true;
-        this.allowDrag = undefined;
-        this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.";
-        this.assistiveTextItemMoving = "Current position:";
-        this.assistiveTextItemMoved = "Item moved. New position:";
-        this.disabled = undefined;
-        this.label = undefined;
-        this.optionListId = undefined;
-        this.multiSelect = undefined;
-        this.value = [];
-        this.assistiveText = undefined;
     }
     componentDidLoad() {
         this.updateItems();
@@ -352,7 +343,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: 'a81b1149d687099faf5063131104aaa6aba5d97f' }, index.h("swirl-visually-hidden", { key: '957d028eba51da0d9c5bef335aaf8a3a570a642e', role: "alert" }, this.assistiveText), index.h("div", { key: '30f38240d821f1893ac23eb5bd068be6423d3142', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '57da3837388eca1ceb8a1331af9e2b7435eed7f9', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'f8f02043262910d6591a70b421980a589d2a2b5a' }, index.h("swirl-visually-hidden", { key: 'd1ffbec0fc359dfc31c1becca3c4b877d6aa9196', role: "alert" }, this.assistiveText), index.h("div", { key: '3a6d2e7c1f0974366262a34c5ab4d7a9718af589', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '187b2f01037ac3096708dc138ba15367d993edf2', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -362,27 +353,22 @@ const SwirlOptionList = class {
         "value": ["watchValue"]
     }; }
 };
-SwirlOptionList.style = SwirlOptionListStyle0;
+SwirlOptionList.style = swirlOptionListCss;
 
 const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";
-const SwirlTagStyle0 = swirlTagCss;
 
 const SwirlTag = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.removeTag = index.createEvent(this, "remove", 7);
-        this.onRemove = (event) => {
-            this.removeTag?.emit(event);
-        };
-        this.icon = undefined;
         this.iconPosition = "start";
         this.intent = "default";
-        this.label = undefined;
-        this.removable = undefined;
-        this.bordered = undefined;
         this.size = "m";
         this.removalButtonLabel = "Remove";
         this.variant = "default";
+        this.onRemove = (event) => {
+            this.removeTag?.emit(event);
+        };
     }
     componentDidLoad() {
         this.forceIconProps();
@@ -409,7 +395,7 @@ const SwirlTag = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlTag.style = SwirlTagStyle0;
+SwirlTag.style = swirlTagCss;
 
 exports.swirl_option_list = SwirlOptionList;
 exports.swirl_tag = SwirlTag;

package/dist/cjs/swirl-pagination.cjs.entry.js

@@ -1,19 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
-const SwirlPaginationStyle0 = swirlPaginationCss;
 
 const SwirlPagination = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.setPage = index.createEvent(this, "setPage", 7);
         this.setPageSize = index.createEvent(this, "setPageSize", 7);
+        this.firstPageButtonLabel = "First page";
+        this.lastPageButtonLabel = "Last page";
+        this.nextButtonLabel = "Next page";
+        this.pageLabel = "out of";
+        this.pageSelectLabel = "Select a page";
+        this.pageSize = 10;
+        this.pageSizeOptions = [10, 25, 50];
+        this.pageSizeSelectLabel = "Items per page:";
+        this.prevButtonLabel = "Previous page";
+        this.variant = "default";
         this.onFocusPageInput = (event) => {
             event.target.select();
         };
@@ -72,20 +79,6 @@ const SwirlPagination = class {
             }
             this.setPageSize.emit(pageSize);
         };
-        this.firstPageButtonLabel = "First page";
-        this.lastPageButtonLabel = "Last page";
-        this.label = undefined;
-        this.nextButtonLabel = "Next page";
-        this.page = undefined;
-        this.pageLabel = "out of";
-        this.pages = undefined;
-        this.pageSelectLabel = "Select a page";
-        this.pageSize = 10;
-        this.pageSizeOptions = [10, 25, 50];
-        this.pageSizeSelectLabel = "Items per page:";
-        this.prevButtonLabel = "Previous page";
-        this.showPageSizeSelect = undefined;
-        this.variant = "default";
     }
     render() {
         const showPageLabel = this.variant !== "simple";
@@ -95,6 +88,6 @@ const SwirlPagination = class {
         return (index.h(index.Host, { key: '33ef24711dbe940ceb097ae34364c95a9876f2d3' }, index.h("nav", { key: '8a0a8bd45031d3e77e1288b80d0092bcb0d8b001', "aria-label": this.label, class: className }, index.h("ul", { key: '06a81a9e130f202b8e948a3b22ea726c5bac7930', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '742cc66d2c1abecf1f08c0b676d49a19c474c1e6', class: "pagination__list-item" }, index.h("label", { key: 'fc78b3b8db68e9dd30578eb990aafadfcdf8e5b0', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '3b9afd6cb3de4cd7277587c99cb6248ecb3ab53e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '3dc37e42bb1e69b069939e9c7db68b023361fd08', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '100c22c1ec562d41df270f347c8e94eb0637ffc5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '69eb7fc8716d507a02fbd8560374337b1919448c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '8c53c034e8eca71cc129b44e324b195195d4cee8', class: "pagination__list-item" }, index.h("swirl-button", { key: '8719d05a8a33b9ce032fbbdd8244721ec77f06aa', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '006de63ce8b760abd86f239a48ae539509b02dc5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'ca7eb0754a268eeddc6dd18716f712af67db251c', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '1f48396a7c38e0ffdc5fb1d616b4158c7cb2a03e', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e1844315c1dcd415bcb92d0a663592b29652411f', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '3fb22e26047156723fdba78666f9a24c8268a5f2', class: "pagination__list-item" }, index.h("swirl-button", { key: '01fba1e4dc82332939e6c89aafe85f07aca6927f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
-SwirlPagination.style = SwirlPaginationStyle0;
+SwirlPagination.style = swirlPaginationCss;
 
 exports.swirl_pagination = SwirlPagination;

package/dist/cjs/swirl-pdf-reader.cjs.entry.js

@@ -1,21 +1,42 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const a11yDialog_esm = require('./a11y-dialog.esm-4a3287ed.js');
-const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var a11yDialog_esm = require('./a11y-dialog.esm-BAOs5L8f.js');
+var bodyScrollLock_esm = require('./bodyScrollLock.esm-DMDeaEpJ.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-Br2wWntR.js');
 
 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-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden=\"true\"]{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:4rem;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)}@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}.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\n    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}}";
-const SwirlPdfReaderStyle0 = swirlPdfReaderCss;
 
 const SwirlPdfReader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.modalClose = index.createEvent(this, "modalClose", 7);
         this.modalOpen = index.createEvent(this, "modalOpen", 7);
+        this.autoZoomLabel = "Full width";
+        this.closeButtonLabel = "Close PDF viewer";
+        this.downloadButtonEnabled = true;
+        this.downloadButtonLabel = "Download PDF";
+        this.fileTypeLabel = "PDF Document";
+        this.menuLabel = "File menu";
+        this.menuTriggerLabel = "Open file menu";
+        this.printButtonEnabled = true;
+        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 = false;
+        this.active = false;
+        this.closing = false;
+        this.downloading = false;
+        this.loadingThumbnails = false;
+        this.thumbnails = [];
+        this.viewMode = "single";
+        this.visiblePages = [];
         this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4];
         this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5];
         this.toggleViewMode = () => {
@@ -80,37 +101,6 @@ const SwirlPdfReader = class {
             const page = utils.querySelectorAllDeep(this.el, `[data-page-number="${index + 1}"]`)?.[0];
             page?.scrollIntoView();
         };
-        this.autoZoomLabel = "Full width";
-        this.closeButtonLabel = "Close PDF viewer";
-        this.downloadButtonEnabled = true;
-        this.downloadButtonLabel = "Download PDF";
-        this.file = undefined;
-        this.fileName = undefined;
-        this.fileTypeLabel = "PDF Document";
-        this.label = undefined;
-        this.menuLabel = "File menu";
-        this.menuTriggerLabel = "Open file menu";
-        this.pdfWorkerSrc = undefined;
-        this.printButtonEnabled = true;
-        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 = false;
-        this.active = false;
-        this.closing = false;
-        this.downloading = false;
-        this.loadingThumbnails = false;
-        this.thumbnails = [];
-        this.showThumbnails = undefined;
-        this.viewMode = "single";
-        this.visiblePages = [];
-        this.zoom = undefined;
-        this.zoomSteps = undefined;
     }
     componentWillLoad() {
         this.updateZoomSteps();
@@ -192,21 +182,21 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'cea40055e8d9d7cc247abd8c2536400ad1b32e53' }, index.h("section", { key: '5f166a34cb358b1cbdfb7a2afdca845b64074af3', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '39067a787f59b4544ea20d23d5e0c04e2474b6e9', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '1f1182b1d1aba45fad1287be0d3e57df9768d2ce', class: "pdf-reader__header" }, index.h("span", { key: 'db5b2edac610637660c4858c1e70ab299f25540c', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'c7817d397c7919e61e55460d85d008156ea06bef', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'bd4002f6e7277a401c6dc3c980aa310fb1bfb705', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '91060bf6fde18844bdb0bb752336980ea563f4c7', class: "pdf-reader__header-center" }, index.h("span", { key: 'dfa83aa27339b9acb743e02b2420b44db152850c', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'c1cfba8b36161a40e580a0ab5593189fcbefc6e4', 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 }), index.h("swirl-button", { key: '800533b1a73134723a0edca87e7c4acd291cad43', 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 })), index.h("span", { key: '9a15a7e7b89544edf0f045268bb54e7f25523360', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '40a0ad01e3e3def5e0a6ccd4a7317282742657ae', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'c20b50294e3204cd228b48472e2876834e5512b1', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: 'c14ca571d294936df771531a49947048354edb5c', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'c634eb8888fb84d762824b2162bcacf9a47ec8a7', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '7243f3d92716532320f1e302350b5cff77a8a265', swirlPopover: this.menu }, index.h("swirl-button", { key: 'f49737c9d8f9ba54d9cb4332cac2b9222fc784f7', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '0c9bce40ab90c1897d55c57ba0f7e6a96164216f', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'ba4cd0a21e63b25667a406df97803283bcd78011', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'cf1f6eed20ee4cd6bc04cba63b8cf2516acf4ff4' })), index.h("button", { key: '7240ed1cc9f44120e373cd4f5ba173519d5ac3b4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '5f0d7640f8c85c9e67a12203f269740b85124932' })))), index.h("div", { key: 'a256c6e32fbca22f7d7f17cbe3b21a63b73710de', class: "pdf-reader__content" }, index.h("nav", { key: '522134e4dfb9049a37c96e065e0cff4dab9dda15', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '47283b4aea2c69a7cd14a7c8be4516a1342b59ca' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '1014152922d7277f5e604d791bd64f7f1a9b8bbf' }, index.h("section", { key: '85eaf8100406e98811d2f4a583967f13823c6bb2', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '51427c8edca49093c0a4f2126d269d007b01e12f', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'eb336b26eeedcf826e03324ed35397938f0171ae', class: "pdf-reader__header" }, index.h("span", { key: 'e8405708621772321e778326c010ab27083186d4', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '16e6e213aa462f907c8aa400be28dcbd2b3e8064', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'e9fcb270a5650ce24d839c0e171523efe2662804', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'c37b50adb07830c2c29fd45786cc6cce67c10435', class: "pdf-reader__header-center" }, index.h("span", { key: 'aa8633133f4778ec58e9520d9ab677ed7c876617', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'fb08b5d19237a1506cb1bfaf9340cff5d0fe70e0', 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 }), index.h("swirl-button", { key: 'f5ee4402636803ce6df854cbb845a1d8ee30c63d', 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 })), index.h("span", { key: 'fb1dc7cad4b0572cf8c71d5645c5ab45c9bc9e31', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'e4821a82d428c2227bda266b5915b3749a0d7a4a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '3b6f5b9ccf526497c8c1f18c9cd669e0de254aa5', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '03bcc97a1e3f75e30c41b9de8f54dcdd1f2f4999', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'f755abf85fce384336ea64e98cbe05c422ea2342', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'c46fc664382b6635bc1df2280e5d5f85746e8104', swirlPopover: this.menu }, index.h("swirl-button", { key: 'd189de80e0b405c5eccf84377338d4780ab6e540', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '9109dbba25328ae07802a49e749ad4c596decade', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'e3c399de81ccd73a1530764f640da712d05d03cc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '3d15ccba698e3c2db5b3380a91eb9d5d3e94f09f' })), index.h("button", { key: '69a1e860aa55d62d7ceb83be925d17eef17c57a3', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'e633b571ce4ba30380b7efbf9d688feae95dc512' })))), index.h("div", { key: '774bbaf3bc3543114439adefc9ab2e422c39e3b5', class: "pdf-reader__content" }, index.h("nav", { key: 'ca6bbea8ab40c503f17adf585675c3be64982f37', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '9a92c6f6b1f8a196125d41b873428629531155c8' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: 'a838070f13621e56d96961d82775d543d9241c19', active: this.active, class: "pdf-reader__viewer", 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 }), index.h("div", { key: '7db4336ea3d2e2d130f2f1acda70a177c4924b5e', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'ceedd827d97e05e50783813d0e1126f1b26e4672', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '0e63cfc6b2eeac6785136e6c34d40de346af95e6', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '87d4997111f485365188c9ebd1dab0b75047c80a' })), index.h("button", { key: '2e6caa2cda1e78e5d8fca918a3dfd821c86bd401', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '88cd4e5dd7969cf2d7c65f53e4f0c157923c7bab' }))))), index.h("swirl-popover", { key: 'd4eb96ad2e6a60fb919aaced76a57763ee1ad6b6', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '4ae02e7cca5db15eb3f61f0baa13208706103c46' }, index.h("div", { key: '085259d790d263e8e2e0da96e9f9def6ef97b556', class: "pdf-reader__meta" }, index.h("div", { key: 'dfe805f714af3f5dbedc0b5feced7645d1d2838b', class: "pdf-reader__file-icon" }, index.h("svg", { key: '15de8fc9a7a2f4ec1ee9f3d8f39a068b3500aca4', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'aadd80ea7763aec6e06abd202507f601a128d81a', 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" }), index.h("path", { key: 'c9fb98bd3b68b9b03290624176994751b4a94520', 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" }), index.h("path", { key: '0b7e5871032ba6a7ea638e497523f33fe014aff5', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '2543a120fa6dc5f4ed0748009b1d3ec0c584536d', 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" }), index.h("path", { key: '4e828fc1f8e71682564a7efabae15d49fed3e815', 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" }), index.h("path", { key: '7ed12dff3c6d3d1c572cc51f5b427cfe494145d2', 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" }), index.h("path", { key: 'b69e7a49a0cf44f5a8babcd34e0e2d6faa0a5eb0', 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" }), index.h("path", { key: 'd33b52b572aa8d4a428903812b099c8f5a113357', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'a1b28f78b0c5b6a956ce2f484a084d80de345b6b', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '8ef5fbb662c5115c9c1965afc58a02fabe65a668', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '14cf2946a59acf84a1bace3f0785af0ac4e26245', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '6a4b6df80a00847a312a0ba56385eb0e1a2710b8' }), index.h("swirl-action-list", { key: '34995250125df9e1528d45178dfd3cbd152c07ac', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '1e8a01cb816cda39124f1e55f1bf9d83533661d9', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '03118f0d9a1167e336514983d22b524c0e5bac60', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '981cb67856144c11d3aaf84de9e026646c2cdc43', active: this.active, class: "pdf-reader__viewer", 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 }), index.h("div", { key: 'bb6d09787842a9e7ce2c433b8c6bb4b2484939f4', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '5357c79fd4073689f5b9b0dbdb0a4015f301215c', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '251343df1d78a228f8f0c8300eb0be3bdcc46146', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'eb9b7ce29e508c22286ad880c741624c4275b89a' })), index.h("button", { key: '5748706f4a3ff12476cb44d31635fdcdc14b45f7', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '10d5ace6eec6205dc9aca8d869ccff32f332c96f' }))))), index.h("swirl-popover", { key: '087109c45501c6f8c5f697d9b6712fa00eb40d46', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '2b506d1a95b92aa68df642f93171d18fe8d5f7b0' }, index.h("div", { key: '6839127db2a8d7f56737947990a4d7707fecdebb', class: "pdf-reader__meta" }, index.h("div", { key: '0c527fca0e20e8e2df21ccdb669a17e0e0156ee6', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'b271cf5e1cb4179e4eda27d6a269df476ed7fc18', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'ad5408592da56210d40962db50f35d398061ba14', 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" }), index.h("path", { key: '6c30cca922352c35775552792fbac463e443b153', 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" }), index.h("path", { key: 'd9e28b318dbecd7957c681d02558469049c1cb38', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'a1f326e9599ebcb7914c4bb2f0fde402c11acfd1', 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" }), index.h("path", { key: 'd2db86f35c074c7f9db649e3452bdcf173dce0b8', 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" }), index.h("path", { key: '3c49ccfd940a9db83da83fca2f078c4f9a2da88a', 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" }), index.h("path", { key: 'c4d12548162dcc140805d7ef4892e6170c81caf2', 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" }), index.h("path", { key: '37ef1adc8de98ed316b591251607bec068a0687a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '4da59716902832b7b5c51f23073df266dc1caff2', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '81abc032800adcf9450a704a43b52b00a456b7c0', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'be6ad03d7ebff901aa0bbdee9f922065e01f9eb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '5433aaefd8a7bc18a6a1b3fd6034de34c1772982' }), index.h("swirl-action-list", { key: '002d8d72693f9b686f223b3ef200c5b23b4cecee', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '59e47374f9392a063ccf9463165c5ff6b24c5270', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'a5dab4b137cefe711c742f19a38cf55fc9768dbb', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'f9811208c15c5cdc873808521984394f6176e280', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'c1346c0b9c3b6bdb2c52676d1bf7c63760199503', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "showThumbnails": ["watchShowThumbnails"]
     }; }
 };
-SwirlPdfReader.style = SwirlPdfReaderStyle0;
+SwirlPdfReader.style = swirlPdfReaderCss;
 
 exports.swirl_pdf_reader = SwirlPdfReader;

package/dist/cjs/swirl-popover_2.cjs.entry.js

@@ -1,21 +1,27 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
-const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
-const index$1 = require('./index-9f94303c.js');
-const utils = require('./utils-4f225daf.js');
+var index = require('./index-Cks2WRVX.js');
+var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-PA1q-Uql.js');
+var bodyScrollLock_esm = require('./bodyScrollLock.esm-DMDeaEpJ.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-Br2wWntR.js');
 
 const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:border-box}:host{--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  )}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-base);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
-const SwirlPopoverStyle0 = swirlPopoverCss;
 
 const SwirlPopover = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.popoverClose = index.createEvent(this, "popoverClose", 7);
         this.popoverOpen = index.createEvent(this, "popoverOpen", 7);
+        this.animation = "scale-in-xy";
+        this.enableFlip = true;
+        this.maxHeight = "22rem";
+        this.offset = 8;
+        this.padded = true;
+        this.placement = "bottom-start";
+        this.returnFocusToTrigger = true;
+        this.active = false;
+        this.closing = false;
         this.toggle = (event) => {
             event.stopPropagation();
             if (this.active) {
@@ -45,9 +51,9 @@ const SwirlPopover = class {
                 ? { mainAxis: this.offset, crossAxis: 0 }
                 : { mainAxis: this.offset[0], crossAxis: this.offset[1] };
             const middleware = this.enableFlip
-                ? [floatingUi_dom_esm.offset(offsetOptions), floatingUi_dom_esm.shift(), floatingUi_dom_esm.flip()]
-                : [floatingUi_dom_esm.offset(offsetOptions), floatingUi_dom_esm.shift()];
-            this.position = await floatingUi_dom_esm.computePosition(this.triggerEl, this.contentContainer, {
+                ? [floatingUi_dom_browser_min.D(offsetOptions), floatingUi_dom_browser_min.k(), floatingUi_dom_browser_min.b()]
+                : [floatingUi_dom_browser_min.D(offsetOptions), floatingUi_dom_browser_min.k()];
+            this.position = await floatingUi_dom_browser_min.P(this.triggerEl, this.contentContainer, {
                 middleware,
                 placement: this.placement,
                 strategy: "fixed",
@@ -56,24 +62,6 @@ const SwirlPopover = class {
         this.onCloseButtonClick = () => {
             this.close();
         };
-        this.animation = "scale-in-xy";
-        this.disableScrollLock = undefined;
-        this.enableFlip = true;
-        this.fullscreenBottomSheet = undefined;
-        this.label = undefined;
-        this.maxHeight = "22rem";
-        this.offset = 8;
-        this.padded = true;
-        this.popoverId = undefined;
-        this.placement = "bottom-start";
-        this.returnFocusToTrigger = true;
-        this.transparent = undefined;
-        this.trigger = undefined;
-        this.triggerContainer = undefined;
-        this.useContainerWidth = undefined;
-        this.active = false;
-        this.closing = false;
-        this.position = undefined;
     }
     componentDidLoad() {
         this.connectTrigger();
@@ -176,7 +164,7 @@ const SwirlPopover = class {
             if (this.disableAutoUpdate) {
                 this.disableAutoUpdate();
             }
-            this.disableAutoUpdate = floatingUi_dom_esm.autoUpdate(this.triggerEl, this.contentContainer, () => this.reposition());
+            this.disableAutoUpdate = floatingUi_dom_browser_min.N(this.triggerEl, this.contentContainer, () => this.reposition());
             this.scrollContainer.scrollTop = 0;
             this.lockBodyScroll();
         });
@@ -280,14 +268,17 @@ const SwirlPopover = class {
     }
     get el() { return index.getElement(this); }
 };
-SwirlPopover.style = SwirlPopoverStyle0;
+SwirlPopover.style = swirlPopoverCss;
 
 const swirlPopoverTriggerCss = ".sc-swirl-popover-trigger-h{display:contents}";
-const SwirlPopoverTriggerStyle0 = swirlPopoverTriggerCss;
 
 const SwirlPopoverTrigger = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.hidePopoverWhenInvisible = true;
+        this.setAriaAttributes = true;
+        this.triggerOnClick = true;
+        this.triggerOnHover = false;
         this.triggerIsActive = false;
         this.popoverMouseEnter = () => {
             this.stopHoverLingerTimer();
@@ -364,14 +355,6 @@ const SwirlPopoverTrigger = class {
                 triggerEl.setAttribute("aria-haspopup", "dialog");
             }
         };
-        this.hidePopoverWhenInvisible = true;
-        this.parentScrollContainer = undefined;
-        this.setAriaAttributes = true;
-        this.swirlPopover = undefined;
-        this.triggerOnClick = true;
-        this.triggerOnHover = false;
-        this.hoverLingerDuration = undefined;
-        this.hoverDelay = undefined;
     }
     componentDidLoad() {
         this.updateTriggerElAriaAttributes();
@@ -445,7 +428,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '4dca8b80ee3c6a20e5209282f34f3614ba5956a6', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'bccf6ffd2e9b930540cd05c7cb8fb8631b691ec9' })));
+        return (index.h(index.Host, { key: '269102cbc2534ab2b6defd31dd9b9ba0f406f82c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '5e4cfcd225e361cde8cb999cd70b82d937041ab8' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -453,7 +436,7 @@ const SwirlPopoverTrigger = class {
         "triggerOnHover": ["watchHover"]
     }; }
 };
-SwirlPopoverTrigger.style = SwirlPopoverTriggerStyle0;
+SwirlPopoverTrigger.style = swirlPopoverTriggerCss;
 
 exports.swirl_popover = SwirlPopover;
 exports.swirl_popover_trigger = SwirlPopoverTrigger;

package/dist/cjs/swirl-progress-indicator.cjs.entry.js

@@ -1,17 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlProgressIndicatorCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}";
-const SwirlProgressIndicatorStyle0 = swirlProgressIndicatorCss;
 
 const SwirlProgressIndicator = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.label = undefined;
         this.size = "m";
         this.value = 0;
         this.variant = "bar";
@@ -25,6 +21,6 @@ const SwirlProgressIndicator = class {
         return (index.h(index.Host, { key: '03dd7eb8c9e4e7c15654249259be651bd67505b1', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '284be63a571d9fb55173aeda76ccbec9490ef09f', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: 'd773f3a50487dd319dde7295ac4a4dcc603ef80f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'e32adc1eb7ad3341c7b0a7295dbb0092f2b540bc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'f0536f927e68273dea67d2daea326409848e562e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'dfaf605e805372c8d94a820018b0095842b8c769', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
-SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;
+SwirlProgressIndicator.style = swirlProgressIndicatorCss;
 
 exports.swirl_progress_indicator = SwirlProgressIndicator;

package/dist/cjs/swirl-radio-group.cjs.entry.js

@@ -1,18 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
+var index = require('./index-Cks2WRVX.js');
 
 const swirlRadioGroupCss = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}";
-const SwirlRadioGroupStyle0 = swirlRadioGroupCss;
 
 const SwirlRadioGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.valueChange = index.createEvent(this, "valueChange", 7);
-        this.swirlAriaDescribedby = undefined;
-        this.value = undefined;
     }
     componentDidLoad() {
         this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio"));
@@ -47,10 +42,10 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bd4d0c46e5d87e1b9350c9239a18f5eccbb25895', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '19a6ce9772020d3ab609a919c94fa758eb09ee9d', class: "radio-group" }, index.h("slot", { key: '06675847dd8b77d4cc3ffc0ea63ec78557ee6607' }))));
+        return (index.h(index.Host, { key: '51e20ccb371528404315a357f58c607c7c49861b', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'bfd6ba710ffda6151b55c6e33caab7b93d16f221', class: "radio-group" }, index.h("slot", { key: '9905ba1500596d0bd2c132b4ac95edd330aeb2bd' }))));
     }
     get el() { return index.getElement(this); }
 };
-SwirlRadioGroup.style = SwirlRadioGroupStyle0;
+SwirlRadioGroup.style = swirlRadioGroupCss;
 
 exports.swirl_radio_group = SwirlRadioGroup;

package/dist/cjs/swirl-radio.cjs.entry.js

@@ -1,31 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c919933.js');
-const index$1 = require('./index-9f94303c.js');
+var index = require('./index-Cks2WRVX.js');
+var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlRadioCss = ".sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
-const SwirlRadioStyle0 = swirlRadioCss;
 
 const SwirlRadio = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.valueChange = index.createEvent(this, "valueChange", 7);
+        this.checked = false;
+        this.disabled = false;
+        this.variant = "default";
         this.onChange = () => {
             this.checked = true;
             this.valueChange.emit(this.value);
         };
-        this.checked = false;
-        this.description = undefined;
-        this.disabled = false;
-        this.inputId = undefined;
-        this.inputName = undefined;
-        this.invalid = undefined;
-        this.label = undefined;
-        this.tooltip = undefined;
-        this.value = undefined;
-        this.variant = "default";
     }
     getAriaCheckedLabel(checked, unchecked) {
         if (checked) {
@@ -50,6 +40,6 @@ const SwirlRadio = class {
         return (index.h(index.Host, { key: 'cf9589a6d96249e9f17c7194226c714e64c7b81d', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'f7912093f0adf0ab2de0a2b55e40fc655d6248a4', class: className, htmlFor: this.inputId }, index.h("span", { key: '3aeb823a9d1ede0084639e2dc9df0b8894ca23cb', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'a92863db127af8610d88f734a1e3ab1b15d407c4' }, index.h("input", { key: 'b287f603742d1238f48ea93bd0e6caea51f20a4e', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '312bb88f1c4580e67ed926d96528f21148c94f17', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '029e15ddc28cfe54d34ac1abd00d377999c32a6f', class: "radio__label-container" }, this.label && (index.h("span", { key: '26cb7e3431533570dfdf16b16816114551f5f347', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '4f03b751d579d251a066b17bfc5773d20c554945', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'dd93e1a9e4adbf509a19dfd37d425a781fa1cc7b', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'd32d935f4f811e17c7afb70fa717e40ceadd177f', class: "radio__description", innerHTML: this.description }))))));
     }
 };
-SwirlRadio.style = SwirlRadioStyle0;
+SwirlRadio.style = swirlRadioCss;
 
 exports.swirl_radio = SwirlRadio;