@getflip/swirl-components-react 0.526.0 → 0.527.0

package/dist/swirl-option-list.entry.52ccab76.js

@@ -0,0 +1,264 @@
+import { r as u, c as h, h as r, H as m, g } from "./index.22e18dc5.js";
+import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { l as n, q as c } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const I = () => ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", p = class {
+  constructor(t) {
+    u(this, t), this.itemDrop = h(this, "itemDrop", 7), this.valueChange = h(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.componentLoaded = !1, this.selectAllValue = crypto.randomUUID(), this.onClick = (e) => {
+      e.preventDefault();
+      const s = e.target, i = s == null ? void 0 : s.closest("swirl-option-list-item"), l = e.composedPath()[0], o = Boolean(n(l, '[role="option"]'));
+      if (!Boolean(i) || !o) {
+        e.preventDefault();
+        return;
+      }
+      if (i.value === this.selectAllValue)
+        this.selectAllChanged();
+      else {
+        const a = this.items.findIndex((d) => d.value === i.value);
+        this.focusItem(a), this.selectItem(a);
+      }
+    }, this.onKeyDown = (e) => {
+      var s;
+      if (e.code === "ArrowDown")
+        e.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusNextItem();
+      else if (e.code === "ArrowUp")
+        e.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemUp() : this.focusPreviousItem();
+      else if (e.code === "Space" || e.code === "Enter") {
+        if (!e.target.classList.contains("option-list-item__drag-handle") && Boolean(this.dragging)) {
+          e.preventDefault(), this.stopDrag(this.dragging);
+          return;
+        }
+        const l = e.composedPath()[0], o = Boolean(n(l, '[role="option"]')), a = ((s = l == null ? void 0 : l.closest("swirl-option-list-item")) == null ? void 0 : s.value) === this.selectAllValue;
+        if (!o && !a)
+          return;
+        e.preventDefault(), Boolean(this.dragging) ? this.stopDrag(this.dragging) : a ? this.selectAllChanged() : this.selectFocusedItem();
+      } else
+        e.code === "Home" ? (e.preventDefault(), this.showSelectAll ? this.focusSelectAll() : this.focusItem(0)) : e.code === "End" ? (e.preventDefault(), this.focusItem(this.items.length - 1)) : e.code === "KeyA" && (e.metaKey || e.ctrlKey) && this.multiSelect ? (e.preventDefault(), this.selectAllItems()) : e.code === "Tab" && Boolean(this.dragging) && e.preventDefault();
+    }, this.resetTabIndex = () => {
+      var i, l, o;
+      this.removeItemsTabIndex(), this.focusedItem = void 0;
+      const e = (i = this.items[0]) == null ? void 0 : i.querySelector('[role="option"]');
+      (o = ((l = this.selectAllEl) == null ? void 0 : l.querySelector('[role="option"]')) || e) == null || o.setAttribute("tabIndex", "0");
+    }, this.selectAllChanged = () => {
+      var i, l;
+      if (this.disabled)
+        return;
+      const e = ((i = this.items) == null ? void 0 : i.length) || 0;
+      (((l = this.value) == null ? void 0 : l.length) || 0) === e ? this.updateValue([]) : this.updateValue(this.items.map((o) => o.value));
+    }, this.toggleDrag = (e) => {
+      const s = e.detail;
+      Boolean(this.dragging) ? this.stopDrag(s) : this.startDrag(s);
+    }, this.startDrag = (e) => {
+      this.dragging = e, this.draggingStartIndex = this.getItemIndex(this.dragging), e.setAttribute("dragging", "true");
+      const s = this.getItemIndex(this.dragging);
+      this.focusItem(s), this.assistiveText = this.assistiveTextItemGrabbed;
+    }, this.stopDrag = (e) => {
+      this.dragging = void 0, e.removeAttribute("dragging");
+      const s = this.getActiveItemIndex();
+      this.assistiveText = `${this.assistiveTextItemMoved} ${s + 1}`, this.itemDrop.emit({ item: e, oldIndex: this.draggingStartIndex, newIndex: s }), this.draggingStartIndex = void 0, this.focusItem(s);
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && (this.observeSlotChanges(), this.subscribeToSwirlPopover(), this.setItemAllowDragState());
+  }
+  componentDidLoad() {
+    this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop(), this.setSectionSeparator(), this.setSelectAllState(), this.subscribeToSwirlPopover(), this.componentLoaded = !0;
+  }
+  componentDidRender() {
+    this.setupDragDrop();
+  }
+  disconnectedCallback() {
+    var t, e;
+    this.unsubscribeFromSwirlPopover(), (t = this.observer) == null || t.disconnect(), (e = this.sortable) == null || e.destroy(), this.removeToggleDragListeners();
+  }
+  removeToggleDragListeners() {
+    var t;
+    (t = this.items) == null || t.forEach((e) => {
+      e.removeEventListener("toggleDrag", this.toggleDrag);
+    });
+  }
+  watchAllowDrag() {
+    this.setItemAllowDragState(), this.setupDragDrop();
+  }
+  watchDisabled() {
+    this.setItemDisabledState();
+  }
+  watchMultiSelect() {
+    this.setItemContext();
+  }
+  watchValue() {
+    this.syncItemsWithValue(), this.setSelectAllState();
+  }
+  async focusItemWithValue(t) {
+    const e = this.items.findIndex((s) => s.value === t);
+    e >= 0 && this.focusItem(e);
+  }
+  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 s, i;
+    const t = ((s = this.items) == null ? void 0 : s.length) || 0, e = ((i = this.value) == null ? void 0 : i.length) || 0;
+    this.selectAllState = t === 0 || e === 0 ? !1 : e === t ? !0 : "indeterminate";
+  }
+  updateItems() {
+    var e;
+    this.removeToggleDragListeners(), this.items = c(this.el, "swirl-option-list-item").filter((s) => s.value !== this.selectAllValue), !(((e = this.selectAllEl) == null ? void 0 : e.querySelector('[tabindex="0"]')) || this.items.some((s) => s.querySelector('[tabindex="0"]'))) && this.resetTabIndex();
+  }
+  removeItemsTabIndex() {
+    var t, e;
+    (e = (t = this.selectAllEl) == null ? void 0 : t.querySelector('[role="option"]')) == null || e.removeAttribute("tabIndex"), this.items.forEach((s) => {
+      var i;
+      return (i = s.querySelector('[role="option"]')) == null ? void 0 : i.removeAttribute("tabIndex");
+    });
+  }
+  setItemDisabledState() {
+    this.disabled && this.items.forEach((t) => t.disabled = !0);
+  }
+  setItemContext() {
+    this.multiSelect ? this.items.forEach((t) => t.context = "multi-select") : (this.items.forEach((t) => t.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"]',
+      dragClass: "option-list-item--drag",
+      handle: ".option-list-item__drag-handle",
+      onEnd: (t) => {
+        this.itemDrop.emit({
+          item: t.item,
+          oldIndex: t.oldIndex,
+          newIndex: t.newIndex
+        });
+      }
+    }));
+  }
+  setItemAllowDragState() {
+    if (this.allowDrag && !this.multiSelect) {
+      console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");
+      return;
+    }
+    const t = c(this.el, "swirl-option-list-section");
+    if (this.allowDrag && t.length > 0) {
+      console.error("[SwirlOptionList] Drag can only be allowed for lists without sections.");
+      return;
+    }
+    this.allowDrag ? this.items.forEach((e) => {
+      e.setAttribute("allow-drag", "true"), e.addEventListener("toggleDrag", this.toggleDrag);
+    }) : this.items.forEach((e) => {
+      e.removeAttribute("allow-drag"), e.removeEventListener("toggleDrag", this.toggleDrag);
+    });
+  }
+  selectItem(t) {
+    if (this.disabled)
+      return;
+    const e = this.items[t];
+    if (e.disabled)
+      return;
+    const s = this.value.includes(e.value);
+    s && !this.allowDeselect || (this.multiSelect || (this.value = []), s ? this.updateValue(this.value.filter((i) => i !== e.value)) : this.updateValue([...this.value, e.value]));
+  }
+  updateValue(t) {
+    this.value = t, this.valueChange.emit(this.value);
+  }
+  selectFocusedItem() {
+    this.disabled || this.getActiveItemIndex() === -1 || this.selectItem(this.getActiveItemIndex());
+  }
+  selectAllItems() {
+    if (this.disabled)
+      return;
+    this.items.every((e) => this.value.includes(e.value)) ? this.updateValue([]) : this.updateValue(this.items.map((e) => e.value));
+  }
+  syncItemsWithValue() {
+    var t;
+    (t = this.items) == null || t.forEach((e) => e.selected = this.value.includes(e.value));
+  }
+  focusItem(t) {
+    var s;
+    if (this.disabled)
+      return;
+    this.removeItemsTabIndex();
+    const e = (s = this.items[t]) == null ? void 0 : s.querySelector('[role="option"]');
+    !Boolean(e) || (e.setAttribute("tabIndex", "0"), e.focus(), this.focusedItem = e);
+  }
+  focusNextItem() {
+    if (this.disabled)
+      return;
+    const t = this.getActiveItemIndex(), e = Math.min(t + 1, this.items.length - 1);
+    this.focusItem(e);
+  }
+  focusPreviousItem() {
+    const t = this.getActiveItemIndex();
+    if (t <= 0 && this.showSelectAll)
+      this.focusSelectAll();
+    else {
+      const e = Math.max(t - 1, 0);
+      this.focusItem(e);
+    }
+  }
+  focusSelectAll() {
+    var e;
+    const t = (e = this.selectAllEl) == null ? void 0 : e.querySelector('[role="option"]');
+    !t || (this.removeItemsTabIndex(), t.setAttribute("tabIndex", "0"), t.focus(), this.focusedItem = void 0);
+  }
+  getActiveItemIndex() {
+    return Boolean(this.focusedItem) ? this.items.map((t) => t.querySelector('[role="option"]')).findIndex((t) => t === this.focusedItem) : Boolean(this.selectAllEl) ? -1 : 0;
+  }
+  getItemIndex(t) {
+    return this.items.map((e) => e).findIndex((e) => e === t);
+  }
+  moveDraggedItemDown() {
+    const t = this.dragging.nextElementSibling;
+    !Boolean(t) || (t.after(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getActiveItemIndex() + 1}`);
+  }
+  moveDraggedItemUp() {
+    const t = this.dragging.previousElementSibling;
+    !Boolean(t) || t === this.selectAllEl || (t.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((e) => e.isConnected).forEach((e, s) => {
+      var i;
+      s === 0 && ((i = e.previousElementSibling) == null ? void 0 : i.tagName) !== "SWIRL-OPTION-LIST-ITEM" && (e.hasSeparator = !1);
+    });
+  }
+  subscribeToSwirlPopover() {
+    var t;
+    this.swirlPopover = n(this.el, "swirl-popover"), (t = this.swirlPopover) == null || t.addEventListener("popoverClose", this.resetTabIndex);
+  }
+  unsubscribeFromSwirlPopover() {
+    var t;
+    (t = this.swirlPopover) == null || t.removeEventListener("popoverClose", this.resetTabIndex);
+  }
+  render() {
+    const t = this.multiSelect ? "true" : void 0, e = Boolean(this.dragging) ? 0 : void 0, s = this.multiSelect && this.showSelectAll;
+    return r(m, { key: "65cde9dd862cadb258e17683d7a59fff97cd97b7" }, r("swirl-visually-hidden", { key: "1e584f1ea2dfb09a4b2fc47a69c0f657746baa9a", role: "alert" }, this.assistiveText), r("div", { key: "0e89eb4cec9cbdc2771d5f98765355cb7522773e", "aria-label": this.label, "aria-multiselectable": t, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: e }, s && r("swirl-option-list-item", { key: "595bd7ea9f6d3cedb832c842f47d16980caa8fa5", ref: (i) => this.selectAllEl = i, label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === !0, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue }), r("slot", { key: "562fef441ca6a22a7883f5428cde901ad6983253", onSlotchange: this.setSectionSeparator })));
+  }
+  get el() {
+    return g(this);
+  }
+  static get watchers() {
+    return {
+      allowDrag: [{
+        watchAllowDrag: 0
+      }],
+      disabled: [{
+        watchDisabled: 0
+      }],
+      multiSelect: [{
+        watchMultiSelect: 0
+      }],
+      value: [{
+        watchValue: 0
+      }]
+    };
+  }
+};
+p.style = I();
+export {
+  p as swirl_option_list
+};

package/dist/swirl-pagination.entry.76f5a3b7.js

@@ -0,0 +1,38 @@
+import { r as l, c as s, h as e, H as r } from "./index.22e18dc5.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { d as g } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const c = () => ":host{display:block;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: "b9d5521b3b1e6f8eeb43f5fbee8ae07a491d3a19" }, e("nav", { key: "76db31bfce09044b7f76132e5bbf705a1b1e9086", "aria-label": this.label, class: o }, e("ul", { key: "4d97f16bf0db33327737372e3a915313fe49298b", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "c156a0d4e949d1558a953fe3fb7057af923ac992", class: "pagination__list-item" }, e("label", { key: "29a86d9a9664eb9fcb69a10007cf792276ea0e80", class: "pagination__page-size-selection" }, e("swirl-text", { key: "7b40dc198746e40ffc144a83d9f7c431190afe0e", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "4dfb746397a08ad034a48b9dd12541150e648b6a", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "2f3fb1d3a0c64fc099e80e4f32fb5fdd4efd3c1d", 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: "b9c641d24b71b8e122949fa9751c11bff4c295cf", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "616f9f17c566b8c04905a2209bc829d547e60d44", class: "pagination__list-item" }, e("swirl-button", { key: "57a71dc9821130dc81d3363f458a28a6a5c43b04", 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: "cf04b3b58e820355f1664147d87ee54b398c732f", class: "pagination__list-item" }, e("swirl-button", { key: "6c7863b0e14e0309289c82ebaed36668fa587fcd", 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: "36bb830ae8f90cdd89540b178c8151eb4cf700d0", class: "pagination__list-item" }, e("swirl-button", { key: "6a1508c2d5ee020b896f816d5fae200ef12dae1a", 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: "80bf0ec83012aa1c1430172afc6162e088f197ba", class: "pagination__list-item" }, e("swirl-button", { key: "441358cdd1dbc516b10edefa8ba1d16048634929", 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.c5693084.js

@@ -0,0 +1,120 @@
+import { r as n, c as d, h as e, H as c, g as b } from "./index.22e18dc5.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import { q as f, i as s } from "./utils-CCck-DTo.e4e43b6a.js";
+import { d as h, e as p } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
+import "react";
+import "react-dom";
+const m = () => ':host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-neutral-subdued);inset:0;touch-action:pan-x pan-y;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:calc(4rem + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top, 0);padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8);min-width:0}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end;flex-shrink:0}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0     var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}', u = class {
+  constructor(o) {
+    n(this, o), this.modalClose = d(this, "modalClose", 3), this.modalOpen = d(this, "modalOpen", 3), this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download PDF", this.fileTypeLabel = "PDF Document", this.menuLabel = "File menu", this.menuTriggerLabel = "Open file menu", this.printButtonEnabled = !0, this.printButtonLabel = "Print PDF", this.sideBySideButtonLabel = "Toggle side by side view", this.thumbnailButtonLabel = "Scroll to page", this.thumbnailsButtonLabel = "Toggle thumbnails", this.thumbnailsLabel = "Page thumbnails", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.skipNativeDownload = !1, this.active = !1, this.closing = !1, this.opening = !1, this.downloading = !1, this.loadingThumbnails = !1, this.thumbnails = [], this.viewMode = "single", this.visiblePages = [], this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.onClose = () => {
+      this.closing = !1, this.active = !1, this.modalClose.emit();
+    }, this.toggleViewMode = () => {
+      this.viewMode === "single" ? this.viewMode = "side-by-side" : this.viewMode = "single";
+    }, this.toggleThumbnals = () => {
+      this.showThumbnails = !this.showThumbnails;
+    }, this.onKeyDown = (a) => {
+      a.code === "Escape" && (a.stopImmediatePropagation(), a.preventDefault(), 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 i;
+      const t = (i = f(this.el, `[data-page-number="${a + 1}"]`)) == null ? void 0 : i[0];
+      t == null || t.scrollIntoView();
+    };
+  }
+  componentWillLoad() {
+    this.updateZoomSteps(), this.zoom = s() ? "auto" : 1;
+  }
+  componentDidLoad() {
+    this.ensureOpening(), this.setDialogCustomProps();
+  }
+  disconnectedCallback() {
+    var o;
+    this.unlockBodyScroll(), (o = this.modalEl) != null && o.open && this.modalEl.close();
+  }
+  ensureOpening() {
+    var o;
+    this.opening && !((o = this.modalEl) != null && o.open) && this.open();
+  }
+  setDialogCustomProps() {
+    this.modalEl.setAttribute("closedby", "none");
+  }
+  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.opening = !0, this.modalEl && (this.modalEl.showModal(), this.active = !0, this.modalOpen.emit());
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.modalEl.close();
+    }, 150));
+  }
+  lockBodyScroll() {
+    var a;
+    const o = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && h(o);
+  }
+  unlockBodyScroll() {
+    var a;
+    const o = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && p(o);
+  }
+  async generateThumbnails() {
+    this.thumbnails = await this.pdfViewer.getThumbnails();
+  }
+  updateZoomSteps() {
+    this.zoomSteps = s() ? this.mobileZoomSteps : this.desktopZoomSteps;
+  }
+  render() {
+    const o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.printButtonEnabled || this.downloadButtonEnabled, a = l("pdf-reader", {
+      "pdf-reader--closing": this.closing,
+      "pdf-reader--hide-menu": !o,
+      "pdf-reader--show-thumbnails": this.showThumbnails
+    });
+    return e(c, { key: "5aa5196f3f335185bdb5605417a7e41b04ad68aa" }, e("dialog", { key: "0578370b08d777993900b265fa9ab989847b5ffe", "aria-label": this.label, class: a, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "e4386c8fd67b5d73351f601dcd08154261f963af", class: "pdf-reader__body", role: "document" }, e("header", { key: "438836741cb30ec92eac15c0e5de926c166fb5ad", class: "pdf-reader__header" }, e("span", { key: "9ae41f70b574cfad68fbc25d4db2c8d5e71cee24", class: "pdf-reader__header-left" }, e("swirl-button", { key: "343acc1e1825254336a2f99568f495159db5c8ab", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "4b9097c25b7b9e413e4f9815bc99120927118b64", class: "pdf-reader__label" }, this.label)), e("span", { key: "2daafc6906451560fe466d35820fc12e8f8392b6", class: "pdf-reader__header-center" }, e("span", { key: "7907286cd11d6d7136c0b16b15d412a95a04bb80", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "54adec6bec3891bb69d33b6b5b84e1237ba245f8", 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: "da3189f85a17a8adbe9fdaebc137cb36f028a2d4", 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: "36bf22c0518d9a0d2094456eac485c2c26089662", class: "pdf-reader__zoom-select-container" }, e("select", { key: "ff4d3bea09e7dc083d37e367f79a551c9a0aa4d4", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "adffbfb686ae63b2fdd8d9393e3f82851e0a4b55", 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: "0a93b8fd2bc005c325507f8aa9b36e0d9bcf7bcc", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "5830558b720fcb604ca826056008aaeefe981cc5", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "c7a5e39181b1c1cdc3791d5b7bd5b265ed5debf4", swirlPopover: this.menu }, e("swirl-button", { key: "035241cb6f6b67334ed7d7de4f7adf42daab4c31", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "38bf0e38f9f5337b7f7fcd61a7296dc84cec2e01", class: "pdf-reader__floating-tools" }, e("button", { key: "add989e8d7efd4287652ac02dcb57bc0c5660b61", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "91c02b6c7bfa518e2406346c23eac3aa11030f58" })), e("button", { key: "fb0ceebdb826defd58e6e2262b229aac9bfd4116", "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: "fe50b21d04ceb025d8895e4959b02b13f7aadeb6" })))), e("div", { key: "918438e5a06db70569e8f9fec40eee510e3aa7d5", class: "pdf-reader__content" }, e("nav", { key: "4b3b31a8a7f1dd8fd0a1800005cc80fd80fe78a9", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "5d9eb9c827ee727a2e15c541701a646adc09dcce" }), !this.loadingThumbnails && this.thumbnails.map((t, i) => {
+      const r = l("pdf-reader__thumbnail", {
+        "pdf-reader__thumbnail--active": this.visiblePages[0] === i + 1
+      });
+      return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${i + 1}`, class: r, onClick: this.onThumbnailClick(i), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
+    })), e("swirl-file-viewer", { key: "ac6c50bac7bb28e4c5e03a664414f517e1493d52", 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: "f9a8373be8a226e6d147082c3dc7bcbdd41b34cc", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "b16e5bb87e3da215e940d0022d71d894aaec87e0", "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: "a4ebe03ca93f3b6a0598709b4051d30064bea28b", "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: "4ff045bacd58694b40f8146a183c7491e9068798" })), e("button", { key: "4744721680c1b43562984d8ee70e086bce689ae4", "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: "500b18a0b1fd8b9d1f1409266c31c3f2f626c71d" }))))), e("swirl-popover", { key: "c370247375a25c59bd066bd3af995b09c1dca35c", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "68e2f3c73dba729c1a04bac4a9d89e515fbd9d42" }, e("div", { key: "bf0726d5c4bd9cee668d39451ee05d3c424ad40d", class: "pdf-reader__meta" }, e("div", { key: "c4187de51e2ae54dbe01a6061795ae75c301c8ce", class: "pdf-reader__file-icon" }, e("svg", { key: "6672423db22de5cd5488515ef06ff318ceb0ef5e", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "2b80dceeeca89795abb9923edf268238e0d62025", 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: "eb2faa284309f6b0106c9349681c6cefc25d33c4", 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: "ea1b67e5e4bb0bbaee366825d6cb51ce5645f2fb", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "eba0f24bcaa651a9d5c8f90409d2eacda20f0c6f", 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: "55f32e9ba7a04ce173a498a55bf577f0b1e146f1", 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: "be26ff753d2b23232ca9066e39dd9d4906da7e0f", 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: "246c05ef4aa7a9f698d1ae5e43933667af24ab24", 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: "017e6e140506c3a3969d06e6038cf749b5d50da8", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "45f8f1f372f3ecfea77e63078b9687c0fca64015", class: "pdf-reader__file-info" }, e("swirl-text", { key: "d900cbac8576f36f17225ecbc4278bfa1e49bf6f", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "21deba359133d61bd84aef91f87e147cf14a9377", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), o && e("swirl-separator", { key: "6cbdcc9ab11948034204e7d14177dc1b27a664b0" }), e("swirl-action-list", { key: "1afff4e7c0a8d14fb25b8db501a0859e75938a00", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "0030abe27058f2670588ee0bd714c5342ad2d1fd", 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: "008648f7cb91dd72477e261522585e31212b6538", 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: "be82533a6eb808e819ade572e76bb41c83515332", name: "menu-items" }))))));
+  }
+  get el() {
+    return b(this);
+  }
+  static get watchers() {
+    return {
+      showThumbnails: [{
+        watchShowThumbnails: 0
+      }]
+    };
+  }
+};
+u.style = m();
+export {
+  u as swirl_pdf_reader
+};