@getflip/swirl-components-react 0.418.0 → 0.419.0

package/dist/swirl-tabs.entry.58ccfd91.js

@@ -1,63 +0,0 @@
-import { r as b, c, h as s, H as r, g as n } from "./index.8833f6c5.js";
-import { n as e } from "./utils-wi_3Z3FQ.29a3aebe.js";
-import "react";
-import "react-dom";
-const d = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = class {
-  constructor(t) {
-    b(this, t), this.tabActivated = c(this, "tabActivated", 7), this.tabBarVariant = "default", this.tabBarTabs = [], this.tabs = [], this.onActivateNextTab = () => {
-      this.activateNextTab();
-    }, this.onActivatePreviousTab = () => {
-      this.activatePreviousTab();
-    }, this.onActivateTab = (i) => {
-      this.activateTab(i.detail);
-    };
-  }
-  componentWillLoad() {
-    this.collectTabs(), this.updateTabBarTabs();
-  }
-  async activateTab(t) {
-    if (this.activeTab === t)
-      return;
-    this.activeTab = t, this.tabs.forEach((a) => a.active = !1);
-    const i = this.tabs.find((a) => a.tabId === t);
-    !Boolean(i) || (i.active = !0, this.tabActivated.emit(i), this.updateTabBarTabs());
-  }
-  activateNextTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t + 1, this.tabs.length);
-    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
-      var a;
-      (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
-    });
-  }
-  activatePreviousTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t - 1, this.tabs.length);
-    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
-      var a;
-      (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
-    });
-  }
-  collectTabs() {
-    if (this.tabs = Array.from(this.el.querySelectorAll("swirl-tab")), this.tabs.length === 0)
-      return;
-    const t = this.tabs.find((i) => i.tabId === this.initialTab);
-    this.activateTab(Boolean(t) ? t.tabId : this.tabs[0].tabId);
-  }
-  updateTabBarTabs() {
-    this.tabBarTabs = this.tabs.map((t) => ({
-      icon: t.icon,
-      id: t.tabId,
-      label: t.label,
-      active: this.activeTab === t.tabId
-    }));
-  }
-  render() {
-    return s(r, { key: "e3cfa7d29ba182000a8d2c3ae1c91f2acba477c6" }, s("div", { key: "5dee5a0f21f59c3482e20af540eb116ccbc667b3", class: "tabs" }, s("swirl-tab-bar", { key: "91d58df4c7b6c48b7811cce3697a9570dd973687", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "270c1b512361646547a962827c5ad1dafd66782a" }));
-  }
-  get el() {
-    return n(this);
-  }
-};
-h.style = d;
-export {
-  h as swirl_tabs
-};

package/dist/swirl-tag.entry.60f56135.js

@@ -1,40 +0,0 @@
-import { r as o, c as n, h as a, H as i, g as s } from "./index.8833f6c5.js";
-import { c } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;border-style:solid;border-width:var(--s-border-width-default);border-color:transparent}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);order:2}.tag--hide-label{padding-right:0;padding-left:0}.tag--hide-label.tag--size-s .tag__icon{margin-right:0;margin-left:0}.tag--hide-label .tag__icon{margin-right:var(--s-space-2);margin-left:var(--s-space-2)}.tag--variant-outline{border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-right:var(--s-space-4);margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", g = class {
-  constructor(t) {
-    o(this, t), this.removeTag = n(this, "remove", 7), this.iconPosition = "start", this.intent = "default", this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default", this.onRemove = (r) => {
-      var e;
-      (e = this.removeTag) == null || e.emit(r);
-    };
-  }
-  componentDidLoad() {
-    this.forceIconProps();
-  }
-  componentWillLoad() {
-    this.forceVariant();
-  }
-  componentDidRender() {
-    this.forceIconProps();
-  }
-  forceIconProps() {
-    var r;
-    const t = (r = this.iconEl) == null ? void 0 : r.children[0];
-    t == null || t.setAttribute("size", "16");
-  }
-  forceVariant() {
-    Boolean(this.bordered) && (console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'), this.variant = "outline");
-  }
-  render() {
-    const t = c("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`, { "tag--hide-label": this.hideLabel });
-    return a(i, { key: "a3ade00e730b9c5a0bf70ce18555894162efcdb9" }, a("span", { key: "9adecf537f7923514ec8eca45badc8560a1448b8", class: t, part: "tag" }, this.icon && a("span", { key: "0adc214659f1680182981e70724fcbc1782f01d0", class: "tag__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), this.hideLabel ? a("swirl-visually-hidden", null, this.label) : a("span", { class: "tag__label" }, this.label), this.removable && a("button", { key: "e1981afdf9819c222ca92f08fdf57cdd7e4f3f26", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "6b06d0db7dcd182742f5399cd20d2d7532b9ff0c", size: 16 }))));
-  }
-  get el() {
-    return s(this);
-  }
-};
-g.style = l;
-export {
-  g as swirl_tag
-};

package/dist/swirl-text-input.entry.6964a1b7.js

@@ -1,91 +0,0 @@
-import { r as x, c as n, h as i, H as w } from "./index.8833f6c5.js";
-import { c as b } from "./index-orsBiyT_.fc4357c3.js";
-import { D as f } from "./media-query.service-BZg4zbFx.7454a4f3.js";
-import "react";
-import "react-dom";
-import "./utils-wi_3Z3FQ.29a3aebe.js";
-const m = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-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}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--clearable.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-subdued);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', _ = class {
-  constructor(e) {
-    x(this, e), this.clear = n(this, "clear", 7), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.autoComplete = "on", this.characterCounterLabel = "Used characters", this.clearButtonLabel = "Clear input", this.fontSize = "default", this.passwordToggleLabel = "Toggle password display", this.rows = 1, this.type = "text", this.iconSize = 24, this.showPassword = !1, this.mediaQueryUnsubscribe = () => {
-    }, this.handleClearClick = () => {
-      this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus(), this.clear.emit();
-    }, this.onChange = (t) => {
-      const s = t.target;
-      this.value = s.value;
-    }, this.onBlur = (t) => {
-      this.inputBlur.emit(t);
-    }, this.onFocus = (t) => {
-      this.inputFocus.emit(t), this.handleAutoSelect(t);
-    }, this.onInput = (t) => {
-      this.onChange(t);
-    }, this.onKeyPress = (t) => {
-      this.type === "number" && ["+", "-", "e"].includes(t.key) && t.preventDefault();
-    }, this.decreaseValue = () => {
-      if (this.type !== "number")
-        return;
-      const t = this.step || 1;
-      let s = this.inputEl.valueAsNumber;
-      isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, s - t)), this.valueChange.emit(this.value);
-    }, this.increaseValue = () => {
-      if (this.type !== "number")
-        return;
-      const t = this.step || 1;
-      let s = this.inputEl.valueAsNumber;
-      isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, s + t)), this.valueChange.emit(this.value);
-    }, this.togglePassword = () => {
-      this.type === "password" && (this.showPassword = !this.showPassword);
-    };
-  }
-  componentDidLoad() {
-    this.mediaQueryUnsubscribe = f.subscribe((e) => {
-      this.updateIconSize(e);
-    }), this.autoFocus && setTimeout(() => {
-      this.inputEl.focus();
-    });
-  }
-  componentDidRender() {
-    this.adjustInputSize();
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  async blurInput() {
-    this.inputEl.blur();
-  }
-  async focusInput() {
-    this.inputEl.focus();
-  }
-  watchValue(e, t) {
-    e !== t && this.valueChange.emit(e);
-  }
-  updateIconSize(e) {
-    this.iconSize = e ? 20 : 24;
-  }
-  adjustInputSize() {
-    (this.rows > 1 || this.autoGrow) && (this.inputEl.style.width = "", this.inputEl.style.height = "", this.inputEl.style.height = Boolean(this.inputEl.scrollHeight) ? this.inputEl.scrollHeight / 16 + "rem" : ""), this.rows === 1 && !this.autoGrow && (this.inputEl.style.height = "", this.inputEl.style.width = "", this.suffixLabel && this.type !== "password" && !this.disableDynamicWidth && !Boolean(this.placeholder) && (this.inputEl.style.width = this.inputEl.scrollWidth / 16 + "rem"));
-  }
-  handleAutoSelect(e) {
-    !(this.autoSelect || this.readonly) || e.target.select();
-  }
-  render() {
-    var l, o;
-    const e = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, s = this.type === "number" && !this.disabled && !this.readonly, a = this.type === "password" && !this.disabled, r = this.clearable && !this.disabled && !this.readonly && Boolean(this.value) && !a && !s, u = (o = (l = this.value) == null ? void 0 : l.length) != null ? o : 0, p = this.showCharacterCounter && (!this.showCharacterCounterNearLimit || u >= this.maxLength * 0.8), h = this.type === "password" && this.showPassword ? "text" : this.type, c = b("text-input", `text-input--font-size-${this.fontSize}`, `text-input--type-${this.type}`, {
-      "text-input--auto-grow": this.autoGrow,
-      "text-input--clearable": r,
-      "text-input--disable-dynamic-width": this.disableDynamicWidth || Boolean(this.placeholder),
-      "text-input--has-suffix": Boolean(this.suffixLabel),
-      "text-input--inline": this.inline,
-      "text-input--show-password": this.type === "password" && this.showPassword
-    });
-    return i(w, { key: "f822fb9a0003530bed7e53b2a6395fa0ead91d6c" }, i("div", { key: "b8a048e87b0a8366b0243a8da2f80fd3571fbd6b", class: c }, this.prefixLabel && i("span", { key: "20636fdec405901ebd416fce525a9c89b1ed9dbe", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "8b192a2783028e0eb1fb5703026daccef7170808", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (d) => this.inputEl = d, required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: h, value: this.value, readonly: this.readonly }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "7b05575e9fc5f5f362f9aa23784177f16eb92660", class: "text-input__suffix" }, this.suffixLabel), r && i("button", { key: "860576e47f0e34aed31a0c53a6d7d8fa4e57557b", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.handleClearClick, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "763a1558a792a017ba4a947bf7bd47220f88ee0c", size: this.iconSize })), a && i("button", { key: "584dd45c5dedb11cf9c7348a49b1ca15f959742c", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "fbad244a2f8584c0003f581f66dc26bb9cb1f04c", class: "text-input__stepper" }, i("button", { key: "921cd8c3e64560ba46a7a06fd5147e132dd7bed4", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "df8eeb01df755b56dc0a465a02a1d76dbecafe59", size: this.iconSize })), i("button", { key: "fee840a7e4a142f468292a9a69e8958869673e87", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "e9af53254c8f1d68c121eb8634444b410a4cb1e3", size: this.iconSize }))), p && i("span", { key: "88dd11daf949bcb20d1a18bd77ab64a76000b30b", class: "text-input__character-counter", "aria-live": "polite" }, i("swirl-visually-hidden", { key: "f55d1fa26b458ff6b09e80f79f32b25236cc6d5f" }, this.characterCounterLabel), u, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
-  }
-  static get watchers() {
-    return {
-      value: ["watchValue"]
-    };
-  }
-};
-_.style = m;
-export {
-  _ as swirl_text_input
-};

package/dist/swirl-text.entry.44c9e124.js

@@ -1,299 +0,0 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.8833f6c5.js";
-import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-var K = { exports: {} }, ut = K.exports, st;
-function xt() {
-  return st || (st = 1, function(o) {
-    (function(l, a) {
-      o.exports ? o.exports = a() : l.balanceText = a();
-    })(ut, () => {
-      let l, a, r;
-      const c = {
-        sel: [],
-        el: []
-      };
-      let f = !1, v = !1;
-      function z() {
-      }
-      function g(t, e) {
-        Array.prototype.forEach.call(t, e);
-      }
-      function B(t) {
-        document.readyState !== "loading" ? t() : document.addEventListener ? document.addEventListener("DOMContentLoaded", t) : document.attachEvent("onreadystatechange", () => {
-          document.readyState !== "loading" && t();
-        });
-      }
-      function D(t, e, n, ...i) {
-        let s;
-        return function() {
-          const h = this;
-          function S() {
-            t.apply(h, i), s = null;
-          }
-          s && clearTimeout(s), s = setTimeout(S, 100);
-        };
-      }
-      function I() {
-        if (typeof window > "u")
-          return !1;
-        const { style: t } = document.documentElement;
-        return t.textWrap || t.WebkitTextWrap || t.MozTextWrap || t.MsTextWrap;
-      }
-      function C() {
-        this.reset();
-      }
-      C.prototype.reset = function() {
-        this.index = 0, this.width = 0;
-      };
-      function m(t) {
-        return a.some((e) => e.start < t && t < e.end);
-      }
-      function L(t, e) {
-        if (t.nodeType === t.ELEMENT_NODE)
-          if (window.getComputedStyle(t).whiteSpace === "nowrap") {
-            const i = t.outerHTML.length;
-            a.push({ start: r, end: r + i }), r += i;
-          } else
-            g(t.childNodes, (i) => {
-              L(i, !0);
-            }), e && (r += t.outerHTML.length - t.innerHTML.length);
-        else
-          t.nodeType === t.COMMENT_NODE ? r += t.length + 7 : t.nodeType === t.PROCESSING_INSTRUCTION_NODE ? r += t.length + 2 : r += t.length;
-      }
-      function k(t, e, n) {
-        if (n === 0)
-          t.style.whiteSpace = e, r = 0, a = [], L(t, !1), t.style.whiteSpace = "nowrap";
-        else {
-          const i = [];
-          a.forEach((s) => {
-            s.start > n && i.push({ start: s.start - n, end: s.end - n });
-          }), a = i;
-        }
-      }
-      function Q(t) {
-        let e = t.querySelectorAll('br[data-owner="balance-text-hyphen"]');
-        g(e, (i) => {
-          i.outerHTML = "";
-        }), e = t.querySelectorAll('br[data-owner="balance-text"]'), g(e, (i) => {
-          i.outerHTML = " ";
-        });
-        let n = t.querySelectorAll('span[data-owner="balance-text-softhyphen"]');
-        if (n.length > 0 && g(n, (i) => {
-          const s = document.createTextNode("\xAD");
-          i.parentNode.insertBefore(s, i), i.parentNode.removeChild(i);
-        }), n = t.querySelectorAll('span[data-owner="balance-text-justify"]'), n.length > 0) {
-          let i = "";
-          g(n, (s) => {
-            i += s.textContent, s.parentNode.removeChild(s);
-          }), t.innerHTML = i;
-        }
-      }
-      const _ = function(t) {
-        return (t.currentStyle || window.getComputedStyle(t, null)).textAlign === "justify";
-      };
-      function d(t, e, n) {
-        e = e.trim();
-        const i = e.split(" ").length;
-        if (e = `${e} `, i < 2)
-          return e;
-        const s = document.createElement("span");
-        s.innerHTML = e, t.appendChild(s);
-        const h = s.offsetWidth;
-        s.parentNode.removeChild(s);
-        const S = Math.floor((n - h) / (i - 1));
-        s.style.wordSpacing = `${S}px`, s.setAttribute("data-owner", "balance-text-justify");
-        const p = document.createElement("div");
-        return p.appendChild(s), p.innerHTML;
-      }
-      function x(t, e) {
-        const n = /([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;
-        let i;
-        if (!l)
-          for (l = [], i = n.exec(t); i !== null; )
-            m(i.index) || l.push(i.index), i = n.exec(t);
-        return l.indexOf(e) !== -1;
-      }
-      function X(t, e) {
-        return e === 0 || e === t.length || x(t, e - 1) && !x(t, e);
-      }
-      function b(t, e, n, i, s, h, S) {
-        let p;
-        if (e && typeof e == "string")
-          for (; ; ) {
-            for (; !X(e, h); )
-              h += s;
-            if (t.innerHTML = e.substr(0, h), p = t.offsetWidth, s < 0) {
-              if (p <= i || p <= 0 || h === 0)
-                break;
-            } else if (i <= p || n <= p || h === e.length)
-              break;
-            h += s;
-          }
-        S.index = h, S.width = p;
-      }
-      function R(t, e) {
-        const n = document.createElement("div");
-        n.style.display = "block", n.style.position = "absolute", n.style.bottom = 0, n.style.right = 0, n.style.width = 0, n.style.height = 0, n.style.margin = 0, n.style.padding = 0, n.style.visibility = "hidden", n.style.overflow = "hidden";
-        const i = document.createElement("span");
-        i.style.fontSize = "2000px", i.innerHTML = "&nbsp;", n.appendChild(i), t.appendChild(n);
-        const s = i.getBoundingClientRect();
-        n.parentNode.removeChild(n);
-        const h = s.height / s.width;
-        return e / h;
-      }
-      function u(t) {
-        return t ? typeof t == "string" ? document.querySelectorAll(t) : t.tagName && t.querySelectorAll ? [t] : t : [];
-      }
-      function O(t) {
-        g(u(t), (e) => {
-          Q(e);
-          const i = e.style.whiteSpace, s = e.style.float, h = e.style.display, S = e.style.position, p = e.style.lineHeight;
-          e.style.lineHeight = "normal";
-          const E = e.offsetWidth, ot = e.offsetHeight;
-          e.style.whiteSpace = "nowrap", e.style.float = "none", e.style.display = "inline", e.style.position = "static";
-          let U = e.offsetWidth;
-          const P = e.offsetHeight, tt = i === "pre-wrap" ? 0 : R(e, P);
-          if (E > 0 && U > E && U < 5e3) {
-            let w = e.innerHTML, q = "", N = "";
-            const et = _(e);
-            let V = Math.round(ot / P), it = 0, W, A, y, H, j, nt, Y;
-            for (; V > 1; )
-              l = null, k(e, i, it), W = Math.round((U + tt) / V - tt), A = Math.round((w.length + 1) / V) - 1, y = new C(), b(e, w, E, W, -1, A, y), H = new C(), A = y.index, b(e, w, E, W, 1, A, H), y.reset(), A = H.index, b(e, w, E, W, -1, A, y), y.index === 0 ? j = H.index : E < H.width || y.index === H.index ? j = y.index : j = Math.abs(W - y.width) < Math.abs(H.width - W) ? y.index : H.index, N = w.substr(0, j).replace(/\s$/, ""), Y = Boolean(N.match(/\u00ad$/)), Y && (N = N.replace(/\u00ad$/, '<span data-owner="balance-text-softhyphen">-</span>')), et ? q += d(e, N, E) : (q += N, nt = Y || Boolean(N.match(/(-|\u2014|\u2013)$/)), q += nt ? '<br data-owner="balance-text-hyphen" />' : '<br data-owner="balance-text" aria-hidden="true" />'), w = w.substr(j), it = j, V--, e.innerHTML = w, U = e.offsetWidth;
-            et ? e.innerHTML = q + d(e, w, E) : e.innerHTML = q + w;
-          }
-          e.style.whiteSpace = i, e.style.float = s, e.style.display = h, e.style.position = S, e.style.lineHeight = p;
-        });
-      }
-      function T() {
-        const t = c.sel.join(","), e = u(t), n = Array.prototype.concat.apply(c.el, e);
-        O(n);
-      }
-      function F() {
-        f || (B(T), window.addEventListener("load", T), window.addEventListener("resize", D(T)), f = !0);
-      }
-      function M(t) {
-        typeof t == "string" ? c.sel.push(t) : g(u(t), (e) => {
-          c.el.push(e);
-        }), F(), T();
-      }
-      function J(t) {
-        typeof t == "string" ? c.sel = c.sel.filter((e) => e !== t) : (t = u(t), c.el = c.el.filter((e) => t.indexOf(e) === -1));
-      }
-      function G() {
-        v || (c.sel.push(".balance-text"), F(), v = !0);
-      }
-      function $(t, e) {
-        t ? e && e.watch === !0 ? M(t) : e && e.watch === !1 ? J(t) : O(t) : G();
-      }
-      return $.updateWatched = T, I() ? (z.updateWatched = z, z) : $;
-    });
-  }(K)), K.exports;
-}
-var pt = xt(), gt = /* @__PURE__ */ ft(pt);
-/**
-  shave - Shave is a javascript plugin that truncates multi-line text within a html element based on set max height
-  @version v5.0.2
-  @link https://github.com/yowainwright/shave#readme
-  @author Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)
-  @license MIT
-**/
-function rt(o, l) {
-  var a = typeof Symbol == "function" && o[Symbol.iterator];
-  if (!a)
-    return o;
-  var r = a.call(o), c, f = [], v;
-  try {
-    for (; !(c = r.next()).done; )
-      f.push(c.value);
-  } catch (z) {
-    v = { error: z };
-  } finally {
-    try {
-      c && !c.done && (a = r.return) && a.call(r);
-    } finally {
-      if (v)
-        throw v.error;
-    }
-  }
-  return f;
-}
-function at(o, l, a) {
-  if (arguments.length === 2)
-    for (var r = 0, c = l.length, f; r < c; r++)
-      (f || !(r in l)) && (f || (f = Array.prototype.slice.call(l, 0, r)), f[r] = l[r]);
-  return o.concat(f || Array.prototype.slice.call(l));
-}
-function wt(o) {
-  return typeof o == "string" ? at([], rt(document.querySelectorAll(o)), !1) : "length" in o ? at([], rt(o), !1) : [o];
-}
-function yt(o, l, a) {
-  if (a === void 0 && (a = {}), typeof l > "u" || isNaN(l))
-    throw Error("maxHeight is required");
-  var r = wt(o);
-  if (!!r.length)
-    for (var c = a.character, f = c === void 0 ? "\u2026" : c, v = a.classname, z = v === void 0 ? "js-shave" : v, g = a.spaces, B = g === void 0 ? !0 : g, D = a.charclassname, I = D === void 0 ? "js-shave-char" : D, C = a.link, m = C === void 0 ? {} : C, L = typeof B == "boolean" ? B : !0, k = m && JSON.stringify(m) !== "{}" && m.href, Q = k ? "a" : "span", _ = 0; _ < r.length; _ += 1) {
-      var d = r[_], x = d.style, X = d.querySelector("." + z), b = d.textContent === void 0 ? "innerText" : "textContent";
-      X && (d.removeChild(d.querySelector("." + I)), d[b] = d[b]);
-      var R = d[b], u = L ? R.split(" ") : R;
-      if (!(u.length < 2)) {
-        var O = x.height;
-        x.height = "auto";
-        var T = x.maxHeight;
-        if (x.maxHeight = "none", d.offsetHeight <= l) {
-          x.height = O, x.maxHeight = T;
-          continue;
-        }
-        var F = k && m.textContent ? m.textContent : f, M = document.createElement(Q), J = {
-          className: I,
-          textContent: F
-        };
-        for (var G in J)
-          M[G] = J[G], M.textContent = f;
-        if (k)
-          for (var $ in m)
-            M[$] = m[$];
-        for (var t = u.length - 1, e = 0, n = void 0; e < t; )
-          n = e + t + 1 >> 1, d[b] = L ? u.slice(0, n).join(" ") : u.slice(0, n), d.insertAdjacentElement("beforeend", M), d.offsetHeight > l ? t = n - 1 : e = n;
-        d[b] = L ? u.slice(0, t).join(" ") : u.slice(0, t), d.insertAdjacentElement("beforeend", M);
-        var i = L ? " ".concat(u.slice(t).join(" ")) : u.slice(t), s = document.createTextNode(i), h = document.createElement("span");
-        h.classList.add(z), h.style.display = "none", h.appendChild(s), d.insertAdjacentElement("beforeend", h), x.height = O, x.maxHeight = T;
-      }
-    }
-}
-const vt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}", mt = class {
-  constructor(o) {
-    lt(this, o), this.align = "start", this.as = "p", this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.responsive = !0, this.size = "base", this.truncateDirection = "end", this.weight = "normal", this.whiteSpace = "normal";
-  }
-  componentDidRender() {
-    this.rebalance(), this.handleTruncation();
-  }
-  onWindowResize() {
-    this.rebalance(), this.handleTruncation();
-  }
-  handleTruncation() {
-    if (!this.truncate || !Boolean(this.lines) || this.lines === 1)
-      return;
-    const o = +window.getComputedStyle(this.textEl, null).getPropertyValue("line-height").replace("px", "");
-    o > 0 && yt(this.textEl, o * this.lines);
-  }
-  rebalance() {
-    !this.balance || !Boolean(this.textEl) || gt(this.textEl);
-  }
-  render() {
-    const o = this.as, l = this.truncate && (!Boolean(this.lines) || this.lines === 1), a = dt("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
-      "text--truncate": l,
-      "text--responsive": this.responsive
-    }), r = {
-      whiteSpace: l ? "nowrap" : this.whiteSpace
-    };
-    return Z(ct, { key: "56f7218ef3a537fec98997d1b14ca35c2c479676" }, Z(o, { key: "b921b87fd42122292d4db0368a5aba72e0975f7a", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "7e8f3315ebe21dc4e598c375d300143a519b697e" })));
-  }
-  get el() {
-    return ht(this);
-  }
-};
-mt.style = vt;
-export {
-  mt as swirl_text
-};

package/dist/swirl-theme-provider.entry.b027dde0.js

@@ -1,94 +0,0 @@
-import { r as m, c as a, h as o, H as d } from "./index.8833f6c5.js";
-import "react";
-import "react-dom";
-const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {
-  constructor(e) {
-    m(this, e), this.appThemeUpdated = a(this, "appThemeUpdated", 7), this.themeChange = a(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
-      this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
-    };
-  }
-  componentWillLoad() {
-    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
-  }
-  disconnectedCallback() {
-    this.darkThemeMediaQuery.removeEventListener("change", this.osThemeChangeHandler);
-  }
-  watchConfig() {
-    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
-  }
-  async getActiveOSTheme() {
-    return this.appOSTheme;
-  }
-  async getPreferredOSTheme() {
-    if (!!Boolean(this.resolvedConfig.storage))
-      return this.resolvedConfig.storage.getItem(i);
-  }
-  async setPreferredOSTheme(e) {
-    !Boolean(this.resolvedConfig.storage) || !this.resolvedConfig.enabledThemes.includes(e) || (this.resolvedConfig.storage.setItem(i, e), this.updateAppTheme());
-  }
-  async resetPreferredOSTheme() {
-    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.removeItem(i), this.updateAppTheme());
-  }
-  resolveConfig() {
-    var e, t, s;
-    if (this.resolvedConfig = {
-      ...this.config || {},
-      enabledThemes: ((e = this.config) == null ? void 0 : e.enabledThemes) || ["light", "dark"],
-      rootElement: ((t = this.config) == null ? void 0 : t.rootElement) || document.documentElement,
-      storage: ((s = this.config) == null ? void 0 : s.storage) || (window == null ? void 0 : window.localStorage)
-    }, !this.resolvedConfig.enabledThemes.includes("light"))
-      throw new Error("[Swirl Theme Provider] Light theme must be enabled.");
-  }
-  determineOSTheme() {
-    if (!Boolean(window.matchMedia)) {
-      this.osTheme = "light";
-      return;
-    }
-    this.osTheme = this.darkThemeMediaQuery.matches ? "dark" : "light", this.darkThemeMediaQuery.removeEventListener("change", this.osThemeChangeHandler), this.darkThemeMediaQuery.addEventListener("change", this.osThemeChangeHandler);
-  }
-  async updateAppTheme() {
-    const e = await this.getPreferredOSTheme() || this.osTheme;
-    this.resolvedConfig.enabledThemes.includes(e) ? this.appOSTheme = e : this.appOSTheme = "light", this.appOSTheme === "dark" ? (document.documentElement.classList.remove("theme-light"), document.documentElement.classList.add("theme-dark")) : (document.documentElement.classList.remove("theme-dark"), document.documentElement.classList.add("theme-light")), this.updateTenantVariables(), this.updateTenantAssets();
-    const t = {
-      activeTheme: await this.getActiveOSTheme(),
-      preferredTheme: await this.getPreferredOSTheme()
-    };
-    (!Boolean(this.recentOSThemeChangeEventData) || t.activeTheme !== this.recentOSThemeChangeEventData.activeTheme || t.preferredTheme !== this.recentOSThemeChangeEventData.preferredTheme) && (this.recentOSThemeChangeEventData = t, this.themeChange.emit(this.recentOSThemeChangeEventData)), this.appThemeUpdated.emit();
-  }
-  updateTenantAssets() {
-    var t, s, h;
-    const e = (s = (t = this.resolvedConfig) == null ? void 0 : t.themes) == null ? void 0 : s[this.appOSTheme];
-    !Boolean(e) || (h = document.head.querySelector('link[rel="icon"]')) == null || h.setAttribute("href", e.favicon.link);
-  }
-  updateTenantVariables() {
-    var s, h;
-    const e = (h = (s = this.resolvedConfig) == null ? void 0 : s.themes) == null ? void 0 : h[this.appOSTheme];
-    if (!Boolean(e)) {
-      this.resetTenantVariables();
-      return;
-    }
-    const t = this.resolvedConfig.rootElement;
-    this.setDesignTokens = [], e.design_tokens.forEach((r) => {
-      const n = `--s-${r.id}`;
-      t.style.setProperty(n, `rgba(${r.color.r}, ${r.color.g}, ${r.color.b}, ${r.color.a})`), this.setDesignTokens.push(n);
-    });
-  }
-  resetTenantVariables() {
-    const e = this.resolvedConfig.rootElement;
-    this.setDesignTokens.forEach((t) => {
-      e.style.removeProperty(t);
-    }), this.setDesignTokens = [];
-  }
-  render() {
-    return o(d, { key: "d16d6251c7767e41ea692da9790a18f61f7dc0dd" }, o("slot", { key: "37e084b42290d9bb56f4a6df30a1c558c89bc52c" }));
-  }
-  static get watchers() {
-    return {
-      config: ["watchConfig"]
-    };
-  }
-};
-c.style = l;
-export {
-  c as swirl_theme_provider
-};