@jumpgroup/jump-design-system 0.3.58 → 0.3.63

package/dist/cjs/jump-filter-checkbox.cjs.entry.js

@@ -2,12 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e91b2b41.js');
-const chunk_H33C3MRM = require('./chunk.H33C3MRM-2c09acb5.js');
-const classMap = require('./class-map-b27ebf69.js');
+const index = require('./index-864e40de.js');
+const directiveHelpers = require('./directive-helpers-b6926fa1.js');
+const ifDefined = require('./if-defined-da1385f1.js');
+const chunk_H33C3MRM = require('./chunk.H33C3MRM-31110702.js');
+const classMap = require('./class-map-010ed95d.js');
+const live = require('./live-a9a3fb36.js');
 
 // src/components/checkbox/checkbox.styles.ts
-var checkbox_styles_default = chunk_H33C3MRM.i`
+var checkbox_styles_default = directiveHelpers.i`
   :host {
     display: inline-block;
   }
@@ -127,442 +130,15 @@ var checkbox_styles_default = chunk_H33C3MRM.i`
   }
 `;
 
-// src/internal/default-value.ts
-var defaultValue = (propertyName = "value") => (proto, key) => {
-  const ctor = proto.constructor;
-  const attributeChangedCallback = ctor.prototype.attributeChangedCallback;
-  ctor.prototype.attributeChangedCallback = function(name, old, value) {
-    var _a;
-    const options = ctor.getPropertyOptions(propertyName);
-    const attributeName = typeof options.attribute === "string" ? options.attribute : propertyName;
-    if (name === attributeName) {
-      const converter = options.converter || chunk_H33C3MRM.u;
-      const fromAttribute = typeof converter === "function" ? converter : (_a = converter == null ? void 0 : converter.fromAttribute) != null ? _a : chunk_H33C3MRM.u.fromAttribute;
-      const newValue = fromAttribute(value, options.type);
-      if (this[propertyName] !== newValue) {
-        this[key] = newValue;
-      }
-    }
-    attributeChangedCallback.call(this, name, old, value);
-  };
-};
-
-// src/styles/form-control.styles.ts
-var form_control_styles_default = chunk_H33C3MRM.i`
-  .form-control .form-control__label {
-    display: none;
-  }
-
-  .form-control .form-control__help-text {
-    display: none;
-  }
-
-  /* Label */
-  .form-control--has-label .form-control__label {
-    display: inline-block;
-    color: var(--sl-input-label-color);
-    margin-bottom: var(--sl-spacing-3x-small);
-  }
-
-  .form-control--has-label.form-control--small .form-control__label {
-    font-size: var(--sl-input-label-font-size-small);
-  }
-
-  .form-control--has-label.form-control--medium .form-control__label {
-    font-size: var(--sl-input-label-font-size-medium);
-  }
-
-  .form-control--has-label.form-control--large .form-control__label {
-    font-size: var(--sl-input-label-font-size-large);
-  }
-
-  :host([required]) .form-control--has-label .form-control__label::after {
-    content: var(--sl-input-required-content);
-    margin-inline-start: var(--sl-input-required-content-offset);
-    color: var(--sl-input-required-content-color);
-  }
-
-  /* Help text */
-  .form-control--has-help-text .form-control__help-text {
-    display: block;
-    color: var(--sl-input-help-text-color);
-    margin-top: var(--sl-spacing-3x-small);
-  }
-
-  .form-control--has-help-text.form-control--small .form-control__help-text {
-    font-size: var(--sl-input-help-text-font-size-small);
-  }
-
-  .form-control--has-help-text.form-control--medium .form-control__help-text {
-    font-size: var(--sl-input-help-text-font-size-medium);
-  }
-
-  .form-control--has-help-text.form-control--large .form-control__help-text {
-    font-size: var(--sl-input-help-text-font-size-large);
-  }
-
-  .form-control--has-help-text.form-control--radio-group .form-control__help-text {
-    margin-top: var(--sl-spacing-2x-small);
-  }
-`;
-
-// src/internal/form.ts
-var formCollections = /* @__PURE__ */ new WeakMap();
-var reportValidityOverloads = /* @__PURE__ */ new WeakMap();
-var checkValidityOverloads = /* @__PURE__ */ new WeakMap();
-var userInteractedControls = /* @__PURE__ */ new WeakSet();
-var interactions = /* @__PURE__ */ new WeakMap();
-var FormControlController = class {
-  constructor(host, options) {
-    this.handleFormData = (event) => {
-      const disabled = this.options.disabled(this.host);
-      const name = this.options.name(this.host);
-      const value = this.options.value(this.host);
-      const isButton = this.host.tagName.toLowerCase() === "sl-button";
-      if (this.host.isConnected && !disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
-        if (Array.isArray(value)) {
-          value.forEach((val) => {
-            event.formData.append(name, val.toString());
-          });
-        } else {
-          event.formData.append(name, value.toString());
-        }
-      }
-    };
-    this.handleFormSubmit = (event) => {
-      var _a;
-      const disabled = this.options.disabled(this.host);
-      const reportValidity = this.options.reportValidity;
-      if (this.form && !this.form.noValidate) {
-        (_a = formCollections.get(this.form)) == null ? void 0 : _a.forEach((control) => {
-          this.setUserInteracted(control, true);
-        });
-      }
-      if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-      }
-    };
-    this.handleFormReset = () => {
-      this.options.setValue(this.host, this.options.defaultValue(this.host));
-      this.setUserInteracted(this.host, false);
-      interactions.set(this.host, []);
-    };
-    this.handleInteraction = (event) => {
-      const emittedEvents = interactions.get(this.host);
-      if (!emittedEvents.includes(event.type)) {
-        emittedEvents.push(event.type);
-      }
-      if (emittedEvents.length === this.options.assumeInteractionOn.length) {
-        this.setUserInteracted(this.host, true);
-      }
-    };
-    this.checkFormValidity = () => {
-      if (this.form && !this.form.noValidate) {
-        const elements = this.form.querySelectorAll("*");
-        for (const element of elements) {
-          if (typeof element.checkValidity === "function") {
-            if (!element.checkValidity()) {
-              return false;
-            }
-          }
-        }
-      }
-      return true;
-    };
-    this.reportFormValidity = () => {
-      if (this.form && !this.form.noValidate) {
-        const elements = this.form.querySelectorAll("*");
-        for (const element of elements) {
-          if (typeof element.reportValidity === "function") {
-            if (!element.reportValidity()) {
-              return false;
-            }
-          }
-        }
-      }
-      return true;
-    };
-    (this.host = host).addController(this);
-    this.options = chunk_H33C3MRM.__spreadValues({
-      form: (input) => {
-        const formId = input.form;
-        if (formId) {
-          const root = input.getRootNode();
-          const form = root.querySelector(`#${formId}`);
-          if (form) {
-            return form;
-          }
-        }
-        return input.closest("form");
-      },
-      name: (input) => input.name,
-      value: (input) => input.value,
-      defaultValue: (input) => input.defaultValue,
-      disabled: (input) => {
-        var _a;
-        return (_a = input.disabled) != null ? _a : false;
-      },
-      reportValidity: (input) => typeof input.reportValidity === "function" ? input.reportValidity() : true,
-      checkValidity: (input) => typeof input.checkValidity === "function" ? input.checkValidity() : true,
-      setValue: (input, value) => input.value = value,
-      assumeInteractionOn: ["sl-input"]
-    }, options);
-  }
-  hostConnected() {
-    const form = this.options.form(this.host);
-    if (form) {
-      this.attachForm(form);
-    }
-    interactions.set(this.host, []);
-    this.options.assumeInteractionOn.forEach((event) => {
-      this.host.addEventListener(event, this.handleInteraction);
-    });
-  }
-  hostDisconnected() {
-    this.detachForm();
-    interactions.delete(this.host);
-    this.options.assumeInteractionOn.forEach((event) => {
-      this.host.removeEventListener(event, this.handleInteraction);
-    });
-  }
-  hostUpdated() {
-    const form = this.options.form(this.host);
-    if (!form) {
-      this.detachForm();
-    }
-    if (form && this.form !== form) {
-      this.detachForm();
-      this.attachForm(form);
-    }
-    if (this.host.hasUpdated) {
-      this.setValidity(this.host.validity.valid);
-    }
-  }
-  attachForm(form) {
-    if (form) {
-      this.form = form;
-      if (formCollections.has(this.form)) {
-        formCollections.get(this.form).add(this.host);
-      } else {
-        formCollections.set(this.form, /* @__PURE__ */ new Set([this.host]));
-      }
-      this.form.addEventListener("formdata", this.handleFormData);
-      this.form.addEventListener("submit", this.handleFormSubmit);
-      this.form.addEventListener("reset", this.handleFormReset);
-      if (!reportValidityOverloads.has(this.form)) {
-        reportValidityOverloads.set(this.form, this.form.reportValidity);
-        this.form.reportValidity = () => this.reportFormValidity();
-      }
-      if (!checkValidityOverloads.has(this.form)) {
-        checkValidityOverloads.set(this.form, this.form.checkValidity);
-        this.form.checkValidity = () => this.checkFormValidity();
-      }
-    } else {
-      this.form = void 0;
-    }
-  }
-  detachForm() {
-    if (!this.form)
-      return;
-    const formCollection = formCollections.get(this.form);
-    if (!formCollection) {
-      return;
-    }
-    formCollection.delete(this.host);
-    if (formCollection.size <= 0) {
-      this.form.removeEventListener("formdata", this.handleFormData);
-      this.form.removeEventListener("submit", this.handleFormSubmit);
-      this.form.removeEventListener("reset", this.handleFormReset);
-      if (reportValidityOverloads.has(this.form)) {
-        this.form.reportValidity = reportValidityOverloads.get(this.form);
-        reportValidityOverloads.delete(this.form);
-      }
-      if (checkValidityOverloads.has(this.form)) {
-        this.form.checkValidity = checkValidityOverloads.get(this.form);
-        checkValidityOverloads.delete(this.form);
-      }
-      this.form = void 0;
-    }
-  }
-  setUserInteracted(el, hasInteracted) {
-    if (hasInteracted) {
-      userInteractedControls.add(el);
-    } else {
-      userInteractedControls.delete(el);
-    }
-    el.requestUpdate();
-  }
-  doAction(type, submitter) {
-    if (this.form) {
-      const button = document.createElement("button");
-      button.type = type;
-      button.style.position = "absolute";
-      button.style.width = "0";
-      button.style.height = "0";
-      button.style.clipPath = "inset(50%)";
-      button.style.overflow = "hidden";
-      button.style.whiteSpace = "nowrap";
-      if (submitter) {
-        button.name = submitter.name;
-        button.value = submitter.value;
-        ["formaction", "formenctype", "formmethod", "formnovalidate", "formtarget"].forEach((attr) => {
-          if (submitter.hasAttribute(attr)) {
-            button.setAttribute(attr, submitter.getAttribute(attr));
-          }
-        });
-      }
-      this.form.append(button);
-      button.click();
-      button.remove();
-    }
-  }
-  /** Returns the associated `<form>` element, if one exists. */
-  getForm() {
-    var _a;
-    return (_a = this.form) != null ? _a : null;
-  }
-  /** Resets the form, restoring all the control to their default value */
-  reset(submitter) {
-    this.doAction("reset", submitter);
-  }
-  /** Submits the form, triggering validation and form data injection. */
-  submit(submitter) {
-    this.doAction("submit", submitter);
-  }
-  /**
-   * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-   * the host element immediately, i.e. before Lit updates the component in the next update.
-   */
-  setValidity(isValid) {
-    const host = this.host;
-    const hasInteracted = Boolean(userInteractedControls.has(host));
-    const required = Boolean(host.required);
-    host.toggleAttribute("data-required", required);
-    host.toggleAttribute("data-optional", !required);
-    host.toggleAttribute("data-invalid", !isValid);
-    host.toggleAttribute("data-valid", isValid);
-    host.toggleAttribute("data-user-invalid", !isValid && hasInteracted);
-    host.toggleAttribute("data-user-valid", isValid && hasInteracted);
-  }
-  /**
-   * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-   * that affects constraint validation changes so the component receives the correct validity states.
-   */
-  updateValidity() {
-    const host = this.host;
-    this.setValidity(host.validity.valid);
-  }
-  /**
-   * Dispatches a non-bubbling, cancelable custom event of type `sl-invalid`.
-   * If the `sl-invalid` event will be cancelled then the original `invalid`
-   * event (which may have been passed as argument) will also be cancelled.
-   * If no original `invalid` event has been passed then the `sl-invalid`
-   * event will be cancelled before being dispatched.
-   */
-  emitInvalidEvent(originalInvalidEvent) {
-    const slInvalidEvent = new CustomEvent("sl-invalid", {
-      bubbles: false,
-      composed: false,
-      cancelable: true,
-      detail: {}
-    });
-    if (!originalInvalidEvent) {
-      slInvalidEvent.preventDefault();
-    }
-    if (!this.host.dispatchEvent(slInvalidEvent)) {
-      originalInvalidEvent == null ? void 0 : originalInvalidEvent.preventDefault();
-    }
-  }
-};
-var validValidityState = Object.freeze({
-  badInput: false,
-  customError: false,
-  patternMismatch: false,
-  rangeOverflow: false,
-  rangeUnderflow: false,
-  stepMismatch: false,
-  tooLong: false,
-  tooShort: false,
-  typeMismatch: false,
-  valid: true,
-  valueMissing: false
-});
-Object.freeze(chunk_H33C3MRM.__spreadProps(chunk_H33C3MRM.__spreadValues({}, validValidityState), {
-  valid: false,
-  valueMissing: true
-}));
-Object.freeze(chunk_H33C3MRM.__spreadProps(chunk_H33C3MRM.__spreadValues({}, validValidityState), {
-  valid: false,
-  customError: true
-}));
-
-// src/internal/slot.ts
-var HasSlotController = class {
-  constructor(host, ...slotNames) {
-    this.slotNames = [];
-    this.handleSlotChange = (event) => {
-      const slot = event.target;
-      if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
-        this.host.requestUpdate();
-      }
-    };
-    (this.host = host).addController(this);
-    this.slotNames = slotNames;
-  }
-  hasDefaultSlot() {
-    return [...this.host.childNodes].some((node) => {
-      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
-        return true;
-      }
-      if (node.nodeType === node.ELEMENT_NODE) {
-        const el = node;
-        const tagName = el.tagName.toLowerCase();
-        if (tagName === "sl-visually-hidden") {
-          return false;
-        }
-        if (!el.hasAttribute("slot")) {
-          return true;
-        }
-      }
-      return false;
-    });
-  }
-  hasNamedSlot(name) {
-    return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
-  }
-  test(slotName) {
-    return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
-  }
-  hostConnected() {
-    this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
-  }
-  hostDisconnected() {
-    this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
-  }
-};
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const o=o=>o??chunk_H33C3MRM.T;
-
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const l=classMap.e$2(class extends classMap.i{constructor(r){if(super(r),r.type!==classMap.t.PROPERTY&&r.type!==classMap.t.ATTRIBUTE&&r.type!==classMap.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!chunk_H33C3MRM.f(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(i,[t]){if(t===chunk_H33C3MRM.w||t===chunk_H33C3MRM.T)return t;const o=i.element,l=i.name;if(i.type===classMap.t.PROPERTY){if(t===o[l])return chunk_H33C3MRM.w}else if(i.type===classMap.t.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return chunk_H33C3MRM.w}else if(i.type===classMap.t.ATTRIBUTE&&o.getAttribute(l)===t+"")return chunk_H33C3MRM.w;return chunk_H33C3MRM.m(i),t}});
-
-var SlCheckbox = class extends chunk_H33C3MRM.ShoelaceElement {
+var SlCheckbox = class extends directiveHelpers.ShoelaceElement {
   constructor() {
     super(...arguments);
-    this.formControlController = new FormControlController(this, {
+    this.formControlController = new ifDefined.FormControlController(this, {
       value: (control) => control.checked ? control.value || "on" : void 0,
       defaultValue: (control) => control.defaultChecked,
       setValue: (control, checked) => control.checked = checked
     });
-    this.hasSlotController = new HasSlotController(this, "help-text");
+    this.hasSlotController = new ifDefined.HasSlotController(this, "help-text");
     this.hasFocus = false;
     this.title = "";
     this.name = "";
@@ -649,7 +225,7 @@ var SlCheckbox = class extends chunk_H33C3MRM.ShoelaceElement {
   render() {
     const hasHelpTextSlot = this.hasSlotController.test("help-text");
     const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
-    return chunk_H33C3MRM.x`
+    return directiveHelpers.x`
       <div
         class=${classMap.e({
       "form-control": true,
@@ -677,9 +253,9 @@ var SlCheckbox = class extends chunk_H33C3MRM.ShoelaceElement {
             type="checkbox"
             title=${this.title}
             name=${this.name}
-            value=${o(this.value)}
-            .indeterminate=${l(this.indeterminate)}
-            .checked=${l(this.checked)}
+            value=${ifDefined.o(this.value)}
+            .indeterminate=${live.l(this.indeterminate)}
+            .checked=${live.l(this.checked)}
             .disabled=${this.disabled}
             .required=${this.required}
             aria-checked=${this.checked ? "true" : "false"}
@@ -695,10 +271,10 @@ var SlCheckbox = class extends chunk_H33C3MRM.ShoelaceElement {
             part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}"
             class="checkbox__control"
           >
-            ${this.checked ? chunk_H33C3MRM.x`
+            ${this.checked ? directiveHelpers.x`
                   <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
                 ` : ""}
-            ${!this.checked && this.indeterminate ? chunk_H33C3MRM.x`
+            ${!this.checked && this.indeterminate ? directiveHelpers.x`
                   <sl-icon
                     part="indeterminate-icon"
                     class="checkbox__indeterminate-icon"
@@ -725,52 +301,52 @@ var SlCheckbox = class extends chunk_H33C3MRM.ShoelaceElement {
     `;
   }
 };
-SlCheckbox.styles = [chunk_H33C3MRM.component_styles_default, form_control_styles_default, checkbox_styles_default];
+SlCheckbox.styles = [directiveHelpers.component_styles_default, ifDefined.form_control_styles_default, checkbox_styles_default];
 SlCheckbox.dependencies = { "sl-icon": chunk_H33C3MRM.SlIcon };
-chunk_H33C3MRM.__decorateClass([
+directiveHelpers.__decorateClass([
   classMap.e$1('input[type="checkbox"]')
 ], SlCheckbox.prototype, "input", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.r()
+directiveHelpers.__decorateClass([
+  directiveHelpers.r()
 ], SlCheckbox.prototype, "hasFocus", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n()
+directiveHelpers.__decorateClass([
+  directiveHelpers.n()
 ], SlCheckbox.prototype, "title", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n()
+directiveHelpers.__decorateClass([
+  directiveHelpers.n()
 ], SlCheckbox.prototype, "name", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n()
+directiveHelpers.__decorateClass([
+  directiveHelpers.n()
 ], SlCheckbox.prototype, "value", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n({ reflect: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.n({ reflect: true })
 ], SlCheckbox.prototype, "size", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n({ type: Boolean, reflect: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.n({ type: Boolean, reflect: true })
 ], SlCheckbox.prototype, "disabled", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n({ type: Boolean, reflect: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.n({ type: Boolean, reflect: true })
 ], SlCheckbox.prototype, "checked", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n({ type: Boolean, reflect: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.n({ type: Boolean, reflect: true })
 ], SlCheckbox.prototype, "indeterminate", 2);
-chunk_H33C3MRM.__decorateClass([
-  defaultValue("checked")
+directiveHelpers.__decorateClass([
+  ifDefined.defaultValue("checked")
 ], SlCheckbox.prototype, "defaultChecked", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n({ reflect: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.n({ reflect: true })
 ], SlCheckbox.prototype, "form", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n({ type: Boolean, reflect: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.n({ type: Boolean, reflect: true })
 ], SlCheckbox.prototype, "required", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.n({ attribute: "help-text" })
+directiveHelpers.__decorateClass([
+  directiveHelpers.n({ attribute: "help-text" })
 ], SlCheckbox.prototype, "helpText", 2);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.watch("disabled", { waitUntilFirstUpdate: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.watch("disabled", { waitUntilFirstUpdate: true })
 ], SlCheckbox.prototype, "handleDisabledChange", 1);
-chunk_H33C3MRM.__decorateClass([
-  chunk_H33C3MRM.watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
+directiveHelpers.__decorateClass([
+  directiveHelpers.watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
 ], SlCheckbox.prototype, "handleStateChange", 1);
 
 SlCheckbox.define("sl-checkbox");