@getflip/swirl-components-react 0.481.0 → 0.482.0

package/dist/swirl-color-input.entry.03865bdc.js

@@ -1,272 +0,0 @@
-import { r as L, c as f, h as l, H as B } from "./index.de6ff030.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 d = (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)
-  };
-}, u = (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 ? u(i(s * 255)) : "";
-  return "#" + u(e) + u(t) + u(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: d((o.pageX - (s.left + window.pageXOffset)) / s.width),
-    y: d((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 ? d(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 ? d(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
-      v: o ? d(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: "7fb72a7d241b4371a727c8028a3e55325f133732" }, l("div", { key: "77b6807ed3d48dc017aea25e6fd33b88f8d58e20", class: t }, l("input", { key: "e0f4baaaaf1399b7b8d9a02f7f7fa6f37d9b0427", "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: "51b7b183c7d2e5dbd07ef0810b3d94b474e51fa9", swirlPopover: this.pickerId }, l("button", { key: "3a15ab5f469b4498e56596195849a7101eaaa4d1", 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: "fed520dfbe8789e62136bee0914c99c697201239", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "a77e5a8205fdfd16b1f5e7792e35d49fd5a6987d", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "23b7426ee1d4a9bccf311ca46621c09d779eeee4", color: this.value, ref: (o) => this.picker = o })))));
-  }
-  static get watchers() {
-    return {
-      value: [{
-        watchValue: 0
-      }]
-    };
-  }
-};
-tt.style = Z();
-export {
-  tt as swirl_color_input
-};

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

@@ -1,18 +0,0 @@
-import { r as o, h as s, H as r } from "./index.de6ff030.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: "58dca0f53eb7169ebed52d040da35e407e939fba" }, s("div", { key: "2c0cb89f1f7029da7265531cfa38d2e49b76dd30", class: "columns", style: {
-      gridTemplateColumns: this.columns,
-      gap: `var(--s-space-${this.spacing})`
-    } }, s("slot", { key: "3c2f0ed4c1d8a60e9e9079fe17986bbdf79468f9" })));
-  }
-};
-a.style = t();
-export {
-  a as swirl_columns
-};

package/dist/swirl-console-layout.entry.1dca459c.js

@@ -1,93 +0,0 @@
-import { r, c as l, h as e, H as d, g as h } from "./index.de6ff030.js";
-import { c as b } from "./index-orsBiyT_.fc4357c3.js";
-import { d as u, i } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const p = () => ':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"         "footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr -webkit-min-content;grid-template-rows:auto 1fr min-content;grid-template-areas:"header"     "navigation"     "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;padding:var(--s-space-16) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar"     "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr -webkit-min-content;grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar"     "content"     "footer"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}', f = class {
-  constructor(o) {
-    r(this, o), this.backButtonClick = l(this, "backButtonClick", 7), this.helpButtonClick = l(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.hideNavigationButtonLabel = "Hide main navigation", this.logoText = "Admin", this.navigationLabel = "Main", this.showNavigationButtonLabel = "Show main navigation", this.contentScrollState = {
-      scrollable: !1,
-      scrolledToTop: !1,
-      scrolledToBottom: !1
-    }, this.updateCustomAppBarStatus = () => {
-      this.hasCustomAppBar = Boolean(this.el.querySelector('[slot="app-bar"]'));
-    }, this.updateFooterStatus = () => {
-      this.hasFooter = Boolean(this.el.querySelector('[slot="footer"]'));
-    }, this.onMainScroll = u(() => {
-      this.updateContentScrollState();
-    }, 16), this.onBackButtonClick = (t) => {
-      this.backButtonClick.emit(t);
-    }, this.onHelpButtonClick = (t) => {
-      this.helpButtonClick.emit(t);
-    }, this.onMobileNavigationToggleClick = () => {
-      this.toggleSidebar();
-    }, this.onClick = (t) => {
-      var s;
-      const a = t.target, n = Boolean(a.closest(".console-layout__mobile-navigation-button")), c = ((s = a.closest("[slot]")) == null ? void 0 : s.slot) === "overlays";
-      !t.composedPath().includes(this.sidebarEl) && !n && !c && this.sidebarActive && this.deactivateSidebar();
-    }, this.onKeyDown = (t) => {
-      t.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
-    };
-  }
-  componentDidLoad() {
-    queueMicrotask(() => {
-      i() ? this.deactivateSidebar() : this.activateSidebar(), this.updateContentScrollState(), this.updateCustomAppBarStatus(), this.updateFooterStatus();
-    });
-  }
-  updateContentScrollState() {
-    if (!this.contentEl)
-      return;
-    const o = {
-      scrollable: this.contentEl.scrollHeight > this.contentEl.clientHeight,
-      scrolledToTop: this.contentEl.scrollTop === 0,
-      scrolledToBottom: Math.round(this.contentEl.scrollTop + this.contentEl.clientHeight) >= this.contentEl.scrollHeight
-    };
-    Object.keys(o).some((t) => o[t] !== this.contentScrollState[t]) && (this.contentScrollState = o);
-  }
-  onWindowResize() {
-    const o = i();
-    !o && !this.sidebarActive ? this.activateSidebar() : o && this.deactivateSidebar();
-  }
-  async toggleSidebar() {
-    this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
-  }
-  async showSidebar() {
-    this.sidebarActive || this.activateSidebar();
-  }
-  async hideSidebar() {
-    this.sidebarActive && this.deactivateSidebar();
-  }
-  activateSidebar() {
-    var o;
-    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), i() && ((o = this.el.querySelector("swirl-tree-navigation-item")) == null || o.focus());
-  }
-  deactivateSidebar() {
-    this.sidebarActive = !1, i() && this.sidebarEl.setAttribute("inert", "");
-  }
-  render() {
-    const o = Boolean(this.maxContentWidth) ? {
-      maxWidth: this.maxContentWidth,
-      justifySelf: "center",
-      width: "100%"
-    } : void 0;
-    this.updateCustomAppBarStatus(), this.updateFooterStatus();
-    const t = b("console-layout", {
-      "console-layout--sidebar-active": this.sidebarActive,
-      "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton && !this.hasCustomAppBar,
-      "console-layout--has-footer": this.hasFooter,
-      "console-layout--has-custom-app-bar": this.hasCustomAppBar,
-      "console-layout--main-scrollable": this.contentScrollState.scrollable,
-      "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
-      "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
-      "console-layout--hide-content-header": this.hideContentHeader
-    });
-    return e(d, { key: "877a99276f633b0c211ea753e8900a286c715c25" }, e("div", { key: "5586571f3fdf9e53038e519895691d4bc7f02ec4", class: t, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("header", { key: "12a85311d8068aeed8399d9070d0785d66824bfa", "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (a) => this.sidebarEl = a }, e("div", { key: "21d40c363f181148ae6719ba5dac8dd81ccfbee7", class: "console-layout__header" }, e("div", { key: "fcf090e6ecde0cc590ee3562d129c133f6ba3736", class: "console-layout__logo" }, e("svg", { key: "64ee96bab28665e62c021ab6bcf00ca232602ef6", class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, e("path", { key: "32d2efa245e5bf92f79c16a41ef3961e1289ca18", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), e("swirl-text", { key: "66d01881ffa7eed51ac23707e2803df840c626a9", class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { key: "fd9a4fe72a628827f936576d189c21232bd0cc1c", "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { key: "d4f3a64b04a40c26c3ffb37d7162e715e36fe9d7", name: "navigation" })), e("div", { key: "c9d20af26bd0f73b65e2695df9d45691f1d3e370", class: "console-layout__user" }, e("slot", { key: "eb4c972928244f44fb228e850ae5292853258f8b", name: "user" }))), e("main", { key: "0b4fedd1556dd5a03b2a2abc1907872b3e68d81b", "aria-labelledby": Boolean(this.appName) ? "app-name" : void 0, class: "console-layout__main" }, e("header", { key: "ec865f602abb7389d54c7d724c5b3e8e061f399a", class: "console-layout__app-bar console-layout__app-bar--custom" }, e("slot", { key: "e43fdcee425d18854fa5a2562d0ceb4bf2d9270e", name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), e("header", { key: "c17c47a0083729471c38b5b39cb1321ccd5b500d", class: "console-layout__app-bar" }, e("span", { key: "056f5cb385c2e1d23e61160f95e856e49172f69f", class: "console-layout__mobile-navigation-button" }, e("swirl-button", { key: "d6d7501b4e06a909ebe26b74db6a964d654e4f44", swirlAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), e("div", { key: "354b92ed6af2aa0051cfbb0161613dc32cbe2b26", class: "console-layout__app-name" }, this.appName && e("swirl-heading", { key: "346895b42e20c227c22d4f065b952bdd436c467b", as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && e("swirl-button", { key: "21ba3ef3b8549fcf5d6c7e761551c9aa520b64d8", class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { key: "fec0e51550ebc7e65904a26cc6a78bfa5dd773ba", "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (a) => this.contentEl = a }, e("div", { key: "a330cb8873383a6600414701ba0ea125aac15a99", class: "console-layout__content-container" }, !this.hideContentHeader && e("header", { key: "f48c576eccaa12004dae489601f662700f11ac76", class: "console-layout__content-header", style: o }, this.showBackButton && e("swirl-button", { key: "59ec11a9ff739c49797c6374fab5afc7df7f4514", class: "console-layout__back-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), Boolean(this.heading) && e("div", { key: "0d029d7ebf84628808ac2501f863609948cc5d2d", class: "console-layout__heading-container" }, e("swirl-heading", { key: "3cbabeb0a8a841dab374bed6ef50a29d685b5551", as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("swirl-text", { key: "097a88d77cb6242e39861037ef0bcf78e915c4dd", class: "console-layout__subheading", color: "subdued" }, this.subheading)), !Boolean(this.heading) && e("div", { key: "74c47854623acd241d3a7201fed507334323c888", class: "console-layout__heading-container" }, e("slot", { key: "518687f5c9f81198013a85a81e0a1d932cc8fda8", name: "heading" })), e("div", { key: "cd4d077c51e8ab5ba94c344b9ca055450700233f", class: "console-layout__content-header-tools" }, e("slot", { key: "f89f06be1d237273cce2f9cfe26cea171d71758f", name: "content-header-tools" }))), e("div", { key: "2542615930e0927c9ea8185e4827f3c063b21044", class: "console-layout__integration", style: o }, e("slot", { key: "d68be43006c3e7eb82d52f8f6563d4ae679264cb", name: "content" })))), e("footer", { key: "157ca488101270e296a0265761193b64db44f3c3", class: "console-layout__footer" }, e("slot", { key: "87fd0b86404d9e3bc5ccbd44f3fdca4a1ef01138", name: "footer", onSlotchange: this.updateFooterStatus })), e("div", { key: "17d923022d523704af1d1916637d2af4a5a5504e", class: "console-layout__overlays" }, e("slot", { key: "7a436c4622b62db07cba9935f4930e8e06800971", name: "overlays" })))));
-  }
-  get el() {
-    return h(this);
-  }
-};
-f.style = p();
-export {
-  f as swirl_console_layout
-};

package/dist/swirl-data-cell-stack.entry.396389d4.js

@@ -1,25 +0,0 @@
-import { r, h as e, H as i, g as o } from "./index.de6ff030.js";
-import { c as n } from "./index-orsBiyT_.fc4357c3.js";
-import { v as b } from "./v4-DD3477fe.2624487e.js";
-import "react";
-import "react-dom";
-const f = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell-stack{display:flex;flex-direction:column;width:100%;gap:var(--s-space-16)}.data-cell-stack__header{display:flex;align-items:flex-start;gap:var(--s-space-8);width:100%;justify-content:space-between}.data-cell-stack__header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell-stack__label{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);margin:0}.data-cell-stack__description{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);margin:0}.data-cell-stack__cells{display:flex;flex-direction:column;gap:var(--s-space-2)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-l)     var(--s-border-radius-l) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)     var(--s-border-radius-s) var(--s-border-radius-l) var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-l)}.data-cell-stack__cta{display:flex;align-items:center;flex-shrink:0}", h = class {
-  constructor(a) {
-    r(this, a), this.hideLabel = !1, this.headerId = `data-cell-stack-header-${b()}`, this.onSlotChange = (s) => {
-      s.target.assignedElements().filter((c) => c.tagName !== "SWIRL-DATA-CELL").length > 0 && console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.");
-    };
-  }
-  render() {
-    const a = Boolean(this.el.querySelector('[slot="cta"]')), s = Boolean(this.label) && !this.hideLabel, d = n("data-cell-stack", {
-      "data-cell-stack--has-cta": a
-    }), t = s ? `${this.headerId}-label` : void 0, l = this.description ? `${this.headerId}-description` : void 0;
-    return e(i, { key: "c5a7f1db47518a1159922596dca273835ad8e273" }, e("div", { key: "5a9155ba4874b1a2aefa9ac66376843ed330c17e", class: d, part: "data-cell-stack", role: "group" }, (s || this.description || a) && e("header", { key: "f96be02e2672c703fc0f036cea4b8a46ca600ae5", class: "data-cell-stack__header", id: this.headerId }, e("div", { key: "69d283e694e896bd4a8d06941400668873cdfdfc", class: "data-cell-stack__header-content" }, s && e("h3", { key: "45aeece6c12e55eb617d9e3d0ca5b704e0aeae4e", class: "data-cell-stack__label", id: t }, this.label), this.description && e("p", { key: "768d7a8fd7b8b47dc3ce97b23e8488c7c6c663bc", class: "data-cell-stack__description", id: l }, this.description)), a && e("div", { key: "fe3829a57d9e5357c58f6fca5d4236a611c0b553", class: "data-cell-stack__cta" }, e("slot", { key: "7a7ff7b1e33321685e3bb552154cfcebbd094463", name: "cta" }))), e("div", { key: "8ba716b5991d67d0edfbd6139f821a3eace709d7", class: "data-cell-stack__cells", role: "list", "aria-labelledby": t || void 0, "aria-describedby": l || void 0 }, e("slot", { key: "f3c3f72c0c551a3bc730e4d83b13cccb0d632bfd", onSlotchange: this.onSlotChange }))));
-  }
-  get el() {
-    return o(this);
-  }
-};
-h.style = f();
-export {
-  h as swirl_data_cell_stack
-};

package/dist/swirl-data-cell.entry.2b2e1ee2.js

@@ -1,35 +0,0 @@
-import { r as v, c as _, h as e, H as m, g as w } from "./index.de6ff030.js";
-import { c as g } from "./index-orsBiyT_.fc4357c3.js";
-import { v as x } from "./v4-DD3477fe.2624487e.js";
-import "react";
-import "react-dom";
-const k = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);background-color:var(--s-surface-raised-50-default);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--swirl-tag-background-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%}.data-cell__input ::slotted(swirl-form-control){--swirl-form-control-label-background-color:var(       --swirl-data-cell-input-background,       var(--s-surface-default)     )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}", y = class {
-  constructor(s) {
-    v(this, s), this.valueChange = _(this, "valueChange", 7), this.intent = "default", this.vertical = !1, this.elementId = `data-cell-${x()}`, this.handleRadioClick = (a) => {
-      const t = a.target, l = this.el.querySelector('swirl-radio[slot="content"]');
-      t.contains(l) && (l == null ? void 0 : l.querySelector('input[type="radio"]')).click();
-    }, this.handleClick = (a) => {
-      this.handleRadioClick(a), this.valueChange.emit(a);
-    };
-  }
-  render() {
-    var d;
-    const s = Boolean(this.el.querySelector('[slot="media"]')), a = Boolean(this.el.querySelector('[slot="suffix"]')), t = Boolean(this.label), l = Boolean(this.el.querySelector('[slot="content"]')), c = Boolean(this.el.querySelector('swirl-checkbox[slot="content"]')), i = Boolean(this.el.querySelector('swirl-radio[slot="content"]')), u = g("data-cell", {
-      "data-cell--vertical": this.vertical,
-      "data-cell--has-media": s,
-      "data-cell--has-suffix": a,
-      "data-cell--has-content": l,
-      "data-cell--no-label": !t,
-      "data-cell--interactive": c || i,
-      [`data-cell--intent-${this.intent}`]: this.intent
-    }), n = `${this.elementId}-label`, f = `${this.elementId}-value`, o = ((d = this.el.parentElement) == null ? void 0 : d.tagName) === "SWIRL-DATA-CELL-STACK", h = o ? "listitem" : "group", r = c || i ? "button" : void 0, b = o && !r ? "group" : r, p = e("swirl-stack", { key: "8dc03e92a1b63b0acf58cec2c7fec13ca0d5e3a2", orientation: "horizontal", align: "center", spacing: "4" }, e("span", { key: "a507020b585191c96abd92ce16f1f0d9c1bf6c84", class: "data-cell__label", id: n, role: "term" }, this.label), this.tooltip && e("swirl-tooltip", { key: "dc81e604dd5198d07104425b071125bd0bc09c73", class: "data-cell__tooltip", content: this.tooltip, position: "right" }, e("swirl-icon-info", { key: "f4d623d001a7b044fc73b022b538bc5c741d94fe", size: 16, tabIndex: 0 })));
-    return e(m, { key: "327d0173fd59e8ac00e865e728008b9841ba8a94", role: h }, e("div", { key: "f05cbb9cf8c5ae45bc674b687da97a17d9940815", class: u, part: "data-cell", onClick: c || i ? this.handleClick : void 0, role: b, tabIndex: c || i ? 0 : void 0 }, s && e("div", { key: "03080c4741365fe3b31c54ea099e393b47b5a84e", class: "data-cell__media", "aria-hidden": "true" }, e("slot", { key: "2483bc9dce5f755ecda24102cba73133f2104a09", name: "media" })), e("div", { key: "64b0f99a37c5f3249e2731389e6caa0090e50f06", class: "data-cell__content" }, t && e("div", { key: "dad9f1e58a7bcd3810dd06b03ee97450b575754e", class: "data-cell__label-wrapper" }, p), (l || this.value || a) && e("div", { key: "6bc92beafbaec385714d39d5d56c510c1a4330bd", class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": t ? n : void 0, id: f }, l ? e("div", { class: "data-cell__input" }, e("slot", { name: "content" })) : this.value && e("div", { class: "data-cell__value" }, this.value))), a && e("div", { key: "2d42e9461f0fc54835d4bdc6122b0045b7668336", class: "data-cell__suffix" }, e("slot", { key: "6ac18f04987bfc6a2163322c6397623a488c1cb0", name: "suffix" }))));
-  }
-  get el() {
-    return w(this);
-  }
-};
-y.style = k();
-export {
-  y as swirl_data_cell
-};

package/dist/swirl-date-input.entry.d68442df.js

@@ -1,146 +0,0 @@
-import { r as h, c as p, h as a, H as f, g as m } from "./index.de6ff030.js";
-import { c as y } from "./index-orsBiyT_.fc4357c3.js";
-import { f as s, I as n, i as l, p as c } from "./index-D3UoejeY.7db8c51e.js";
-import { D as k } from "./media-query.service-CCYT6DU8.f0931fdc.js";
-import { i as u } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const b = () => ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));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);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-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}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}", r = "yyyy-MM-dd", v = class {
-  constructor(e) {
-    h(this, e), this.invalidInput = p(this, "invalidInput", 7), this.valueChange = p(this, "valueChange", 7), this.datePickerDisableDate = () => !1, this.datePickerLabel = "Date picker", this.datePickerTriggerLabel = "Open date picker", this.firstDayOfWeek = 0, this.format = "yyyy-MM-dd", this.locale = "en-US", this.placeholder = "yyyy-mm-dd", this.preferredInputMode = "input", this.iconSize = 24, this.isInPickOnlyMode = !1, this.mediaQueryUnsubscribe = () => {
-    }, this.onClick = (t) => {
-      t.preventDefault(), !this.readonly && this.preferredInputMode === "pick" && (this.pickerPopover.open(this.el), u() || this.focus());
-    }, this.onMouseDown = () => {
-      this.readonly || this.preferredInputMode === "pick" && this.pickerPopover.close();
-    }, this.onFocus = (t) => {
-      this.handleAutoSelect(t);
-    }, this.onBlur = (t) => {
-      if (this.readonly)
-        return;
-      const i = this.pickerPopover.contains(t.relatedTarget);
-      this.setIsInPickOnlyMode(!i);
-    }, this.onPickDate = (t) => {
-      const i = t.detail, o = s(i, r);
-      this.value = o, this.inputEl.value = s(i, this.pattern), this.mask.updateValue(), this.setIsInPickOnlyMode(!0), this.pickerPopover.close();
-    };
-  }
-  componentWillLoad() {
-    const e = Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);
-    this.id = `swirl-date-input-${e}`, this.setIsInPickOnlyMode(!0);
-  }
-  componentDidLoad() {
-    this.setupMask(), this.mediaQueryUnsubscribe = k.subscribe((e) => {
-      this.updateIconSize(e);
-    }), this.autoFocus && this.focus();
-  }
-  disconnectedCallback() {
-    var e;
-    (e = this.mask) == null || e.destroy(), this.mediaQueryUnsubscribe();
-  }
-  watchFormat() {
-    this.setupMask();
-  }
-  watchValue(e, t) {
-    e !== t && this.updateValue();
-  }
-  async openPicker() {
-    this.pickerPopover.open(this.el);
-  }
-  focus() {
-    setTimeout(() => {
-      this.inputEl.focus();
-    });
-  }
-  updateIconSize(e) {
-    this.iconSize = e ? 20 : 24;
-  }
-  handleAutoSelect(e) {
-    if (!this.autoSelect) {
-      setTimeout(() => {
-        e.target && e.target instanceof HTMLInputElement && e.target.setSelectionRange && e.target.setSelectionRange(0, 0);
-      });
-      return;
-    }
-    e.target && e.target instanceof HTMLInputElement && e.target.select();
-  }
-  setIsInPickOnlyMode(e) {
-    this.preferredInputMode === "pick" && u() ? this.isInPickOnlyMode = e : this.isInPickOnlyMode = !1;
-  }
-  setupMask() {
-    var e;
-    (e = this.mask) == null || e.destroy(), this.pattern = this.format.replace(new RegExp("(?<!d)d(?!d)", "g"), "dd").replace(new RegExp("(?<!M)M(?!M)", "g"), "MM").replace(new RegExp("(?<!y)y(?!y)", "g"), "yyyy").replace(new RegExp("(?<!y)yyy(?!y)", "g"), "yyyy"), this.pattern || (this.pattern = r), this.mask = n(this.inputEl, {
-      mask: Date,
-      pattern: this.pattern.replace(/([^A-Za-z0-9])/g, "$1`"),
-      autofix: "pad",
-      lazy: !0,
-      overwrite: !0,
-      eager: "append",
-      blocks: {
-        dd: {
-          mask: n.MaskedRange,
-          from: 1,
-          to: 31,
-          maxLength: 2
-        },
-        MM: {
-          mask: n.MaskedRange,
-          from: 1,
-          to: 12,
-          maxLength: 2
-        },
-        yy: {
-          mask: n.MaskedRange,
-          from: 0,
-          to: 99,
-          maxLength: 2
-        },
-        yyyy: {
-          mask: n.MaskedRange,
-          from: 1e3,
-          to: 9999,
-          maxLength: 4
-        }
-      },
-      format: (t) => {
-        const i = s(t, this.pattern);
-        return l(t) ? (this.value = s(t, r), i) : (this.invalidInput.emit(t.toString()), "");
-      },
-      parse: (t) => c(t, this.pattern, new Date())
-    }), this.mask.on("accept", () => {
-      this.mask.value === "" && (this.value = "", this.valueChange.emit(""));
-    }), this.updateValue();
-  }
-  updateValue() {
-    if (this.value) {
-      const e = c(this.value, r, new Date());
-      if (l(e)) {
-        const t = s(e, this.pattern);
-        this.mask.value = t, this.valueChange.emit(this.value);
-      } else
-        this.invalidInput.emit(this.value);
-    }
-  }
-  render() {
-    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = Boolean(this.value) ? c(this.value, r, new Date()) : void 0, i = l(t) ? t : void 0, o = y("date-input", {
-      "date-input--inline": this.inline
-    });
-    return a(f, { key: "2ec594d964122a487dfe11366be4fcc7b569d8e2" }, a("div", { key: "68865174eaed718b1b9a01cc30da844092419404", class: o }, a("input", { key: "5d19ca6467fe106aa847d7c2190ee8383f8fdd03", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (d) => this.inputEl = d, required: this.required, type: "text" }), !this.readonly && a("swirl-popover-trigger", { key: "934f9a34104e23208fc82f5517129199610bcd6a", swirlPopover: `popover-${this.id}` }, a("button", { key: "b0f758fec8fa2305ebf5e0266a03fa60dfca9c1f", "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, a("swirl-icon-today", { key: "01348f120dd398170b2c5e28c81397a621175cb8", size: this.iconSize })))), !(this.disabled || this.readonly) && a("swirl-popover", { key: "86c33819d1169ed69eb2f07db7e4e644ec6cbd5c", animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (d) => this.pickerPopover = d }, a("swirl-date-picker", { key: "75e98326b305696e9a35f218f25dd96eab152f67", disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: i, startDate: i })));
-  }
-  get el() {
-    return m(this);
-  }
-  static get watchers() {
-    return {
-      format: [{
-        watchFormat: 0
-      }],
-      value: [{
-        watchValue: 0
-      }]
-    };
-  }
-};
-v.style = b();
-export {
-  v as swirl_date_input
-};