wj-elements 0.1.46 → 0.1.48

package/dist/wje-input.js

@@ -1,334 +0,0 @@
-var x = Object.defineProperty;
-var E = (l, n, t) => n in l ? x(l, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[n] = t;
-var m = (l, n, t) => (E(l, typeof n != "symbol" ? n + "" : n, t), t);
-import A, { event as j } from "./wje-element.js";
-const k = ':host{--wje-input-font-family: var(--wje-font-family);--wje-input-background-color: var(--wje-background);--wje-input-color: var(--wje-color);--wje-input-color-invalid: var(--wje-color-danger);--wje-input-border-color: var(--wje-border-color);--wje-input-border-color-focus: var(--wje-color-primary);--wje-input-border-width: 1px;--wje-input-border-style: solid;--wje-input-border-radius: 4px;--wje-input-margin-bottom: .5rem;--wje-input-line-height: 20px;--wje-input-slot-padding-inline: .5rem;width:100%;margin-bottom:var(--wje-input-margin-bottom);display:block}:host .wrapper{display:flex;width:100%}:host .native-input .input-wrapper{width:100%;position:relative}:host .native-input.default{background-color:var(--wje-input-background-color);font-family:var(--wje-input-font-family);position:relative;border-radius:var(--wje-input-border-radius);border-width:var(--wje-input-border-width);border-style:var(--wje-input-border-style);border-color:var(--wje-input-border-color);padding-inline:0;padding-top:.25rem;padding-bottom:.25rem;transition:background-color .2s ease;cursor:text}:host .native-input.default .input-wrapper{margin-inline:.5rem}:host .native-input.default.focused{border-color:var(--wje-input-border-color-focus)!important}:host .native-input.default.focused label{opacity:.67;font-size:12px;letter-spacing:normal}:host .native-input.default input{border:none;height:25px;min-height:25px;padding:0;margin-top:-4px;background:none;box-shadow:none;width:100%}:host .native-input.default label{margin:0;display:block;opacity:1;cursor:text;transition:opacity .2s ease;line-height:var(--wje-input-line-height)}:host .native-input.default label.fade{opacity:.5;font-size:12px;letter-spacing:normal}:host .native-input.default ::slotted([slot="start"]){border-left:none;border-top:none;border-bottom:none}:host .native-input.default ::slotted([slot="end"]){border-right:none;border-top:none;border-bottom:none}:host .native-input.standard{background-color:var(--wje-input-background-color);font-family:var(--wje-input-font-family);position:relative;border-radius:var(--wje-input-border-radius);padding-inline:0;padding-top:0;padding-bottom:0;transition:background-color .2s ease;cursor:text}:host .native-input.standard.focused input{border-color:var(--wje-input-border-color-focus)!important}:host .native-input.standard input{display:block;min-height:32px;padding-inline:.5rem;padding-top:0;padding-bottom:0;background:none;box-shadow:none;width:100%;box-sizing:border-box;border-radius:var(--wje-input-border-radius);border-width:var(--wje-input-border-width);border-style:var(--wje-input-border-style);border-color:var(--wje-input-border-color)}:host .native-input.standard label{margin:0;display:inline-block;opacity:1;cursor:text;transition:opacity .2s ease;line-height:var(--wje-input-line-height)}:host .native-input.standard .input-wrapper:hover .clear{visibility:visible}:host .native-input.standard ::slotted([slot="start"]){border-right:none;border-radius:var(--wje-input-border-radius) 0 0 var(--wje-input-border-radius)}:host .native-input.standard ::slotted([slot="end"]){border-left:none;border-radius:0 var(--wje-input-border-radius) var(--wje-input-border-radius) 0}:host .native-input.standard.has-start input{border-top-left-radius:0;border-bottom-left-radius:0}:host .native-input.standard.has-end input{border-top-right-radius:0;border-bottom-right-radius:0}:host .native-input.standard .error-message{position:static;background:transparent;padding:.25rem 0;left:auto;transform:none;color:var(--wje-input-color-invalid);font-size:12px;line-height:normal}.clear{visibility:hidden;position:absolute;right:0;top:3px;--wje-padding-top: .25rem;--wje-padding-start: .25rem;--wje-padding-end: .25rem;--wje-padding-bottom: .25rem;--wje-button-margin-inline: 0 .25rem}:host([required]) .input-wrapper:after{color:var(--wje-input-color-invalid);content:"*";font-family:var(--wje-force-mac-font-family);font-size:20px;position:absolute;right:0;top:0}:host([required]) .standard .input-wrapper:after{top:0}:host([invalid]) .error-message{display:block}:host([invalid]) .default label{opacity:1!important;color:var(--wje-input-color-invalid)!important;animation-name:shake;animation-duration:.4s;animation-iteration-count:1}::slotted([slot="start"]),::slotted([slot="end"]){display:flex;align-items:center;border-width:var(--wje-input-border-width);border-style:var(--wje-input-border-style);border-color:var(--wje-input-border-color);padding-inline:var(--wje-input-slot-padding-inline)}slot[name=start],slot[name=end]{display:flex}slot[name=error]{display:none;margin-inline:.5rem}:host([invalid]) slot[name=error]{display:block}input{background-color:var(--wje-input-background-color);border-width:var(--wje-input-border-width);border-style:var(--wje-input-border-style);border-color:var(--wje-input-border-color);font-family:var(--wjinput-font-family);color:var(--wje-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;padding:.25rem .5rem;line-height:var(--wje-input-line-height);font-size:14px;font-weight:400;vertical-align:middle;min-height:32px}.error-message{display:none;position:absolute;width:auto;max-width:100%;min-width:auto;border-radius:50px;background:#000;padding:.25rem .5rem;top:0;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;line-height:normal}@keyframes shake{8%,41%{transform:translate(-4px)}25%,58%{transform:translate(4px)}75%{transform:translate(-2px)}92%{transform:translate(2px)}0%,to{transform:translate(0)}}';
-class f extends A {
-  /**
-   * Constructor for the Input class.
-   * @param {Object} options - The options for the Input class.
-   */
-  constructor(t = {}) {
-    super();
-    /**
-     * The class name of the input.
-     * @type {string}
-     */
-    m(this, "className", "Input");
-    this.invalid = !1, this.pristine = !0, this.internals = this.attachInternals();
-  }
-  /**
-   * Setter for the value attribute.
-   * @param {string} value - The value to set.
-   */
-  set value(t) {
-    this.internals.setFormValue(t), this.input && (this.input.value = t);
-  }
-  /**
-   * Getter for the value attribute.
-   * @returns {string} The value of the attribute.
-   */
-  get value() {
-    var t;
-    return ((t = this.input) == null ? void 0 : t.value) || "";
-  }
-  /**
-   * Getter for the customErrorDisplay attribute.
-   * @returns {boolean} Whether the attribute is present.
-   */
-  get customErrorDisplay() {
-    return this.hasAttribute("custom-error-display");
-  }
-  /**
-   * Getter for the validateOnChange attribute.
-   * @returns {boolean} Whether the attribute is present.
-   */
-  get validateOnChange() {
-    return this.hasAttribute("validate-on-change");
-  }
-  /**
-   * Getter for the invalid attribute.
-   * @returns {boolean} Whether the attribute is present.
-   */
-  get invalid() {
-    return this.hasAttribute("invalid");
-  }
-  /**
-   * Setter for the invalid attribute.
-   * @param {boolean} isInvalid - Whether the input is invalid.
-   */
-  set invalid(t) {
-    t ? this.setAttribute("invalid", "") : this.removeAttribute("invalid");
-  }
-  /**
-   * Getter for the form attribute.
-   * @returns {HTMLFormElement} The form the input is associated with.
-   */
-  get form() {
-    return this.internals.form;
-  }
-  /**
-   * Getter for the name attribute.
-   * @returns {string} The name of the input.
-   */
-  get name() {
-    return this.getAttribute("name");
-  }
-  /**
-   * Getter for the type attribute.
-   * @returns {string} The type of the input.
-   */
-  get type() {
-    return this.localName;
-  }
-  /**
-   * Getter for the validity attribute.
-   * @returns {ValidityState} The validity state of the input.
-   */
-  get validity() {
-    return this.internals.validity;
-  }
-  /**
-   * Getter for the validationMessage attribute.
-   * @returns {string} The validation message of the input.
-   */
-  get validationMessage() {
-    return this.internals.validationMessage;
-  }
-  /**
-   * Getter for the willValidate attribute.
-   * @returns {boolean} Whether the input will be validated.
-   */
-  get willValidate() {
-    return this.internals.willValidate;
-  }
-  /**
-   * @summary Getter for the defaultValue attribute.
-   * This method retrieves the 'value' attribute of the custom input element.
-   * The 'value' attribute represents the default value of the input element.
-   * If the 'value' attribute is not set, it returns an empty string.
-   * @returns {string} The default value of the input element.
-   */
-  get defaultValue() {
-    return this.getAttribute("value") ?? "";
-  }
-  /**
-   * @summary Setter for the defaultValue attribute.
-   * This method sets the 'value' attribute of the custom input element to the provided value.
-   * The 'value' attribute represents the default value of the input element.
-   * @param {string} value - The value to set as the default value.
-   */
-  set defaultValue(t) {
-    this.setAttribute("value", t);
-  }
-  /**
-   * Getter for the cssStyleSheet attribute.
-   * @returns {CSSStyleSheet} The CSS style sheet of the input.
-   */
-  static get cssStyleSheet() {
-    return k;
-  }
-  /**
-   * Getter for the observedAttributes attribute.
-   * @returns {Array} The attributes to observe for changes.
-   */
-  static get observedAttributes() {
-    return ["value"];
-  }
-  /**
-   * Sets up the attributes for the input.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open", this.value = this.defaultValue;
-  }
-  /**
-   * Draws the input.
-   * @param {CanvasRenderingContext2D} context - The context to draw on.
-   * @param {Object} store - The store to use.
-   * @param {Object} params - The parameters to use.
-   * @returns {DocumentFragment} The drawn input.
-   */
-  draw(t, e, r) {
-    let a = this.hasSlot(this, "start"), g = this.hasSlot(this, "end"), y = this.hasSlot(this, "error"), w = document.createDocumentFragment(), i = document.createElement("div");
-    i.setAttribute("part", "native"), i.classList.add("native-input", this.variant || "default"), this.hasAttribute("invalid") && i.classList.add("has-error");
-    let s = document.createElement("div");
-    s.classList.add("wrapper");
-    let p = document.createElement("div");
-    p.classList.add("input-wrapper");
-    let h = document.createElement("label");
-    h.innerText = this.label, this.value && !this.hasAttribute("error") && h.classList.add("fade");
-    let o = document.createElement("input");
-    o.setAttribute("type", "text"), o.setAttribute("part", "input"), o.setAttribute("value", this.value || ""), o.classList.add("form-control"), ["placeholder", "multiple", "disabled", "readonly", "maxlength", "max", "min"].forEach((u) => {
-      this.hasAttribute(u) && o.setAttribute(u, this[u] || "");
-    });
-    let d = document.createElement("div");
-    d.classList.add("error-message"), d.setAttribute("part", "error");
-    let c = null;
-    y ? (c = document.createElement("slot"), c.setAttribute("name", "error"), this.hasAttribute("error-inline") ? i.appendChild(c) : (d.appendChild(c), s.appendChild(d))) : s.appendChild(d);
-    let b = null;
-    a && (b = document.createElement("slot"), b.setAttribute("name", "start"), b.setAttribute("part", "start"));
-    let v = null;
-    if (g && (v = document.createElement("slot"), v.setAttribute("name", "end"), v.setAttribute("part", "end")), a && (s.appendChild(b), i.classList.add("has-start")), this.variant === "standard" ? this.label && i.appendChild(h) : p.appendChild(h), p.appendChild(o), s.appendChild(p), i.appendChild(s), this.hasAttribute("clearable")) {
-      this.clear = document.createElement("wje-button"), this.clear.classList.add("clear"), this.clear.setAttribute("fill", "link"), this.clear.setAttribute("part", "clear");
-      let u = document.createElement("wje-icon");
-      u.setAttribute("name", "x"), this.clear.appendChild(u), p.appendChild(this.clear);
-    }
-    return g && (s.appendChild(v), i.classList.add("has-end")), w.appendChild(i), this.native = i, this.labelElement = h, this.input = o, this.errorMessage = d, w;
-  }
-  /**
-   * Runs after the input is drawn.
-   */
-  afterDraw() {
-    [
-      "type",
-      "value",
-      "placeholder",
-      "required",
-      "min",
-      "max",
-      "minLength",
-      "maxLength",
-      "pattern"
-    ].forEach((t) => {
-      const e = t === "required" ? this.hasAttribute(t) : this.getAttribute(t);
-      e != null && (this.input[t] = e);
-    }), this.input.addEventListener("focus", (t) => {
-      this.labelElement.classList.add("fade"), this.native.classList.add("focused");
-    }), this.input.addEventListener("blur", (t) => {
-      this.native.classList.remove("focused"), t.target.value || this.labelElement.classList.remove("fade");
-    }), this.input.addEventListener("input", (t) => {
-      this.validateInput(), this.validateOnChange && (this.pristine = !1, this.propagateValidation()), this.input.classList.remove("pristine"), this.labelElement.classList.add("fade");
-      const e = new t.constructor(t.type, t);
-      this.dispatchEvent(e), j.dispatchCustomEvent(this, "wje-input:input", {
-        value: this.input.value
-      }), this.value = this.input.value;
-    }), this.addEventListener("invalid", (t) => {
-      this.invalid = !0, this.pristine = !1, this.showInvalidMessage(), this.customErrorDisplay && t.preventDefault();
-    }), this.addEventListener("focus", () => this.input.focus()), this.clear && this.clear.addEventListener("wje-button:click", (t) => {
-      this.input.value = "", j.dispatchCustomEvent(this.clear, "wje-input:clear");
-    }), this.validateInput();
-  }
-  /**
-   * @summary Displays the validation message for the input.
-   * If the input has a slot named 'error', it sets the text content of the element with attribute 'error-message' inside the slot to the validation message.
-   * If the input does not have an 'error' slot, it sets the text content of the errorMessage property to the validation message.
-   */
-  showInvalidMessage() {
-    if (this.hasSlot(this, "error")) {
-      const e = this.querySelector("[slot='error']");
-      let r = e.querySelector("[error-message]");
-      if (!r) {
-        const a = document.createElement("div");
-        a.setAttribute("error-message", ""), e.appendChild(a), r = a;
-      }
-      r.textContent = this.internals.validationMessage;
-    } else
-      this.errorMessage.textContent = this.internals.validationMessage;
-  }
-  /**
-   * @summary Validates the input.
-   * This method checks the validity state of the input. If the input is not valid, it iterates over the validity state object.
-   * For each invalid state, it constructs an attribute name and checks if the input has this attribute.
-   * If the input has the attribute, it sets the validation error to the state and the error message to the attribute value.
-   * If the input does not have the attribute, it sets the error message to the default validation message of the input.
-   * It then sets the validity in the form internals to an object with the validation error as key and true as value, and the error message.
-   * If the input is valid, it sets the validity in the form internals to an empty object.
-   */
-  validateInput() {
-    const t = this.input.validity;
-    if (t.valid)
-      this.internals.setValidity({});
-    else
-      for (let e in t) {
-        const r = `message-${e.toString()}`;
-        if (t[e]) {
-          this.validationError = e.toString();
-          let a = this.message;
-          this.hasAttribute("message") || (a = this.hasAttribute(r) ? this.getAttribute(r) : this.input.validationMessage), this.internals.setValidity(
-            { [this.validationError]: !0 },
-            a
-          );
-        }
-      }
-  }
-  /**
-   * @summary Propagates the validation state of the input.
-   * This method sets the 'invalid' property of the input based on its 'pristine' state and its internal validity state.
-   * If the input is invalid and the 'customErrorDisplay' property is true, it dispatches an 'invalid' event.
-   */
-  propagateValidation() {
-    this.invalid = !this.pristine && !this.internals.validity.valid, this.invalid && this.customErrorDisplay && this.dispatchEvent(new Event("invalid"));
-  }
-  /**
-   * Checks whether the input has a slot.
-   * @param {HTMLElement} el - The element to check.
-   * @param {string} slotName - The name of the slot to check for.
-   * @returns {boolean} Whether the input has the slot.
-   */
-  hasSlot(t, e = null) {
-    let r = e ? `[slot="${e}"]` : "[slot]";
-    return t.querySelectorAll(r).length > 0;
-  }
-  /**
-   * @summary Callback function that is called when the custom element is associated with a form.
-   * This function adds an event listener to the form's submit event, which validates the input and propagates the validation.
-   * @param {HTMLFormElement} form - The form the custom element is associated with.
-   */
-  formAssociatedCallback(t) {
-    t.addEventListener("submit", () => {
-      this.validateInput(), this.propagateValidation();
-    });
-  }
-  /**
-   * The formResetCallback method is a built-in lifecycle callback that gets called when a form gets reset.
-   * This method is responsible for resetting the value of the custom input element to its default value.
-   * It also resets the form value and validity state in the form internals.
-   *
-   * @method
-   */
-  formResetCallback() {
-    this.value = this.defaultValue, this.internals.setFormValue(this.defaultValue), this.internals.setValidity({});
-  }
-  /**
-   * The formStateRestoreCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is restored.
-   * This method is responsible for restoring the value of the custom input element to its saved state.
-   * It also restores the form value and validity state in the form internals to their saved states.
-   *
-   * @param {Object} state - The saved state of the custom input element.
-   * @method
-   */
-  formStateRestoreCallback(t) {
-    this.value = t.value, this.internals.setFormValue(t.value), this.internals.setValidity({});
-  }
-  /**
-   * The formStateSaveCallback method is a built-in lifecycle callback that gets called when the state of a form-associated custom element is saved.
-   * This method is responsible for saving the value of the custom input element.
-   *
-   * @returns {Object} The saved state of the custom input element.
-   * @method
-   */
-  formStateSaveCallback() {
-    return {
-      value: this.value
-    };
-  }
-  /**
-   * The formDisabledCallback method is a built-in lifecycle callback that gets called when the disabled state of a form-associated custom element changes.
-   * This method is not implemented yet.
-   *
-   * @param {boolean} disabled - The new disabled state of the custom input element.
-   * @method
-   */
-  formDisabledCallback(t) {
-    console.warn("formDisabledCallback not implemented yet");
-  }
-}
-/**
- * Whether the input is associated with a form.
- * @type {boolean}
- */
-m(f, "formAssociated", !0);
-f.define("wje-input", f);
-export {
-  f as default
-};

package/dist/wje-item.js

@@ -1,45 +0,0 @@
-var d = Object.defineProperty;
-var l = (i, t, e) => t in i ? d(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var r = (i, t, e) => (l(i, typeof t != "symbol" ? t + "" : t, e), e);
-import m from "./wje-element.js";
-const p = ':host{--wje-border-width: 0 0 1px 0;--wje-item-background: transparent;--wje-item-background-hover: var(--wje-color-contrast-3);--wje-item-padding-top: 0px;--wje-item-padding-bottom: 0px;--wje-item-padding-end: 0px;--wje-item-padding-start: 0px;--wje-item-inner-border-width: 0 0 1px 0;--wje-item-inner-padding-top: 0px;--wje-item-inner-padding-bottom: 0px;--wje-item-inner-padding-start: 0px;--wje-item-inner-padding-end: 0px;--wje-item-inner-box-shadow: none;--wje-item-min-height: 40px;--wje-item-transition: opacity 15ms linear, background-color 15ms linear;display:block;position:relative;align-items:center;justify-content:space-between;outline:none;color:var(--wje-item-color);text-align:initial;text-decoration:none;overflow:hidden;box-sizing:border-box;width:100%}.item-native{border-radius:var(--wje-item-border-radius);padding-top:var(--wje-item-padding-top);padding-bottom:var(--wje-item-padding-bottom);padding-inline:var(--wje-item-padding-start) var(--wje-item-padding-end);margin:0;display:flex;position:relative;align-items:inherit;justify-content:inherit;width:100%;min-height:var(--wje-item-min-height);transition:var(--wje-item-transition);outline:none;background:var(--wje-item-background);overflow:inherit;box-sizing:border-box;z-index:1;text-decoration:none;color:var(--wje-item-color)}.item-native .item-inner{margin:0;padding:var(--wje-item-inner-padding-top) var(--wje-item-inner-padding-end) var(--wje-item-inner-padding-bottom) var(--wje-item-inner-padding-start);display:flex;position:relative;flex:1 1 0;flex-direction:inherit;align-items:inherit;align-self:stretch;min-height:inherit;border-width:var(--wje-border-width);border-style:var(--wje-border-style);border-color:var(--wje-border-color);box-shadow:var(--wje-item-inner-box-shadow);overflow:inherit;box-sizing:border-box}.item-native .item-inner .input-wrapper{display:flex;flex:1 1 0;flex-direction:inherit;align-items:inherit;align-self:stretch;text-overflow:ellipsis;overflow:inherit;box-sizing:border-box}.item-native .item-bottom{padding:0 var(--wje-item-inner-padding-end) 0 var(--wje-item-padding-start);display:flex;justify-content:space-between}@media (any-hover: hover){:host(:hover) .item-native{color:var(--wje-item-color)}:host(:hover) .item-native :after{transition:var(--wje-item-transition);z-index:-1;top:0;right:0;bottom:0;left:0;position:absolute;content:"";background:var(--wje-item-background-hover);opacity:.7}}button,a{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}::slotted([slot="start"]){margin-inline:0 1rem}::slotted(wje-label:not([slot="end"])){flex:1 1 0}';
-class a extends m {
-  constructor() {
-    super();
-    r(this, "className", "Item");
-    r(this, "hostContext", (e, n) => n.closest(e) !== null);
-    this.labelColorStyles = {}, this.itemStyles = /* @__PURE__ */ new Map(), this.inheritedAriaAttributes = {}, this.multipleInputs = !1, this.focusable = !0, this.button = !1, this.detailIcon = "", this.disabled = !1, this.counter = !1, this.routerDirection = "forward", this.type = "button";
-  }
-  isClickable() {
-    return this.hasAttribute("href") || this.button;
-  }
-  static get cssStyleSheet() {
-    return p;
-  }
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  beforeDraw(e, n, s) {
-  }
-  draw(e, n, s) {
-    const o = this.isClickable() ? this.hasAttribute("href") === void 0 ? "button" : "a" : "div";
-    return this.hostContext("wje-list", this) && this.classList.add("wje-item-list"), `<${o} class="item-native" part="native">
-			<slot name="start"></slot>
-			<div class="item-inner">
-					<div class="input-wrapper" part="inner">
-							<slot></slot>
-					</div>
-					<slot name="end"></slot>
-			</div>
-			<div class="item-highlight"></div>
-    </${o}>
-		<div class="item-bottom">
-				<slot name="error"></slot>
-				<slot name="helper"></slot>
-		</div>`;
-  }
-}
-a.define("wje-item", a);
-export {
-  a as default
-};

package/dist/wje-label.js

@@ -1,67 +0,0 @@
-var i = Object.defineProperty;
-var w = (e, o, t) => o in e ? i(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var l = (e, o, t) => (w(e, typeof o != "symbol" ? o + "" : o, t), t);
-import m from "./wje-element.js";
-const h = ":host(.wje-color-primary){--wje-color: var(--wje-color-primary) !important}:host(.wje-color-complete){--wje-color: var(--wje-color-complete) !important}:host(.wje-color-success){--wje-color-base: var(--wje-color-success) !important;--wje-color-contrast: var(--wje-color-contrast-0) !important}:host(.wje-color-warning){--wje-color-base: var(--wje-color-warning) !important;--wje-color-contrast: var(--wje-color-contrast-11) !important}:host(.wje-color-danger){--wje-color-base: var(--wje-color-danger) !important;--wje-color-contrast: var(--wje-color-contrast-0) !important}:host(.wje-color-info){--wje-color-base: var(--wje-color-info) !important;--wje-color-contrast: var(--wje-color-contrast-0) !important}:host(.wje-color-menu){--wje-color-base: var(--wje-color-menu) !important;--wje-color-contrast: var(--wje-color-contrast-0) !important}:host{--wje-color: initial;display:block;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}:host(.wje-color){color:current-color(base)}:host(.wje-text-wrap),:host([text-wrap]){white-space:normal!important}:host(.label-fixed){flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.label-stacked),:host(.label-floating){margin-bottom:0;align-self:stretch;width:auto;max-width:100%}:host(.label-no-animate.label-floating){transition:none}::slotted(*) h1,::slotted(*) h2,::slotted(*) h3,::slotted(*) h4,::slotted(*) h5,::slotted(*) h6{text-overflow:inherit;overflow:inherit}:host(.wje-color){color:var(--wje-color)}::slotted(*:first-child){margin-top:0!important}::slotted(*:last-child){margin-bottom:0!important}";
-class s extends m {
-  /**
-   * Creates an instance of Label.
-   *
-   * @constructor
-   */
-  constructor() {
-    super();
-    l(this, "className", "Label");
-  }
-  /**
-   * Returns the CSS styles for the component.
-   *
-   * @static
-   * @returns {CSSStyleSheet}
-   */
-  static get cssStyleSheet() {
-    return h;
-  }
-  /**
-   * Returns the list of attributes to observe for changes.
-   *
-   * @static
-   * @returns {Array<string>}
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the component.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Prepares the component before drawing.
-   *
-   * @param {Object} context - The context for drawing.
-   * @param {Object} store - The store for drawing.
-   * @param {Object} params - The parameters for drawing.
-   */
-  beforeDraw(t, c, r) {
-  }
-  /**
-   * Draws the component.
-   *
-   * @param {Object} context - The context for drawing.
-   * @param {Object} store - The store for drawing.
-   * @param {Object} params - The parameters for drawing.
-   * @returns {DocumentFragment}
-   */
-  draw(t, c, r) {
-    let a = document.createDocumentFragment();
-    this.color && this.classList.add("wje-color-" + r.color, "wje-color");
-    let n = document.createElement("slot");
-    return a.appendChild(n), a;
-  }
-}
-s.define("wje-label", s);
-export {
-  s as default
-};

package/dist/wje-list.js

@@ -1,53 +0,0 @@
-var o = Object.defineProperty;
-var l = (e, t, s) => t in e ? o(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var n = (e, t, s) => (l(e, typeof t != "symbol" ? t + "" : t, s), s);
-import d from "./wje-element.js";
-const c = ":host{margin:0;padding:0;display:block;contain:content;list-style-type:none}:host(.wje-inset){background:var(--wje-list-background);transform:translateZ(0);overflow:hidden;padding:var(--wje-list-inset-padding);border-radius:var(--wje-list-border-radius)}:host(.wje-lines-none) ::slotted(wje-item){--wje-border-width: 0 !important}";
-class r extends d {
-  /**
-   * Creates an instance of List.
-   *
-   * @constructor
-   */
-  constructor() {
-    super();
-    n(this, "className", "List");
-  }
-  /**
-   * Returns the CSS styles for the component.
-   *
-   * @static
-   * @returns {CSSStyleSheet}
-   */
-  static get cssStyleSheet() {
-    return c;
-  }
-  /**
-   * Sets up the attributes for the component.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the component.
-   *
-   * @param {Object} context - The context for drawing.
-   * @param {Object} store - The store for drawing.
-   * @param {Object} params - The parameters for drawing.
-   * @returns {DocumentFragment}
-   */
-  draw(s, h, m) {
-    let i = document.createDocumentFragment(), a = document.createElement("slot");
-    return i.appendChild(a), i;
-  }
-  /**
-   * Called after the component has been drawn.
-   */
-  afterDraw() {
-    this.classList.toggle("wje-lines-" + this.lines, this.hasAttribute("lines")), this.classList.toggle("wje-inset", this.hasAttribute("inset"));
-  }
-}
-r.define("wje-list", r);
-export {
-  r as default
-};

package/dist/wje-main.js

@@ -1,56 +0,0 @@
-var i = Object.defineProperty;
-var l = (t, e, s) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var a = (t, e, s) => (l(t, typeof e != "symbol" ? e + "" : e, s), s);
-import c from "./wje-element.js";
-const d = ":host{display:block;flex:1;flex-basis:auto;padding:1.5rem;box-sizing:border-box}";
-class n extends c {
-  /**
-   * Creates an instance of Main.
-   *
-   * @constructor
-   */
-  constructor() {
-    super();
-    a(this, "className", "Main");
-  }
-  /**
-   * Returns the CSS styles for the component.
-   *
-   * @static
-   * @returns {CSSStyleSheet}
-   */
-  static get cssStyleSheet() {
-    return d;
-  }
-  /**
-   * Returns the list of attributes to observe for changes.
-   *
-   * @static
-   * @returns {Array<string>}
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the component.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the component.
-   *
-   * @param {Object} context - The context for drawing.
-   * @param {Object} store - The store for drawing.
-   * @param {Object} params - The parameters for drawing.
-   * @returns {DocumentFragment}
-   */
-  draw(s, m, u) {
-    let r = document.createDocumentFragment(), o = document.createElement("slot");
-    return r.appendChild(o), r;
-  }
-}
-n.define("wje-main", n);
-export {
-  n as default
-};