@getflip/swirl-components-react 0.394.0 → 0.394.1

package/dist/swirl-carousel.entry.e7657b93.js

@@ -0,0 +1,99 @@
+import { r as a, c as n, h as l, H as r, g as d } from "./index.e49e01d5.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { d as h } from "./utils-wi_3Z3FQ.29a3aebe.js";
+import "react";
+import "react-dom";
+const u = `:host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fade-color:var(--s-background-default);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{position:absolute;z-index:1;top:0;width:var(--s-space-32);height:100%;content:"";transition:opacity 0.2s;pointer-events:none;opacity:0}.carousel:before{left:0;background:linear-gradient(
+      90deg,
+      var(--swirl-carousel-fade-color) 0%,
+      transparent 100%
+    )}.carousel:after{right:0;background:linear-gradient(
+      270deg,
+      var(--swirl-carousel-fade-color) 0%,
+      transparent 100%
+    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}`, p = class {
+  constructor(t) {
+    a(this, t), this.activeSlidesChange = n(this, "activeSlidesChange", 7), this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.fade = !1, this.fadeColor = "default", this.loopAround = !1, this.padding = "16", this.spacing = "16", this.activeSlides = [], this.carouselFadeColorMap = {
+      default: "var(--s-background-default)",
+      "on-surface-overlay": "var(--s-surface-overlay-default)"
+    }, this.updateActiveSlideReferences = h(() => {
+      const e = this.getActiveSlides();
+      e.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
+    }, 100), this.onPreviousSlideButtonClick = () => {
+      this.previousSlide();
+    }, this.onNextSlideButtonClick = () => {
+      this.nextSlide();
+    }, this.onSlotChange = () => {
+      this.activeSlides.length && this.scrollToElement(this.activeSlides[0]), this.checkScrollStatus(), this.checkScrollPosition();
+    }, this.onScroll = () => {
+      this.updateActiveSlideReferences(), this.checkScrollPosition();
+    };
+  }
+  onWindowResize() {
+    this.checkScrollStatus(), this.checkScrollPosition();
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      !this.el.isConnected || (this.checkScrollStatus(), this.checkScrollPosition());
+    });
+  }
+  async scrollToSlide(t) {
+    const i = this.getSlides().find((s) => s.id === t);
+    !Boolean(i) || this.scrollToElement(i);
+  }
+  scrollToElement(t) {
+    var e;
+    this.slidesContainer && t && ((e = this.slidesContainer) == null || e.scroll({
+      left: t.offsetLeft,
+      behavior: "smooth"
+    }));
+  }
+  previousSlide() {
+    const t = this.getSlides(), e = this.getActiveSlides(), i = e[0].previousElementSibling || (this.loopAround ? t[t.length - 1] : e[0]);
+    this.scrollToElement(i);
+  }
+  nextSlide() {
+    const t = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? t[0] : e[0].nextElementSibling;
+    this.scrollToElement(s);
+  }
+  getSlides() {
+    return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
+  }
+  getActiveSlides() {
+    return this.getSlides().filter((e) => this.checkInView(e));
+  }
+  checkScrollStatus() {
+    this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
+  }
+  checkScrollPosition() {
+    const t = this.getSlides(), e = this.getActiveSlides(), i = e[0] === t[0], s = e[e.length - 1] === t[t.length - 1];
+    i !== this.isAtStart && (this.isAtStart = i), s !== this.isAtEnd && (this.isAtEnd = s);
+  }
+  checkInView(t) {
+    let e = this.slidesContainer.scrollLeft, i = e + this.slidesContainer.clientWidth, s = t.offsetLeft, o = s + t.clientWidth;
+    return s >= e && o <= i;
+  }
+  render() {
+    this.el.style.setProperty("--swirl-carousel-spacing", `${this.spacing}px`), this.el.style.setProperty("--swirl-carousel-fade-color", this.carouselFadeColorMap[this.fadeColor]);
+    const t = {
+      padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
+      scrollPadding: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0
+    }, e = c("carousel", {
+      "carousel--fade": this.fade,
+      "carousel--is-at-start": this.isAtStart,
+      "carousel--is-at-end": this.isAtEnd
+    });
+    return l(r, { key: "c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "a1dfb1a45c399559d25df72add7723b231b5e6b8", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "f9e9dd3bb8162550accfcd6b653a3737355f93d4", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "bc30a83c74273b4b5832338422a95d91e3e67321", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "cb596e62b8517b2d6ff791032b41608c6a5b25be", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "0fab582bd3650e63d512e934d03183b3ae9b5901", onSlotchange: this.onSlotChange }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+p.style = u;
+export {
+  p as swirl_carousel
+};

package/dist/swirl-checkbox.entry.bdbdbcee.js

@@ -0,0 +1,30 @@
+import { r as b, c as l, h as c, H as t } from "./index.e49e01d5.js";
+import { c as d } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;flex-grow:1}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
+      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display: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)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox: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)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);align-items:flex-start;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label-container.sc-swirl-checkbox{padding-top:var(--s-space-2)}}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, x = class {
+  constructor(e) {
+    b(this, e), this.valueChange = l(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.labelWeight = "medium", this.variant = "default", this.onChange = () => {
+      this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
+    };
+  }
+  getAriaCheckedLabel(e, i) {
+    return e ? "true" : i ? "false" : "mixed";
+  }
+  render() {
+    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = d("checkbox", `checkbox--label-weight-${this.labelWeight}`, `checkbox--variant-${this.variant}`, {
+      "checkbox--checked": i,
+      "checkbox--disabled": this.disabled,
+      "checkbox--indeterminate": o,
+      "checkbox--invalid": this.invalid,
+      "checkbox--unchecked": e
+    });
+    return c(t, { key: "acf777ca7224f41f607bf84f193ecb05881f1fc1", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "c3a3abc5f9e87d3665ad7c797d44a2acd34c8ee5", class: a, htmlFor: this.inputId }, c("span", { key: "5e49492e10519c0f2f4f6ed187b318bca8316dab", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "06217d12dbc1ea25117e421d8e0e1cebd392f599" }, c("input", { key: "455840493b5e9b60aace6f4a0e2de7e5cece2e78", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "8b69f9ae79e957c52066cd80cf0da11fe5613ed2", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "cca029718dd23f8c2e0637ce4f44c24b4fb0b289", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "f3bab31db3d5ab5a6fdc78610abb42763f51154b" }), o && c("span", { key: "7002b8fffbb15b73d84fae98761196bbe6af3347", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "082ac434bc4dd0c98d983650aab5208a760063e7", class: "checkbox__label-container" }, this.label && c("span", { key: "62737cd8068a70eb10e722c2ff91ae4dc9917f7d", class: "checkbox__label" }, this.label), this.description && c("span", { key: "3e7f891b80511b9a4d811db31b594f2a0429d8b0", class: "checkbox__description" }, this.description))));
+  }
+};
+x.style = n;
+export {
+  x as swirl_checkbox
+};

package/dist/swirl-chip.entry.cd45091f.js

@@ -0,0 +1,42 @@
+import { r as o, c as s, h as i, H as h, g as p } from "./index.e49e01d5.js";
+import { c as n } from "./index-orsBiyT_.fc4357c3.js";
+import { D as l } from "./media-query.service-BZg4zbFx.7454a4f3.js";
+import "react";
+import "react-dom";
+import "./utils-wi_3Z3FQ.29a3aebe.js";
+const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}", v = class {
+  constructor(r) {
+    o(this, r), this.chipClick = s(this, "chipClick", 7), this.removeChip = s(this, "remove", 7), this.borderRadius = "pill", this.iconColor = "default", this.intent = "default", this.interactive = !1, this.progressBarLabel = "Loading progress", this.removeButtonLabel = "Remove", this.size = "m", this.variant = "outline", this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = l.subscribe((r) => {
+      this.forceIconProps(r);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(r) {
+    if (!Boolean(this.iconEl))
+      return;
+    const e = this.iconEl.children[0], c = this.size === "s" ? "16" : r ? "20" : "24";
+    e == null || e.setAttribute("size", c);
+  }
+  render() {
+    const r = this.interactive || this.pressed !== void 0 ? "button" : "span", e = Boolean(this.el.querySelector('[slot="avatar"]')), c = !e && Boolean(this.icon), a = n("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
+      "chip--pressed": this.pressed,
+      "chip--has-progress": this.progress !== void 0,
+      "chip--interactive": this.interactive || this.pressed !== void 0,
+      "chip--removable": this.removable
+    });
+    return i(h, { key: "b0e65c521dcde5335f3bcd7daaf7359ba5bbe3ec" }, i(r, { key: "a5198b26f19750bd4c8372acdc21e26f3ed8cfe1", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, i("span", { key: "2ed93ce33faf8a1bdc4b07e4f866a10650ae8395", class: "chip__inner" }, e && i("span", { key: "ec44e6a99988aa14dcf330098de8593a1deeaed8", class: "chip__avatar" }, i("slot", { key: "880a8c96422c0f31cbf603676ffecef66c6bff21", name: "avatar" })), c && i("span", { key: "b5ba3f75080b5452fce8886c513eaa6abcd58009", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), i("span", { key: "808fe136faee7570c2329a300fafba4e0efcbed8", class: "chip__label" }, this.label)), this.progress !== void 0 && i("span", { key: "50b4eb47a59290e9c21570e0b2d91a8aa7a97723", class: "chip__progress-indicator" }, i("swirl-progress-indicator", { key: "e0d54da0d2c6a325f6068740bba0c72b0837fb87", label: this.progressBarLabel, value: this.progress }))), this.removable && i("button", { key: "ec75adbbf28bf1df36d7532d832137f795973dab", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, i("swirl-icon-close", { key: "85c241bc56caaf410421b102607f902f1c4b33ef", size: 20 })));
+  }
+  get el() {
+    return p(this);
+  }
+};
+v.style = d;
+export {
+  v as swirl_chip
+};

package/dist/swirl-color-input.entry.36ec56df.js

@@ -0,0 +1,270 @@
+import { r as L, c as f, h as l, H as B } from "./index.e49e01d5.js";
+import { c as T } from "./index-orsBiyT_.fc4357c3.js";
+import { v as z } from "./v4-DD3477fe.2624487e.js";
+import "react";
+import "react-dom";
+const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, i = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+  r: parseInt(e[0] + e[0], 16),
+  g: parseInt(e[1] + e[1], 16),
+  b: parseInt(e[2] + e[2], 16),
+  a: e.length === 4 ? i(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+} : {
+  r: parseInt(e.substring(0, 2), 16),
+  g: parseInt(e.substring(2, 4), 16),
+  b: parseInt(e.substring(4, 6), 16),
+  a: e.length === 8 ? i(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), A = (e) => D(q(e)), P = ({ h: e, s: t, v: o, a: s }) => {
+  const r = (200 - t) * o / 100;
+  return {
+    h: i(e),
+    s: i(r > 0 && r < 200 ? t * o / 100 / (r <= 100 ? r : 200 - r) * 100 : 0),
+    l: i(r / 2),
+    a: i(s, 2)
+  };
+}, w = (e) => {
+  const { h: t, s: o, l: s } = P(e);
+  return `hsl(${t}, ${o}%, ${s}%)`;
+}, q = ({ h: e, s: t, v: o, a: s }) => {
+  e = e / 360 * 6, t = t / 100, o = o / 100;
+  const r = Math.floor(e), n = o * (1 - t), a = o * (1 - (e - r) * t), p = o * (1 - (1 - e + r) * t), b = r % 6;
+  return {
+    r: i([o, a, n, n, p, o][b] * 255),
+    g: i([p, o, o, a, n, n][b] * 255),
+    b: i([n, n, p, o, o, a][b] * 255),
+    a: i(s, 2)
+  };
+}, d = (e) => {
+  const t = e.toString(16);
+  return t.length < 2 ? "0" + t : t;
+}, D = ({ r: e, g: t, b: o, a: s }) => {
+  const r = s < 1 ? d(i(s * 255)) : "";
+  return "#" + d(e) + d(t) + d(o) + r;
+}, O = ({ r: e, g: t, b: o, a: s }) => {
+  const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
+  return {
+    h: i(60 * (a < 0 ? a + 6 : a)),
+    s: i(r ? n / r * 100 : 0),
+    v: i(r / 255 * 100),
+    a: s
+  };
+}, I = (e, t) => {
+  if (e === t)
+    return !0;
+  for (const o in e)
+    if (e[o] !== t[o])
+      return !1;
+  return !0;
+}, N = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : I(v(e), v(t)), y = {}, M = (e) => {
+  let t = y[e];
+  return t || (t = document.createElement("template"), t.innerHTML = e, y[e] = t), t;
+}, x = (e, t, o) => {
+  e.dispatchEvent(new CustomEvent(t, {
+    bubbles: !0,
+    detail: o
+  }));
+};
+let c = !1;
+const k = (e) => "touches" in e, R = (e) => c && !k(e) ? !1 : (c || (c = k(e)), !0), C = (e, t) => {
+  const o = k(t) ? t.touches[0] : t, s = e.el.getBoundingClientRect();
+  x(e.el, "move", e.getMove({
+    x: u((o.pageX - (s.left + window.pageXOffset)) / s.width),
+    y: u((o.pageY - (s.top + window.pageYOffset)) / s.height)
+  }));
+}, V = (e, t) => {
+  const o = t.keyCode;
+  o > 40 || e.xy && o < 37 || o < 33 || (t.preventDefault(), x(e.el, "move", e.getMove({
+    x: o === 39 ? 0.01 : o === 37 ? -0.01 : o === 34 ? 0.05 : o === 33 ? -0.05 : o === 35 ? 1 : o === 36 ? -1 : 0,
+    y: o === 40 ? 0.01 : o === 38 ? -0.01 : 0
+  }, !0)));
+};
+class _ {
+  constructor(t, o, s, r) {
+    const n = M(`<div role="slider" tabindex="0" part="${o}" ${s}><div part="${o}-pointer"></div></div>`);
+    t.appendChild(n.content.cloneNode(!0));
+    const a = t.querySelector(`[part=${o}]`);
+    a.addEventListener("mousedown", this), a.addEventListener("touchstart", this), a.addEventListener("keydown", this), this.el = a, this.xy = r, this.nodes = [a.firstChild, a];
+  }
+  set dragging(t) {
+    const o = t ? document.addEventListener : document.removeEventListener;
+    o(c ? "touchmove" : "mousemove", this), o(c ? "touchend" : "mouseup", this);
+  }
+  handleEvent(t) {
+    switch (t.type) {
+      case "mousedown":
+      case "touchstart":
+        if (t.preventDefault(), !R(t) || !c && t.button != 0)
+          return;
+        this.el.focus(), C(this, t), this.dragging = !0;
+        break;
+      case "mousemove":
+      case "touchmove":
+        t.preventDefault(), C(this, t);
+        break;
+      case "mouseup":
+      case "touchend":
+        this.dragging = !1;
+        break;
+      case "keydown":
+        V(this, t);
+        break;
+    }
+  }
+  style(t) {
+    t.forEach((o, s) => {
+      for (const r in o)
+        this.nodes[s].style.setProperty(r, o[r]);
+    });
+  }
+}
+class j extends _ {
+  constructor(t) {
+    super(t, "hue", 'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"', !1);
+  }
+  update({ h: t }) {
+    this.h = t, this.style([
+      {
+        left: `${t / 360 * 100}%`,
+        color: w({ h: t, s: 100, v: 100, a: 1 })
+      }
+    ]), this.el.setAttribute("aria-valuenow", `${i(t)}`);
+  }
+  getMove(t, o) {
+    return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
+  }
+}
+class X extends _ {
+  constructor(t) {
+    super(t, "saturation", 'aria-label="Color"', !0);
+  }
+  update(t) {
+    this.hsva = t, this.style([
+      {
+        top: `${100 - t.v}%`,
+        left: `${t.s}%`,
+        color: w(t)
+      },
+      {
+        "background-color": w({ h: t.h, s: 100, v: 100, a: 1 })
+      }
+    ]), this.el.setAttribute("aria-valuetext", `Saturation ${i(t.s)}%, Brightness ${i(t.v)}%`);
+  }
+  getMove(t, o) {
+    return {
+      s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
+      v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+    };
+  }
+}
+var Y = ':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}', G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", J = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}";
+const h = Symbol("same"), g = Symbol("color"), $ = Symbol("hsva"), m = Symbol("update"), E = Symbol("parts"), H = Symbol("css"), S = Symbol("sliders");
+class K extends HTMLElement {
+  static get observedAttributes() {
+    return ["color"];
+  }
+  get [H]() {
+    return [Y, G, J];
+  }
+  get [S]() {
+    return [X, j];
+  }
+  get color() {
+    return this[g];
+  }
+  set color(t) {
+    if (!this[h](t)) {
+      const o = this.colorModel.toHsva(t);
+      this[m](o), this[g] = t;
+    }
+  }
+  constructor() {
+    super();
+    const t = M(`<style>${this[H].join("")}</style>`), o = this.attachShadow({ mode: "open" });
+    o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[E] = this[S].map((s) => new s(o));
+  }
+  connectedCallback() {
+    if (this.hasOwnProperty("color")) {
+      const t = this.color;
+      delete this.color, this.color = t;
+    } else
+      this.color || (this.color = this.colorModel.defaultColor);
+  }
+  attributeChangedCallback(t, o, s) {
+    const r = this.colorModel.fromAttr(s);
+    this[h](r) || (this.color = r);
+  }
+  handleEvent(t) {
+    const o = this[$], s = { ...o, ...t.detail };
+    this[m](s);
+    let r;
+    !I(s, o) && !this[h](r = this.colorModel.fromHsva(s)) && (this[g] = r, x(this, "color-changed", { value: r }));
+  }
+  [h](t) {
+    return this.color && this.colorModel.equal(t, this.color);
+  }
+  [m](t) {
+    this[$] = t, this[E].forEach((o) => o.update(t));
+  }
+}
+const Q = {
+  defaultColor: "#000",
+  toHsva: F,
+  fromHsva: ({ h: e, s: t, v: o }) => A({ h: e, s: t, v: o, a: 1 }),
+  equal: N,
+  fromAttr: (e) => e
+};
+class U extends K {
+  get colorModel() {
+    return Q;
+  }
+}
+class W extends U {
+}
+customElements.define("hex-color-picker", W);
+const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt = class {
+  constructor(e) {
+    L(this, e), this.inputBlur = f(this, "inputBlur", 7), this.inputFocus = f(this, "inputFocus", 7), this.valueChange = f(this, "valueChange", 7), this.pickerButtonLabel = "Open color picker", this.pickerLabel = "Color picker", this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
+      this.value = t.detail.value;
+    }, this.onChange = (t) => {
+      const o = t.target;
+      this.value = o.value;
+    }, this.onBlur = (t) => {
+      this.inputBlur.emit(t);
+    }, this.onFocus = (t) => {
+      this.inputFocus.emit(t), this.handleAutoSelect(t);
+    }, this.onInput = (t) => {
+      this.onChange(t);
+    };
+  }
+  componentDidLoad() {
+    this.autoFocus && setTimeout(() => {
+      this.inputEl.focus();
+    }), this.picker.addEventListener("color-changed", this.onPickerChange);
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.picker) == null || e.removeEventListener("color-changed", this.onPickerChange);
+  }
+  watchValue(e, t) {
+    e !== t && this.valueChange.emit(e);
+  }
+  handleAutoSelect(e) {
+    !this.autoSelect || e.target.select();
+  }
+  render() {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
+      "color-input--inline": this.inline
+    });
+    return l(B, { key: "5e6db39b5c84b34e154cae8e564ab73a407a1d7c" }, l("div", { key: "8eb73dd3f68bb8303969b77471f730b7271dba92", class: t }, l("input", { key: "5af4c98339a682eae0426df37cfbcfc217eb31e2", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), l("swirl-popover-trigger", { key: "40bda2c628b4ac88e245a154d1e5468bb0696f2b", swirlPopover: this.pickerId }, l("button", { key: "cb93e8d96865e6c6163ff525f501c34e2f0bda97", disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+      backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
+    }, type: "button" })), l("swirl-popover", { key: "9985d37e25e0d4f41896f465950e622dbcf72306", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "7a262eb1c3b52155999b75927064fa9fdd05eb9e", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "1d5b911a77861bdf62365bfe067decf3f7208620", color: this.value, ref: (o) => this.picker = o })))));
+  }
+  static get watchers() {
+    return {
+      value: ["watchValue"]
+    };
+  }
+};
+tt.style = Z;
+export {
+  tt as swirl_color_input
+};

package/dist/swirl-columns.entry.d49be480.js

@@ -0,0 +1,18 @@
+import { r as o, h as s, H as r } from "./index.e49e01d5.js";
+import "react";
+import "react-dom";
+const t = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", a = class {
+  constructor(e) {
+    o(this, e), this.columns = "repeat(3, minmax(0, 1fr))";
+  }
+  render() {
+    return s(r, { key: "779371e7d28640a71aaad2d2de8d91b5b8d63e88" }, s("div", { key: "de846647d2b436277cd2765f9814796320af071d", class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", { key: "ca510de4dae9c7055d2db6e02020cdfca95e58c6" })));
+  }
+};
+a.style = t;
+export {
+  a as swirl_columns
+};

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S, b as s, d as e, e as w, i as n, j as c, k as I, l as t, m as b, n as m, o as d, p as y, q as f, s as g, t as p, u, v as h, w as C, x as A, y as T, z as k, A as F, B as P, C as L, D as R, E as v, G as D, I as B, J as M, K as E, L as O, M as V, N as x, O as H, P as N, Q as G, R as W, T as U, U as j, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as ll, a4 as al, a5 as il, a6 as rl, a7 as ol, a8 as Sl, a9 as sl, aa as el, ab as wl, ac as nl, ad as cl, ae as Il, af as tl, ag as bl, ah as ml, ai as dl, aj as yl, ak as fl, al as gl, am as pl, an as ul, ao as hl, ap as Cl, aq as Al, ar as Tl, as as kl, at as Fl, au as Pl, av as Ll, aw as Rl, ax as vl, ay as Dl, az as Bl, aA as Ml, aB as El, aC as Ol, aD as Vl, aE as xl, aF as Hl, aG as Nl, aH as Gl, aI as Wl, aJ as Ul, aK as jl, aL as Kl, aM as ql, aN as zl, aO as Xl, aP as Yl, aQ as Jl, aR as Ql, aS as Zl, aT as _l, aU as $l, aV as la, aW as aa, aX as ia, aY as ra, aZ as oa, a_ as Sa, a$ as sa, b0 as ea, b1 as wa, b2 as na, b3 as ca, b4 as Ia, b5 as ta, b6 as ba, b7 as ma, b8 as da, b9 as ya, ba as fa, bb as ga, bc as pa, bd as ua, be as ha, bf as Ca, bg as Aa, bh as Ta, bi as ka, bj as Fa, bk as Pa, bl as La, bm as Ra, bn as va, bo as Da, bp as Ba, bq as Ma, br as Ea, bs as Oa, bt as Va, bu as xa, bv as Ha, bw as Na, bx as Ga, by as Wa, bz as Ua, bA as ja, bB as Ka, bC as qa, bD as za, bE as Xa, bF as Ya, bG as Ja, bH as Qa, bI as Za, bJ as _a, bK as $a, bL as li, bM as ai, bN as ii, bO as ri, bP as oi, bQ as Si, bR as si, bS as ei, bT as wi, bU as ni, bV as ci, bW as Ii, bX as ti, bY as bi, bZ as mi, b_ as di, b$ as yi, c0 as fi, c1 as gi, c2 as pi, c3 as ui, c4 as hi, c5 as Ci, c6 as Ai, c7 as Ti, c8 as ki, c9 as Fi, ca as Pi, cb as Li, cc as Ri, cd as vi, ce as Di, cf as Bi, cg as Mi, ch as Ei, ci as Oi, cj as Vi, ck as xi, cl as Hi, cm as Ni, cn as Gi, co as Wi, cp as Ui, cq as ji, cr as Ki, cs as qi, ct as zi, cu as Xi, cv as Yi, cw as Ji, cx as Qi, cy as Zi, cz as _i, cA as $i, cB as lr, cC as ar, cD as ir, cE as rr, cF as or, cG as Sr, cH as sr, cI as er, cJ as wr, cK as nr, cL as cr, cM as Ir, cN as tr, cO as br, cP as mr, cQ as dr, cR as yr, cS as fr, cT as gr, cU as pr, cV as ur, cW as hr, cX as Cr, cY as Ar, cZ as Tr, c_ as kr, c$ as Fr, d0 as Pr, d1 as Lr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Mr, d7 as Er, d8 as Or, d9 as Vr, da as xr, db as Hr, dc as Nr, dd as Gr, de as Wr, df as Ur, dg as jr, dh as Kr, di as qr, dj as zr, dk as Xr, dl as Yr, dm as Jr, dn as Qr, dp as Zr, dq as _r, dr as $r, ds as lo, dt as ao, du as io, dv as ro, dw as oo, dx as So, dy as so, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as fo, dJ as go, dK as po, dL as uo, dM as ho, dN as Co, dO as Ao, dP as To, dQ as ko, dR as Fo, dS as Po, dT as Lo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Mo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Ho, e2 as No, e3 as Go, e4 as Wo, e5 as Uo, e6 as jo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as lS, ei as aS, ej as iS, ek as rS, el as oS, em as SS, en as sS, eo as eS, ep as wS, eq as nS, er as cS, es as IS, et as tS, eu as bS, ev as mS, ew as dS, ex as yS, ey as fS, ez as gS, eA as pS, eB as uS, eC as hS, eD as CS, eE as AS, eF as TS, eG as kS, eH as FS, eI as PS, eJ as LS, eK as RS, eL as vS, eM as DS, eN as BS, eO as MS, eP as ES, eQ as OS, eR as VS, eS as xS, eT as HS, eU as NS, eV as GS, eW as WS, eX as US, eY as jS, eZ as KS, e_ as qS, e$ as zS, f0 as XS, f1 as YS, f2 as JS, f3 as QS, f4 as ZS, f5 as _S, f6 as $S, f7 as ls, f8 as as, f9 as is, fa as rs, fb as os, fc as Ss, fd as ss, fe as es, ff as ws, fg as ns, fh as cs, fi as Is, fj as ts, fk as bs, fl as ms, fm as ds, fn as ys, fo as fs, fp as gs, fq as ps, fr as us, fs as hs, ft as Cs, fu as As, fv as Ts, fw as ks, fx as Fs, fy as Ps, fz as Ls, fA as Rs, fB as vs, fC as Ds, fD as Bs, fE as Ms, fF as Es, fG as Os, fH as Vs, fI as xs, fJ as Hs, fK as Ns, fL as Gs, fM as Ws, fN as Us, fO as js, fP as Ks, fQ as qs, fR as zs, fS as Xs, fT as Ys, fU as Js, fV as Qs, fW as Zs, fX as _s, fY as $s, fZ as le, f_ as ae, f$ as ie, g0 as re, g1 as oe, g2 as Se, g3 as se, g4 as ee, g5 as we, g6 as ne, g7 as ce, g8 as Ie, g9 as te, ga as be, gb as me, gc as de, gd as ye, ge as fe, gf as ge, gg as pe, gh as ue, gi as he, gj as Ce, gk as Ae, gl as Te, gm as ke, gn as Fe, go as Pe, gp as Le, gq as Re, gr as ve, gs as De, gt as Be, gu as Me, gv as Ee, gw as Oe, gx as Ve, gy as xe } from "./index.4cb6008e.js";
+import { a as o, S, b as s, d as e, e as w, i as n, j as c, k as I, l as t, m as b, n as m, o as d, p as y, q as f, s as g, t as p, u, v as h, w as C, x as A, y as T, z as k, A as F, B as P, C as L, D as R, E as v, G as D, I as B, J as M, K as E, L as O, M as V, N as x, O as H, P as N, Q as G, R as W, T as U, U as j, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as ll, a4 as al, a5 as il, a6 as rl, a7 as ol, a8 as Sl, a9 as sl, aa as el, ab as wl, ac as nl, ad as cl, ae as Il, af as tl, ag as bl, ah as ml, ai as dl, aj as yl, ak as fl, al as gl, am as pl, an as ul, ao as hl, ap as Cl, aq as Al, ar as Tl, as as kl, at as Fl, au as Pl, av as Ll, aw as Rl, ax as vl, ay as Dl, az as Bl, aA as Ml, aB as El, aC as Ol, aD as Vl, aE as xl, aF as Hl, aG as Nl, aH as Gl, aI as Wl, aJ as Ul, aK as jl, aL as Kl, aM as ql, aN as zl, aO as Xl, aP as Yl, aQ as Jl, aR as Ql, aS as Zl, aT as _l, aU as $l, aV as la, aW as aa, aX as ia, aY as ra, aZ as oa, a_ as Sa, a$ as sa, b0 as ea, b1 as wa, b2 as na, b3 as ca, b4 as Ia, b5 as ta, b6 as ba, b7 as ma, b8 as da, b9 as ya, ba as fa, bb as ga, bc as pa, bd as ua, be as ha, bf as Ca, bg as Aa, bh as Ta, bi as ka, bj as Fa, bk as Pa, bl as La, bm as Ra, bn as va, bo as Da, bp as Ba, bq as Ma, br as Ea, bs as Oa, bt as Va, bu as xa, bv as Ha, bw as Na, bx as Ga, by as Wa, bz as Ua, bA as ja, bB as Ka, bC as qa, bD as za, bE as Xa, bF as Ya, bG as Ja, bH as Qa, bI as Za, bJ as _a, bK as $a, bL as li, bM as ai, bN as ii, bO as ri, bP as oi, bQ as Si, bR as si, bS as ei, bT as wi, bU as ni, bV as ci, bW as Ii, bX as ti, bY as bi, bZ as mi, b_ as di, b$ as yi, c0 as fi, c1 as gi, c2 as pi, c3 as ui, c4 as hi, c5 as Ci, c6 as Ai, c7 as Ti, c8 as ki, c9 as Fi, ca as Pi, cb as Li, cc as Ri, cd as vi, ce as Di, cf as Bi, cg as Mi, ch as Ei, ci as Oi, cj as Vi, ck as xi, cl as Hi, cm as Ni, cn as Gi, co as Wi, cp as Ui, cq as ji, cr as Ki, cs as qi, ct as zi, cu as Xi, cv as Yi, cw as Ji, cx as Qi, cy as Zi, cz as _i, cA as $i, cB as lr, cC as ar, cD as ir, cE as rr, cF as or, cG as Sr, cH as sr, cI as er, cJ as wr, cK as nr, cL as cr, cM as Ir, cN as tr, cO as br, cP as mr, cQ as dr, cR as yr, cS as fr, cT as gr, cU as pr, cV as ur, cW as hr, cX as Cr, cY as Ar, cZ as Tr, c_ as kr, c$ as Fr, d0 as Pr, d1 as Lr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Mr, d7 as Er, d8 as Or, d9 as Vr, da as xr, db as Hr, dc as Nr, dd as Gr, de as Wr, df as Ur, dg as jr, dh as Kr, di as qr, dj as zr, dk as Xr, dl as Yr, dm as Jr, dn as Qr, dp as Zr, dq as _r, dr as $r, ds as lo, dt as ao, du as io, dv as ro, dw as oo, dx as So, dy as so, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as fo, dJ as go, dK as po, dL as uo, dM as ho, dN as Co, dO as Ao, dP as To, dQ as ko, dR as Fo, dS as Po, dT as Lo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Mo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Ho, e2 as No, e3 as Go, e4 as Wo, e5 as Uo, e6 as jo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as lS, ei as aS, ej as iS, ek as rS, el as oS, em as SS, en as sS, eo as eS, ep as wS, eq as nS, er as cS, es as IS, et as tS, eu as bS, ev as mS, ew as dS, ex as yS, ey as fS, ez as gS, eA as pS, eB as uS, eC as hS, eD as CS, eE as AS, eF as TS, eG as kS, eH as FS, eI as PS, eJ as LS, eK as RS, eL as vS, eM as DS, eN as BS, eO as MS, eP as ES, eQ as OS, eR as VS, eS as xS, eT as HS, eU as NS, eV as GS, eW as WS, eX as US, eY as jS, eZ as KS, e_ as qS, e$ as zS, f0 as XS, f1 as YS, f2 as JS, f3 as QS, f4 as ZS, f5 as _S, f6 as $S, f7 as ls, f8 as as, f9 as is, fa as rs, fb as os, fc as Ss, fd as ss, fe as es, ff as ws, fg as ns, fh as cs, fi as Is, fj as ts, fk as bs, fl as ms, fm as ds, fn as ys, fo as fs, fp as gs, fq as ps, fr as us, fs as hs, ft as Cs, fu as As, fv as Ts, fw as ks, fx as Fs, fy as Ps, fz as Ls, fA as Rs, fB as vs, fC as Ds, fD as Bs, fE as Ms, fF as Es, fG as Os, fH as Vs, fI as xs, fJ as Hs, fK as Ns, fL as Gs, fM as Ws, fN as Us, fO as js, fP as Ks, fQ as qs, fR as zs, fS as Xs, fT as Ys, fU as Js, fV as Qs, fW as Zs, fX as _s, fY as $s, fZ as le, f_ as ae, f$ as ie, g0 as re, g1 as oe, g2 as Se, g3 as se, g4 as ee, g5 as we, g6 as ne, g7 as ce, g8 as Ie, g9 as te, ga as be, gb as me, gc as de, gd as ye, ge as fe, gf as ge, gg as pe, gh as ue, gi as he, gj as Ce, gk as Ae, gl as Te, gm as ke, gn as Fe, go as Pe, gp as Le, gq as Re, gr as ve, gs as De, gt as Be, gu as Me, gv as Ee, gw as Oe, gx as Ve, gy as xe } from "./index.e49e01d5.js";
 import "react";
 import "react-dom";
 export {

package/dist/swirl-components-react.umd.cjs

@@ -94,7 +94,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)
     )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out,
-    max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
+    max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;min-width:0;flex-basis:100%;flex-grow:1;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;min-width:0;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
         var(--swirl-modal-max-secondary-content-width)
     )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`,Lk=class{constructor(i){x(this,i),this.toggleFullscreen=K(this,"toggleFullscreen",7),this.modalClose=K(this,"modalClose",7),this.modalOpen=K(this,"modalOpen",7),this.primaryAction=K(this,"primaryAction",7),this.requestModalClose=K(this,"requestModalClose",7),this.secondaryAction=K(this,"secondaryAction",7),this.sidebarClose=K(this,"sidebarClose",7),this.closable=!0,this.closeButtonLabel="Close modal",this.fullscreenEnableButtonLabel="Full screen",this.fullscreenDisableButtonLabel="Exit full screen",this.padded=!0,this.variant="default",this.sidebarPadded=!0,this.sidebarFooterPadded=!0,this.sidebarCloseButtonLabel="Close sidebar",this.isOpen=!1,this.isFullscreen=!1,this.isFullscreenTransitioning=!1,this.closing=!1,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1,this.sidebarScrolled=!1,this.sidebarScrolledDown=!1,this.sidebarScrollable=!1,this.onKeyDown=e=>{e.code==="Escape"&&(e.stopImmediatePropagation(),this.close())},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onFullscreenButtonClick=()=>{this.setFullscreen(!this.isFullscreen)},this.onSidebarCloseButtonClick=()=>{this.hideSidebarContent=!0,this.sidebarClose.emit()},this.onPrimaryAction=e=>{this.primaryAction.emit(e)},this.onSecondaryAction=e=>{this.secondaryAction.emit(e)},this.determineScrollStatus=()=>{this.determineMainScrollStatus(),this.determineSidebarScrollStatus()},this.determineMainScrollStatus=()=>{var r,a,n,l,c,h;const e=((r=this.scrollContainer)==null?void 0:r.scrollTop)>0,t=Math.ceil(((a=this.scrollContainer)==null?void 0:a.scrollTop)+((n=this.scrollContainer)==null?void 0:n.offsetHeight))>=((l=this.scrollContainer)==null?void 0:l.scrollHeight),s=((c=this.scrollContainer)==null?void 0:c.scrollHeight)>((h=this.scrollContainer)==null?void 0:h.offsetHeight);e!==this.scrolled&&(this.scrolled=e),t!==this.scrolledDown&&(this.scrolledDown=t),s!==this.scrollable&&(this.scrollable=s)},this.determineSidebarScrollStatus=()=>{var r,a,n,l,c,h;const e=((r=this.sidebarScrollContainer)==null?void 0:r.scrollTop)>0,t=Math.ceil(((a=this.sidebarScrollContainer)==null?void 0:a.scrollTop)+((n=this.sidebarScrollContainer)==null?void 0:n.offsetHeight))>=((l=this.sidebarScrollContainer)==null?void 0:l.scrollHeight),s=((c=this.sidebarScrollContainer)==null?void 0:c.scrollHeight)>((h=this.sidebarScrollContainer)==null?void 0:h.offsetHeight);e!==this.sidebarScrolled&&(this.sidebarScrolled=e),t!==this.sidebarScrolledDown&&(this.sidebarScrolledDown=t),s!==this.sidebarScrollable&&(this.sidebarScrollable=s)}}componentDidLoad(){this.determineScrollStatus(),this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus(),this.updateSidebarContentStatus(),this.updateSidebarFooterStatus()}componentDidRender(){var i;(i=this.focusTrap)==null||i.updateContainerElements(this.modalEl)}disconnectedCallback(){var i;(i=this.focusTrap)==null||i.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.setupFocusTrap(),setTimeout(()=>{this.lockBodyScroll(),this.determineScrollStatus()}),setTimeout(()=>{var i;(i=this.focusTrap)==null||i.activate(),this.handleAutoFocus()},200)}async close(i){this.closing||(this.requestModalClose.emit(),!(!this.closable&&!i)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout(()=>{var e;(e=this.focusTrap)==null||e.deactivate(),this.isOpen=!1,this.modalClose.emit(),this.closing=!1},150)))}async setFullscreen(i){this.isFullscreen!==i&&(this.isFullscreenTransitioning=!0,this.isFullscreen=i,this.toggleFullscreen.emit(this.isFullscreen),setTimeout(()=>this.isFullscreenTransitioning=!1,150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}updateSecondaryContentStatus(){this.hasSecondaryContent=Boolean(this.el.querySelector('[slot="secondary-content"]'))}updateSidebarContentStatus(){this.hasSidebarContent=Boolean(this.el.querySelector('[slot="sidebar-content"]'))}updateSidebarFooterStatus(){this.hasSidebarFooter=Boolean(this.el.querySelector('[slot="sidebar-footer"]'))}handleAutoFocus(){var i;(i=this.modalEl.querySelector("input[autofocus]"))==null||i.focus()}lockBodyScroll(){Ko(this.scrollContainer),Ko(this.sidebarScrollContainer)}setupFocusTrap(){this.focusTrap=xh(this.modalEl,{allowOutsideClick:!0,setReturnFocus:Si(),escapeDeactivates:!1,tabbableOptions:{getShadowRoot:i=>i.shadowRoot}})}unlockBodyScroll(){this.scrollContainer&&Xo(this.scrollContainer),this.sidebarScrollContainer&&Xo(this.sidebarScrollContainer)}render(){const i=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),e=z("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--fullscreen":this.isFullscreen,"modal--fullscreen-transitioning":this.isFullscreenTransitioning,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent&&!this.hideSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--hide-scrolled-header-border":this.hideScrolledHeaderBorder,"modal--scrolled-down":this.scrolledDown,"modal--hide-secondary-content-borders":this.hideSecondaryContentBorders,"modal--has-sidebar-content":this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-padded":this.sidebarPadded,"modal--has-sidebar-footer":this.hasSidebarFooter&&this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-footer-padded":this.sidebarFooterPadded,"modal--sidebar-scrolled":this.sidebarScrolled,"modal--sidebar-scrolled-down":this.sidebarScrolledDown,"modal--sidebar-scrollable":this.sidebarScrollable});return o(q,{key:"ab3d68ed1317ef24870c75f4e45c258ae0c91132"},o("section",{key:"6934a2c65dfdb0f76c604459a742aa90f4e0e8b4","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:e,onKeyDown:this.onKeyDown,role:"dialog",ref:t=>this.modalEl=t},o("div",{key:"d9611005609c9dc827fd0a939bb4dc72054ceeda",class:"modal__backdrop",onClick:this.onBackdropClick}),o("div",{key:"3af2244b95426bbdf33e3e296ec2559dbae49304",class:"modal__body",style:this.isFullscreen?{}:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,minHeight:this.minHeight,maxWidth:this.maxWidth}},o("aside",{key:"445dabf28b922add6e2645a7bb596a37e3cc46da",class:"modal__sidebar"},this.sidebarLabel&&o("header",{key:"27c216acec48646897c3852ce0973b230393ad1e",class:z("modal__sidebar-header",{"modal__sidebar-header--has-close-button":this.hasSidebarCloseButton})},this.hasSidebarCloseButton&&o("swirl-button",{key:"300be5e9adfb0d6c3c579a6f5124edec51eb791f",hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),o("swirl-heading",{key:"23f2bc7055f5a62262a56d0a4c489d614adc1951",as:"h3",class:"modal__sidebar-heading",level:5,text:this.sidebarLabel})),o("div",{key:"8b3cffa44b64dfec5eb1008caff7589c9cb7299b",class:"modal__sidebar-content",onScroll:this.determineSidebarScrollStatus,ref:t=>this.sidebarScrollContainer=t},o("slot",{key:"77fb98cc3ce7d46d15d12045a441ed08ff926dfb",name:"sidebar-content"})),o("div",{key:"1e45e7319dcf4c97c96266fc5e68d7892e815c44",class:"modal__sidebar-footer"},o("slot",{key:"dafc533c3bdbab792bd27c0d646c49cb9b72168a",name:"sidebar-footer"}))),o("div",{key:"963da8fb14325477073f875d326a4dfe58c43279",class:"modal__main-content"},o("header",{key:"87513cc54a98fb0201bee06fab6a523633178851",class:"modal__custom-header"},o("slot",{key:"c06a692b57cc1d37e1d88d31717bed3dc11ce559",name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&o("header",{key:"89c9a74f6df7cc7e08d7905168ed4da4df1cd3fe",class:"modal__header"},o("div",{key:"b630b015986769ae8f5d246bcdd23036cec6dac3",class:"modal__header-bar"},!this.hideCloseButton&&o("swirl-button",{key:"c8fff89367d47d74db2b16c52c36dc33df9bf9a0",class:"modal__close-button",hideLabel:!0,icon:this.variant==="default"?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),this.showFullscreenButton&&o("swirl-button",{key:"97063a903a5cb65f08fb2dc26d5b7514d32204d4",class:"modal__fullscreen-button",hideLabel:!0,icon:this.isFullscreen?"<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>":"<swirl-icon-open-in-full></swirl-icon-open-in-full>",label:this.isFullscreen?this.fullscreenDisableButtonLabel:this.fullscreenEnableButtonLabel,onClick:this.onFullscreenButtonClick}),!this.hideLabel&&o("swirl-heading",{key:"e6b3eb2ed868cddd50b2fd28d974c4532e9e9d94",as:"h2",class:"modal__heading",level:3,text:this.label}))),o("div",{key:"1ee97b36e0df6358c18ea02008ca4ee084017115",class:"modal__content-container",style:{gap:this.contentGap?`var(--s-space-${this.contentGap})`:void 0}},o("div",{key:"d4fa0c843953c0d217c1feb1939d43e0aad8b68b",class:"modal__primary-content",style:{maxWidth:this.primaryContentMaxWidth,flex:this.primaryContentFlex}},o("div",{key:"a2b4503677412ae7140e83a0c6025ac8be23b055",class:"modal__header-tools"},o("slot",{key:"7a69b31437119706f320b6295849d34f252023af",name:"header-tools"})),o("div",{key:"f923f379a7d7cfc0fb69991085b1272c0983597e",class:"modal__content",onScroll:this.determineMainScrollStatus,ref:t=>this.scrollContainer=t},o("slot",{key:"81682c3a8cd9f7d7dd865a77e286b2694cda5315"}))),o("div",{key:"9fced09c6e5ac1473f5be815f8039886fcea21b2",class:"modal__secondary-content",style:{maxWidth:this.secondaryContentMaxWidth,flex:this.secondaryContentFlex,padding:Boolean(this.secondaryContentPadding)?`var(--s-space-${this.secondaryContentPadding})`:void 0,paddingBlockEnd:Boolean(this.secondaryContentPaddingBlockEnd)?`var(--s-space-${this.secondaryContentPaddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.secondaryContentPaddingBlockStart)?`var(--s-space-${this.secondaryContentPaddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.secondaryContentPaddingInlineEnd)?`var(--s-space-${this.secondaryContentPaddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.secondaryContentPaddingInlineStart)?`var(--s-space-${this.secondaryContentPaddingInlineStart})`:void 0}},o("slot",{key:"6074c4f3eacd7b0091bf2ae9022fdc10a9333a50",name:"secondary-content"}))),o("div",{key:"d930b8ff7ef35ee5e88dff9c6e90e7e9154205e9",class:"modal__custom-footer"},o("slot",{key:"4119568e0b302bb69d6b9554bb8f9a4747c50922",name:"custom-footer"})),i&&o("footer",{key:"6ed03e66ef65ed82558fc2abb695b807508dc6be",class:"modal__controls"},o("swirl-button-group",{key:"c243569bc0e0cc9817972a5bbf4a18276658e57c",wrap:!0},this.secondaryActionLabel&&o("swirl-button",{key:"100aa26888135c829169edfbaa6e210764d943d5",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&o("swirl-button",{key:"b197198cf7fe5fdd68f22cc709aa441144b971f7",intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))))}get el(){return h1(this)}};Lk.style=s21;const Mk=Object.freeze(Object.defineProperty({__proto__:null,swirl_modal:Lk},Symbol.toStringTag,{value:"Module"})),r21=":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);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-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}",Ik=class{constructor(i){x(this,i),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return o(q,{key:"34cf885630fdb36efc5b972e14d0b97bbc5d8d1a"},this.hasSeparator&&o("swirl-separator",{key:"fd1129d5bc4d85c29a847e39b6c4a215639ca3f5",spacing:this.separatorSpacing}),o("div",{key:"c31f2db34794a24afbf6f0cf9aefbbb00f3a3070","aria-labelledby":"label",class:"option-list-section",role:"group"},o("span",{key:"0c531cc1c7627a569e70d9caa5e9424fce1ed108",class:"option-list-section__label",id:"label",part:"option-list-section__label"},this.label),o("swirl-stack",{key:"8207389ba8beed1ec7b18a63a52471951ccbfb6b",spacing:this.spacing,align:"stretch"},o("slot",{key:"f36e8a6313a73d73bf5f80009b063389a5b7204a"}))))}};Ik.style=r21;const Hk=Object.freeze(Object.defineProperty({__proto__:null,swirl_option_list_section:Ik},Symbol.toStringTag,{value:"Module"})),o21=":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)}}",Pk=class{constructor(i){x(this,i),this.setPage=K(this,"setPage",7),this.setPageSize=K(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=e=>{e.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 e=Math.max(this.page-1,1);this.page!==e&&this.setPage.emit(e)},this.onNextButtonClick=()=>{const e=Math.min(this.page+1,this.pages);this.page!==e&&this.setPage.emit(e)},this.onPageInput=()=>{let e=+this.pageInput.value;isNaN(e)?(e=this.page,this.pageInput.value=String(e)):e>this.pages?(e=this.pages,this.pageInput.value=String(e)):e<1&&(e=1,this.pageInput.value=String(e)),this.page!==e&&this.onPageUpdate(e)},this.onPageUpdate=_3(e=>{this.setPage.emit(e)},500),this.onPageSizeSelect=e=>{const t=+e.target.value;this.pageSize!==t&&this.setPageSize.emit(t)}}render(){const i=this.variant!=="simple",e=this.variant==="advanced",t=`${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`,s=z("pagination",`pagination--variant-${this.variant}`);return o(q,{key:"75d9096135533702dbfc54211e7f6d824b49b056"},o("nav",{key:"6ed3439b88dc08654d9d505eb514703e15f30d6b","aria-label":this.label,class:s},o("ul",{key:"e12a16e7d5d2fc9d5a9bb26a0b239a2364345862",class:"pagination__list",part:"pagination__list"},this.showPageSizeSelect&&o("li",{key:"4b9d8557eb9beb7bcc3f0c2ab61aca4b8d1f9f1e",class:"pagination__list-item"},o("label",{key:"c6e9cbbbbe0c44d0666200df39bd49d12ca62ca6",class:"pagination__page-size-selection"},o("swirl-text",{key:"fc20a423a590d4a627637229a8d8d6e6745ea83e",whiteSpace:"inherit"},this.pageSizeSelectLabel),o("swirl-stack",{key:"f7afb973c2570b8202ab75f6315ccd95f0f502ed",align:"center",class:"pagination__page-size-select-container",orientation:"horizontal"},o("select",{key:"02b4a439d5de9fb2e3a2edf5e690bbe0359416c4",class:"pagination__page-size-select",onChange:this.onPageSizeSelect},this.pageSizeOptions.map(r=>o("option",{key:r,selected:r===this.pageSize,value:r},r))),o("swirl-icon-expand-more",{key:"922a6025d045d5f4ea7b286b44ada281ebd647df","aria-hidden":"true",class:"pagination__page-size-select-icon",size:16})))),o("li",{key:"6845611f8081c54f31ab65dc286a9abd79e187b2",class:"pagination__list-item"},o("swirl-button",{key:"e2faa13bbdbd1066e7d5e6019d61465f25491243",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})),o("li",{key:"1603b2208c9b8b2b92d85815d7e0ff84cabc08cb",class:"pagination__list-item"},o("swirl-button",{key:"13f3c35e8c47918e6c0efd420aa3ce1820783f84",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})),i?o("li",{class:"pagination__list-item  pagination__page-label"},o("span",null,e?o("span",{"aria-current":"page",class:"pagination__advanced-label"},o("input",{"aria-label":this.pageSelectLabel,class:"pagination__page-input",onFocus:this.onFocusPageInput,onInput:this.onPageInput,ref:r=>this.pageInput=r,type:"text",value:this.page}),o("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages.toLocaleString())):o("span",{"aria-current":"page"},t))):o("li",{class:"pagination__list-item"},o("swirl-visually-hidden",null,o("span",{"aria-current":"page"},t))),o("li",{key:"7bc72b6da7144b8f822ff04ea2a8f0ef89d3202d",class:"pagination__list-item"},o("swirl-button",{key:"7f2b20c2b9282a55223aaabda2202822bbbec5b4",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})),o("li",{key:"d503b9a0f1dfa111d02f05e16f65b3c85559e20f",class:"pagination__list-item"},o("swirl-button",{key:"4cb99870221d41f1d310af7264fdcefd9513aded",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})))))}};Pk.style=o21;const Ek=Object.freeze(Object.defineProperty({__proto__:null,swirl_pagination:Pk},Symbol.toStringTag,{value:"Module"})),n21=`: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