@getflip/swirl-components-react 0.427.1 → 0.428.0

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

@@ -1,290 +0,0 @@
-import { r as m, c as d, h as o, H as p, g as u } from "./index.9c001b30.js";
-import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
-import { l as c, q as h } from "./utils-wi_3Z3FQ.29a3aebe.js";
-import { v as b } from "./v4-DD3477fe.2624487e.js";
-import { c as w } from "./index-orsBiyT_.fc4357c3.js";
-import { D as v } from "./media-query.service-BZg4zbFx.7454a4f3.js";
-import "react";
-import "react-dom";
-const x = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", I = class {
-  constructor(e) {
-    m(this, e), this.itemDrop = d(this, "itemDrop", 7), this.valueChange = d(this, "valueChange", 7), this.allowDeselect = !0, 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.selectAllLabel = "Select all", this.value = [], this.selectAllState = !1, this.selectAllValue = b(), this.onClick = (t) => {
-      t.preventDefault();
-      const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), l = t.composedPath()[0], a = Boolean(c(l, '[role="option"]'));
-      if (!Boolean(s) || !a) {
-        t.preventDefault();
-        return;
-      }
-      if (s.value === this.selectAllValue)
-        this.selectAllChanged();
-      else {
-        const n = this.items.findIndex((r) => r.value === s.value);
-        this.focusItem(n), this.selectItem(n);
-      }
-    }, this.onKeyDown = (t) => {
-      var i;
-      if (t.code === "ArrowDown")
-        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusNextItem();
-      else if (t.code === "ArrowUp")
-        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemUp() : this.focusPreviousItem();
-      else if (t.code === "Space" || t.code === "Enter") {
-        if (!t.target.classList.contains("option-list-item__drag-handle") && Boolean(this.dragging)) {
-          t.preventDefault(), this.stopDrag(this.dragging);
-          return;
-        }
-        const l = t.composedPath()[0], a = Boolean(c(l, '[role="option"]')), n = ((i = l == null ? void 0 : l.closest("swirl-option-list-item")) == null ? void 0 : i.value) === this.selectAllValue;
-        if (!a && !n)
-          return;
-        t.preventDefault(), Boolean(this.dragging) ? this.stopDrag(this.dragging) : n ? this.selectAllChanged() : this.selectFocusedItem();
-      } else
-        t.code === "Home" ? (t.preventDefault(), this.showSelectAll ? this.focusSelectAll() : this.focusItem(0)) : t.code === "End" ? (t.preventDefault(), this.focusItem(this.items.length - 1)) : t.code === "KeyA" && (t.metaKey || t.ctrlKey) && this.multiSelect ? (t.preventDefault(), this.selectAllItems()) : t.code === "Tab" && Boolean(this.dragging) && t.preventDefault();
-    }, this.resetTabIndex = () => {
-      var s, l, a;
-      this.removeItemsTabIndex(), this.focusedItem = void 0;
-      const t = (s = this.items[0]) == null ? void 0 : s.querySelector('[role="option"]');
-      (a = ((l = this.selectAllEl) == null ? void 0 : l.querySelector('[role="option"]')) || t) == null || a.setAttribute("tabIndex", "0");
-    }, this.selectAllChanged = () => {
-      var s, l;
-      if (this.disabled)
-        return;
-      const t = ((s = this.items) == null ? void 0 : s.length) || 0;
-      (((l = this.value) == null ? void 0 : l.length) || 0) === t ? this.updateValue([]) : this.updateValue(this.items.map((a) => a.value));
-    }, this.toggleDrag = (t) => {
-      const i = t.detail;
-      Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
-    }, this.startDrag = (t) => {
-      this.dragging = t, this.draggingStartIndex = this.getItemIndex(this.dragging), t.setAttribute("dragging", "true");
-      const i = this.getItemIndex(this.dragging);
-      this.focusItem(i), this.assistiveText = this.assistiveTextItemGrabbed;
-    }, this.stopDrag = (t) => {
-      this.dragging = void 0, t.removeAttribute("dragging");
-      const i = this.getActiveItemIndex();
-      this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0, this.focusItem(i);
-    };
-  }
-  componentDidLoad() {
-    this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop(), this.setSectionSeparator(), this.setSelectAllState(), this.subscribeToSwirlPopover();
-  }
-  componentDidRender() {
-    this.setupDragDrop();
-  }
-  disconnectedCallback() {
-    var e, t;
-    this.unsubscribeFromSwirlPopover(), (e = this.observer) == null || e.disconnect(), (t = this.sortable) == null || t.destroy();
-  }
-  watchAllowDrag() {
-    this.setItemAllowDragState(), this.setupDragDrop();
-  }
-  watchDisabled() {
-    this.setItemDisabledState();
-  }
-  watchMultiSelect() {
-    this.setItemContext();
-  }
-  watchValue() {
-    this.syncItemsWithValue(), this.setSelectAllState();
-  }
-  observeSlotChanges() {
-    this.observer = new MutationObserver(() => {
-      this.updateItems(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setSelectAllState();
-    }), this.observer.observe(this.listboxEl, { childList: !0, subtree: !0 });
-  }
-  setSelectAllState() {
-    var i, s;
-    const e = ((i = this.items) == null ? void 0 : i.length) || 0, t = ((s = this.value) == null ? void 0 : s.length) || 0;
-    this.selectAllState = e === 0 || t === 0 ? !1 : t === e ? !0 : "indeterminate";
-  }
-  updateItems() {
-    var t;
-    this.items = h(this.el, "swirl-option-list-item").filter((i) => i.value !== this.selectAllValue), !(((t = this.selectAllEl) == null ? void 0 : t.querySelector('[tabindex="0"]')) || this.items.some((i) => i.querySelector('[tabindex="0"]'))) && this.resetTabIndex();
-  }
-  removeItemsTabIndex() {
-    var e, t;
-    (t = (e = this.selectAllEl) == null ? void 0 : e.querySelector('[role="option"]')) == null || t.removeAttribute("tabIndex"), this.items.forEach((i) => {
-      var s;
-      return (s = i.querySelector('[role="option"]')) == null ? void 0 : s.removeAttribute("tabIndex");
-    });
-  }
-  setItemDisabledState() {
-    this.disabled && this.items.forEach((e) => e.disabled = !0);
-  }
-  setItemContext() {
-    this.multiSelect ? this.items.forEach((e) => e.context = "multi-select") : (this.items.forEach((e) => e.context = "single-select"), this.value.length > 1 && this.updateValue([this.value[0]]));
-  }
-  setupDragDrop() {
-    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = f.create(this.listboxEl, {
-      animation: 150,
-      draggable: 'swirl-option-list-item[allow-drag="true"]',
-      handle: ".option-list-item__drag-handle",
-      onEnd: (e) => {
-        this.itemDrop.emit({
-          item: e.item,
-          oldIndex: e.oldIndex,
-          newIndex: e.newIndex
-        });
-      }
-    }));
-  }
-  setItemAllowDragState() {
-    if (this.allowDrag && !this.multiSelect) {
-      console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");
-      return;
-    }
-    const e = h(this.el, "swirl-option-list-section");
-    if (this.allowDrag && e.length > 0) {
-      console.error("[SwirlOptionList] Drag can only be allowed for lists without sections.");
-      return;
-    }
-    this.allowDrag ? this.items.forEach((t) => {
-      t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
-    }) : this.items.forEach((t) => {
-      t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
-    });
-  }
-  selectItem(e) {
-    if (this.disabled)
-      return;
-    const t = this.items[e];
-    if (t.disabled)
-      return;
-    const i = this.value.includes(t.value);
-    i && !this.allowDeselect || (this.multiSelect || (this.value = []), i ? this.updateValue(this.value.filter((s) => s !== t.value)) : this.updateValue([...this.value, t.value]));
-  }
-  updateValue(e) {
-    this.value = e, this.valueChange.emit(this.value);
-  }
-  selectFocusedItem() {
-    this.disabled || this.getActiveItemIndex() === -1 || this.selectItem(this.getActiveItemIndex());
-  }
-  selectAllItems() {
-    if (this.disabled)
-      return;
-    this.items.every((t) => this.value.includes(t.value)) ? this.updateValue([]) : this.updateValue(this.items.map((t) => t.value));
-  }
-  syncItemsWithValue() {
-    var e;
-    (e = this.items) == null || e.forEach((t) => t.selected = this.value.includes(t.value));
-  }
-  focusItem(e) {
-    var i;
-    if (this.disabled)
-      return;
-    this.removeItemsTabIndex();
-    const t = (i = this.items[e]) == null ? void 0 : i.querySelector('[role="option"]');
-    !Boolean(t) || (t.setAttribute("tabIndex", "0"), t.focus(), this.focusedItem = t);
-  }
-  focusNextItem() {
-    if (this.disabled)
-      return;
-    const e = this.getActiveItemIndex(), t = Math.min(e + 1, this.items.length - 1);
-    this.focusItem(t);
-  }
-  focusPreviousItem() {
-    const e = this.getActiveItemIndex();
-    if (e <= 0 && this.showSelectAll)
-      this.focusSelectAll();
-    else {
-      const t = Math.max(e - 1, 0);
-      this.focusItem(t);
-    }
-  }
-  focusSelectAll() {
-    var t;
-    const e = (t = this.selectAllEl) == null ? void 0 : t.querySelector('[role="option"]');
-    !e || (this.removeItemsTabIndex(), e.setAttribute("tabIndex", "0"), e.focus(), this.focusedItem = void 0);
-  }
-  getActiveItemIndex() {
-    return Boolean(this.focusedItem) ? this.items.map((e) => e.querySelector('[role="option"]')).findIndex((e) => e === this.focusedItem) : Boolean(this.selectAllEl) ? -1 : 0;
-  }
-  getItemIndex(e) {
-    return this.items.map((t) => t).findIndex((t) => t === e);
-  }
-  moveDraggedItemDown() {
-    const e = this.dragging.nextElementSibling;
-    !Boolean(e) || (e.after(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getActiveItemIndex() + 1}`);
-  }
-  moveDraggedItemUp() {
-    const e = this.dragging.previousElementSibling;
-    !Boolean(e) || e === this.selectAllEl || (e.before(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
-  }
-  setSectionSeparator() {
-    if (!this.el)
-      return;
-    Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((t) => t.isConnected).forEach((t, i) => {
-      var s;
-      i === 0 && ((s = t.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-OPTION-LIST-ITEM" && (t.hasSeparator = !1);
-    });
-  }
-  subscribeToSwirlPopover() {
-    var e;
-    this.swirlPopover = c(this.el, "swirl-popover"), (e = this.swirlPopover) == null || e.addEventListener("popoverClose", this.resetTabIndex);
-  }
-  unsubscribeFromSwirlPopover() {
-    var e;
-    (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetTabIndex);
-  }
-  render() {
-    const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0, i = this.multiSelect && this.showSelectAll;
-    return o(p, { key: "a9a413bc1153713769327eeffa7668cfbfb5156d" }, o("swirl-visually-hidden", { key: "1534b5a6002ad53211d48c1f956e32432cf67c95", role: "alert" }, this.assistiveText), o("div", { key: "ebd8255b78464c9f3668f0ec58742ca0ab0a81e6", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, i && o("swirl-option-list-item", { key: "a364a27f320b89ee8259529c56a0eacf55411a7c", ref: (s) => this.selectAllEl = s, label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === !0, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue }), o("slot", { key: "70ec291531c653f93e07fd4b48a7fcaa738d93ec", onSlotchange: this.setSectionSeparator })));
-  }
-  get el() {
-    return u(this);
-  }
-  static get watchers() {
-    return {
-      allowDrag: ["watchAllowDrag"],
-      disabled: ["watchDisabled"],
-      multiSelect: ["watchMultiSelect"],
-      value: ["watchValue"]
-    };
-  }
-};
-I.style = x;
-const _ = `.sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
-    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item,.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);color:var(--s-text-on-status);background-color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.option-list-item__label-container.sc-swirl-option-list-item>*.sc-swirl-option-list-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item{position:relative;width:100%;height:100%}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, S = class {
-  constructor(e) {
-    m(this, e), this.toggleDrag = d(this, "toggleDrag", 7), this.context = "single-select", this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.selected = !1, this.indeterminate = !1, this.swirlAriaRole = "option", this.iconSize = 24, this.elementId = b(), this.mediaQueryUnsubscribe = () => {
-    }, this.onDragHandleKeyDown = (t) => {
-      (t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
-    }, this.onBlur = () => {
-      this.focused = !1;
-    }, this.onFocus = () => {
-      this.focused = !0;
-    };
-  }
-  componentDidLoad() {
-    this.mediaQueryUnsubscribe = v.subscribe((e) => {
-      this.forceIconProps(e), this.updateIconSize(e);
-    });
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  forceIconProps(e) {
-    var i;
-    const t = (i = this.iconEl) == null ? void 0 : i.children[0];
-    t == null || t.setAttribute("size", e ? "20" : "24");
-  }
-  updateIconSize(e) {
-    this.iconSize = e ? 20 : 24;
-  }
-  render() {
-    const e = this.disabled ? "true" : void 0, t = this.indeterminate ? void 0 : String(this.selected), i = this.context === "multi-select", s = Boolean(this.icon) && this.context === "single-select", l = Boolean(this.iconBadge), a = this.el.querySelector('[slot="avatar"]'), n = this.selected && this.context === "single-select", r = w("option-list-item", `option-list-item--context-${this.context}`, {
-      "option-list-item--disabled": this.disabled,
-      "option-list-item--draggable": this.allowDrag,
-      "option-list-item--dragging": this.dragging,
-      "option-list-item--selected": this.selected,
-      "option-list-item--indeterminate": this.indeterminate && !this.selected,
-      "option-list-item--show-avatar": a
-    });
-    return o(p, { key: "73585b0eeb68708eb03fa02bc94cc8375582bb53" }, o("div", { key: "b5adb4c8867035f971824b858554804ee877adaf", "aria-checked": this.swirlAriaRole === "menuitemradio" ? t : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": e, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? t : void 0, class: r, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, s && o("span", { key: "2d71cee5c7b4e77460281ffae8dbf30307ffea18", class: "option-list-item__icon", innerHTML: this.icon, ref: (g) => this.iconEl = g }, l && o("span", { key: "d8441db55df3fe403853c8819c769b6e8304ac11", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), i && o("span", { key: "db5833551ad7ec7007ec5783c0e445ea73965ae3", class: "option-list-item__checkbox" }, o("span", { key: "848bc34b1ce76a831f62c17424e83c4ba5a1cd76", class: "option-list-item__checkbox-box" }, this.selected && o("swirl-icon-check-strong", { key: "53cda8f2e311bc7a99b97b3ba73db71ebfaac607", class: "option-list-item__checkbox-icon", size: 16 }), !this.selected && this.indeterminate && o("span", { key: "0acd05ea7c3694eb60ccae80beef5591aef81e4c", class: "option-list-item__checkbox-indeterminate-icon" }))), o("span", { key: "b0ea7df1191314691c86bd535d1d86bccfec2470", class: "option-list-item__avatar" }, o("slot", { key: "0b3b83b40ed5d21b33c3aab36b71476524a9aa06", name: "avatar" })), o("span", { key: "8530a0020712c5922855a8f2828522f6de47d953", class: "option-list-item__label-container" }, o("span", { key: "a5c10c37b5912fd1ac1c906e05455049e7e16190", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && o("span", { key: "bbe26531636efaac505114fea74a137a79c161db", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), n && o("span", { key: "ab03fe540a1f4bf56aa9c1de366a3f3b2876c78d", class: "option-list-item__selection-icon" }, o("swirl-icon-check-small", { key: "82c69a45c2a2b9adb300da38dcdaa6309d598583", size: this.iconSize }))), this.allowDrag && o("button", { key: "9f1f6600f9aadd655bc8cd8745693c84cd09e824", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, o("swirl-icon-drag-handle", { key: "f15327b7c713eac42cd27391c5bdf2b5db54b8af", size: this.iconSize })));
-  }
-  get el() {
-    return u(this);
-  }
-};
-S.style = _;
-export {
-  I as swirl_option_list,
-  S as swirl_option_list_item
-};

package/dist/swirl-pagination.entry.5059c214.js

@@ -1,38 +0,0 @@
-import { r as l, c as s, h as e, H as r } from "./index.9c001b30.js";
-import { c as p } from "./index-orsBiyT_.fc4357c3.js";
-import { d as g } from "./utils-wi_3Z3FQ.29a3aebe.js";
-import "react";
-import "react-dom";
-const c = ":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)}}", h = class {
-  constructor(n) {
-    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(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 = (a) => {
-      a.target.select();
-    }, this.onFirstPageButtonClick = () => {
-      this.page !== 1 && this.setPage.emit(1);
-    }, this.onLastPageButtonClick = () => {
-      this.page !== this.pages && this.setPage.emit(this.pages);
-    }, this.onPrevButtonClick = () => {
-      const a = Math.max(this.page - 1, 1);
-      this.page !== a && this.setPage.emit(a);
-    }, this.onNextButtonClick = () => {
-      const a = Math.min(this.page + 1, this.pages);
-      this.page !== a && this.setPage.emit(a);
-    }, this.onPageInput = () => {
-      let a = +this.pageInput.value;
-      isNaN(a) ? (a = this.page, this.pageInput.value = String(a)) : a > this.pages ? (a = this.pages, this.pageInput.value = String(a)) : a < 1 && (a = 1, this.pageInput.value = String(a)), this.page !== a && this.onPageUpdate(a);
-    }, this.onPageUpdate = g((a) => {
-      this.setPage.emit(a);
-    }, 500), this.onPageSizeSelect = (a) => {
-      const t = +a.target.value;
-      this.pageSize !== t && this.setPageSize.emit(t);
-    };
-  }
-  render() {
-    const n = this.variant !== "simple", a = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "0402b2a64d56d926253ad477a7be0e3a9a98a561" }, e("nav", { key: "10c8f15e1c67976163ab968947fcea762a76f4d9", "aria-label": this.label, class: o }, e("ul", { key: "58658726f4d916e505f9ac0d84165e5947d441e9", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "50a0c3572c057b094e109d5122c12fa05a3a19f0", class: "pagination__list-item" }, e("label", { key: "4b2d8c7dd077df50920839933ed7b1af978f54a8", class: "pagination__page-size-selection" }, e("swirl-text", { key: "6a0085737edca1701419cd8ccfec43ff56d6d211", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "174b9b24838db58e6d25d6642cd602525ae22bb1", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "075ef3ffa1aeea7d6a0eb6a9e634777139fe7400", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "165ff6e18086347955546fdc5b9f47ef4134e694", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "ef567d2280438c435a9c9c2cf4edf7632d65cbd0", class: "pagination__list-item" }, e("swirl-button", { key: "82dfda97938179b53553cc81d895496dd0cbfadb", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "82e2399b7a8961102f5ba9faf576f7d0e4f59e35", class: "pagination__list-item" }, e("swirl-button", { key: "26b9a4afae8b817ebe519af5db9e79b9fa50286d", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "8f0c607327413a8fd5c4c0f159b6c8fc88eb3bf1", class: "pagination__list-item" }, e("swirl-button", { key: "a6b7b8bc5ad007fb65327c127ecb5f40fcd3650e", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "66f4551ea9a595b80c26af7dbc24cfd7c9b05b04", class: "pagination__list-item" }, e("swirl-button", { key: "bb19278d4fc1d3f6f7479401fa02a0d87312e197", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
-  }
-};
-h.style = c;
-export {
-  h as swirl_pagination
-};

package/dist/swirl-pdf-reader.entry.5df180dc.js

@@ -1,111 +0,0 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.9c001b30.js";
-import { A as b } from "./a11y-dialog.esm-DyxMdBpZ.05195d89.js";
-import { d as h, e as p } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import { q as m, i as s } from "./utils-wi_3Z3FQ.29a3aebe.js";
-import "react";
-import "react-dom";
-const u = `: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);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}}`, w = class {
-  constructor(i) {
-    n(this, i), this.modalClose = d(this, "modalClose", 7), this.modalOpen = d(this, "modalOpen", 7), 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.downloading = !1, this.loadingThumbnails = !1, 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 = () => {
-      this.viewMode === "single" ? this.viewMode = "side-by-side" : this.viewMode = "single";
-    }, this.toggleThumbnals = () => {
-      this.showThumbnails = !this.showThumbnails;
-    }, this.onKeyDown = (a) => {
-      a.code === "Escape" && (a.stopImmediatePropagation(), this.close());
-    }, this.onActivate = async (a) => {
-      this.pdfViewer = a.detail, this.lockBodyScroll();
-    }, this.onVisiblePagesChange = async (a) => {
-      this.visiblePages = a.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 a = this.zoomSteps.indexOf(+this.zoom);
-      this.zoom = a === -1 ? 1 : this.zoomSteps[Math.min(this.zoomSteps.length - 1, a + 1)];
-    }, this.onZoomOutButtonClick = () => {
-      const a = this.zoomSteps.indexOf(+this.zoom);
-      this.zoom = a === -1 ? 1 : this.zoomSteps[Math.max(0, a - 1)];
-    }, this.onZoomAutoButtonClick = () => {
-      this.zoom = this.zoom === "auto" ? 1 : "auto";
-    }, this.onZoomChange = (a) => {
-      const t = a.target.value;
-      this.zoom = t === "auto" ? t : +t;
-    }, this.onThumbnailClick = (a) => () => {
-      var o;
-      const t = (o = m(this.el, `[data-page-number="${a + 1}"]`)) == null ? void 0 : o[0];
-      t == null || t.scrollIntoView();
-    };
-  }
-  componentWillLoad() {
-    this.updateZoomSteps(), this.zoom = s() ? "auto" : 1;
-  }
-  componentDidLoad() {
-    this.modal = new b(this.modalEl);
-  }
-  disconnectedCallback() {
-    var i;
-    this.unlockBodyScroll(), (i = this.modal) == null || i.destroy();
-  }
-  onWindowResize() {
-    !Boolean(this.pdfViewer) || (this.updateZoomSteps(), this.zoom = s() ? "auto" : 1);
-  }
-  watchShowThumbnails() {
-    this.showThumbnails && (this.loadingThumbnails = !0, queueMicrotask(async () => {
-      await this.generateThumbnails(), this.loadingThumbnails = !1;
-    }));
-  }
-  async open() {
-    this.modal.show(), this.active = !0, this.modalOpen.emit();
-  }
-  async close() {
-    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      this.modal.hide(), this.closing = !1, this.active = !1, this.modalClose.emit();
-    }, 150));
-  }
-  lockBodyScroll() {
-    var a;
-    const i = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
-    Boolean(i) && h(i);
-  }
-  unlockBodyScroll() {
-    var a;
-    const i = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
-    Boolean(i) && p(i);
-  }
-  async generateThumbnails() {
-    this.thumbnails = await this.pdfViewer.getThumbnails();
-  }
-  updateZoomSteps() {
-    this.zoomSteps = s() ? this.mobileZoomSteps : this.desktopZoomSteps;
-  }
-  render() {
-    const i = Boolean(this.el.querySelector("[slot='menu-items']")) || this.printButtonEnabled || this.downloadButtonEnabled, a = r("pdf-reader", {
-      "pdf-reader--closing": this.closing,
-      "pdf-reader--hide-menu": !i,
-      "pdf-reader--show-thumbnails": this.showThumbnails
-    });
-    return e(c, { key: "a39da3708ba9b462b35cded4837baf7ccca76dad" }, e("section", { key: "c1556809d8cbdb7bda38a8024a406d6fbe9b0855", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "5edab291a61f1ab3602a13b8720e5fca73e30284", class: "pdf-reader__body", role: "document" }, e("header", { key: "8d347abf870caae46a64319d42a959f400c52514", class: "pdf-reader__header" }, e("span", { key: "afc3504d35663c5e22b666855e93db64eb1fc7ba", class: "pdf-reader__header-left" }, e("swirl-button", { key: "5e17e3a3297de6f5f8da308adaf80cc287167ddb", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "af4b655bd86589d6000eb6affa2e8752767fca05", class: "pdf-reader__label" }, this.label)), e("span", { key: "b894ddea179e432b2ffb1fed1d04c170a163370e", class: "pdf-reader__header-center" }, e("span", { key: "fd53bd7b5c57c9c902d09b0dfedbd87bc2e9bd75", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "d56a6ac0c0af42878e207373e4929bbe9e940787", 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 }), e("swirl-button", { key: "046f779484bcfef2f5b84335ccaff3bed5c98585", 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 })), e("span", { key: "c4b823a7cdc91d196b2c47beac8dc754b5646c95", class: "pdf-reader__zoom-select-container" }, e("select", { key: "6254c14b8b24e9ad88818d431e56eaa7f1aa0579", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "f904aaed0be9a954c60b92f11606353493f141c0", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "29559dc1ae3301fe4cf00e7800d92b31172a7f8d", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "126e9c7ce39f97bbe7d4533a38413c69f50b66e5", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "f5d4f7b66799cdd1a73a602430ec98aefc9de847", swirlPopover: this.menu }, e("swirl-button", { key: "23e578609f8fe0a6fc94b46048725e3455627d2f", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "b2aece2910bec5649bf09d01f2a728007c65f7b4", class: "pdf-reader__floating-tools" }, e("button", { key: "45ec0e745f06e94b6abb0c247b990f82943110f3", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "849787b2d0c99e40d9d91ba1c5c270385b43166a" })), e("button", { key: "69cca35872b1b5e6d173cb1909f0e64a78aacac9", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "07aaf825107fbef8b79b07cb5b114d6443207905" })))), e("div", { key: "ee26784f909a5fae6c9e35bc05fa14749a4bbb51", class: "pdf-reader__content" }, e("nav", { key: "1c63415c736937921713bac8048ab9cf68144bf1", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "d837f9fbf690a706c61af9f58ae69c6beb230b74" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
-      const l = r("pdf-reader__thumbnail", {
-        "pdf-reader__thumbnail--active": this.visiblePages[0] === o + 1
-      });
-      return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${o + 1}`, class: l, onClick: this.onThumbnailClick(o), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
-    })), e("swirl-file-viewer", { key: "7527de12c4ee5b05bedd3171211fec968708f3a3", 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: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "eea7cd7da47d241d73b5afdc54b38ff1d49c9da3", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "e7252306ad74c8c1ef5f4567d4c718a296193c47", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "27f6d8273ef917943e0e84fb56964b54c55edb02", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "b041c4ee7a060784ca52b14cb7e7885d09e2e0dc" })), e("button", { key: "d6638fd501361194ac46620afb3c8839d2a5c703", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "62dcbfcb8603419ffad7ede4e835f5fc5555f3aa" }))))), e("swirl-popover", { key: "5942b773a4c0741c5377bfe842b64e13b74c4ee5", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "25d8369c6cae20a15d5399dd6266639db50b7ef8" }, e("div", { key: "5ca1688c232a1f00a65702ed4e65a46bc4115aa7", class: "pdf-reader__meta" }, e("div", { key: "6004f90c2a836eb1020340e4e21be52f3ca22233", class: "pdf-reader__file-icon" }, e("svg", { key: "b8f72131d6093f2307aa9f2dc31aa1dd912a896e", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "03779d75e9eb5799a40ee088d3af6e8c750dbf64", 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" }), e("path", { key: "0ffdd7fd195b3818f589afe1bf153adc8d7808ee", 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" }), e("path", { key: "dbdd232da0cd69bf47a193f2b5d10ab098855d31", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "bc9594b25c74245a4e8bd163702c713ec01bebc1", 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" }), e("path", { key: "ec44a3c0280cfc68751744e0762bab1fcbc579b9", 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" }), e("path", { key: "07a48cb22f3163a81683aa30ff0ee5d54de591b0", 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" }), e("path", { key: "d650116066689223fda85300e5a6e6628cb743b2", 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" }), e("path", { key: "31a23e666e7e5af200bb2ce51c4bbf26ed26b200", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "836c5fe2f233df923f991b692090dd0e5ebe3f99", class: "pdf-reader__file-info" }, e("swirl-text", { key: "77d71edc013e625f4e0d475ec69c5e4f9dab6507", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "742582845011ef7165c5aa317f5ec73d80ecbf61", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "36667cac14efb58f997b179a293f9df06b083029" }), e("swirl-action-list", { key: "8a44c27a1a807e8e91f39a0e015907bd1ff373d6", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "5668031f9f03ea99975c9f3452a0f270239d0eaf", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "a5636068240e2670f4c15321ec28729f5b4d1a75", 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 }), e("slot", { key: "ffec7e08ee63073837326a56cdb7c97643f1da79", name: "menu-items" }))))));
-  }
-  get el() {
-    return f(this);
-  }
-  static get watchers() {
-    return {
-      showThumbnails: ["watchShowThumbnails"]
-    };
-  }
-};
-w.style = u;
-export {
-  w as swirl_pdf_reader
-};