wj-elements 0.1.46 → 0.1.48

package/dist/wje-button.js

@@ -1,207 +0,0 @@
-var j = Object.defineProperty;
-var g = (e, l, o) => l in e ? j(e, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[l] = o;
-var s = (e, l, o) => (g(e, typeof l != "symbol" ? l + "" : l, o), o);
-import h, { WjElementUtils as p, event as i } from "./wje-element.js";
-import v from "./wje-icon.js";
-const b = (e) => e === "false" || e === "null" || e === "NaN" || e === "undefined" || e === "0" ? !1 : !!e, m = '.wje-button-solid.wje-color-primary{background-color:var(--wje-color-primary-9);border-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-primary{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-9);color:var(--wje-color-primary-9)}.wje-button-solid.wje-color-complete{background-color:var(--wje-color-complete-9);border-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-complete{background-color:var(--wje-color-complete-1);border-color:var(--wje-color-complete-9);color:var(--wje-color-complete-9)}.wje-button-solid.wje-color-success{background-color:var(--wje-color-success-9);border-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-success{background-color:var(--wje-color-success-1);border-color:var(--wje-color-success-9);color:var(--wje-color-success-9)}.wje-button-solid.wje-color-warning{background-color:var(--wje-color-warning-9);border-color:var(--wje-color-warning-9);color:var(--wje-color-black)}.wje-button-outline.wje-color-warning{background-color:var(--wje-color-warning-1);border-color:var(--wje-color-warning-11);color:var(--wje-color-warning-11)}.wje-button-solid.wje-color-danger{background-color:var(--wje-color-danger-9);border-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-danger{background-color:var(--wje-color-danger-1);border-color:var(--wje-color-danger-9);color:var(--wje-color-danger-9)}.wje-button-solid.wje-color-neutral{background-color:var(--wje-color-contrast-9);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-neutral{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-9)}.wje-button-solid.wje-color-default{background-color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-3);color:var(--wje-color-contrast-11)}.wje-button-outline.wje-color-default{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-5);color:var(--wje-color-contrast-11)}:host{--wje-padding-top: .4rem;--wje-padding-start: .5rem;--wje-padding-end: .5rem;--wje-padding-bottom: .4rem;display:inline-flex;position:relative;width:auto;cursor:pointer;margin-inline:var(--wje-button-margin-inline)}:host(.wje-button-group-button){display:block}.native-button{font-family:var(--wje-font-family);font-size:var(--wje-font-size);display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;border-width:var(--wje-button-border-width);border-style:var(--wje-button-border-style);border-color:var(--wje-button-border-color);background-color:transparent;line-height:1;contain:layout style;cursor:pointer;z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--wje-button-border-radius);padding-top:var(--wje-padding-top);padding-bottom:var(--wje-padding-bottom);padding-inline:var(--wje-padding-start) var(--wje-padding-end);white-space:nowrap}.native-button:hover{outline-style:solid;outline-width:var(--wje-button-outline-width);transition:outline-width .1s linear}@media (any-hover: hover){.wje-button-solid.wje-color-primary:hover{background-color:var(--wje-color-primary-9);border-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-primary-2)}.wje-button-outline.wje-color-primary:hover{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-9);color:var(--wje-color-primary-9);outline-color:var(--wje-color-primary-2)}.wje-button-solid.wje-color-complete:hover{background-color:var(--wje-color-complete-9);border-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-complete-2)}.wje-button-outline.wje-color-complete:hover{background-color:var(--wje-color-complete-1);border-color:var(--wje-color-complete-9);color:var(--wje-color-complete-9);outline-color:var(--wje-color-complete-2)}.wje-button-solid.wje-color-success:hover{background-color:var(--wje-color-success-9);border-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-success-2)}.wje-button-outline.wje-color-success:hover{background-color:var(--wje-color-success-1);border-color:var(--wje-color-success-9);color:var(--wje-color-success-9);outline-color:var(--wje-color-success-2)}.wje-button-solid.wje-color-warning:hover{background-color:var(--wje-color-warning-9);border-color:var(--wje-color-warning-9);color:var(--wje-color-black);outline-color:var(--wje-color-warning-2)}.wje-button-outline.wje-color-warning:hover{background-color:var(--wje-color-warning-1);border-color:var(--wje-color-warning-11);color:var(--wje-color-warning-11);outline-color:var(--wje-color-warning-2)}.wje-button-solid.wje-color-danger:hover{background-color:var(--wje-color-danger-9);border-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-danger-2)}.wje-button-outline.wje-color-danger:hover{background-color:var(--wje-color-danger-1);border-color:var(--wje-color-danger-9);color:var(--wje-color-danger-9);outline-color:var(--wje-color-danger-2)}.wje-button-solid.wje-color-neutral:hover{background-color:var(--wje-color-contrast-9);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-contrast-3)}.wje-button-outline.wje-color-neutral:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-9);outline-color:var(--wje-color-contrast-3)}.wje-button-solid.wje-color-default:hover{background-color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-3);color:var(--wje-color-contrast-11);outline-color:var(--wje-color-contrast-3)}.wje-button-outline.wje-color-default:hover{background-color:var(--wje-color-contrast-2);border-color:var(--wje-color-contrast-5);color:var(--wje-color-contrast-11);outline-color:var(--wje-color-contrast-3)}.wje-button-link:hover{background-color:var(--wje-color-contrast-3);border-color:transparent;color:var(--wje-color-contrast-11);outline-color:transparent;outline-width:0}}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1;line-height:normal}.wje-button-link{border-width:var(--wje-button-border-width);border-radius:var(--wje-button-border-radius);border-color:transparent;background-color:transparent}.wje-button-disabled{cursor:default;opacity:.5;pointer-events:none}:host([round]) .native-button{border-radius:var(--wje-border-radius-pill)}:host([circle]) .native-button{border-radius:var(--wje-border-radius-circle);aspect-ratio:1/1;width:1.813rem;display:flex;align-items:center;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=small]) .native-button{--wje-padding-top: .25rem;--wje-padding-start: .25rem;--wje-padding-end: .25rem;--wje-padding-bottom: .25rem}:host([size=large]) .native-button{--wje-padding-top: .6rem;--wje-padding-start: .7rem;--wje-padding-end: .7rem;--wje-padding-bottom: .6rem}:host([size=small][circle]) .native-button{width:1.5rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=large][circle]) .native-button{width:2.188rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}::slotted(wje-icon[slot="start"]){margin:0 .3rem 0 -.3rem}::slotted(wje-icon[slot="end"]){margin:0 -.2rem 0 .3rem}:host(:not([only-caret])) slot[name=caret]{padding:0 0 0 .3rem}:host([only-caret]) slot[name=caret]{padding:0;display:block}:host(.wje-button-group-first:not(.wje-button-group-last)) .native-button{border-start-end-radius:0;border-end-end-radius:0}:host(.wje-button-group-inner) .native-button{border-radius:0}:host(.wje-button-group-last:not(.wje-button-group-first)) .native-button{border-start-start-radius:0;border-end-start-radius:0}:host(.wje-button-group-button:not(.wje-button-group-first)){margin-inline-start:calc(-1 * var(--wje-button-border-width))!important}::slotted([slot="toggle"]){display:none}::slotted([slot="toggle"].show){display:block}';
-class u extends h {
-  /**
-   * Button constructor
-   * @constructor
-   */
-  constructor() {
-    super();
-    /**
-     * Dependencies
-     * @type {Object}
-     */
-    s(this, "dependencies", {
-      "wje-icon": v
-    });
-    /**
-     * Class name
-     * @type {string}
-     */
-    s(this, "className", "Button");
-    /**
-     * Event dialog open method
-     * @param {Event} e - The event
-     */
-    s(this, "eventDialogOpen", (o) => {
-      i.dispatchCustomEvent(this, this.dialog, {
-        bubbles: !0
-      });
-    });
-    /**
-     * Toggle states method
-     */
-    s(this, "toggleStates", () => {
-      this.slotToggle.assignedNodes().filter((c) => c.nodeType === Node.ELEMENT_NODE).forEach((c, w) => {
-        c.classList.contains("show") ? c.classList.remove("show") : (c.classList.add("show"), this.setAttribute("value", w === 0 ? "on" : "off"));
-      });
-    });
-    this.internals_ = this.attachInternals();
-  }
-  /**
-   * Set active state
-   * @param {boolean} value - The value to set
-   */
-  set active(o) {
-    this.setAttribute("active", "");
-  }
-  /**
-   * Get active state
-   * @returns {boolean} active - The active state
-   */
-  get active() {
-    return this.hasAttribute("active");
-  }
-  /**
-   * Set disabled state
-   * @param {boolean} value - The value to set
-   */
-  set disabled(o) {
-    o ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-  }
-  /**
-   * Get disabled state
-   * @returns {boolean} disabled - The disabled state
-   */
-  get disabled() {
-    return this.hasAttribute("disabled");
-  }
-  /**
-   * Set fill
-   * @param {string} value - The value to set
-   */
-  set fill(o) {
-    this.setAttribute("fill", o);
-  }
-  /**
-   * Get fill
-   * @returns {string} fill - The fill
-   */
-  get fill() {
-    return this.getAttribute("fill") || "solid";
-  }
-  /**
-   * Set outline
-   * @param {boolean} value - The value to set
-   */
-  set outline(o) {
-    this.setAttribute("outline", "");
-  }
-  /**
-   * Get outline
-   * @returns {boolean} outline - The outline
-   */
-  get outline() {
-    return this.hasAttribute("outline");
-  }
-  /**
-   * Set stop propagation
-   * @param {boolean} value - The value to set
-   */
-  set stopPropagation(o) {
-    this.setAttribute("stop-propagation", b(o));
-  }
-  /**
-   * Get stop propagation
-   * @returns {boolean} stopPropagation - The stop propagation
-   */
-  get stopPropagation() {
-    return b(this.getAttribute("stop-propagation"));
-  }
-  /**
-   * Get CSS stylesheet
-   * @static
-   * @returns {Object} styles - The CSS styles
-   */
-  static get cssStyleSheet() {
-    return m;
-  }
-  /**
-   * Get observed attributes
-   * @static
-   * @returns {Array<string>} observedAttributes - The observed attributes
-   */
-  static get observedAttributes() {
-    return ["disabled"];
-  }
-  /**
-   * @summary Callback function that is called when the custom element is associated with a form.
-   * This function sets the internal `_form` property to the associated form.
-   * @param {HTMLFormElement} form - The form the custom element is associated with.
-   */
-  formAssociatedCallback(o) {
-    this._form = o;
-  }
-  /**
-   * @summary Callback function that is called when the form-associated state of the custom element changes.
-   * This function updates the 'disabled' attribute of the element based on the new state.
-   * @param {boolean} disabled - The new form-associated state.
-   */
-  formDisabledCallback(o) {
-    o ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-  }
-  /**
-   * Setup attributes
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draw method
-   * @param {Object} context - The context
-   * @param {Object} store - The store
-   * @param {Object} params - The parameters
-   * @returns {Object} fragment - The document fragment
-   */
-  draw(o, c, w) {
-    let d = document.createDocumentFragment(), t = document.createElement(this.hasAttribute("href") ? "a" : "button");
-    if (this.hasAttribute("href") ? t.setAttribute("href", this.getAttribute("href")) : this.type === "submit" && t.setAttribute("type", "submit"), t.classList.add("native-button"), t.setAttribute("part", "native"), this.classList.remove("wje-button-disabled"), this.disabled && t.classList.add("wje-button-disabled"), this.variant && t.classList.add("wje-button-" + this.variant), this.hasAttribute("round") && t.classList.add("wje-button-round"), this.hasAttribute("circle") && t.classList.add("wje-button-circle"), this.outline && t.classList.add("wje-outline"), this.fill && t.classList.add("wje-button-" + this.fill), this.size && t.classList.add("wje-button-" + this.size), this.hasAttribute("color") ? t.classList.add("wje-color-" + this.color, "wje-color") : t.classList.add("wje-color-default", "wje-color"), this.querySelectorAll("[slot=caret]").length < 1 && this.hasAttribute("caret") || this.hasAttribute("only-caret")) {
-      let a = document.createElement("wje-icon");
-      a.style.setProperty("--wje-icon-size", "14px"), a.setAttribute("slot", "caret"), a.setAttribute("name", "chevron-down"), this.appendChild(a);
-    }
-    if (this.active) {
-      this.classList.add("wje-active");
-      let a = document.createElement("wje-icon");
-      a.setAttribute("name", "check"), this.appendChild(a);
-    }
-    let n = document.createElement("span");
-    n.classList.add("button-inner");
-    let r = document.createElement("slot");
-    if (r.setAttribute("name", "icon-only"), n.appendChild(r), r = document.createElement("slot"), r.setAttribute("name", "start"), n.appendChild(r), r = document.createElement("slot"), n.appendChild(r), r = document.createElement("slot"), r.setAttribute("name", "end"), n.appendChild(r), r = document.createElement("slot"), r.setAttribute("name", "caret"), n.appendChild(r), this.hasToggle = p.hasSlot(this, "toggle"), this.hasToggle && (this.slotToggle = document.createElement("slot"), this.slotToggle.setAttribute("name", "toggle"), n.appendChild(this.slotToggle)), t.appendChild(n), this.hasAttribute("tooltip")) {
-      let a = document.createElement("wje-tooltip");
-      a.setAttribute("content", this.getAttribute("tooltip")), a.setAttribute("placement", this.getAttribute("tooltip-placement") || "top"), a.appendChild(t), d.appendChild(a);
-    } else
-      d.appendChild(t);
-    return d;
-  }
-  /**
-   * After draw method
-   */
-  afterDraw() {
-    this.hasToggle && (this.toggle === "off" ? (this.slotToggle.assignedNodes()[1].classList.add("show"), this.setAttribute("value", "off")) : (this.slotToggle.assignedNodes()[0].classList.add("show"), this.setAttribute("value", "on"))), this.hasAttribute("dialog") ? i.addListener(this, "click", null, this.eventDialogOpen) : i.addListener(this, "click", "wje-button:click", null), this.hasToggle && i.addListener(this, "click", "wje-button:toggle", this.toggleStates, { stopPropagation: this.stopPropagation }), this.type === "submit" && i.addListener(this, "click", "wje-button:submit", () => {
-      i.dispatchCustomEvent(this.internals_.form, "submit", {});
-    }), this.type === "reset" && i.addListener(this, "click", "wje-button:reset", () => {
-      this.internals_.form.reset();
-    });
-  }
-  /**
-   * Before disconnect method
-   */
-  beforeDisconnect() {
-    this.removeEventListener("click", this.eventDialogOpen);
-  }
-}
-/**
- * @summary A static property that indicates whether the custom element is form-associated or not.
- * Form-associated custom elements are elements that can participate in form submission.
- * @type {boolean}
- */
-s(u, "formAssociated", !0);
-u.define("wje-button", u);
-export {
-  u as default
-};

package/dist/wje-card-content.js

@@ -1,48 +0,0 @@
-var d = Object.defineProperty;
-var i = (e, t, o) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var a = (e, t, o) => (i(e, typeof t != "symbol" ? t + "" : t, o), o);
-import s from "./wje-element.js";
-const p = ":host{display:block;padding:var(--wje-card-content-padding)}:host.no-padding .row{margin-left:0;margin-right:0}:host.no-bottom-padding{padding-bottom:0}:host.no-top-padding{padding-top:0}:host .title{margin-top:0}:host.scrollable{margin-bottom:20px}:host h3{line-height:34px;font-size:26px}";
-class l extends s {
-  /**
-   * CardContent constructor
-   * @constructor
-   */
-  constructor() {
-    super();
-    /**
-     * Class name
-     * @type {string}
-     */
-    a(this, "className", "CardContent");
-  }
-  /**
-   * Get CSS stylesheet
-   * @static
-   * @returns {Object} styles - The CSS styles
-   */
-  static get cssStyleSheet() {
-    return p;
-  }
-  /**
-   * Setup attributes
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draw method
-   * @param {Object} context - The context
-   * @param {Object} store - The store
-   * @param {Object} params - The parameters
-   * @returns {Object} fragment - The document fragment
-   */
-  draw(o, c, m) {
-    let n = document.createDocumentFragment(), r = document.createElement("slot");
-    return n.appendChild(r), n;
-  }
-}
-s.define("wje-card-content", l);
-export {
-  l as default
-};

package/dist/wje-card-controls.js

@@ -1,48 +0,0 @@
-var l = Object.defineProperty;
-var i = (e, t, o) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var s = (e, t, o) => (i(e, typeof t != "symbol" ? t + "" : t, o), o);
-import n from "./wje-element.js";
-const c = ":host{font-family:var(--wje-card-controls-font-family);text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:var(--wje-card-controls-font-size);font-weight:500;margin:0;padding:0;line-height:normal;overflow:hidden;text-overflow:ellipsis;filter:alpha(opacity=40);transition:opacity .3s ease;position:absolute;right:1rem;top:.5rem}";
-class m extends n {
-  /**
-   * CardControls constructor
-   * @constructor
-   */
-  constructor() {
-    super();
-    /**
-     * Class name
-     * @type {string}
-     */
-    s(this, "className", "CardControls");
-  }
-  /**
-   * Get CSS stylesheet
-   * @static
-   * @returns {Object} styles - The CSS styles
-   */
-  static get cssStyleSheet() {
-    return c;
-  }
-  /**
-   * Setup attributes
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draw method
-   * @param {Object} context - The context
-   * @param {Object} store - The store
-   * @param {Object} params - The parameters
-   * @returns {Object} fragment - The document fragment
-   */
-  draw(o, d, p) {
-    let r = document.createDocumentFragment(), a = document.createElement("slot");
-    return r.appendChild(a), r;
-  }
-}
-n.define("wje-card-controls", m);
-export {
-  m as default
-};

package/dist/wje-card-header.js

@@ -1,47 +0,0 @@
-var n = Object.defineProperty;
-var i = (t, e, r) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var s = (t, e, r) => (i(t, typeof e != "symbol" ? e + "" : e, r), r);
-import o from "./wje-element.js";
-const c = ':host{background:transparent;border-radius:0;border-bottom:0;padding:var(--wje-card-header-padding);position:relative;display:flex;flex-direction:column}:host(.wje-separator):after{content:"";height:1px;background:#00000014;margin-top:.5rem}';
-class l extends o {
-  /**
-   * CardHeader constructor.
-   */
-  constructor() {
-    super();
-    /**
-     * Class name for the CardHeader.
-     * @type {string}
-     */
-    s(this, "className", "CardHeader");
-  }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {Object} The styles object.
-   * @static
-   */
-  static get cssStyleSheet() {
-    return c;
-  }
-  /**
-   * Sets up the attributes for the CardHeader.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the CardHeader.
-   * @param {Object} context - The context to draw in.
-   * @param {Object} store - The store to use.
-   * @param {Object} params - The parameters to use.
-   * @returns {DocumentFragment} The created document fragment.
-   */
-  draw(r, p, m) {
-    let a = document.createDocumentFragment(), d = document.createElement("slot");
-    return this.hasAttribute("separator") && this.classList.add("wje-separator"), a.appendChild(d), a;
-  }
-}
-o.define("wje-card-header", l);
-export {
-  l as default
-};

package/dist/wje-card-subtitle.js

@@ -1,55 +0,0 @@
-var o = Object.defineProperty;
-var l = (e, t, a) => t in e ? o(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
-var s = (e, t, a) => (l(e, typeof t != "symbol" ? t + "" : t, a), a);
-import i from "./wje-element.js";
-const c = ":host{transition:opacity .3s ease;font-family:var(--wje-card-subtitle-font-family);font-size:var(--wje-card-subtitle-font-size);text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-weight:500;margin:0;padding:var(--wje-card-subtitle-padding);line-height:normal;overflow:hidden;text-overflow:ellipsis;filter:alpha(opacity=40)}";
-class d extends i {
-  /**
-   * CardSubtitle constructor.
-   */
-  constructor() {
-    super();
-    /**
-     * Class name for the CardSubtitle.
-     * @type {string}
-     */
-    s(this, "className", "CardTitle");
-  }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {Object} The styles object.
-   * @static
-   */
-  static get cssStyleSheet() {
-    return c;
-  }
-  /**
-   * Getter for the observed attributes.
-   * @returns {Array} An empty array.
-   * @static
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the CardSubtitle.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the CardSubtitle.
-   * @param {Object} context - The context to draw in.
-   * @param {Object} store - The store to use.
-   * @param {Object} params - The parameters to use.
-   * @returns {DocumentFragment} The created document fragment.
-   */
-  draw(a, m, p) {
-    let r = document.createDocumentFragment(), n = document.createElement("slot");
-    return r.appendChild(n), r;
-  }
-}
-i.define("wje-card-subtitle", d);
-export {
-  d as default
-};

package/dist/wje-card-title.js

@@ -1,55 +0,0 @@
-var l = Object.defineProperty;
-var o = (e, t, r) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var i = (e, t, r) => (o(e, typeof t != "symbol" ? t + "" : t, r), r);
-import n from "./wje-element.js";
-const d = ":host{font-size:var(--wje-card-title-font-size);font-weight:var(--wje-card-title-font-weight);margin:var(--wje-card-title-margin);padding:var(--wje-card-title-padding);line-height:var(--wje-card-title-line-height);display:block;position:relative}";
-class c extends n {
-  /**
-   * CardTitle constructor.
-   */
-  constructor() {
-    super();
-    /**
-     * Class name for the CardTitle.
-     * @type {string}
-     */
-    i(this, "className", "CardTitle");
-  }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {Object} The styles object.
-   * @static
-   */
-  static get cssStyleSheet() {
-    return d;
-  }
-  /**
-   * Getter for the observed attributes.
-   * @returns {Array} An empty array.
-   * @static
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Sets up the attributes for the CardTitle.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draws the CardTitle.
-   * @param {Object} context - The context to draw in.
-   * @param {Object} store - The store to use.
-   * @param {Object} params - The parameters to use.
-   * @returns {DocumentFragment} The created document fragment.
-   */
-  draw(r, m, g) {
-    let a = document.createDocumentFragment(), s = document.createElement("slot");
-    return a.appendChild(s), a;
-  }
-}
-n.define("wje-card-title", c);
-export {
-  c as default
-};

package/dist/wje-card.js

@@ -1,50 +0,0 @@
-var s = Object.defineProperty;
-var i = (o, r, e) => r in o ? s(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e;
-var l = (o, r, e) => (i(o, typeof r != "symbol" ? r + "" : r, e), e);
-import n from "./wje-element.js";
-const w = ":host{width:100%}.native-card{background-color:transparent;margin:0;box-shadow:var(--wje-card-shadow);border-color:var(--wje-border-color);border-style:var(--wje-border-style);border-width:var(--wje-border-width);border-radius:var(--wje-card-border-radius);font-family:var(--wje-font-family);font-size:var(--wje-font-size);line-height:var(--wje-line-height-normal);position:relative;width:100%;word-wrap:normal;display:flex;flex-direction:column;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.native-card.wje-color-primary{background:var(--wje-color-primary-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-primary-9)}.native-card.wje-color-complete{background:var(--wje-color-complete-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-complete-9)}.native-card.wje-color-success{background:var(--wje-color-success-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-success-9)}.native-card.wje-color-warning{background:var(--wje-color-warning-9);color:var(--wje-color);border-color:var(--wje-color-warning-9)}.native-card.wje-color-danger{background:var(--wje-color-danger-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-danger-9)}.native-card.wje-color-info{background:var(--wje-color-info-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-info-9)}.native-card.wje-color-menu{background:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-9)}";
-class v extends n {
-  /**
-   * Card constructor
-   * @constructor
-   */
-  constructor() {
-    super();
-    /**
-     * Class name
-     * @type {string}
-     */
-    l(this, "className", "Card");
-  }
-  /**
-   * Get CSS stylesheet
-   * @static
-   * @returns {Object} styles - The CSS styles
-   */
-  static get cssStyleSheet() {
-    return w;
-  }
-  /**
-   * Setup attributes
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Draw method
-   * @param {Object} context - The context
-   * @param {Object} store - The store
-   * @param {Object} params - The parameters
-   * @returns {Object} fragment - The document fragment
-   */
-  draw(e, j, c) {
-    let t = document.createDocumentFragment(), a = document.createElement("div");
-    a.setAttribute("part", "native"), a.classList.add("native-card");
-    let d = document.createElement("slot");
-    return c.color && a.classList.add("wje-color-" + c.color), a.appendChild(d), t.appendChild(a), t;
-  }
-}
-n.define("wje-card", v);
-export {
-  v as default
-};

package/dist/wje-carousel-item.js

@@ -1,33 +0,0 @@
-var o = Object.defineProperty;
-var c = (t, e, a) => e in t ? o(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var r = (t, e, a) => (c(t, typeof e != "symbol" ? e + "" : e, a), a);
-import l, { event as d } from "./wje-element.js";
-const m = ":host{display:flex;align-items:center;justify-content:center;flex-direction:column;width:var(--wje-carousel-size, 100%);max-height:100%;aspect-ratio:var(--wje-carousel-item-aspect-ratio);scroll-snap-align:center;scroll-snap-stop:always}.native-carousel-item{width:100%;height:100%;display:flex}::slotted(wje-img){width:100%!important;height:100%!important;object-fit:contain;display:flex}";
-class u extends l {
-  constructor() {
-    super();
-    r(this, "className", "CarouselItem");
-  }
-  static get cssStyleSheet() {
-    return m;
-  }
-  static get observedAttributes() {
-    return [];
-  }
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  draw(a, p, h) {
-    let i = document.createDocumentFragment(), s = document.createElement("div");
-    s.classList.add("native-carousel-item"), s.setAttribute("part", "native");
-    let n = document.createElement("slot");
-    return s.appendChild(n), i.appendChild(s), i;
-  }
-  afterDraw() {
-    d.addListener(this, "click", "wje-carousel-item:click");
-  }
-}
-l.define("wje-carousel-item", u);
-export {
-  u as default
-};