@orangelogic/design-system 2.161.0 → 2.163.0

package/library/chunks/checkbox.3i2j3PHc.js

@@ -1,198 +0,0 @@
-import { n as r, C as k } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as f } from "./component.styles.CRO4Odto.js";
-import { f as v } from "./form-control.styles.CaGWmeAS.js";
-import { c as g } from "./custom-element.L4WJXn1j.js";
-import { d as y } from "./default-value.COZopaet.js";
-import { F as _ } from "./form.CP9KLGjF.js";
-import { H as C } from "./slot.j5oheLJC.js";
-import { w as u } from "./watch.DOt4Mabe.js";
-import { i as w, x as n } from "./lit-element.jLBm65_O.js";
-import { r as $ } from "./state.CSDxrqLd.js";
-import { e as z } from "./query.BBf1UFkC.js";
-import { e as d } from "./class-map.BiVq-cVR.js";
-import { o as p } from "./if-defined.BRoBj_Rp.js";
-import { l as b } from "./live.DCegntDo.js";
-import { n as F } from "./when.Dr1es41R.js";
-import { C as V } from "./icon.mxNZ85k0.js";
-var x = /* @__PURE__ */ ((e) => (e.Large = "large", e.Medium = "medium", e.Small = "small", e))(x || {}), m = /* @__PURE__ */ ((e) => (e.Bottom = "bottom", e.Left = "left", e.Right = "right", e.Top = "top", e))(m || {});
-const H = w`:host([disabled]){pointer-events:none}:host{white-space:normal;padding:var(--checkbox-padding,0);margin:var(--checkbox-margin,0);display:inline-block}:host([data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color)}:host([data-user-invalid])::part(label){color:var(--cx-input-invalid-color)}:host([data-user-invalid])::part(control){outline:none}:host(:focus-within[data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.checkbox{font-family:var(--cx-input-font-family);font-weight:var(--cx-input-font-weight);color:var(--label-color,var(--cx-color-neutral));vertical-align:middle;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:var(--checkbox-label-gap,var(--cx-spacing-x-small));display:inline-flex;position:relative}.checkbox--label-left{flex-direction:row-reverse}.checkbox--label-top{flex-direction:column-reverse;align-items:flex-start}.checkbox--label-bottom{flex-direction:column;align-items:flex-start}.checkbox--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.checkbox--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.checkbox--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.form-control{flex-direction:column;display:flex}.checkbox__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);border-radius:var(--cx-border-radius-small);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.checkbox__checked-icon,.checkbox__indeterminate-icon{display:inline-flex}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-checked-color,var(--cx-input-border-color-hover));background-color:var(--checkbox-hover-color,var(--cx-input-background-color-hover))}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--checked .checkbox__control{border-color:var(--checkbox-checked-color,var(--cx-color-primary));background-color:var(--checkbox-checked-color,var(--cx-color-primary))}.checkbox--indeterminate .checkbox__control{border-color:var(--checkbox-indeterminate-color,var(--cx-color-primary));background-color:var(--checkbox-indeterminate-color,var(--cx-color-primary))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)));background-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--disabled{opacity:.5;cursor:default}.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control{background-color:var(--cx-checkbox-disabled-background,var(--cx-input-background-color));border-color:var(--cx-checkbox-disabled-border-color,var(--cx-input-border-color))}.checkbox__label{width:var(--label-width,auto);color:var(--label-color,var(--cx-color-neutral));font:var(--label-font,var(--cx-font-label-small));line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-checkbox-label-text-transform,none);white-space:var(--cx-checkbox-label-white-space,normal);pointer-events:none;display:inline-block}.form-control__help-text{font:var(--help-text-font,var(--cx-font-label-x-small));color:var(--help-text-color,var(--cx-color-neutral-600))}:host([required]) .checkbox__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}`;
-var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (e, c, l, a) => {
-  for (var i = a > 1 ? void 0 : a ? q(c, l) : c, s = e.length - 1, h; s >= 0; s--)
-    (h = e[s]) && (i = (a ? h(c, l, i) : h(i)) || i);
-  return a && i && S(c, l, i), i;
-};
-let t = class extends k {
-  constructor() {
-    super(...arguments), this.formControlController = new _(this, {
-      // eslint-disable-next-line
-      // @ts-ignore
-      defaultValue: (e) => e.defaultChecked,
-      // eslint-disable-next-line
-      // @ts-ignore
-      setValue: (e, c) => e.checked = c,
-      // eslint-disable-next-line
-      // @ts-ignore
-      value: (e) => e.checked ? e.value || "on" : void 0
-    }), this.hasSlotController = new C(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = x.Medium, this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.defaultChecked = !1, this.form = void 0, this.required = !1, this.helpText = "", this.labelPlacement = m.Right, this.ariaLabel = null;
-  }
-  /** Gets the validity state object */
-  get validity() {
-    return this.input.validity;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.input.validationMessage;
-  }
-  runFirstUpdated() {
-    this.formControlController.updateValidity();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("click", this.handleHostClick, {
-      capture: !0
-    }), this.addEventListener("keydown", this.handleHostKeydown, {
-      capture: !0
-    });
-  }
-  handleHostKeydown(e) {
-    e.key === " " && (e.preventDefault(), this.click());
-  }
-  handleHostClick(e) {
-    if (e.composedPath().includes(this.input)) {
-      e.stopPropagation();
-      return;
-    }
-    this.input.click();
-  }
-  handleChange() {
-    this.checked = !this.checked, this.indeterminate = !1, this.emit("cx-input"), this.emit("cx-change");
-  }
-  handleBlur() {
-    this.hasFocus = !1, this.emit("cx-blur");
-  }
-  handleInvalid(e) {
-    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
-  }
-  handleFocus() {
-    this.hasFocus = !0, this.emit("cx-focus");
-  }
-  handleDisabledChange() {
-    this.formControlController.setValidity(this.disabled);
-  }
-  handleStateChange() {
-    this.input.checked = this.checked, this.input.indeterminate = this.indeterminate, this.formControlController.updateValidity();
-  }
-  /** Sets focus on the checkbox. */
-  focus(e) {
-    this.input.focus(e);
-  }
-  /** Removes focus from the checkbox. */
-  blur() {
-    this.input.blur();
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.input.checkValidity();
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity() {
-    return this.input.reportValidity();
-  }
-  /**
-   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
-   */
-  setCustomValidity(e) {
-    this.input.setCustomValidity(e), this.formControlController.updateValidity();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick, { capture: !0 }), this.removeEventListener("keydown", this.handleHostKeydown, { capture: !0 });
-  }
-  render() {
-    const e = this.hasSlotController.test("help-text"), c = this.helpText ? !0 : !!e, l = this.hasSlotController.test("[default]");
-    return n`<div class=${d({
-      "form-control": !0,
-      [`form-control--${this.size}`]: !0,
-      "form-control--has-help-text": c
-    })}><div part="base" class=${d({
-      checkbox: !0,
-      "checkbox--checked": this.checked,
-      "checkbox--disabled": this.disabled,
-      "checkbox--focused": this.hasFocus,
-      "checkbox--indeterminate": this.indeterminate,
-      [`checkbox--label-${this.labelPlacement}`]: !0,
-      [`checkbox--${this.size}`]: !0
-    })}><input id="checkbox" aria-label=${p(this.ariaLabel?.trim() || void 0)} class="checkbox__input" type="checkbox" title=${this.title} name=${this.name} .value=${p(this.value)} .indeterminate=${b(this.indeterminate)} .checked=${b(this.checked)} .disabled=${this.disabled} .required=${this.required} aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"} aria-describedby="help-text" @change=${this.handleChange} @invalid=${this.handleInvalid} @blur=${this.handleBlur} @focus=${this.handleFocus}><span part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}" class="checkbox__control">${this.checked ? n`<slot name="checked-icon"><cx-icon part="checked-icon" class="checkbox__checked-icon" name="check"></cx-icon></slot>` : ""}
-            ${!this.checked && this.indeterminate ? n`<slot name="indeterminate-icon"><cx-icon part="indeterminate-icon" class="checkbox__indeterminate-icon" name="remove"></cx-icon></slot>` : ""}</span>${F(
-      l,
-      () => n`<label for="checkbox" part="label" class="checkbox__label"><slot></slot></label>`
-    )}</div><div aria-hidden=${c ? "false" : "true"} class="form-control__help-text" id="help-text" part="form-control-help-text"><slot name="help-text">${this.helpText}</slot></div></div>`;
-  }
-};
-t.styles = [
-  f,
-  v,
-  H
-];
-t.dependencies = { "cx-icon": V };
-o([
-  z('input[type="checkbox"]')
-], t.prototype, "input", 2);
-o([
-  $()
-], t.prototype, "hasFocus", 2);
-o([
-  r()
-], t.prototype, "title", 2);
-o([
-  r()
-], t.prototype, "name", 2);
-o([
-  r()
-], t.prototype, "value", 2);
-o([
-  r({ reflect: !0 })
-], t.prototype, "size", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], t.prototype, "disabled", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], t.prototype, "checked", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], t.prototype, "indeterminate", 2);
-o([
-  y("checked")
-], t.prototype, "defaultChecked", 2);
-o([
-  r({ reflect: !1 })
-], t.prototype, "form", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], t.prototype, "required", 2);
-o([
-  r({ attribute: "help-text" })
-], t.prototype, "helpText", 2);
-o([
-  r({ attribute: "label-placement", reflect: !0 })
-], t.prototype, "labelPlacement", 2);
-o([
-  r({ attribute: "aria-label", reflect: !0, type: String })
-], t.prototype, "ariaLabel", 2);
-o([
-  u("disabled", { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleDisabledChange", 1);
-o([
-  u(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleStateChange", 1);
-t = o([
-  g("cx-checkbox")
-], t);
-export {
-  t as C,
-  x as a
-};

package/library/chunks/debounce.C_J-9zJi.js

@@ -1,82 +0,0 @@
-import { r as L, a as v } from "./isObjectLike.z36Fu426.js";
-import { i as M } from "./isSymbol.L0C2ND_U.js";
-var h = function() {
-  return L.Date.now();
-}, N = /\s/;
-function B(n) {
-  for (var r = n.length; r-- && N.test(n.charAt(r)); )
-    ;
-  return r;
-}
-var R = /^\s+/;
-function $(n) {
-  return n && n.slice(0, B(n) + 1).replace(R, "");
-}
-var k = NaN, F = /^[-+]0x[0-9a-f]+$/i, _ = /^0b[01]+$/i, j = /^0o[0-7]+$/i, D = parseInt;
-function S(n) {
-  if (typeof n == "number")
-    return n;
-  if (M(n))
-    return k;
-  if (v(n)) {
-    var r = typeof n.valueOf == "function" ? n.valueOf() : n;
-    n = v(r) ? r + "" : r;
-  }
-  if (typeof n != "string")
-    return n === 0 ? n : +n;
-  n = $(n);
-  var t = _.test(n);
-  return t || j.test(n) ? D(n.slice(2), t ? 2 : 8) : F.test(n) ? k : +n;
-}
-var H = "Expected a function", P = Math.max, U = Math.min;
-function z(n, r, t) {
-  var u, o, l, s, i, f, c = 0, p = !1, d = !1, T = !0;
-  if (typeof n != "function")
-    throw new TypeError(H);
-  r = S(r) || 0, v(t) && (p = !!t.leading, d = "maxWait" in t, l = d ? P(S(t.maxWait) || 0, r) : l, T = "trailing" in t ? !!t.trailing : T);
-  function x(e) {
-    var a = u, m = o;
-    return u = o = void 0, c = e, s = n.apply(m, a), s;
-  }
-  function W(e) {
-    return c = e, i = setTimeout(g, r), p ? x(e) : s;
-  }
-  function O(e) {
-    var a = e - f, m = e - c, E = r - a;
-    return d ? U(E, l - m) : E;
-  }
-  function y(e) {
-    var a = e - f, m = e - c;
-    return f === void 0 || a >= r || a < 0 || d && m >= l;
-  }
-  function g() {
-    var e = h();
-    if (y(e))
-      return b(e);
-    i = setTimeout(g, O(e));
-  }
-  function b(e) {
-    return i = void 0, T && u ? x(e) : (u = o = void 0, s);
-  }
-  function A() {
-    i !== void 0 && clearTimeout(i), c = 0, u = f = o = i = void 0;
-  }
-  function C() {
-    return i === void 0 ? s : b(h());
-  }
-  function I() {
-    var e = h(), a = y(e);
-    if (u = arguments, o = this, f = e, a) {
-      if (i === void 0)
-        return W(f);
-      if (d)
-        return clearTimeout(i), i = setTimeout(g, r), x(f);
-    }
-    return i === void 0 && (i = setTimeout(g, r)), s;
-  }
-  return I.cancel = A, I.flush = C, I;
-}
-export {
-  z as d,
-  S as t
-};