q2-tecton-elements 1.58.4 → 1.59.1

package/dist/q2-tecton-elements/q2-currency.entry.js

@@ -1,6 +1,6 @@
 import { r, h as t, g as e } from "./index-COzomxjJ.js";
 
-const s = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.currency{color:var(--tct-currency-color, inherit);font-size:var(--tct-currency-font-size, inherit);font-weight:var(--tct-currency-font-weight, inherit)}.currency-small{color:var(--tct-currency-small-color, inherit);font-size:var(--tct-currency-small-font-size, 24px);font-weight:var(--tct-currency-small-font-weight, 600)}.currency-small .superscript{vertical-align:super;color:var(--tct-currency-small-superscript-color, inherit);font-size:var(--tct-currency-small-superscript-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-currency-small-superscript-font-weight, 700)}.currency-medium{color:var(--tct-currency-medium-color, inherit);font-size:var(--tct-currency-medium-font-size, 42px);font-weight:var(--tct-currency-medium-font-weight, 600)}.currency-medium .superscript{vertical-align:super;color:var(--tct-currency-medium-superscript-color, inherit);font-size:var(--tct-currency-medium-superscript-font-size, 21px);font-weight:var(--tct-currency-medium-superscript-font-weight, 700)}.currency-large{color:var(--tct-currency-large-color, inherit);font-size:var(--tct-currency-large-font-size, 70px);font-weight:var(--tct-currency-large-font-weight, 700)}.currency-large .superscript{vertical-align:super;color:var(--tct-currency-large-superscript-color, inherit);font-size:var(--tct-currency-large-superscript-font-size, 35px);font-weight:var(--tct-currency-large-superscript-font-weight, 800)}";
+const c = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.currency{--comp-currency-color:var(--tct-currency-color, var(--t-text, #4d4d4d));color:var(--comp-currency-color);font-size:var(--tct-currency-font-size, inherit);font-weight:var(--tct-currency-font-weight, inherit)}.currency.positive{color:var(--tct-currency-positive-color, var(--comp-currency-color))}.currency.negative{color:var(--tct-currency-negative-color, var(--comp-currency-color))}.currency.debit.positive{color:var(--tct-currency-debit-positive-color, var(--const-stoplight-success, #0e8a00))}.currency.debit.negative{color:var(--tct-currency-debit-negative-color, var(--const-stoplight-alert, #d20a0a))}.currency.credit.positive{color:var(--tct-currency-credit-positive-color, var(--const-stoplight-alert, #d20a0a))}.currency.credit.negative{color:var(--tct-currency-credit-negative-color, var(--const-stoplight-success, #0e8a00))}.currency.masked{line-height:1}.currency.masked.positive{background:var(--tct-currency-masked-positive-background, linear-gradient(180deg, var(--t-text, #4d4d4d) 0%, #b3b3b3 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.currency.masked.negative{background:var(--tct-currency-masked-negative-background, linear-gradient(180deg, var(--t-text, #4d4d4d) 0%, #b3b3b3 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.currency-small{color:var(--tct-currency-small-color, inherit);font-size:var(--tct-currency-small-font-size, 24px);font-weight:var(--tct-currency-small-font-weight, 600)}.currency-small .superscript{vertical-align:super;color:var(--tct-currency-small-superscript-color, inherit);font-size:var(--tct-currency-small-superscript-font-size, 0.5em);font-weight:var(--tct-currency-small-superscript-font-weight, 700)}.currency-medium{color:var(--tct-currency-medium-color, inherit);font-size:var(--tct-currency-medium-font-size, 42px);font-weight:var(--tct-currency-medium-font-weight, 600)}.currency-medium .superscript{vertical-align:super;color:var(--tct-currency-medium-superscript-color, inherit);font-size:var(--tct-currency-medium-superscript-font-size, 0.5em);font-weight:var(--tct-currency-medium-superscript-font-weight, 700)}.currency-large{color:var(--tct-currency-large-color, inherit);font-size:var(--tct-currency-large-font-size, 70px);font-weight:var(--tct-currency-large-font-weight, 700)}.currency-large .superscript{vertical-align:super;color:var(--tct-currency-large-superscript-color, inherit);font-size:var(--tct-currency-large-superscript-font-size, 0.5em);font-weight:var(--tct-currency-large-superscript-font-weight, 800)}";
 
 const n = class {
   constructor(t) {
@@ -11,9 +11,10 @@ const n = class {
          * Determine how the positive or negative sign should display.
          *
          * Behavior:
+         * - `accounting`: No sign displays for positive amounts and parentheses wrap negative amounts.
          * - `always`: Always display the sign.
-         * - `auto`: Sign displays for negative numbers only, including negative zero.
-         * - `exceptZero`: Sign displays for positive and negative numbers, but not zero.
+         * - `auto`: Sign displays for negative amounts only, including negative zero.
+         * - `exceptZero`: Sign displays for positive and negative amounts, but not zero.
          * - `never`: Never display the sign.
          */    this.signDisplay = "auto";
   }
@@ -25,13 +26,13 @@ const n = class {
   // #endregion
   // #region Public Methods API
   /**
-     * A method to select a tab pane corresponding with the value.
+     * A method to retrieve the displayed currency value.
      *
      * @testOnly
      */
   async displayedMessageValue() {
     const r = this.hostElement.shadowRoot.querySelector('[test-id="q2CurrencyInner"]');
-    return r === null || r === void 0 ? void 0 : r.ariaLabel;
+    return (r === null || r === void 0 ? void 0 : r.getAttribute("aria-label")) || "";
   }
   // #endregion
   // #region Watchers
@@ -55,10 +56,14 @@ const n = class {
     return e;
   }
   get currencyClasses() {
-    const r = [ "currency" ];
-    const t = this.size ? this.size : this.slotSize;
-    if (!!t) r.push(`currency-${t}`);
-    return r.join(" ");
+    const {size: r, slotSize: t, isNegativeAmount: e, variant: c} = this;
+    const n = [ "currency" ];
+    const i = r ? r : t;
+    const s = e ? "negative" : "positive";
+    n.push(s);
+    if (!!c) n.push(c);
+    if (!!i) n.push(`currency-${i}`);
+    return n.join(" ");
   }
   get currencyIsFront() {
     const r = this.formattedParts.findIndex((r => r.type === "currency"));
@@ -68,8 +73,8 @@ const n = class {
   get currencySymbol() {
     const {formattedParts: r, currencyIsFront: t} = this;
     const e = r.findIndex((r => r.type === "currency"));
-    const s = r[e].value;
-    return t ? s : " " + s;
+    const c = r[e].value;
+    return t ? c : " " + c;
   }
   get fraction() {
     const {formattedParts: r} = this;
@@ -80,6 +85,11 @@ const n = class {
   get hasPlusMinusSign() {
     return this.formattedParts.some((r => r.type === "minusSign" || r.type === "plusSign"));
   }
+  get isNegativeAmount() {
+    const r = this.formattedParts.some((r => r.type === "minusSign"));
+    const t = String(this.amount).startsWith("-");
+    return r || t;
+  }
   get plusMinusSign() {
     const {formattedParts: r, hasPlusMinusSign: t} = this;
     if (!t) return;
@@ -87,9 +97,10 @@ const n = class {
     return e.value;
   }
   get shouldSuperscriptFraction() {
-    const r = this.formattedParts.findIndex((r => r.type === "fraction"));
-    const t = this.formattedParts[r - 1].value === ",";
-    if (t || !this.currencyIsFront || this.sizeValue === "small" || !this.sizeProvided) return false;
+    var r;
+    const t = this.formattedParts.findIndex((r => r.type === "fraction"));
+    const e = ((r = this.formattedParts[t - 1]) === null || r === void 0 ? void 0 : r.value) === ",";
+    if (e || !this.currencyIsFront || this.sizeValue === "small" || !this.sizeProvided) return false;
     return true;
   }
   get shouldSuperscriptSymbol() {
@@ -106,7 +117,7 @@ const n = class {
     const r = new Intl.NumberFormat(this.locale, {
       style: "currency",
       currency: this.currency,
-      signDisplay: this.signDisplay
+      signDisplay: this.signDisplay === "accounting" ? "never" : this.signDisplay
     });
     this.formattedParts = r.formatToParts(this.amount);
     this.readableCurrency = r.format(this.amount);
@@ -114,26 +125,30 @@ const n = class {
   // #endregion
   // #region Render Methods
   render() {
-    const {hasPlusMinusSign: r, plusMinusSign: e, currencyIsFront: s, currencySymbol: n, shouldSuperscriptSymbol: i, amountCore: c, fraction: o, shouldSuperscriptFraction: a, readableCurrency: u, currencyClasses: l} = this;
+    const {hasPlusMinusSign: r, plusMinusSign: e, currencyIsFront: c, currencySymbol: n, shouldSuperscriptSymbol: i, amountCore: s, fraction: o, shouldSuperscriptFraction: a, readableCurrency: u, currencyClasses: l, signDisplay: p, isNegativeAmount: d} = this;
     return t("div", {
-      key: "fbcb104524d149fcf0ea516d3d7062e2abd2efc9",
+      key: "15e4db8a4c25c1b1bea2382abd5e4dbf28e36090",
       "test-id": "q2CurrencyInner",
       class: l,
       "aria-label": u
-    }, r && t("span", {
-      key: "b0616d4dfffa6f97a196a5d3d42e53f4e977685c"
-    }, e), s && t("span", {
-      key: "aafd7db7a616f78cbc697681cbf3c14a87d53978",
+    }, p === "accounting" && d && t("span", {
+      key: "5474998b938cf27ff7db553534f08f028dd61347"
+    }, "("), r && t("span", {
+      key: "10caf4a1a73a08e9fb31b52fb0a70e1ab2f69d10"
+    }, e), c && t("span", {
+      key: "6b78b88b1af0c58237933add94b2b0fef9fc8e53",
       class: i ? "superscript" : ""
     }, n), t("span", {
-      key: "cf30e6eaa0cb6eb2ab6ca6c9e0d56208b3171c52"
-    }, c), t("span", {
-      key: "91771c99e2001976f67283b6a3eafbb4fea08cfb",
+      key: "e87cd1eaf3805a619f98d40faa29a6145bebde84"
+    }, s), t("span", {
+      key: "cb6822a0919027c08303b1e2759bea96c0605552",
       class: a ? "superscript" : ""
-    }, o), !s && t("span", {
-      key: "242f487962506d42d512427198f8ddc8a29fd12c",
+    }, o), !c && t("span", {
+      key: "e22b1b657f06ebec478573e6e0b8fe4b83b229ba",
       class: i ? "superscript" : ""
-    }, n));
+    }, n), p === "accounting" && d && t("span", {
+      key: "4adea6d83042aea5f8fd78f248c95304735ee7e2"
+    }, ")"));
   }
   get hostElement() {
     return e(this);
@@ -145,12 +160,13 @@ const n = class {
       locale: [ "propsUpdated" ],
       size: [ "propsUpdated" ],
       slotSize: [ "propsUpdated" ],
-      signDisplay: [ "propsUpdated" ]
+      signDisplay: [ "propsUpdated" ],
+      variant: [ "propsUpdated" ]
     };
   }
 };
 
-n.style = s;
+n.style = c;
 
 export { n as q2_currency };
 //# sourceMappingURL=q2-currency.entry.esm.js.map

package/dist/q2-tecton-elements/q2-currency.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["q2CurrencyCss","Q2Currency","constructor","hostRef","this","currency","locale","document","documentElement","lang","signDisplay","componentWillLoad","formatCurrency","displayedMessageValue","hostElement","shadowRoot","querySelector","ariaLabel","propsUpdated","amountCore","formattedParts","shouldSuperscriptFraction","amount","part","type","value","length","slice","trimEnd","currencyClasses","classes","sizeClass","size","slotSize","push","join","currencyIsFront","index","findIndex","currencySymbol","currencyIndex","symbol","fraction","find","hasPlusMinusSign","some","plusMinusSign","sign","fractionIndex","commaBeforeFraction","sizeValue","sizeProvided","shouldSuperscriptSymbol","formatOptions","Intl","NumberFormat","style","formatToParts","readableCurrency","format","render","h","key","class"],"sources":["src/components/q2-currency/q2-currency.scss?tag=q2-currency&encapsulation=shadow","src/components/q2-currency/q2-currency.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-block;\n}\n\n.currency {\n    color: var-list(--tct-currency-color, inherit);\n    font-size: var-list(--tct-currency-font-size, inherit);\n    font-weight: var-list(--tct-currency-font-weight, inherit);\n}\n\n.currency-small {\n    color: var-list(--tct-currency-small-color, inherit);\n    font-size: var-list(--tct-currency-small-font-size, 24px);\n    font-weight: var-list(--tct-currency-small-font-weight, 600);\n\n    .superscript {\n        vertical-align: super;\n        color: var-list(--tct-currency-small-superscript-color, inherit);\n        font-size: var-list(--tct-currency-small-superscript-font-size, --app-font-size-small, 12px);\n        font-weight: var-list(--tct-currency-small-superscript-font-weight, 700);\n    }\n}\n\n.currency-medium {\n    color: var-list(--tct-currency-medium-color, inherit);\n    font-size: var-list(--tct-currency-medium-font-size, 42px);\n    font-weight: var-list(--tct-currency-medium-font-weight, 600);\n\n    .superscript {\n        vertical-align: super;\n        color: var-list(--tct-currency-medium-superscript-color, inherit);\n        font-size: var-list(--tct-currency-medium-superscript-font-size, 21px);\n        font-weight: var-list(--tct-currency-medium-superscript-font-weight, 700);\n    }\n}\n\n.currency-large {\n    color: var-list(--tct-currency-large-color, inherit);\n    font-size: var-list(--tct-currency-large-font-size, 70px);\n    font-weight: var-list(--tct-currency-large-font-weight, 700);\n\n    .superscript {\n        vertical-align: super;\n        color: var-list(--tct-currency-large-superscript-color, inherit);\n        font-size: var-list(--tct-currency-large-superscript-font-size, 35px);\n        font-weight: var-list(--tct-currency-large-superscript-font-weight, 800);\n    }\n}\n","import { Component, Prop, Watch, h, ComponentInterface, Element, Method } from '@stencil/core';\n@Component({ tag: 'q2-currency', shadow: true, styleUrl: 'q2-currency.scss' })\nexport class Q2Currency implements ComponentInterface {\n    // #region Own Properties\n\n    /** @private The parts of the formatted number. */\n    formattedParts: Intl.NumberFormatPart[];\n    /** @private The full currency for aria-label purposes. */\n    readableCurrency: string;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** The amount you want formatted.  */\n    @Prop({ reflect: true })\n    amount: number;\n\n    /** Formats the `amount` to a specific currency. */\n    @Prop({ reflect: true })\n    currency: string = 'USD';\n\n    /** Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks. */\n    @Prop({ reflect: true })\n    locale: string | string[] = document.documentElement.lang || 'en-US';\n\n    /**\n     * Determine how the positive or negative sign should display.\n     *\n     * Behavior:\n     * - `always`: Always display the sign.\n     * - `auto`: Sign displays for negative numbers only, including negative zero.\n     * - `exceptZero`: Sign displays for positive and negative numbers, but not zero.\n     * - `never`: Never display the sign.\n     */\n    @Prop({ reflect: true })\n    signDisplay: 'never' | 'auto' | 'always' | 'exceptZero' = 'auto';\n\n    /** Applies styling based on the size provided. If no size is provided, it will display as inline text. */\n    @Prop({ reflect: true })\n    size: 'small' | 'medium' | 'large';\n\n    /** @private Inherited from q2-detail when slotted to match styling of q2-detail and q2-currency texts.  */\n    @Prop({ reflect: true })\n    slotSize: string;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad(): void | Promise<void> {\n        this.formatCurrency();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * A method to select a tab pane corresponding with the value.\n     *\n     * @testOnly\n     */\n    @Method()\n    async displayedMessageValue() {\n        const currency = this.hostElement.shadowRoot.querySelector('[test-id=\"q2CurrencyInner\"]');\n        return currency?.ariaLabel;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('amount')\n    @Watch('currency')\n    @Watch('locale')\n    @Watch('size')\n    @Watch('slotSize')\n    @Watch('signDisplay')\n    propsUpdated() {\n        this.formatCurrency();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get amountCore(): string {\n        const { formattedParts, shouldSuperscriptFraction } = this;\n        let amount: string = '';\n\n        for (const part of formattedParts) {\n            if (\n                part.type === 'integer' ||\n                part.type === 'decimal' ||\n                part.type === 'group' ||\n                part.type === 'literal'\n            ) {\n                amount += part.value;\n            }\n        }\n\n        // removes trailing decimal point if superscripting the fraction\n        if (shouldSuperscriptFraction && amount[amount.length - 1] === '.') amount = amount.slice(0, -1);\n        // removes end whitespace that breaks formatting\n        amount = amount.trimEnd();\n\n        return amount;\n    }\n\n    get currencyClasses(): string {\n        const classes = ['currency'];\n        const sizeClass = this.size ? this.size : this.slotSize;\n\n        if (!!sizeClass) classes.push(`currency-${sizeClass}`);\n\n        return classes.join(' ');\n    }\n\n    get currencyIsFront(): boolean {\n        const index = this.formattedParts.findIndex((part: Intl.NumberFormatPart) => part.type === 'currency');\n        if (index === 0 || index === 1) return true;\n        return false;\n    }\n\n    get currencySymbol(): string {\n        const { formattedParts, currencyIsFront } = this;\n        const currencyIndex = formattedParts.findIndex((part: Intl.NumberFormatPart) => part.type === 'currency');\n        const symbol = formattedParts[currencyIndex].value;\n        return currencyIsFront ? symbol : ' ' + symbol;\n    }\n\n    get fraction(): string {\n        const { formattedParts } = this;\n        const fraction = formattedParts.find((part: Intl.NumberFormatPart) => part.type === 'fraction');\n        if (!fraction) return;\n\n        return fraction.value;\n    }\n\n    get hasPlusMinusSign(): boolean {\n        return this.formattedParts.some(\n            (part: Intl.NumberFormatPart) => part.type === 'minusSign' || part.type === 'plusSign'\n        );\n    }\n\n    get plusMinusSign(): string {\n        const { formattedParts, hasPlusMinusSign } = this;\n        if (!hasPlusMinusSign) return;\n\n        const sign = formattedParts.find(\n            (part: Intl.NumberFormatPart) => part.type === 'minusSign' || part.type === 'plusSign'\n        );\n        return sign.value;\n    }\n\n    get shouldSuperscriptFraction(): boolean {\n        const fractionIndex = this.formattedParts.findIndex((part: Intl.NumberFormatPart) => part.type === 'fraction');\n        const commaBeforeFraction = this.formattedParts[fractionIndex - 1].value === ',';\n\n        if (commaBeforeFraction || !this.currencyIsFront || this.sizeValue === 'small' || !this.sizeProvided)\n            return false;\n\n        return true;\n    }\n\n    get shouldSuperscriptSymbol(): boolean {\n        if (!this.currencyIsFront || this.sizeProvided) return true;\n\n        return false;\n    }\n\n    get sizeProvided(): boolean {\n        return !!this.size || !!this.slotSize;\n    }\n\n    get sizeValue(): string {\n        return this.size ? this.size : this.slotSize;\n    }\n\n    formatCurrency() {\n        const formatOptions = new Intl.NumberFormat(this.locale, {\n            style: 'currency',\n            currency: this.currency,\n            signDisplay: this.signDisplay,\n        });\n        this.formattedParts = formatOptions.formatToParts(this.amount);\n        this.readableCurrency = formatOptions.format(this.amount);\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const {\n            hasPlusMinusSign,\n            plusMinusSign,\n            currencyIsFront,\n            currencySymbol,\n            shouldSuperscriptSymbol,\n            amountCore,\n            fraction,\n            shouldSuperscriptFraction,\n            readableCurrency,\n            currencyClasses,\n        } = this;\n\n        return (\n            <div\n                test-id=\"q2CurrencyInner\"\n                class={currencyClasses}\n                aria-label={readableCurrency}\n            >\n                {hasPlusMinusSign && <span>{plusMinusSign}</span>}\n                {currencyIsFront && <span class={shouldSuperscriptSymbol ? 'superscript' : ''}>{currencySymbol}</span>}\n                <span>{amountCore}</span>\n                <span class={shouldSuperscriptFraction ? 'superscript' : ''}>{fraction}</span>\n                {!currencyIsFront && <span class={shouldSuperscriptSymbol ? 'superscript' : ''}>{currencySymbol}</span>}\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["q2CurrencyCss","Q2Currency","constructor","hostRef","this","currency","locale","document","documentElement","lang","signDisplay","componentWillLoad","formatCurrency","displayedMessageValue","hostElement","shadowRoot","querySelector","getAttribute","propsUpdated","amountCore","formattedParts","shouldSuperscriptFraction","amount","part","type","value","length","slice","trimEnd","currencyClasses","size","slotSize","isNegativeAmount","variant","classes","sizeClass","sign","push","join","currencyIsFront","index","findIndex","currencySymbol","currencyIndex","symbol","fraction","find","hasPlusMinusSign","some","hasNegativePart","hasNegativeDash","String","startsWith","plusMinusSign","fractionIndex","commaBeforeFraction","_a","sizeValue","sizeProvided","shouldSuperscriptSymbol","formatOptions","Intl","NumberFormat","style","formatToParts","readableCurrency","format","render","h","key","class"],"sources":["src/components/q2-currency/q2-currency.scss?tag=q2-currency&encapsulation=shadow","src/components/q2-currency/q2-currency.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-block;\n}\n\n.currency {\n    --comp-currency-color: #{var-list(--tct-currency-color, --t-text, #4d4d4d)};\n    color: var(--comp-currency-color);\n    font-size: var-list(--tct-currency-font-size, inherit);\n    font-weight: var-list(--tct-currency-font-weight, inherit);\n\n    &.positive {\n        color: var-list(--tct-currency-positive-color, --comp-currency-color);\n    }\n\n    &.negative {\n        color: var-list(--tct-currency-negative-color, --comp-currency-color);\n    }\n\n    &.debit {\n        &.positive {\n            color: var-list(--tct-currency-debit-positive-color, --const-stoplight-success, #0e8a00);\n        }\n\n        &.negative {\n            color: var-list(--tct-currency-debit-negative-color, --const-stoplight-alert, #d20a0a);\n        }\n    }\n\n    &.credit {\n        &.positive {\n            color: var-list(--tct-currency-credit-positive-color, --const-stoplight-alert, #d20a0a);\n        }\n\n        &.negative {\n            color: var-list(--tct-currency-credit-negative-color, --const-stoplight-success, #0e8a00);\n        }\n    }\n\n    &.masked {\n        line-height: 1; // ensures gradient covers full text height in all contexts\n\n        &.positive {\n            background: var(\n                --tct-currency-masked-positive-background,\n                unquote('linear-gradient(180deg, var(--t-text, #4d4d4d) 0%, #b3b3b3 100%)')\n            );\n            background-clip: text;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            -moz-background-clip: text;\n            -moz-text-fill-color: transparent;\n        }\n\n        &.negative {\n            background: var(\n                --tct-currency-masked-negative-background,\n                unquote('linear-gradient(180deg, var(--t-text, #4d4d4d) 0%, #b3b3b3 100%)')\n            );\n            background-clip: text;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            -moz-background-clip: text;\n            -moz-text-fill-color: transparent;\n        }\n    }\n}\n\n.currency-small {\n    color: var(--tct-currency-small-color, inherit);\n    font-size: var(--tct-currency-small-font-size, 24px);\n    font-weight: var(--tct-currency-small-font-weight, 600);\n\n    .superscript {\n        vertical-align: super;\n        color: var(--tct-currency-small-superscript-color, inherit);\n        font-size: var(--tct-currency-small-superscript-font-size, 0.5em);\n        font-weight: var(--tct-currency-small-superscript-font-weight, 700);\n    }\n}\n\n.currency-medium {\n    color: var(--tct-currency-medium-color, inherit);\n    font-size: var(--tct-currency-medium-font-size, 42px);\n    font-weight: var(--tct-currency-medium-font-weight, 600);\n\n    .superscript {\n        vertical-align: super;\n        color: var(--tct-currency-medium-superscript-color, inherit);\n        font-size: var(--tct-currency-medium-superscript-font-size, 0.5em);\n        font-weight: var(--tct-currency-medium-superscript-font-weight, 700);\n    }\n}\n\n.currency-large {\n    color: var(--tct-currency-large-color, inherit);\n    font-size: var(--tct-currency-large-font-size, 70px);\n    font-weight: var(--tct-currency-large-font-weight, 700);\n\n    .superscript {\n        vertical-align: super;\n        color: var(--tct-currency-large-superscript-color, inherit);\n        font-size: var(--tct-currency-large-superscript-font-size, 0.5em);\n        font-weight: var(--tct-currency-large-superscript-font-weight, 800);\n    }\n}\n","import { Component, Prop, Watch, h, ComponentInterface, Element, Method } from '@stencil/core';\n@Component({ tag: 'q2-currency', shadow: true, styleUrl: 'q2-currency.scss' })\nexport class Q2Currency implements ComponentInterface {\n    // #region Own Properties\n\n    /** @private The parts of the formatted number. */\n    formattedParts: Intl.NumberFormatPart[];\n    /** @private The full currency for aria-label purposes. */\n    readableCurrency: string;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** The amount you want formatted.  */\n    @Prop({ reflect: true })\n    amount: number;\n\n    /** Formats the `amount` to a specific currency. */\n    @Prop({ reflect: true })\n    currency: string = 'USD';\n\n    /** Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks. */\n    @Prop({ reflect: true })\n    locale: string | string[] = document.documentElement.lang || 'en-US';\n\n    /**\n     * Determine how the positive or negative sign should display.\n     *\n     * Behavior:\n     * - `accounting`: No sign displays for positive amounts and parentheses wrap negative amounts.\n     * - `always`: Always display the sign.\n     * - `auto`: Sign displays for negative amounts only, including negative zero.\n     * - `exceptZero`: Sign displays for positive and negative amounts, but not zero.\n     * - `never`: Never display the sign.\n     */\n    @Prop({ reflect: true })\n    signDisplay: 'accounting' | 'always' | 'auto' | 'exceptZero' | 'never' = 'auto';\n\n    /** Applies styling based on the size provided. If no size is provided, it will display as inline text. */\n    @Prop({ reflect: true })\n    size: 'small' | 'medium' | 'large';\n\n    /** @private Inherited from q2-detail when slotted to match styling of q2-detail and q2-currency texts.  */\n    @Prop({ reflect: true })\n    slotSize: string;\n\n    /**\n     * The variant controls how the currency is colored and exposes unique CSS overrides.\n     * The `debit` and `credit` variants align styling with common practices for coloring debit and credit accounts.\n     * The `masked` variant exposes the ability to use gradients and images to color the currency.\n     */\n    @Prop({ reflect: true })\n    variant: 'debit' | 'credit' | 'masked';\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad(): void | Promise<void> {\n        this.formatCurrency();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * A method to retrieve the displayed currency value.\n     *\n     * @testOnly\n     */\n    @Method()\n    async displayedMessageValue() {\n        const currency = this.hostElement.shadowRoot.querySelector('[test-id=\"q2CurrencyInner\"]');\n        return currency?.getAttribute('aria-label') || '';\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('amount')\n    @Watch('currency')\n    @Watch('locale')\n    @Watch('size')\n    @Watch('slotSize')\n    @Watch('signDisplay')\n    @Watch('variant')\n    propsUpdated() {\n        this.formatCurrency();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get amountCore(): string {\n        const { formattedParts, shouldSuperscriptFraction } = this;\n        let amount: string = '';\n\n        for (const part of formattedParts) {\n            if (\n                part.type === 'integer' ||\n                part.type === 'decimal' ||\n                part.type === 'group' ||\n                part.type === 'literal'\n            ) {\n                amount += part.value;\n            }\n        }\n\n        // removes trailing decimal point if superscripting the fraction\n        if (shouldSuperscriptFraction && amount[amount.length - 1] === '.') amount = amount.slice(0, -1);\n        // removes end whitespace that breaks formatting\n        amount = amount.trimEnd();\n\n        return amount;\n    }\n\n    get currencyClasses(): string {\n        const { size, slotSize, isNegativeAmount, variant } = this;\n        const classes = ['currency'];\n        const sizeClass = size ? size : slotSize;\n        const sign = isNegativeAmount ? 'negative' : 'positive';\n\n        classes.push(sign);\n        if (!!variant) classes.push(variant);\n        if (!!sizeClass) classes.push(`currency-${sizeClass}`);\n\n        return classes.join(' ');\n    }\n\n    get currencyIsFront(): boolean {\n        const index = this.formattedParts.findIndex((part: Intl.NumberFormatPart) => part.type === 'currency');\n        if (index === 0 || index === 1) return true;\n        return false;\n    }\n\n    get currencySymbol(): string {\n        const { formattedParts, currencyIsFront } = this;\n        const currencyIndex = formattedParts.findIndex((part: Intl.NumberFormatPart) => part.type === 'currency');\n        const symbol = formattedParts[currencyIndex].value;\n        return currencyIsFront ? symbol : ' ' + symbol;\n    }\n\n    get fraction(): string {\n        const { formattedParts } = this;\n        const fraction = formattedParts.find((part: Intl.NumberFormatPart) => part.type === 'fraction');\n        if (!fraction) return;\n\n        return fraction.value;\n    }\n\n    get hasPlusMinusSign(): boolean {\n        return this.formattedParts.some(\n            (part: Intl.NumberFormatPart) => part.type === 'minusSign' || part.type === 'plusSign'\n        );\n    }\n\n    get isNegativeAmount(): boolean {\n        const hasNegativePart = this.formattedParts.some((part: Intl.NumberFormatPart) => part.type === 'minusSign');\n        const hasNegativeDash = String(this.amount).startsWith('-');\n        return hasNegativePart || hasNegativeDash;\n    }\n\n    get plusMinusSign(): string {\n        const { formattedParts, hasPlusMinusSign } = this;\n        if (!hasPlusMinusSign) return;\n\n        const sign = formattedParts.find(\n            (part: Intl.NumberFormatPart) => part.type === 'minusSign' || part.type === 'plusSign'\n        );\n        return sign.value;\n    }\n\n    get shouldSuperscriptFraction(): boolean {\n        const fractionIndex = this.formattedParts.findIndex((part: Intl.NumberFormatPart) => part.type === 'fraction');\n        const commaBeforeFraction = this.formattedParts[fractionIndex - 1]?.value === ',';\n\n        if (commaBeforeFraction || !this.currencyIsFront || this.sizeValue === 'small' || !this.sizeProvided)\n            return false;\n\n        return true;\n    }\n\n    get shouldSuperscriptSymbol(): boolean {\n        if (!this.currencyIsFront || this.sizeProvided) return true;\n\n        return false;\n    }\n\n    get sizeProvided(): boolean {\n        return !!this.size || !!this.slotSize;\n    }\n\n    get sizeValue(): string {\n        return this.size ? this.size : this.slotSize;\n    }\n\n    formatCurrency() {\n        const formatOptions = new Intl.NumberFormat(this.locale, {\n            style: 'currency',\n            currency: this.currency,\n            signDisplay: this.signDisplay === 'accounting' ? 'never' : this.signDisplay,\n        });\n        this.formattedParts = formatOptions.formatToParts(this.amount);\n        this.readableCurrency = formatOptions.format(this.amount);\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const {\n            hasPlusMinusSign,\n            plusMinusSign,\n            currencyIsFront,\n            currencySymbol,\n            shouldSuperscriptSymbol,\n            amountCore,\n            fraction,\n            shouldSuperscriptFraction,\n            readableCurrency,\n            currencyClasses,\n            signDisplay,\n            isNegativeAmount,\n        } = this;\n\n        return (\n            <div\n                test-id=\"q2CurrencyInner\"\n                class={currencyClasses}\n                aria-label={readableCurrency}\n            >\n                {signDisplay === 'accounting' && isNegativeAmount && <span>{'('}</span>}\n                {hasPlusMinusSign && <span>{plusMinusSign}</span>}\n                {currencyIsFront && <span class={shouldSuperscriptSymbol ? 'superscript' : ''}>{currencySymbol}</span>}\n                <span>{amountCore}</span>\n                <span class={shouldSuperscriptFraction ? 'superscript' : ''}>{fraction}</span>\n                {!currencyIsFront && <span class={shouldSuperscriptSymbol ? 'superscript' : ''}>{currencySymbol}</span>}\n                {signDisplay === 'accounting' && isNegativeAmount && <span>{')'}</span>}\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/q2-tecton-elements/q2-data-table.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as a, F as o, g as r } from "./index-COzomxjJ.js";
 
-import { b as l, l as n } from "./index-EcLnUn1d.js";
+import { b as l, l as n } from "./index-CkXFIBxL.js";
 
 const c = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{--comp-cell-padding:var(--tct-data-table-cell-padding, var(--tct-table-cell-padding, var(--app-scale-3x, 15px)));--comp-select-column-width:var(--tct-data-table-select-column-width, var(--tct-table-select-column-width, var(--tct-checkbox-size, 20px)));--comp-dropdown-column-width:var(--tct-data-table-dropdown-column-width, var(--tct-table-dropdown-column-width, var(--tct-btn-icon-width, 44px)));--comp-expandable-row-control-column-width:var(--tct-data-table-expandable-row-control-column-width, var(--tct-table-expandable-row-control-column-width, var(--tct-btn-icon-width, 44px)));overflow:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([shadowed]:not([shadowed=false])) .container{box-shadow:var(--tct-data-table-shadow, var(--tct-table-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}:host([density=compact]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-compact, var(--tct-table-cell-padding-compact, var(--app-scale-1x, 5px)))}:host([density=comfortable]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-comfortable, var(--tct-table-cell-padding-comfortable, var(--app-scale-5x, 25px)))}table{table-layout:var(--tct-data-table-layout, var(--tct-table-layout, auto));border-collapse:collapse;border-spacing:0;width:var(--tct-data-table-width, var(--tct-table-width));min-width:100%;background:var(--tct-data-table-background, var(--tct-table-background, var(--t-base, #ffffff)));caption-side:var(--tct-data-table-caption-side, var(--tct-table-caption-side, bottom))}thead{border-width:var(--tct-data-table-header-border-width, var(--tct-table-header-border-width, 0 0 2px 0));border-style:var(--tct-data-table-header-border-style, var(--tct-table-header-border-style, solid));border-color:var(--tct-data-table-header-border-color, var(--tct-table-header-border-color, var(--t-gray-9, #999999)));background:var(--tct-data-table-header-background, var(--tct-table-header-background))}col.select-column{width:var(--comp-select-column-width)}col.expandable-row-control-column{width:var(--comp-expandable-row-control-column-width)}col.dropdown-column{width:var(--comp-dropdown-column-width)}:host(:is([bordered=vertical],[bordered=grid])) col{border-width:var(--tct-data-table-column-border-width, 0 1px 0 0);border-style:var(--tct-data-table-column-border-style, solid);border-color:var(--tct-data-table-column-border-color, var(--t-gray-9, #999999))}:host(:is([bordered=vertical],[bordered=grid])) col:last-child{border:none}td,th{padding:var(--comp-cell-padding);text-align:start;vertical-align:middle}td.align-end,th.align-end{text-align:end}td.align-center,th.align-center{text-align:center}td.vertical-align-top,th.vertical-align-top{vertical-align:top}td.vertical-align-bottom,th.vertical-align-bottom{vertical-align:bottom}th .header-content{font-weight:var(--tct-data-table-header-font-weight, var(--tct-table-header-font-weight, 600));font-size:var(--tct-data-table-header-font-size, var(--app-font-size, 14px))}th.sorted .header-content{font-weight:var(--tct-data-table-header-sorted-font-weight, var(--tct-table-header-sorted-font-weight, 600))}th .sorted-indicator{--comp-header-sortable-icon-size:var(--tct-data-table-header-sortable-icon-size, var(--tct-table-header-sortable-icon-size, var(--app-scale-3x, 15px)));--tct-icon-stroke-width:2;width:var(--comp-header-sortable-icon-size);height:var(--comp-header-sortable-icon-size)}th .sorted-indicator.direction-ASC{transform:rotate(180deg)}th q2-btn .header-content{display:flex;align-items:center;gap:var(--tct-data-table-header-content-gap, var(--tct-table-header-content-gap, var(--app-scale-2x, 10px)))}tr.expandable,tr.clickable{cursor:pointer}tr.expandable:focus,tr.clickable:focus{outline:none;box-shadow:none}tr.striped:nth-child(even){background:var(--tct-data-table-row-even-background, var(--t-gray-14, #f2f2f2))}tr.striped:nth-child(odd){background:var(--tct-data-table-row-odd-background, transparent)}tr.expandable:hover{background:var(--tct-data-table-expandable-row-hover-background, var(--tct-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.clickable:hover{background:var(--tct-data-table-clickable-row-hover-background, var(--tct-table-clickable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.selected{background:var(--tct-data-table-selected-row-background, var(--tct-table-selected-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded .toggle-expandable-row{transform:rotate(180deg)}:host(:is([bordered],[bordered=horizontal],[bordered=grid]):not([bordered=vertical],[bordered=false])) tbody tr{border-width:var(--tct-data-table-row-border-width, var(--tct-table-row-border-width, 0 0 1px 0));border-style:var(--tct-data-table-row-border-style, var(--tct-table-row-border-style, solid));border-color:var(--tct-data-table-row-border-color, var(--tct-table-row-border-color, var(--t-gray-9, #999999)))}tr.loading-row{background:var(--tct-data-table-loading-row-background, var(--tct-table-loading-row-background, var(--t-base, #ffffff)))}tr.loading-row td{text-align:center}tr.loading-row q2-loading{font-size:4em}tr.empty-state{background:var(--tct-data-table-loading-row-background, var(--t-base, #ffffff))}tr.empty-state td{text-align:center}tr.empty-state .empty-state-content{display:flex;flex-direction:column;align-items:center;padding-top:var(--app-scale-10x, 50px);padding-bottom:var(--app-scale-10x, 50px);gap:var(--app-scale-4x, 20px);--tct-icon-size:var(--app-scale-6x, 30px)}tr.expandable-row{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}td.clamped div{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--comp-line-clamp-count, 1);-webkit-box-orient:vertical}td.expandable-row-control-column{--tct-btn-icon-hover-bg:transparent;padding:var(--tct-data-table-expandable-row-control-column-padding, var(--tct-table-expandable-row-control-column-padding, 0 5px));text-align:center}td.dropdown-column{padding:var(--tct-data-table-dropdown-column-padding, var(--tct-table-dropdown-column-padding, 0 5px));text-align:center}td.click-column:not(.sr){padding:var(--tct-data-table-clickable-column-padding, var(--tct-table-clickable-column-padding, 0 5px));text-align:center}caption{padding:var(--tct-data-table-caption-padding, var(--tct-table-caption-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-data-table-caption-font-size, var(--tct-table-caption-font-size, inherit));font-weight:var(--tct-data-table-caption-font-weight, var(--tct-table-caption-font-weight, 600));text-align:var(--tct-data-table-caption-text-align, var(--tct-table-caption-text-align, center));color:var(--tct-data-table-caption-color, var(--tct-table-caption-color, inherit))}q2-checkbox{padding:0}";
 

package/dist/q2-tecton-elements/q2-detail.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as i } from "./index-COzomxjJ.js";
 
-import { h as l, l as s } from "./index-EcLnUn1d.js";
+import { h as l, l as s } from "./index-CkXFIBxL.js";
 
 const a = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}::slotted([slot]){display:flex;align-items:center;--tct-icon-size:var(--tct-detail-label-icon-size, 16px)}.detail{column-gap:var(--tct-detail-gap-column, var(--app-scale-1x, 5px));row-gap:var(--tct-detail-gap-row, 0px)}.detail-block{display:flex;width:100%}.detail-inline{display:flex}.detail-horizontal{align-items:var(--tct-detail-vertical-alignment, baseline);flex-direction:row}.detail-stacked{flex-direction:column}.detail-stacked-alignment-left{align-items:flex-start}.detail-stacked-alignment-right{align-items:flex-end}.label{flex:1;text-align:left;line-height:1.5;color:var(--tct-detail-label-font-color, #141430)}.label-size-xsmall{color:var(--tct-detail-label-xsmall-font-color, #6f6f82);font-size:var(--tct-detail-label-xsmall-font-size, 14px)}.label-size-small{color:var(--tct-detail-label-small-font-color);font-size:var(--tct-detail-label-small-font-size, 14px)}.label-size-medium{color:var(--tct-detail-label-medium-font-color);font-size:var(--tct-detail-label-medium-font-size, 14px)}.label-size-large{color:var(--tct-detail-label-large-font-color);font-size:var(--tct-detail-label-large-font-size, 16px)}.label-size-xlarge{color:var(--tct-detail-label-xlarge-font-color);font-size:var(--tct-detail-label-xlarge-font-size, 18px)}.label-size-inline{font-size:var(--tct-detail-label-inline-font-size, 1em);color:inherit}.description{flex:1;display:flex;align-items:center;line-height:1.5;color:var(--tct-detail-description-font-color, #141430);column-gap:var(--tct-detail-description-gap-column, var(--app-scale-1x, 5px))}.description-alignment-right{justify-content:flex-end}.description-size-xsmall{color:var(--tct-detail-description-xsmall-font-color, #6f6f82);font-size:var(--tct-detail-description-xsmall-font-size, 14px)}.description-size-small{color:var(--tct-detail-description-small-font-color);font-size:var(--tct-detail-description-small-font-size, 14px)}.description-size-medium{color:var(--tct-detail-description-medium-font-color);font-size:var(--tct-detail-description-medium-font-size, 24px)}.description-size-large{color:var(--tct-detail-description-large-font-color);font-size:var(--tct-detail-description-large-font-size, 28px)}.description-size-xlarge{color:var(--tct-detail-description-xlarge-font-color);font-size:var(--tct-detail-description-xlarge-font-size, 32px)}.description-size-inline{font-size:var(--tct-detail-description-inline-font-size, 1em);color:inherit}";
 
@@ -100,16 +100,16 @@ const o = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "90561750f346b07815d6fa42076104e9c229503d",
+      key: "0bcc193663fa2730a1da75169d29563c3a14a311",
       class: this.detailClasses
     }, this.hasLabel && e("div", {
-      key: "6ddeb20f72cc9d309a0382b55b451bc82a9986a4",
+      key: "703d7e91f10a223bfdd2f9cb6975a7c15029d450",
       class: this.labelClasses,
       "aria-describedby": !!this.description ? "label-description" : undefined
     }, !!this.label ? s(this.label) : this.hasLabelSlotContent ? e("slot", {
       name: "label"
     }) : ""), this.hasDescripiton && e("div", {
-      key: "b9fd947bd8e42a62376fa6a401e81343898193a4",
+      key: "811569a0eff620ab21ce49e8a91379c5ea06be86",
       id: "label-description",
       class: this.descriptionClasses
     }, !!this.description ? s(this.description) : this.hasDefaultSlotContent ? e("slot", null) : ""));

package/dist/q2-tecton-elements/q2-dropdown-item.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as o, h as e, g as r } from "./index-COzomxjJ.js";
 
-import { l as i, e as a, o as n } from "./index-EcLnUn1d.js";
+import { l as i, e as a, o as d } from "./index-CkXFIBxL.js";
 
 /**
  * Emits specified events from a given component context with the provided detail.
@@ -18,7 +18,7 @@ import { l as i, e as a, o as n } from "./index-EcLnUn1d.js";
   }));
 };
 
-const d = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.dropdown-separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-dropdown-item-separator-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.dropdown-item-wrapper{display:flex}.dropdown-item-button{--comp-dropdown-item-tween:var(--tct-tween-1, var(--app-tween-1, cubic-bezier(0.4, 0, 0.2, 1)));margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));min-height:var(--tct-dropdown-item-min-height, 44px);min-width:44px;border:none;background:transparent;outline:0;transition:var(--tct-dropdown-item-tween, var(--comp-dropdown-item-tween));transition-property:background, color, box-shadow, fill, border-color, border-width}.dropdown-item-button:disabled{opacity:var(--tct-dropdown-item-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}.dropdown-item{--comp-default-dropdown-item-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);flex:1;text-align:left;padding:var(--tct-dropdown-item-padding, var(--t-dropdown-item-padding, var(--comp-default-dropdown-item-padding)));background:var(--tct-dropdown-item-background, var(--tct-dropdown-item-bg, var(--t-dropdown-item-bg, var(--tct-white, var(--t-base, var(--app-white, #ffffff))))));color:var(--tct-dropdown-item-font-color, var(--t-dropdown-item-font-color, inherit));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .remove-dropdown-item:hover,:host(:not([disabled])) .remove-dropdown-item:focus,:host(:not([disabled])) .dropdown-item:hover,:host(:not([disabled])) .dropdown-item:focus{background:var(--tct-dropdown-item-hover-background, var(--tct-dropdown-item-selected-bg, var(--t-dropdown-item-selected-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))))))}:host(:not([disabled])) .dropdown-item:hover,:host(:not([disabled])) .dropdown-item:focus{color:var(--tct-dropdown-item-hover-color, var(--tct-dropdown-item-selected-font-color, var(--t-dropdown-item-selected-font-color, inherit)))}:host(:not([disabled])) .dropdown-item:focus,:host(:not([disabled])) .remove-dropdown-item:focus{box-shadow:var(--tct-dropdown-item-focus-box-shadow, var(--const-inset-double-focus-ring, inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base)))}.remove-dropdown-item{flex:0 0 44px}";
+const n = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.dropdown-separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-dropdown-item-separator-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.dropdown-item-wrapper{display:flex}.dropdown-item-button{--comp-dropdown-item-tween:var(--tct-tween-1, var(--app-tween-1, cubic-bezier(0.4, 0, 0.2, 1)));margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));min-height:var(--tct-dropdown-item-min-height, 44px);min-width:44px;border:none;background:transparent;outline:0;transition:var(--tct-dropdown-item-tween, var(--comp-dropdown-item-tween));transition-property:background, color, box-shadow, fill, border-color, border-width}.dropdown-item-button:disabled{opacity:var(--tct-dropdown-item-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}.dropdown-item{--comp-default-dropdown-item-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);flex:1;text-align:left;padding:var(--tct-dropdown-item-padding, var(--t-dropdown-item-padding, var(--comp-default-dropdown-item-padding)));background:var(--tct-dropdown-item-background, var(--tct-dropdown-item-bg, var(--t-dropdown-item-bg, var(--tct-white, var(--t-base, var(--app-white, #ffffff))))));color:var(--tct-dropdown-item-font-color, var(--t-dropdown-item-font-color, inherit));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .remove-dropdown-item:hover,:host(:not([disabled])) .remove-dropdown-item:focus,:host(:not([disabled])) .dropdown-item:hover,:host(:not([disabled])) .dropdown-item:focus{background:var(--tct-dropdown-item-hover-background, var(--tct-dropdown-item-selected-bg, var(--t-dropdown-item-selected-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))))))}:host(:not([disabled])) .dropdown-item:hover,:host(:not([disabled])) .dropdown-item:focus{color:var(--tct-dropdown-item-hover-color, var(--tct-dropdown-item-selected-font-color, var(--t-dropdown-item-selected-font-color, inherit)))}:host(:not([disabled])) .dropdown-item:focus,:host(:not([disabled])) .remove-dropdown-item:focus{box-shadow:var(--tct-dropdown-item-focus-box-shadow, var(--const-inset-double-focus-ring, inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base)))}.remove-dropdown-item{flex:0 0 44px}";
 
 const s = class {
   constructor(e) {
@@ -65,7 +65,7 @@ const s = class {
   }
   componentDidLoad() {
     if (this.separator) return;
-    n(this.hostElement);
+    d(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -147,7 +147,7 @@ const s = class {
   }
 };
 
-s.style = d;
+s.style = n;
 
 export { s as q2_dropdown_item };
 //# sourceMappingURL=q2-dropdown-item.entry.esm.js.map

package/dist/q2-tecton-elements/q2-dropdown.entry.js

@@ -2,7 +2,7 @@ import { r as t, h as i, F as e, g as o } from "./index-COzomxjJ.js";
 
 import { s as n, a as s } from "./action-sheet-D3xPdhm8.js";
 
-import { o as r, a, w as d, d as h, e as l, l as c } from "./index-EcLnUn1d.js";
+import { o as r, a, w as d, d as h, e as l, l as c } from "./index-CkXFIBxL.js";
 
 const p = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-flex}:host([block]){display:block}q2-icon{pointer-events:none;margin-block:-100px}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";
 

package/dist/q2-tecton-elements/q2-editable-field.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as s } from "./index-COzomxjJ.js";
 
-import { e as a, o as n, a as r, w as h, l } from "./index-EcLnUn1d.js";
+import { e as a, o as n, a as r, w as h, l } from "./index-CkXFIBxL.js";
 
 const d = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}:host([block]){display:block;width:100%}:host([block]) .q2-editable-field-wrapper:not([hidden]){display:grid;grid-template-columns:1fr auto auto}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 1 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}";
 

package/dist/q2-tecton-elements/q2-example.entry.js

@@ -128,7 +128,7 @@ const a = class {
   }
   render() {
     return n(o, {
-      key: "dbe4a678c04f60cc08aabd47cc9fa3871265e0f0",
+      key: "8139598dfeeceeaef460ad83acae011c3badbebb",
       attribute: "navigation"
     }, this.renderMenuInner());
   }

package/dist/q2-tecton-elements/q2-file-picker.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, F as r, g as o } from "./index-COzomxjJ.js";
 
-import { l as a, h as s } from "./index-EcLnUn1d.js";
+import { l as a, h as s } from "./index-CkXFIBxL.js";
 
 const n = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@keyframes growFromCenterFadeIn{from{transform:scaleX(0.75) scaleY(0.75);opacity:0}to{transform:scaleX(1) scaleY(1);opacity:1}}@keyframes shrinkToCenterFadeOut{from{transform:scaleX(1) scaleY(1);opacity:1}to{transform:scaleX(0.75) scaleY(0.75);opacity:0}}:host{--comp-default-file-picker-margin:var(--tct-file-picker-margin-top, var(--t-file-picker-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-file-picker-margin-bottom, var(--t-file-picker-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-file-picker-margin, var(--comp-default-file-picker-margin))}.browse{text-align:left}.drop-zone-text{color:var(--tct-file-picker-drop-zone-text-color, var(--t-gray-6, #4d4d4d));font-size:var(--tct-file-picker-drop-zone-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-browse-link-font-weight, 700);margin-bottom:0;margin-top:var(--tct-file-picker-drop-zone-text-margin-top, var(--app-scale-2x, 10px))}.description{color:var(--tct-file-picker-description-text-color, var(--t-gray-1, #0d0d0d));font-size:var(--tct-file-picker-description-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-description-font-weight, 400);text-align:var(--tct-file-picker-description-text-align, left)}.drop-zone{align-items:center;background-color:var(--tct-file-picker-drop-zone-background, var(--t-tertiary, #e8f5fc));border-color:var(--tct-file-picker-drop-zone-border-color, var(--t-gray-8, #808080));border-radius:var(--tct-file-picker-drop-zone-border-radius, var(--app-border-radius-2, 6px));border-style:var(--tct-file-picker-drop-zone-border-style, dashed);border-width:var(--tct-file-picker-drop-zone-border-width, 2px);color:var(--tct-file-picker-drop-zone-color, #747474);display:flex;flex-direction:column;font-size:var(--tct-file-picker-drop-zone-font-size, --app-font-size, 14px);font-weight:var(--tct-file-picker-drop-zone-font-weight, 400);height:var(--tct-file-picker-drop-zone-height, 150px);justify-content:center;max-width:var(--tct-file-picker-drop-zone-max-width, 640px);min-width:var(--tct-file-picker-drop-zone-min-width, 320px);padding:var(--tct-file-picker-drop-zone-padding, 20px);text-align:center;width:var(--tct-file-picker-drop-zone-width, 100%)}.drop-zone-highlighted{background-color:var(--tct-file-picker-drop-zone-highlighted-background, var(--tertiary-d-1, #bee1f6));border-color:var(--tct-file-picker-drop-zone-highlighted-border, var(--t-gray-8, #808080))}.fade-in{animation-fill-mode:both;animation-play-state:running;animation:growFromCenterFadeIn 0.2s ease-in}.fade-out{animation:shrinkToCenterFadeOut 0.1s ease-out;animation-play-state:running;animation-fill-mode:both}.file-item{--tct-btn-icon-border-radius:4px;--tct-btn-neutral-text-active-font-color:var(--tct-file-picker-item-close-btn-active-color, var(--t-gray-1, #0d0d0d));--tct-btn-neutral-text-focus-visible-outer-ring-color:var(--tct-file-picker-item-close-btn-color, var(--t-gray-1, #0d0d0d));--tct-btn-neutral-text-font-color:var(--tct-file-picker-item-close-btn-color, var(--t-gray-1, #0d0d0d));--tct-btn-neutral-text-hover-outer-ring-color:var(--tct-file-picker-item-close-btn-hover-focus-ring-color, var(--t-gray-1, #0d0d0d));--tct-btn-icon-padding:0;--tct-icon-stroke-primary:var(--tct-file-picker-item-close-btn-color, var(--t-gray-1, #0d0d0d));--tct-item-body-font-size:var(--tct-file-picker-item-font-size, var(--app-font-size-small, 12px));--tct-item-body-font-weight:var(--tct-file-picker-item-font-weight, 400);--tct-item-border-radius:var(--tct-file-picker-item-border-radius, var(--app-border-radius-3, 12px));--tct-item-border:var(--tct-file-picker-item-border-width, 1px) solid var(--tct-file-picker-item-border-color, var(--t-gray-8, #808080));--tct-item-header-color:var(--tct-file-picker-item-name-color, var(--t-gray-1, #0d0d0d));--tct-item-header-font-size:var(--tct-file-picker-item-name-font-size, var(--app-font-size-small, 12px));--tct-item-header-font-weight:var(--tct-file-picker-item-name-font-weight, 400);--tct-item-padding:var(--tct-file-picker-item-padding, var(--app-scale-1x, 5px) var(--app-scale-2x, 10px));text-align:left}.file-item-info{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.file-item-loading{font-size:var(--tct-file-picker-file-item-loading-size, var(--app-scale-6x, 30px));margin-bottom:calc(var(--tct-file-picker-file-item-loading-margin-bottom, var(--app-scale-6x, 30px)) / 8.57);margin-left:calc(var(--tct-file-picker-file-item-loading-margin-bottom, var(--app-scale-1x, 5px)) / 2)}.file-list{--tct-list-item-gap:var(--tct-file-picker-section-gap, var(--app-scale-3x, 15px))}.file-list-container{max-height:var(--tct-file-picker-list-max-height, 190px);max-width:var(--tct-file-picker-drop-zone-max-width, 640px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tct-file-picker-scrollbar-color, var(--t-a11y-gray-color, #949494)) transparent}.file-picker{display:flex;flex-direction:column;gap:var(--tct-file-picker-file-item-gap, var(--app-scale-3x, 15px))}.heading{display:flex;flex-direction:column;gap:var(--tct-file-picker-heading-gap, var(--app-scale-1x, 5px));justify-content:space-between}.icon-success,.icon-error{--tct-icon-size:var(--tct-file-picker-file-item-icon-size, var(--app-scale-6x, 30px));--tct-icon-stroke-width:2px}.label{color:var(--tct-file-picker-label-color, var(--t-gray-1, #0d0d0d));display:inline-block;font-size:var(--tct-file-picker-label-font-size, var(--app-font-size, 14px));font-weight:var(--tct-file-picker-label-font-weight, 600);text-align:var(--tct-file-picker-label-text-align, left)}.loading{font-size:var(--tct-file-picker-loading-size, var(--app-scale-6x, 25px))}.loading-file{color:var(--tct-file-picker-loading-file-color, var(--t-gray-1, #0d0d0d));font-size:var(--tct-file-picker-loading-file-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-loading-file-font-weight, 400);margin:0}.loading-message{color:var(--tct-file-picker-loading-message-color, var(--t-gray-1, #0d0d0d));font-size:var(--tct-file-picker-loading-message-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-file-picker-loading-message-font-weight, 700);margin-bottom:var(--tct-file-picker-loading-message-margin-bottom, var(--app-scale-2x, 10px));margin-top:var(--tct-file-picker-loading-message-margin-top, var(--app-scale-2x, 10px))}.dismiss-button{height:30px;width:30px}.dismiss-button:hover{--tct-icon-stroke-primary:var(--tct-file-picker-item-close-btn-hover-color, var(--t-gray-1, #0d0d0d))}[slot=action]{display:flex;align-items:center}";
 

package/dist/q2-tecton-elements/q2-form.entry.js

@@ -1,21 +1,21 @@
-import { r as a, h as o } from "./index-COzomxjJ.js";
+import { r as o, h as a } from "./index-COzomxjJ.js";
 
 const n = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.container{--tct-input-margin:var(--comp-spacing);--tct-select-margin:var(--comp-spacing);--tct-calendar-margin:var(--comp-spacing);--tct-file-picker-margin:var(--comp-spacing);--tct-textarea-margin:var(--comp-spacing);--tct-checkbox-group-margin:var(--comp-spacing);--tct-radio-group-margin:var(--comp-spacing)}:host([spacing=none]) .container{--comp-spacing-none:var(--app-scale-0x, 0px);--comp-spacing:var(--tct-form-spacing-none, var(--comp-spacing-none) 0)}:host([spacing=compact]) .container{--comp-spacing-compact:var(--app-scale-3x, 15px);--comp-spacing:var(--tct-form-spacing-compact, var(--comp-spacing-compact) 0)}:host(:not([spacing]),[spacing=normal]) .container{--comp-spacing-normal:var(--app-scale-5x, 25px);--comp-spacing:var(--tct-form-spacing-normal, var(--comp-spacing-normal) 0)}:host([spacing=comfortable]) .container{--comp-spacing-comfortable:var(--app-scale-7x, 35px);--comp-spacing:var(--tct-form-spacing-comfortable, var(--comp-spacing-comfortable) 0)}";
 
 const c = class {
-  constructor(o) {
-    a(this, o);
+  constructor(a) {
+    o(this, a);
     // #region Public Property API
     /** Changes the vertical spacing of the form-fields contained within the component's slot */    this.spacing = "normal";
   }
   // #endregion
   // #region Render Methods
   render() {
-    return o("div", {
-      key: "6e0a67a4fed55809b56ecff76c213a299f6e27bd",
+    return a("div", {
+      key: "2cb63c515c7df055a3549d04135d235dd2055738",
       class: "container"
-    }, o("slot", {
-      key: "da7ac7244b4953d28ed6382dd1a09cc97b4a6f3e"
+    }, a("slot", {
+      key: "a50bf633942f06fbce47d945ec7a05eeefa7bb8c"
     }));
   }
 };

package/dist/q2-tecton-elements/q2-formatted-text.entry.js

@@ -54,11 +54,11 @@ const o = class {
   render() {
     const {formattedTextClasses: t} = this;
     return e("div", {
-      key: "0af18c53d8fa788cabd68b542c60d8fee98c632c",
+      key: "08fe8c32d469d77afdb886addcced59c6a6edbcc",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "ac6995260060b2120c61f90a9b72a194256464a1"
+      key: "6f5031262bf199f7887eb0b1f9ef1d8f920a29fc"
     }, this.formattedValue));
   }
   static get watchers() {

package/dist/q2-tecton-elements/q2-item.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as o } from "./index-COzomxjJ.js";
 
-import { o as i, h as a } from "./index-EcLnUn1d.js";
+import { o as i, h as a } from "./index-CkXFIBxL.js";
 
 const r = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-0, 0))}:host([clickable]){cursor:pointer;--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)))}:host([clickable]) .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-hover-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-box-shadow:var(--tct-btn-primary-active-background, #0063a0);--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)}:host([clickable]) .item:hover{box-shadow:var(--comp-hover-box-shadow)}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}.action{--tct-btn-icon-height:var(--tct-item-action-icon-height, var(--app-scale-6x, 30px));--tct-btn-icon-width:var(--tct-item-action-icon-width, var(--app-scale-6x, 30px));--tct-icon-size:var(--tct-item-action-icon-size, var(--app-scale-6x, 30px));--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;--tct-radio-margin:0;align-items:var(--tct-item-action-align-items, center);display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.body{color:var(--tct-item-body-color, var(--t-textA, #747474));font-size:var(--tct-item-body-font-size, var(--app-font-size, 14px));font-weight:var(--tct-item-body-font-weight, 400)}.bullet{--tct-avatar-fallback-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-fallback-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));--tct-avatar-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));grid-column:1;grid-row-start:1;grid-row-end:3;padding-top:var(--tct-item-bullet-padding-top, var(--app-scale-1x, 5px));text-align:center}.bullet-no-footer{grid-row-end:2}.footer{grid-column-start:2;grid-column-end:4;grid-row:2}.footer-no-action-nor-bullet{grid-column-start:1;grid-column-end:2}.footer-no-action{grid-column-start:2;grid-column-end:3}.footer-no-bullet{grid-column-start:1;grid-column-end:3}.header{color:var(--tct-item-header-color, var(--t-text, #4d4d4d));font-size:var(--tct-item-header-font-size, 16px);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{border:var(--tct-item-border);border-radius:var(--comp-border-radius);transition:var(--comp-btn-tween);transition-property:box-shadow;column-gap:var(--tct-item-horizontal-spacing, var(--app-scale-3x, 15px));display:grid;grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto);grid-template-rows:auto auto;padding:var(--tct-item-padding, 0);row-gap:var(--tct-item-vertical-spacing, var(--app-scale-2x, 10px))}.item-no-action-nor-bullet{grid-template-columns:auto}.item-no-action{grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto)}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}";
 
@@ -105,44 +105,44 @@ const n = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "2015b72a464a4e00f230346b2a489ceff4a54c29",
+      key: "08a587185c34120e68180f895ab2215690b60d47",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasBulletSlotContent && e("div", {
-      key: "80ca5a99e4ed48642e9317d90d1b2c10ef2abb1d",
+      key: "aa22c21e529627bdc9a8bd1d051d5bc0a71cf7fe",
       class: this.bulletClasses
     }, e("slot", {
-      key: "c003029f7e9e2a4cc2cdbf8bf3b703fea1a5695d",
+      key: "ed4c95f3575e0c29741362d71b97ac96723b3c1d",
       name: "bullet"
     })), e("div", {
-      key: "b23360e11fcfb503e0e8b7b43444b9215e6bf4fb",
+      key: "1849799748426614b745d319975c0aed176c833a",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "4d2a10fd775a99bd20f74f32a807663437d02ed7",
+      key: "48f1d8dc3f6964ed477a9bf701472b6aef2e1c61",
       class: "header"
     }, e("slot", {
-      key: "ca33c7c643cb85b62182287dcf5e0b492c556b81",
+      key: "56d44d2f2815680cb83029eb1c94aad044ec8587",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "e7025885261f72fec0ba71138823ddddc3b84a29",
+      key: "ccf87d287aa96aa19ed660c8981438101fc07970",
       class: "body"
     }, e("slot", {
-      key: "03b7a73d6cb914e138290432f1e3f787c87f05a2",
+      key: "15206b3bceb3c5cef08f9ec402a99aeaf821c23f",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "98c8e1a5820b41ab057cd1c12f1be3024e075c43",
+      key: "a9811f241c3fa24ba3549f76cf8fc84220908a51",
       class: this.actionClasses
     }, e("slot", {
-      key: "49c4e26ae2ca7f740449f8814e1f585fbd050580",
+      key: "230157dd2f7770afdb80e496bc3edf44cc319376",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "5d16e5288913b82f8210c182c1c8a652b68e6081",
+      key: "78a32601c0100a9a5402acb1ee87f5d4130a9218",
       class: this.footerClasses
     }, e("slot", {
-      key: "ad2f03ea4f392d8f77e5ef05c3fd44da1697b9d7",
+      key: "7859ff351ff4a78fe66edfa4106a2a24026e1abd",
       name: "footer"
     })));
   }

package/dist/q2-tecton-elements/q2-legend.entry.js

@@ -104,10 +104,10 @@ const s = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "66e4ccb575b62f7edcac0c9719ec3f9bafb13986",
+      key: "6cbca1e406e026c0379c4c78c84b2419d390fa02",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "a68ddc95d0df289d79e759f87eb2cab065bd869c"
+      key: "3e60fc46d73443c251fa80d861c14afc74c58898"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

package/dist/q2-tecton-elements/q2-link_2.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as i, h as e, g as n } from "./index-COzomxjJ.js";
 
-import { h as o } from "./index-EcLnUn1d.js";
+import { h as o } from "./index-CkXFIBxL.js";
 
 const r = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host:active{box-shadow:none}.link-container{--comp-link-font-bold-stroke-width:0.5px;background:transparent;border:none;font-size:var(--tct-link-font-size, inherit);font-weight:var(--tct-link-font-weight, inherit)}.link-container.standalone{--comp-icon-stroke:var(--tct-link-icon-stroke-width, 1.5)}.link-container.standalone .link{border-radius:var(--tct-link-border-radius, 0);color:var(--tct-link-color-standalone, var(--t-primary));min-height:var(--tct-link-min-height, 24px);display:flex;align-items:center;--tct-icon-size:16px;text-decoration:none}.link-container.standalone .link q2-icon{margin-left:var(--tct-link-label-icon-gap, 6px)}.link-container.standalone:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link-container.standalone:active:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link-container.standalone:active:hover .link{color:var(--tct-link-color-standalone-active, var(--t-primary-d2));box-shadow:none}.link-container.standalone.disabled .link{cursor:not-allowed;color:var(--tct-link-color-standalone-disabled, var(--t-primary));opacity:0.5;text-decoration:none}.link-container.standalone.disabled:hover{text-decoration:none}.link-container.inline{margin:0 var(--tct-link-side-margin, 6px);text-decoration:underline;color:var(--tct-link-color-inline, var(--t-primary))}.link-container.inline:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width))}.link-container.inline:active:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));color:var(--tct-link-color-inline-active, var(--t-primary-d2));box-shadow:none}.link-container.inline.disabled{cursor:not-allowed;opacity:0.5}.link-container.inline:focus-visible .link-container.inline{box-shadow:var(--const-double-focus-ring)}";
 
@@ -144,23 +144,23 @@ const l = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "0127843578136af5612cd28849271444031ef95e",
+      key: "74234b4bc68ca3c0e63c622af9eaade59b44b239",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "f5a78209b587bfbf1d822756055c1eb454e30790",
+      key: "ff805a8585078d37bb43e75330e71990070247ee",
       class: this.headerClasses
     }, e("div", {
-      key: "cb1a1fdb7bffc7ced2b69c4d0bbe50acc37cd04a",
+      key: "ff56a645a4f050e7658152458be560f59ca76b41",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "f6d23acc3a93d5a88f6c347ca465f983ba5373cc",
+      key: "796cb86fadeaf260749a71d6dcf9461fb73cca4d",
       name: "filter"
     })), e("div", {
-      key: "cd1a2e5b31fbe8c833f08a055262a82a287b4e52",
+      key: "0a1041e850f030ee5512999ee4302fc5b0f363c1",
       role: "list"
     }, e("slot", {
-      key: "b46a25bf9fc7615c15870dfd91a246f246b869da"
+      key: "83f2668d9c22f7a3cdbe452b341316fa079cd4ee"
     })));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-loc.entry.js

@@ -1,6 +1,6 @@
 import { r as t, g as s } from "./index-COzomxjJ.js";
 
-import { l as i } from "./index-EcLnUn1d.js";
+import { l as i } from "./index-CkXFIBxL.js";
 
 const e = class {
   constructor(s) {