@cds/core 5.7.0 → 6.0.0-beta.2

package/internal/controllers/layer.controller.d.ts

@@ -0,0 +1,24 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * LayerController provides manage layer tracking for components. Ensures any component
+ * that may be a layer on top of other components is given a ordered index relative
+ * to other existing layers on the page.
+ *
+ * This makes layer tracking easier for CSS, such as targeting the top or bottom
+ * layer element or setting a z-index ordering.
+ */
+export declare function layer<T extends ReactiveElement>(): ClassDecorator;
+export declare class LayerController<T extends ReactiveElement> implements ReactiveController {
+    private host;
+    private observer;
+    constructor(host: T);
+    get isActiveLayer(): boolean;
+    get layerIndex(): number | null;
+    private get layers();
+    private set layers(value);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private updateLayer;
+    private addLayer;
+    private removeLayer;
+}

package/internal/controllers/layer.controller.js

@@ -0,0 +1,2 @@
+import{listenForAttributeChange as t}from"../utils/events.js";import{GlobalStateService as e}from"../services/global.service.js";function s(){return t=>{t.addInitializer((t=>{t.layerController||(t.layerController=new r(t))}))}}class r{constructor(t){this.host=t,this.host.addController(this)}get isActiveLayer(){return this.layers[this.layers.length-1]===this.host}get layerIndex(){const t=this.layers.indexOf(this.host);return-1===t?null:t}get layers(){return[...e.state.layerElements]}set layers(t){e.state.layerElements=[...t]}hostConnected(){this.host.hasAttribute("_demo-mode")||(this.updateLayer(),this.observer=t(this.host,"hidden",(()=>this.updateLayer())))}hostDisconnected(){this.observer?.disconnect(),this.removeLayer()}updateLayer(){this.host.hasAttribute("hidden")?this.removeLayer():this.addLayer(),this.layers.forEach(((t,e)=>t.setAttribute("cds-layer",""+e)))}addLayer(){this.layers.find((t=>this.host===t))||(this.layers=[...this.layers,this.host],"true"===this.host.ariaModal&&(this.layers.filter((t=>"true"===t.ariaModal)).forEach((t=>t.role="region")),this.host.role="dialog"))}removeLayer(){this.layers=this.layers.filter((t=>t!==this.host)),this.host.removeAttribute("cds-layer");const t=this.layers.find((t=>"true"===t.ariaModal));t&&(t.role="dialog")}}export{r as LayerController,s as layer};
+//# sourceMappingURL=layer.controller.js.map

package/internal/controllers/layer.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.controller.js","sources":["../../../../src/internal/controllers/layer.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { listenForAttributeChange } from '../utils/events.js';\nimport { GlobalStateService } from '../services/global.service.js';\n/**\n * LayerController provides manage layer tracking for components. Ensures any component\n * that may be a layer on top of other components is given a ordered index relative\n * to other existing layers on the page.\n *\n * This makes layer tracking easier for CSS, such as targeting the top or bottom\n * layer element or setting a z-index ordering.\n */\nexport function layer() {\n    return (target) => {\n        target.addInitializer((instance) => {\n            if (!instance.layerController) {\n                instance.layerController = new LayerController(instance);\n            }\n        });\n    };\n}\nexport class LayerController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    get isActiveLayer() {\n        return this.layers[this.layers.length - 1] === this.host;\n    }\n    get layerIndex() {\n        const index = this.layers.indexOf(this.host);\n        return index === -1 ? null : index;\n    }\n    get layers() {\n        return [...GlobalStateService.state.layerElements];\n    }\n    set layers(layers) {\n        GlobalStateService.state.layerElements = [...layers];\n    }\n    hostConnected() {\n        if (!this.host.hasAttribute('_demo-mode')) {\n            this.updateLayer();\n            this.observer = listenForAttributeChange(this.host, 'hidden', () => this.updateLayer());\n        }\n    }\n    hostDisconnected() {\n        this.observer?.disconnect();\n        this.removeLayer();\n    }\n    updateLayer() {\n        if (this.host.hasAttribute('hidden')) {\n            this.removeLayer();\n        }\n        else {\n            this.addLayer();\n        }\n        this.layers.forEach((layer, i) => layer.setAttribute('cds-layer', `${i}`));\n    }\n    addLayer() {\n        if (!this.layers.find(layer => this.host === layer)) {\n            this.layers = [...this.layers, this.host];\n            // We do this so that screen-readers can make their way through nested/layered overlays.\n            // It sets a virtual cursor trap on the top-most overlay.\n            if (this.host.ariaModal === 'true') {\n                this.layers.filter(layer => layer.ariaModal === 'true').forEach(layer => (layer.role = 'region'));\n                this.host.role = 'dialog';\n            }\n        }\n    }\n    removeLayer() {\n        this.layers = this.layers.filter(layer => layer !== this.host);\n        this.host.removeAttribute('cds-layer');\n        const nextModal = this.layers.find(layer => layer.ariaModal === 'true');\n        if (nextModal) {\n            nextModal.role = 'dialog';\n        }\n    }\n}\n"],"names":["layer","target","addInitializer","instance","layerController","LayerController","constructor","host","this","addController","isActiveLayer","layers","length","layerIndex","index","indexOf","GlobalStateService","state","layerElements","hostConnected","hasAttribute","updateLayer","observer","listenForAttributeChange","hostDisconnected","disconnect","removeLayer","addLayer","forEach","i","setAttribute","find","ariaModal","filter","role","removeAttribute","nextModal"],"mappings":"iIAeO,SAASA,IACZ,OAAQC,IACJA,EAAOC,gBAAgBC,IACdA,EAASC,kBACVD,EAASC,gBAAkB,IAAIC,EAAgBF,QAKxD,MAAME,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAExBE,oBACA,OAAOF,KAAKG,OAAOH,KAAKG,OAAOC,OAAS,KAAOJ,KAAKD,KAEpDM,iBACA,MAAMC,EAAQN,KAAKG,OAAOI,QAAQP,KAAKD,MACvC,OAAkB,IAAXO,EAAe,KAAOA,EAE7BH,aACA,MAAO,IAAIK,EAAmBC,MAAMC,eAEpCP,WAAOA,GACPK,EAAmBC,MAAMC,cAAgB,IAAIP,GAEjDQ,gBACSX,KAAKD,KAAKa,aAAa,gBACxBZ,KAAKa,cACLb,KAAKc,SAAWC,EAAyBf,KAAKD,KAAM,UAAU,IAAMC,KAAKa,iBAGjFG,mBACIhB,KAAKc,UAAUG,aACfjB,KAAKkB,cAETL,cACQb,KAAKD,KAAKa,aAAa,UACvBZ,KAAKkB,cAGLlB,KAAKmB,WAETnB,KAAKG,OAAOiB,SAAQ,CAAC5B,EAAO6B,IAAM7B,EAAM8B,aAAa,YAAa,GAAGD,KAEzEF,WACSnB,KAAKG,OAAOoB,MAAK/B,GAASQ,KAAKD,OAASP,MACzCQ,KAAKG,OAAS,IAAIH,KAAKG,OAAQH,KAAKD,MAGR,SAAxBC,KAAKD,KAAKyB,YACVxB,KAAKG,OAAOsB,QAAOjC,GAA6B,SAApBA,EAAMgC,YAAsBJ,SAAQ5B,GAAUA,EAAMkC,KAAO,WACvF1B,KAAKD,KAAK2B,KAAO,WAI7BR,cACIlB,KAAKG,OAASH,KAAKG,OAAOsB,QAAOjC,GAASA,IAAUQ,KAAKD,OACzDC,KAAKD,KAAK4B,gBAAgB,aAC1B,MAAMC,EAAY5B,KAAKG,OAAOoB,MAAK/B,GAA6B,SAApBA,EAAMgC,YAC9CI,IACAA,EAAUF,KAAO"}

package/internal/controllers/responsive.controller.d.ts

@@ -0,0 +1,19 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+interface ResponsiveConfig {
+    skipFirst?: boolean;
+    element?: HTMLElement;
+}
+/**
+ * Provides a `cdsResizeChange` event when component dimensions are resized
+ */
+export declare function responsive<T extends ReactiveElement>(config?: ResponsiveConfig): ClassDecorator;
+export declare class ResponsiveController<T extends ReactiveElement> implements ReactiveController {
+    private host;
+    private observer;
+    private resizeElement;
+    private skipFirst;
+    constructor(host: T, config?: ResponsiveConfig);
+    hostConnected(): Promise<void>;
+    hostDisconnected(): void;
+}
+export {};

package/internal/controllers/responsive.controller.js

@@ -0,0 +1,2 @@
+function t(t={skipFirst:!1}){return e=>e.addInitializer((e=>new s(e,t)))}class s{constructor(t,s={skipFirst:!1}){this.host=t,this.skipFirst=!1,this.host.addController(this),this.skipFirst=!!s.skipFirst,this.resizeElement=s.element?s.element:this.host}async hostConnected(){await this.host.updateComplete,this.observer=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{this.skipFirst?this.skipFirst=!1:(this.host.dispatchEvent(new CustomEvent("cdsResizeChange",{detail:t[0].contentRect})),this.host.requestUpdate())}))})),this.observer.observe(this.resizeElement)}hostDisconnected(){this.observer?.disconnect()}}export{s as ResponsiveController,t as responsive};
+//# sourceMappingURL=responsive.controller.js.map

package/internal/controllers/responsive.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.controller.js","sources":["../../../../src/internal/controllers/responsive.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * Provides a `cdsResizeChange` event when component dimensions are resized\n */\nexport function responsive(config = { skipFirst: false }) {\n    return (target) => target.addInitializer((instance) => new ResponsiveController(instance, config));\n}\nexport class ResponsiveController {\n    constructor(host, config = { skipFirst: false }) {\n        this.host = host;\n        this.skipFirst = false;\n        this.host.addController(this);\n        this.skipFirst = !!config.skipFirst;\n        this.resizeElement = config.element ? config.element : this.host;\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.observer = new ResizeObserver(entries => {\n            window.requestAnimationFrame(() => {\n                if (this.skipFirst) {\n                    this.skipFirst = false;\n                }\n                else {\n                    this.host.dispatchEvent(new CustomEvent('cdsResizeChange', { detail: entries[0].contentRect }));\n                    this.host.requestUpdate();\n                }\n            });\n        });\n        this.observer.observe(this.resizeElement);\n    }\n    hostDisconnected() {\n        this.observer?.disconnect();\n    }\n}\n"],"names":["responsive","config","skipFirst","target","addInitializer","instance","ResponsiveController","constructor","host","this","addController","resizeElement","element","async","updateComplete","observer","ResizeObserver","entries","window","requestAnimationFrame","dispatchEvent","CustomEvent","detail","contentRect","requestUpdate","observe","hostDisconnected","disconnect"],"mappings":"AAQO,SAASA,EAAWC,EAAS,CAAEC,WAAW,IAC7C,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAqBD,EAAUJ,KAEvF,MAAMK,EACTC,YAAYC,EAAMP,EAAS,CAAEC,WAAW,IACpCO,KAAKD,KAAOA,EACZC,KAAKP,WAAY,EACjBO,KAAKD,KAAKE,cAAcD,MACxBA,KAAKP,YAAcD,EAAOC,UAC1BO,KAAKE,cAAgBV,EAAOW,QAAUX,EAAOW,QAAUH,KAAKD,KAEhEK,4BACUJ,KAAKD,KAAKM,eAChBL,KAAKM,SAAW,IAAIC,gBAAeC,IAC/BC,OAAOC,uBAAsB,KACrBV,KAAKP,UACLO,KAAKP,WAAY,GAGjBO,KAAKD,KAAKY,cAAc,IAAIC,YAAY,kBAAmB,CAAEC,OAAQL,EAAQ,GAAGM,eAChFd,KAAKD,KAAKgB,uBAItBf,KAAKM,SAASU,QAAQhB,KAAKE,eAE/Be,mBACIjB,KAAKM,UAAUY"}

package/internal/controllers/scrollable-list-visibility.controller.d.ts

@@ -0,0 +1,13 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * List items default to `content-visibility: auto` for lazy initial render.
+ * On scroll set all row items to `content-visibility: visible` for eager render.
+ * This allows fast first render and smooth eager rendering anytime after for items within a bounded scroll box.
+ */
+export declare function scrollableVisibility<T extends ReactiveElement>(): ClassDecorator;
+export declare class ScrollableVisibilityController<T extends ReactiveElement> implements ReactiveController {
+    private host;
+    private get root();
+    constructor(host: T);
+    hostConnected(): Promise<void>;
+}

package/internal/controllers/scrollable-list-visibility.controller.js

@@ -0,0 +1,2 @@
+function t(){return t=>t.addInitializer((t=>new o(t)))}class o{constructor(t){this.host=t,this.host.addController(this)}get root(){return this.host.shadowRoot?this.host.shadowRoot:this.host}async hostConnected(){await this.host.updateComplete,this.root.addEventListener("scroll",(()=>this.host.style.setProperty("--row-content-visibility","visibile")),{once:!0,capture:!0})}}export{o as ScrollableVisibilityController,t as scrollableVisibility};
+//# sourceMappingURL=scrollable-list-visibility.controller.js.map

package/internal/controllers/scrollable-list-visibility.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollable-list-visibility.controller.js","sources":["../../../../src/internal/controllers/scrollable-list-visibility.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n/**\n * List items default to `content-visibility: auto` for lazy initial render.\n * On scroll set all row items to `content-visibility: visible` for eager render.\n * This allows fast first render and smooth eager rendering anytime after for items within a bounded scroll box.\n */\nexport function scrollableVisibility() {\n    return (target) => target.addInitializer((instance) => new ScrollableVisibilityController(instance));\n}\nexport class ScrollableVisibilityController {\n    constructor(host) {\n        this.host = host;\n        this.host.addController(this);\n    }\n    get root() {\n        return this.host.shadowRoot ? this.host.shadowRoot : this.host;\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.root.addEventListener('scroll', () => this.host.style.setProperty('--row-content-visibility', 'visibile'), {\n            once: true,\n            capture: true,\n        });\n    }\n}\n"],"names":["scrollableVisibility","target","addInitializer","instance","ScrollableVisibilityController","constructor","host","this","addController","root","shadowRoot","async","updateComplete","addEventListener","style","setProperty","once","capture"],"mappings":"AAUO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAA+BD,KAEvF,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKD,KAAKE,cAAcD,MAExBE,WACA,OAAOF,KAAKD,KAAKI,WAAaH,KAAKD,KAAKI,WAAaH,KAAKD,KAE9DK,4BACUJ,KAAKD,KAAKM,eAChBL,KAAKE,KAAKI,iBAAiB,UAAU,IAAMN,KAAKD,KAAKQ,MAAMC,YAAY,2BAA4B,aAAa,CAC5GC,MAAM,EACNC,SAAS"}

package/internal/controllers/touch.controller.d.ts

@@ -0,0 +1,22 @@
+import { ReactiveElement, ReactiveController } from 'lit';
+export declare type Touch = ReactiveElement;
+/**
+ * @internal Provides all nessesary events for basic touch gestures
+ *
+ * @event cdsTouchStart
+ * @event cdsTouchMove
+ * @event cdsTouchEnd
+ */
+export declare function touch<T extends Touch>(): ClassDecorator;
+export declare class TouchController<T extends Touch> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    private startPosition;
+    private moveHandler;
+    private endHandler;
+    hostConnected(): Promise<void>;
+    private start;
+    private end;
+    private move;
+    private getCoordinates;
+}

package/internal/controllers/touch.controller.js

@@ -0,0 +1,2 @@
+import{getOffesetDifference as t}from"../utils/math.js";function e(){return t=>t.addInitializer((t=>new s(t)))}class s{constructor(t){this.host=t,this.moveHandler=this.move.bind(this),this.endHandler=this.end.bind(this),this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.host.addEventListener("pointerdown",(t=>this.start(t)),{passive:!0})}start(t){t.path.find((t=>t===this.host))&&(this.startPosition={x:t.clientX,y:t.clientY},document.addEventListener("pointerup",this.endHandler,{passive:!0}),document.addEventListener("pointermove",this.moveHandler,{passive:!0}),this.host.dispatchEvent(new CustomEvent("cdsTouchStart",{detail:{...this.startPosition}})))}end(t){if(this.startPosition){const e=this.getCoordinates(t);document.removeEventListener("pointerup",this.endHandler,!1),document.removeEventListener("pointermove",this.moveHandler,!1),this.host.dispatchEvent(new CustomEvent("cdsTouchEnd",{detail:e}))}}move(t){requestAnimationFrame((()=>{const e=this.getCoordinates(t);this.startPosition={x:t.clientX,y:t.clientY},this.host.dispatchEvent(new CustomEvent("cdsTouchMove",{detail:e}))}))}getCoordinates(e){return{x:e.clientX,y:e.clientY,offsetX:t(this.startPosition.x,e.clientX),offsetY:t(this.startPosition.y,e.clientY)}}}export{s as TouchController,e as touch};
+//# sourceMappingURL=touch.controller.js.map

package/internal/controllers/touch.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"touch.controller.js","sources":["../../../../src/internal/controllers/touch.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { getOffesetDifference } from '../utils/math.js';\n/**\n * @internal Provides all nessesary events for basic touch gestures\n *\n * @event cdsTouchStart\n * @event cdsTouchMove\n * @event cdsTouchEnd\n */\nexport function touch() {\n    return (target) => target.addInitializer((instance) => new TouchController(instance));\n}\nexport class TouchController {\n    constructor(host) {\n        this.host = host;\n        this.moveHandler = this.move.bind(this);\n        this.endHandler = this.end.bind(this);\n        this.host.addController(this);\n    }\n    async hostConnected() {\n        await this.host.updateComplete;\n        this.host.addEventListener('pointerdown', (e) => this.start(e), { passive: true });\n    }\n    start(e) {\n        if (e.path.find((el) => el === this.host)) {\n            this.startPosition = { x: e.clientX, y: e.clientY };\n            document.addEventListener('pointerup', this.endHandler, { passive: true });\n            document.addEventListener('pointermove', this.moveHandler, { passive: true });\n            this.host.dispatchEvent(new CustomEvent('cdsTouchStart', { detail: { ...this.startPosition } }));\n        }\n    }\n    end(e) {\n        if (this.startPosition) {\n            const detail = this.getCoordinates(e);\n            document.removeEventListener('pointerup', this.endHandler, false);\n            document.removeEventListener('pointermove', this.moveHandler, false);\n            this.host.dispatchEvent(new CustomEvent('cdsTouchEnd', { detail }));\n        }\n    }\n    move(e) {\n        requestAnimationFrame(() => {\n            const detail = this.getCoordinates(e);\n            this.startPosition = { x: e.clientX, y: e.clientY };\n            this.host.dispatchEvent(new CustomEvent('cdsTouchMove', { detail }));\n        });\n    }\n    getCoordinates(e) {\n        return {\n            x: e.clientX,\n            y: e.clientY,\n            offsetX: getOffesetDifference(this.startPosition.x, e.clientX),\n            offsetY: getOffesetDifference(this.startPosition.y, e.clientY),\n        };\n    }\n}\n"],"names":["touch","target","addInitializer","instance","TouchController","constructor","host","this","moveHandler","move","bind","endHandler","end","addController","async","updateComplete","addEventListener","e","start","passive","path","find","el","startPosition","x","clientX","y","clientY","document","dispatchEvent","CustomEvent","detail","getCoordinates","removeEventListener","requestAnimationFrame","offsetX","getOffesetDifference","offsetY"],"mappings":"wDAaO,SAASA,IACZ,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAgBD,KAExE,MAAMC,EACTC,YAAYC,GACRC,KAAKD,KAAOA,EACZC,KAAKC,YAAcD,KAAKE,KAAKC,KAAKH,MAClCA,KAAKI,WAAaJ,KAAKK,IAAIF,KAAKH,MAChCA,KAAKD,KAAKO,cAAcN,MAE5BO,4BACUP,KAAKD,KAAKS,eAChBR,KAAKD,KAAKU,iBAAiB,eAAgBC,GAAMV,KAAKW,MAAMD,IAAI,CAAEE,SAAS,IAE/ED,MAAMD,GACEA,EAAEG,KAAKC,MAAMC,GAAOA,IAAOf,KAAKD,SAChCC,KAAKgB,cAAgB,CAAEC,EAAGP,EAAEQ,QAASC,EAAGT,EAAEU,SAC1CC,SAASZ,iBAAiB,YAAaT,KAAKI,WAAY,CAAEQ,SAAS,IACnES,SAASZ,iBAAiB,cAAeT,KAAKC,YAAa,CAAEW,SAAS,IACtEZ,KAAKD,KAAKuB,cAAc,IAAIC,YAAY,gBAAiB,CAAEC,OAAQ,IAAKxB,KAAKgB,mBAGrFX,IAAIK,GACA,GAAIV,KAAKgB,cAAe,CACpB,MAAMQ,EAASxB,KAAKyB,eAAef,GACnCW,SAASK,oBAAoB,YAAa1B,KAAKI,YAAY,GAC3DiB,SAASK,oBAAoB,cAAe1B,KAAKC,aAAa,GAC9DD,KAAKD,KAAKuB,cAAc,IAAIC,YAAY,cAAe,CAAEC,OAAAA,MAGjEtB,KAAKQ,GACDiB,uBAAsB,KAClB,MAAMH,EAASxB,KAAKyB,eAAef,GACnCV,KAAKgB,cAAgB,CAAEC,EAAGP,EAAEQ,QAASC,EAAGT,EAAEU,SAC1CpB,KAAKD,KAAKuB,cAAc,IAAIC,YAAY,eAAgB,CAAEC,OAAAA,QAGlEC,eAAef,GACX,MAAO,CACHO,EAAGP,EAAEQ,QACLC,EAAGT,EAAEU,QACLQ,QAASC,EAAqB7B,KAAKgB,cAAcC,EAAGP,EAAEQ,SACtDY,QAASD,EAAqB7B,KAAKgB,cAAcG,EAAGT,EAAEU"}

package/internal/controllers/trigger.controller.d.ts

@@ -0,0 +1,31 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export declare type Triggerable = ReactiveElement & {
+    trigger?: HTMLElement;
+};
+/**
+ * The TriggerController will track the last known interacted element
+ * when the host component was created or shown. This is used for when a component
+ * needs to know the element that "triggered" the interaction.
+ *
+ * Examples include, popover types, closable types and draggable types.
+ */
+export declare function triggerable<T extends Triggerable>(config?: {
+    focus: boolean;
+}): ClassDecorator;
+export declare class TriggerController<T extends Triggerable> implements ReactiveController {
+    private host;
+    private config;
+    private observer;
+    constructor(host: T, config?: {
+        focus: boolean;
+    });
+    private activeElement;
+    private _current;
+    get current(): HTMLElement;
+    private _prev;
+    get prev(): HTMLElement;
+    hostConnected(): Promise<void>;
+    hostUpdate(): void;
+    hostDisconnected(): void;
+    private focusCurrent;
+}

package/internal/controllers/trigger.controller.js

@@ -0,0 +1,2 @@
+import{listenForAttributeChange as t}from"../utils/events.js";import{getActiveElement as s}from"../utils/focus.js";function e(t={focus:!0}){return s=>s.addInitializer((s=>new r(s,t)))}class r{constructor(t,e={focus:!0}){this.host=t,this.config=e,this.activeElement=s(),this.host.addController(this)}get current(){return this.host.trigger?this._current:this.activeElement}get prev(){return this._prev}async hostConnected(){this.observer=t(this.host,"hidden",(()=>{const t=s();!this.host.hidden&&t?this.activeElement=t:this.focusCurrent()}))}hostUpdate(){this._current!==this.host.trigger&&(this._prev=this._current,this._current=this.host.trigger?this.host.trigger:this.activeElement)}hostDisconnected(){this.focusCurrent(),this.observer?.disconnect()}focusCurrent(){this.config.focus&&this.current?.focus()}}export{r as TriggerController,e as triggerable};
+//# sourceMappingURL=trigger.controller.js.map

package/internal/controllers/trigger.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.controller.js","sources":["../../../../src/internal/controllers/trigger.controller.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { listenForAttributeChange } from '../utils/events.js';\nimport { getActiveElement } from '../utils/focus.js';\n/**\n * The TriggerController will track the last known interacted element\n * when the host component was created or shown. This is used for when a component\n * needs to know the element that \"triggered\" the interaction.\n *\n * Examples include, popover types, closable types and draggable types.\n */\nexport function triggerable(config = { focus: true }) {\n    return (target) => target.addInitializer((instance) => new TriggerController(instance, config));\n}\nexport class TriggerController {\n    constructor(host, config = { focus: true }) {\n        this.host = host;\n        this.config = config;\n        this.activeElement = getActiveElement();\n        this.host.addController(this);\n    }\n    get current() {\n        return this.host.trigger ? this._current : this.activeElement;\n    }\n    get prev() {\n        return this._prev;\n    }\n    async hostConnected() {\n        this.observer = listenForAttributeChange(this.host, 'hidden', () => {\n            const activeElement = getActiveElement();\n            if (!this.host.hidden && activeElement) {\n                this.activeElement = activeElement;\n            }\n            else {\n                this.focusCurrent();\n            }\n        });\n    }\n    hostUpdate() {\n        if (this._current !== this.host.trigger) {\n            this._prev = this._current;\n            this._current = this.host.trigger ? this.host.trigger : this.activeElement;\n        }\n    }\n    hostDisconnected() {\n        this.focusCurrent();\n        this.observer?.disconnect();\n    }\n    focusCurrent() {\n        if (this.config.focus) {\n            this.current?.focus();\n        }\n    }\n}\n"],"names":["triggerable","config","focus","target","addInitializer","instance","TriggerController","constructor","host","this","activeElement","getActiveElement","addController","current","trigger","_current","prev","_prev","async","observer","listenForAttributeChange","hidden","focusCurrent","hostUpdate","hostDisconnected","disconnect"],"mappings":"mHAcO,SAASA,EAAYC,EAAS,CAAEC,OAAO,IAC1C,OAAQC,GAAWA,EAAOC,gBAAgBC,GAAa,IAAIC,EAAkBD,EAAUJ,KAEpF,MAAMK,EACTC,YAAYC,EAAMP,EAAS,CAAEC,OAAO,IAChCO,KAAKD,KAAOA,EACZC,KAAKR,OAASA,EACdQ,KAAKC,cAAgBC,IACrBF,KAAKD,KAAKI,cAAcH,MAExBI,cACA,OAAOJ,KAAKD,KAAKM,QAAUL,KAAKM,SAAWN,KAAKC,cAEhDM,WACA,OAAOP,KAAKQ,MAEhBC,sBACIT,KAAKU,SAAWC,EAAyBX,KAAKD,KAAM,UAAU,KAC1D,MAAME,EAAgBC,KACjBF,KAAKD,KAAKa,QAAUX,EACrBD,KAAKC,cAAgBA,EAGrBD,KAAKa,kBAIjBC,aACQd,KAAKM,WAAaN,KAAKD,KAAKM,UAC5BL,KAAKQ,MAAQR,KAAKM,SAClBN,KAAKM,SAAWN,KAAKD,KAAKM,QAAUL,KAAKD,KAAKM,QAAUL,KAAKC,eAGrEc,mBACIf,KAAKa,eACLb,KAAKU,UAAUM,aAEnBH,eACQb,KAAKR,OAAOC,OACZO,KAAKI,SAASX"}

package/internal/decorators/animate.d.ts

@@ -1,2 +1,2 @@
-import { PropertyDrivenAnimation } from '../motion/interfaces.js';
-export declare function animate(config: PropertyDrivenAnimation): <T extends new (...args: any[]) => any>(constr: T) => T;
+import { AnimatableElement, PropertyDrivenAnimation } from '../motion/interfaces.js';
+export declare function animate(config: PropertyDrivenAnimation): <T extends new (...args: any[]) => AnimatableElement>(constructor: T) => T;

package/internal/decorators/animate.js

@@ -1,2 +1,2 @@
-import{PRIVATE_ANIMATION_STATUS_ATTR_NAME as t,AnimationStatus as e}from"../motion/interfaces.js";import{runPropertyAnimations as o}from"../motion/utils.js";function i(i){return function(r){const s=r;return class extends s{updated(r){super.updated(r);const s=this;s._animations=i||void 0,s.hasAttribute(t)?s.hasAttribute("_demo-mode")||o(r,s):s.setAttribute(t,e.ready)}}}}export{i as animate};
+import{PRIVATE_ANIMATION_STATUS_ATTR_NAME as t,AnimationStatus as i}from"../motion/interfaces.js";import{runPropertyAnimations as o}from"../motion/utils.js";function e(e){return function(n){return class extends n{constructor(){super(...arguments);this._animationReady=!1,this._animationDemoMode=!1,this._animations=e}updated(e){if(super.updated(e),!this._animationReady&&!this.hasAttribute(t))return this.setAttribute(t,i.ready),void(this._animationReady=!0);!0===this._animationDemoMode||this.hasAttribute("_demo-mode")?this._animationDemoMode=!0:o(e,this)}}}}export{e as animate};
 //# sourceMappingURL=animate.js.map

package/internal/decorators/animate.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { AnimationStatus, PRIVATE_ANIMATION_STATUS_ATTR_NAME, } from '../motion/interfaces.js';\nimport { runPropertyAnimations } from '../motion/utils.js';\n// https://www.typescriptlang.org/docs/handbook/decorators.html#class-decorators\nexport function animate(config) {\n    return function _DecoratorName(constr) {\n        const _constr = constr;\n        return class extends _constr {\n            updated(props) {\n                super.updated(props);\n                const self = this;\n                self._animations = config || void 0;\n                if (!self.hasAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME)) {\n                    self.setAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME, AnimationStatus.ready);\n                }\n                else if (!self.hasAttribute('_demo-mode')) {\n                    // ignore if element has the _demo-mode attribute set; _demo-mode is used for docs, static examples, and stories\n                    runPropertyAnimations(props, self);\n                }\n            }\n        };\n    };\n}\n"],"names":["animate","config","constr","_constr","updated","props","super","self","this","_animations","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","runPropertyAnimations","setAttribute","AnimationStatus","ready"],"mappings":"6JAQO,SAASA,EAAQC,GACpB,OAAO,SAAwBC,GAC3B,MAAMC,EAAUD,EAChB,OAAO,cAAcC,EACjBC,QAAQC,GACJC,MAAMF,QAAQC,GACd,MAAME,EAAOC,KACbD,EAAKE,YAAcR,QAAU,EACxBM,EAAKG,aAAaC,GAGbJ,EAAKG,aAAa,eAExBE,EAAsBP,EAAOE,GAJ7BA,EAAKM,aAAaF,EAAoCG,EAAgBC"}
+{"version":3,"file":"animate.js","sources":["../../../../src/internal/decorators/animate.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { AnimationStatus, PRIVATE_ANIMATION_STATUS_ATTR_NAME, } from '../motion/interfaces.js';\nimport { runPropertyAnimations } from '../motion/utils.js';\n// decorator factory that extends the component constructor to inject animations code into it\nexport function animate(config) {\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    return function _animationDecorator(constructor) {\n        return class extends constructor {\n            constructor() {\n                super(...arguments);\n                this._animationReady = false;\n                this._animationDemoMode = false;\n                this._animations = config;\n            }\n            updated(props) {\n                super.updated(props);\n                if (!this._animationReady && !this.hasAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME)) {\n                    // this prevents animations from loading onpageload\n                    this.setAttribute(PRIVATE_ANIMATION_STATUS_ATTR_NAME, AnimationStatus.ready);\n                    this._animationReady = true;\n                    return;\n                }\n                if (this._animationDemoMode === true || this.hasAttribute('_demo-mode')) {\n                    // ignore if element has the _demo-mode attribute set;\n                    // _demo-mode is used for docs, static examples, and stories\n                    // _demo-mode is not intended for external use\n                    this._animationDemoMode = true;\n                    return;\n                }\n                runPropertyAnimations(props, this);\n            }\n        };\n    };\n}\n"],"names":["animate","config","constructor","super","this","_animationReady","_animationDemoMode","_animations","updated","props","hasAttribute","PRIVATE_ANIMATION_STATUS_ATTR_NAME","setAttribute","AnimationStatus","ready","runPropertyAnimations"],"mappings":"6JAQO,SAASA,EAAQC,GAEpB,OAAO,SAA6BC,GAChC,OAAO,cAAcA,EACjBA,cACIC,oBACAC,KAAKC,iBAAkB,EACvBD,KAAKE,oBAAqB,EAC1BF,KAAKG,YAAcN,EAEvBO,QAAQC,GAEJ,GADAN,MAAMK,QAAQC,IACTL,KAAKC,kBAAoBD,KAAKM,aAAaC,GAI5C,OAFAP,KAAKQ,aAAaD,EAAoCE,EAAgBC,YACtEV,KAAKC,iBAAkB,IAGK,IAA5BD,KAAKE,oBAA+BF,KAAKM,aAAa,cAItDN,KAAKE,oBAAqB,EAG9BS,EAAsBN,EAAOL"}

package/internal/decorators/element.d.ts

@@ -1,19 +1,16 @@
+import { Constructor, ClassDescriptor } from './utils.js';
+/**
+ * @experimental
+ * experimental decorator, waiting on Angular issue to be resolved https://github.com/angular/angular/issues/31495
+ * Class decorator factory that defines the decorated class as a custom element.
+ *
+ * ```
+ * @customElement('my-element')
+ * class MyElement {
+ *   render() {
+ *     return html``;
+ *   }
+ * }
+ * ```
+ */
 export declare const customElement: (tagName: string) => (classOrDescriptor: Constructor<HTMLElement> | ClassDescriptor) => any;
-interface ClassDescriptor {
-    kind: 'class';
-    elements: ClassElement[];
-    finisher?: <T>(classDef: Constructor<T>) => undefined | Constructor<T>;
-}
-interface ClassElement {
-    kind: 'field' | 'method';
-    key: PropertyKey;
-    placement: 'static' | 'prototype' | 'own';
-    initializer?: any;
-    extras?: ClassElement[];
-    finisher?: <T>(classDef: Constructor<T>) => undefined | Constructor<T>;
-    descriptor?: PropertyDescriptor;
-}
-export declare type Constructor<T> = {
-    new (...args: any[]): T;
-};
-export {};

package/internal/decorators/element.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as t}from"../utils/registration.js";import{classLegacyDecorator as o,classStandardDecorator as i}from"./utils.js";const r=r=>s=>"function"==typeof s?o(r,s,((o,i)=>t(o,i))):i(r,s,((o,i)=>t(o,i)));export{r as customElement};
+//# sourceMappingURL=element.js.map

package/internal/decorators/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sources":["../../../../src/internal/decorators/element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from './../utils/registration.js';\nimport { classLegacyDecorator, classStandardDecorator } from './utils.js';\n/**\n * @experimental\n * experimental decorator, waiting on Angular issue to be resolved https://github.com/angular/angular/issues/31495\n * Class decorator factory that defines the decorated class as a custom element.\n *\n * ```\n * @customElement('my-element')\n * class MyElement {\n *   render() {\n *     return html``;\n *   }\n * }\n * ```\n */\nexport const customElement = (tagName) => (classOrDescriptor) => {\n    return typeof classOrDescriptor === 'function'\n        ? classLegacyDecorator(tagName, classOrDescriptor, (tagName, classDef) => registerElementSafely(tagName, classDef))\n        : classStandardDecorator(tagName, classOrDescriptor, (tagName, classDef) => registerElementSafely(tagName, classDef));\n};\n"],"names":["customElement","tagName","classOrDescriptor","classLegacyDecorator","classDef","registerElementSafely","classStandardDecorator"],"mappings":"+IAqBY,MAACA,EAAiBC,GAAaC,GACH,mBAAtBA,EACRC,EAAqBF,EAASC,GAAmB,CAACD,EAASG,IAAaC,EAAsBJ,EAASG,KACvGE,EAAuBL,EAASC,GAAmB,CAACD,EAASG,IAAaC,EAAsBJ,EAASG"}

package/internal/decorators/i18n.d.ts

@@ -1,3 +1,12 @@
+import { LitElement } from 'lit';
+/**
+ * This decorator stores the i18n strings in a private variable __i18n.
+ * Due to TypeScript decorators being dynamic a type cast is needed here.
+ */
+declare type I18nElement = LitElement & {
+    __i18n: Record<string, unknown>;
+    __i18nKey: string;
+};
 /**
  * A property decorator which accesses a set of string values for use
  * inside the element's template. The values can be overridden at runtime
@@ -15,3 +24,10 @@
  *
  */
 export declare function i18n(): (protoOrDescriptor: any, name: string) => any;
+export declare function getI18nValues(values: Record<string, unknown>, component: I18nElement): Record<string, unknown>;
+export declare function getI18nUpdateStrategy(newKey: string, oldKey: string, newValues: Record<string, unknown>, oldValues: Record<string, unknown>): {
+    values?: object;
+    key?: string;
+    update: boolean;
+};
+export {};

package/internal/decorators/i18n.js

@@ -1,2 +1,2 @@
-import{property as e}from"lit/decorators/property.js";import{GlobalStateService as t}from"../services/global.service.js";import{I18nService as n}from"../services/i18n.service.js";function i(){return(i,s)=>{const r=i.connectedCallback,c=i.disconnectedCallback;i.connectedCallback=function(){i.__i18nSub=t.stateUpdates.subscribe((e=>{"i18nRegistry"===e.key&&this.requestUpdate(s)})),r&&r.apply(this)},i.disconnectedCallback=function(){i.__i18nSub.unsubscribe(),c&&c.apply(this)};const o={get(){return{...n.keys[this.__i18nKey],...this.__i18n}},set(e){this.__i18nKey=Object.keys(n.keys).find((t=>n.keys[t]===e)),this.__i18nKey||(this.__i18n=e)},enumerable:!0,configurable:!0};return void 0!==s?function(t,n,i){const s=Object.defineProperty(n,i,t);return e({type:Object,attribute:"cds-i18n"})(s,i)}(o,i,s):function(t,n){const i={kind:"method",placement:"prototype",key:n.key,descriptor:t};return e({type:Object})(i)}(o,i)}}export{i as i18n};
+import{property as e}from"./property.js";import{GlobalStateService as t}from"../services/global.service.js";import{I18nService as i}from"../services/i18n.service.js";import{mergeObjects as s,isNilOrEmpty as n,objectNaiveDeepEquals as r}from"../utils/identity.js";import{LogService as c}from"../services/log.service.js";function o(){return(n,r)=>{const c=n.connectedCallback,o=n.disconnectedCallback;n.connectedCallback=function(){n.__i18nSub=t.stateUpdates.subscribe((e=>{"i18nRegistry"===e.key&&this.requestUpdate(r)})),c&&c.apply(this)},n.disconnectedCallback=function(){n.__i18nSub.unsubscribe(),o&&o.apply(this)};const d={get(){const e=s(i.keys[this.__i18nKey],this.__i18n||{});return i.hydrate(e,this)},set(e){const t=u(e,this),s=a(i.findKey(t)||"",this.__i18nKey,t,this.__i18n);void 0!==s.key&&(this.__i18nKey=s.key+""),void 0!==s.values&&(this.__i18n={...s.values}),!0===s.update&&this.requestUpdate(),this.requestUpdate(r)},enumerable:!0,configurable:!0};return void 0!==r?function(t,i,s){const n=Object.defineProperty(i,s,t);return e({type:Object,attribute:"cds-i18n"})(n,s)}(d,n,r):function(t,i){const s={kind:"method",placement:"prototype",key:i.key,descriptor:t};return e({type:Object})(s)}(d,n)}}function u(e,t){if(n(e)){let e={};if(t.hasAttribute("cds-i18n")){const i=t.getAttribute("cds-i18n")+"";if(n(i))e={};else try{e=JSON.parse(i)}catch{c.warn("Clarity i18n: Invalid JSON passed to cds-i18n"),e={}}}return e}return e}function a(e,t,i,s){return n(e)?r(i,s)?{update:!1}:{update:!0,values:i}:e===t?{update:!1,values:{}}:{update:!0,key:e,values:{}}}export{a as getI18nUpdateStrategy,u as getI18nValues,o as i18n};
 //# sourceMappingURL=i18n.js.map

package/internal/decorators/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sources":["../../../../src/internal/decorators/i18n.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { property } from 'lit/decorators/property.js';\nimport { GlobalStateService } from '../services/global.service.js';\nimport { I18nService } from '../services/i18n.service.js';\n// Legacy TS Decorator\nfunction legacyI18n(descriptor, protoOrDescriptor, name) {\n    const desc = Object.defineProperty(protoOrDescriptor, name, descriptor);\n    return property({ type: Object, attribute: 'cds-i18n' })(desc, name);\n}\n// TC39 Decorators proposal\nfunction standardI18n(descriptor, element) {\n    const desc = {\n        kind: 'method',\n        placement: 'prototype',\n        key: element.key,\n        descriptor,\n    };\n    return property({ type: Object })(desc);\n}\n/**\n * A property decorator which accesses a set of string values for use\n * inside the element's template. The values can be overridden at runtime\n * by changing the property value that's reflected through the attribute value.\n *\n * @example\n *\n *     class MyElement {\n *       @i18n()\n *       i18n = {\n *         \"open\" : \"Open my element\",\n *         \"close\" : \"Close my element\"\n *       };\n *     }\n *\n */\nexport function i18n() {\n    return (protoOrDescriptor, name) => {\n        const targetConnectedCallback = protoOrDescriptor.connectedCallback;\n        const targetDisconnectedCallback = protoOrDescriptor.disconnectedCallback;\n        function connectedCallback() {\n            protoOrDescriptor.__i18nSub = GlobalStateService.stateUpdates.subscribe(update => {\n                if (update.key === 'i18nRegistry') {\n                    this.requestUpdate(name);\n                }\n            });\n            if (targetConnectedCallback) {\n                targetConnectedCallback.apply(this);\n            }\n        }\n        function disconnectedCallback() {\n            protoOrDescriptor.__i18nSub.unsubscribe();\n            if (targetDisconnectedCallback) {\n                targetDisconnectedCallback.apply(this);\n            }\n        }\n        protoOrDescriptor.connectedCallback = connectedCallback;\n        protoOrDescriptor.disconnectedCallback = disconnectedCallback;\n        const descriptor = {\n            get() {\n                return { ...I18nService.keys[this.__i18nKey], ...this.__i18n };\n            },\n            set(value) {\n                this.__i18nKey = Object.keys(I18nService.keys).find(key => I18nService.keys[key] === value);\n                if (!this.__i18nKey) {\n                    this.__i18n = value;\n                }\n            },\n            enumerable: true,\n            configurable: true,\n        };\n        return name !== undefined\n            ? legacyI18n(descriptor, protoOrDescriptor, name)\n            : standardI18n(descriptor, protoOrDescriptor);\n    };\n}\n"],"names":["i18n","protoOrDescriptor","name","targetConnectedCallback","connectedCallback","targetDisconnectedCallback","disconnectedCallback","__i18nSub","GlobalStateService","stateUpdates","subscribe","update","key","this","requestUpdate","apply","unsubscribe","descriptor","get","I18nService","keys","__i18nKey","__i18n","set","value","Object","find","enumerable","configurable","undefined","desc","defineProperty","property","type","attribute","legacyI18n","element","kind","placement","standardI18n"],"mappings":"mLAuCO,SAASA,IACZ,MAAO,CAACC,EAAmBC,KACvB,MAAMC,EAA0BF,EAAkBG,kBAC5CC,EAA6BJ,EAAkBK,qBAiBrDL,EAAkBG,kBAhBlB,WACIH,EAAkBM,UAAYC,EAAmBC,aAAaC,WAAUC,IACjD,iBAAfA,EAAOC,KACPC,KAAKC,cAAcZ,MAGvBC,GACAA,EAAwBY,MAAMF,OAUtCZ,EAAkBK,qBAPlB,WACIL,EAAkBM,UAAUS,cACxBX,GACAA,EAA2BU,MAAMF,OAKzC,MAAMI,EAAa,CACfC,MACI,MAAO,IAAKC,EAAYC,KAAKP,KAAKQ,cAAeR,KAAKS,SAE1DC,IAAIC,GACAX,KAAKQ,UAAYI,OAAOL,KAAKD,EAAYC,MAAMM,MAAKd,GAAOO,EAAYC,KAAKR,KAASY,IAChFX,KAAKQ,YACNR,KAAKS,OAASE,IAGtBG,YAAY,EACZC,cAAc,GAElB,YAAgBC,IAAT3B,EAjEf,SAAoBe,EAAYhB,EAAmBC,GAC/C,MAAM4B,EAAOL,OAAOM,eAAe9B,EAAmBC,EAAMe,GAC5D,OAAOe,EAAS,CAAEC,KAAMR,OAAQS,UAAW,YAApCF,CAAkDF,EAAM5B,GAgErDiC,CAAWlB,EAAYhB,EAAmBC,GA7DxD,SAAsBe,EAAYmB,GAC9B,MAAMN,EAAO,CACTO,KAAM,SACNC,UAAW,YACX1B,IAAKwB,EAAQxB,IACbK,WAAAA,GAEJ,OAAOe,EAAS,CAAEC,KAAMR,QAAjBO,CAA2BF,GAuDxBS,CAAatB,EAAYhB"}
+{"version":3,"file":"i18n.js","sources":["../../../../src/internal/decorators/i18n.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { property } from './property.js';\nimport { GlobalStateService } from '../services/global.service.js';\nimport { I18nService } from '../services/i18n.service.js';\nimport { isNilOrEmpty, mergeObjects, objectNaiveDeepEquals } from '../utils/identity.js';\nimport { LogService } from '../services/log.service.js';\n// Legacy TS Decorator\nfunction legacyI18n(descriptor, protoOrDescriptor, name) {\n    // NOTE: ALWAYS GOES HERE IN STORYBOOK (A.K.A. TS RUNTIME)\n    const desc = Object.defineProperty(protoOrDescriptor, name, descriptor);\n    return property({ type: Object, attribute: 'cds-i18n' })(desc, name);\n    // NOTE: REFLECT DOES NOTHING FOR US HERE\n}\n// TC39 Decorators proposal\nfunction standardI18n(descriptor, element) {\n    const desc = {\n        kind: 'method',\n        placement: 'prototype',\n        key: element.key,\n        descriptor,\n    };\n    return property({ type: Object })(desc);\n}\n/**\n * A property decorator which accesses a set of string values for use\n * inside the element's template. The values can be overridden at runtime\n * by changing the property value that's reflected through the attribute value.\n *\n * @example\n *\n *     class MyElement {\n *       @i18n()\n *       i18n = {\n *         \"open\" : \"Open my element\",\n *         \"close\" : \"Close my element\"\n *       };\n *     }\n *\n */\nexport function i18n() {\n    return (protoOrDescriptor, name) => {\n        const targetConnectedCallback = protoOrDescriptor.connectedCallback;\n        const targetDisconnectedCallback = protoOrDescriptor.disconnectedCallback;\n        function connectedCallback() {\n            protoOrDescriptor.__i18nSub = GlobalStateService.stateUpdates.subscribe(update => {\n                if (update.key === 'i18nRegistry') {\n                    this.requestUpdate(name);\n                }\n            });\n            if (targetConnectedCallback) {\n                targetConnectedCallback.apply(this);\n            }\n        }\n        function disconnectedCallback() {\n            protoOrDescriptor.__i18nSub.unsubscribe();\n            if (targetDisconnectedCallback) {\n                targetDisconnectedCallback.apply(this);\n            }\n        }\n        protoOrDescriptor.connectedCallback = connectedCallback;\n        protoOrDescriptor.disconnectedCallback = disconnectedCallback;\n        const descriptor = {\n            get() {\n                const i18nObj = mergeObjects(I18nService.keys[this.__i18nKey], this.__i18n || {});\n                return I18nService.hydrate(i18nObj, this);\n            },\n            set(value) {\n                const newValues = getI18nValues(value, this);\n                const testKey = I18nService.findKey(newValues);\n                const strat = getI18nUpdateStrategy(testKey || '', this.__i18nKey, newValues, this.__i18n);\n                if (typeof strat.key !== 'undefined') {\n                    this.__i18nKey = strat.key + '';\n                }\n                if (typeof strat.values !== 'undefined') {\n                    this.__i18n = { ...strat.values };\n                }\n                if (strat.update === true) {\n                    this.requestUpdate();\n                }\n                this.requestUpdate(name);\n            },\n            enumerable: true,\n            configurable: true,\n        };\n        return name !== undefined\n            ? legacyI18n(descriptor, protoOrDescriptor, name)\n            : standardI18n(descriptor, protoOrDescriptor);\n    };\n}\nexport function getI18nValues(values, component) {\n    if (isNilOrEmpty(values)) {\n        let returnVal = {};\n        if (component.hasAttribute('cds-i18n')) {\n            const stringVal = component.getAttribute('cds-i18n') + '';\n            if (isNilOrEmpty(stringVal)) {\n                returnVal = {};\n            }\n            else {\n                try {\n                    returnVal = JSON.parse(stringVal);\n                }\n                catch {\n                    LogService.warn('Clarity i18n: Invalid JSON passed to cds-i18n');\n                    returnVal = {};\n                }\n            }\n        }\n        return returnVal;\n    }\n    else {\n        return values;\n    }\n}\nexport function getI18nUpdateStrategy(newKey, oldKey, newValues, oldValues) {\n    if (!isNilOrEmpty(newKey)) {\n        if (newKey === oldKey) {\n            return { update: false, values: {} };\n        }\n        else {\n            return { update: true, key: newKey, values: {} };\n        }\n    }\n    else if (!objectNaiveDeepEquals(newValues, oldValues)) {\n        return { update: true, values: newValues };\n    }\n    return { update: false };\n}\n"],"names":["i18n","protoOrDescriptor","name","targetConnectedCallback","connectedCallback","targetDisconnectedCallback","disconnectedCallback","__i18nSub","GlobalStateService","stateUpdates","subscribe","update","key","this","requestUpdate","apply","unsubscribe","descriptor","get","i18nObj","mergeObjects","I18nService","keys","__i18nKey","__i18n","hydrate","set","value","newValues","getI18nValues","strat","getI18nUpdateStrategy","findKey","values","enumerable","configurable","undefined","desc","Object","defineProperty","property","type","attribute","legacyI18n","element","kind","placement","standardI18n","component","isNilOrEmpty","returnVal","hasAttribute","stringVal","getAttribute","JSON","parse","LogService","warn","newKey","oldKey","oldValues","objectNaiveDeepEquals"],"mappings":"+TA2CO,SAASA,IACZ,MAAO,CAACC,EAAmBC,KACvB,MAAMC,EAA0BF,EAAkBG,kBAC5CC,EAA6BJ,EAAkBK,qBAiBrDL,EAAkBG,kBAhBlB,WACIH,EAAkBM,UAAYC,EAAmBC,aAAaC,WAAUC,IACjD,iBAAfA,EAAOC,KACPC,KAAKC,cAAcZ,MAGvBC,GACAA,EAAwBY,MAAMF,OAUtCZ,EAAkBK,qBAPlB,WACIL,EAAkBM,UAAUS,cACxBX,GACAA,EAA2BU,MAAMF,OAKzC,MAAMI,EAAa,CACfC,MACI,MAAMC,EAAUC,EAAaC,EAAYC,KAAKT,KAAKU,WAAYV,KAAKW,QAAU,IAC9E,OAAOH,EAAYI,QAAQN,EAASN,OAExCa,IAAIC,GACA,MAAMC,EAAYC,EAAcF,EAAOd,MAEjCiB,EAAQC,EADEV,EAAYW,QAAQJ,IACW,GAAIf,KAAKU,UAAWK,EAAWf,KAAKW,aAC1D,IAAdM,EAAMlB,MACbC,KAAKU,UAAYO,EAAMlB,IAAM,SAEL,IAAjBkB,EAAMG,SACbpB,KAAKW,OAAS,IAAKM,EAAMG,UAER,IAAjBH,EAAMnB,QACNE,KAAKC,gBAETD,KAAKC,cAAcZ,IAEvBgC,YAAY,EACZC,cAAc,GAElB,YAAgBC,IAATlC,EA7Ef,SAAoBe,EAAYhB,EAAmBC,GAE/C,MAAMmC,EAAOC,OAAOC,eAAetC,EAAmBC,EAAMe,GAC5D,OAAOuB,EAAS,CAAEC,KAAMH,OAAQI,UAAW,YAApCF,CAAkDH,EAAMnC,GA2ErDyC,CAAW1B,EAAYhB,EAAmBC,GAvExD,SAAsBe,EAAY2B,GAC9B,MAAMP,EAAO,CACTQ,KAAM,SACNC,UAAW,YACXlC,IAAKgC,EAAQhC,IACbK,WAAAA,GAEJ,OAAOuB,EAAS,CAAEC,KAAMH,QAAjBE,CAA2BH,GAiExBU,CAAa9B,EAAYhB,IAGhC,SAAS4B,EAAcI,EAAQe,GAClC,GAAIC,EAAahB,GAAS,CACtB,IAAIiB,EAAY,GAChB,GAAIF,EAAUG,aAAa,YAAa,CACpC,MAAMC,EAAYJ,EAAUK,aAAa,YAAc,GACvD,GAAIJ,EAAaG,GACbF,EAAY,QAGZ,IACIA,EAAYI,KAAKC,MAAMH,GAE3B,MACII,EAAWC,KAAK,iDAChBP,EAAY,IAIxB,OAAOA,EAGP,OAAOjB,EAGR,SAASF,EAAsB2B,EAAQC,EAAQ/B,EAAWgC,GAC7D,OAAKX,EAAaS,GAQRG,EAAsBjC,EAAWgC,GAGpC,CAAEjD,QAAQ,GAFN,CAAEA,QAAQ,EAAMsB,OAAQL,GAR3B8B,IAAWC,EACJ,CAAEhD,QAAQ,EAAOsB,OAAQ,IAGzB,CAAEtB,QAAQ,EAAMC,IAAK8C,EAAQzB,OAAQ"}

package/internal/decorators/property.d.ts

@@ -1,3 +1,4 @@
+import { PropertyDeclaration } from 'lit';
 export interface CustomPropertyConfig {
     type: unknown;
     required?: 'error' | 'warning';
@@ -19,27 +20,13 @@ export declare function requirePropertyCheck(protoOrDescriptor: any, name: strin
  *
  * @ExportDecoratedItems
  */
-export declare function property(options?: PropertyConfig): (protoOrDescriptor: any, name: string) => any;
-export interface PropertyDeclaration<Type = unknown, TypeHint = unknown> {
-    noAccessor?: boolean;
-    attribute?: boolean | string;
-    type?: TypeHint;
-    reflect?: boolean;
-    converter?: ((value: string | null, type?: TypeHint) => Type) | {
-        fromAttribute?(value: string | null, type?: TypeHint): Type;
-        toAttribute?(value: Type, type?: TypeHint): unknown;
-    };
-    hasChanged?(value: Type, oldValue: Type): boolean;
-}
+export declare function property(options?: PropertyConfig): (protoOrDescriptor: any, name?: PropertyKey | undefined) => any;
 /**
  * lit @state decorator with custom defaults specific to Clarity.
  *
  * This is used for communication between internal component properties
  * that are not exposed as part of the public component API.
- *
- * A internalProperty decorator which creates a LitElement property which will
- * trigger a re-render when set but not allow the value to be updated through
- * public attributes. https://lit.dev/docs/api/decorators/#state
+ * https://lit.dev/docs/api/decorators/#state
  *
  * @ExportDecoratedItems
  */

package/internal/decorators/property.js

@@ -1,2 +1,2 @@
-import{property as t}from"lit/decorators/property.js";import{camelCaseToKebabCase as r,capitalizeFirstLetter as e,kebabCaseToPascalCase as n}from"../utils/string.js";import{LogService as i}from"../services/log.service.js";import{getAngularVersion as o,getVueVersion as u,getReactVersion as c}from"../utils/framework.js";import{isNilOrEmpty as s}from"../utils/identity.js";import{coerceBooleanProperty as a}from"../utils/dom.js";function f(t,e){switch(e?e.type:e){case Array:case Object:return{reflect:!1,...e};case String:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t||null},...e};case Number:return{reflect:!0,attribute:r(t),...e};case Boolean:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t?"":null,fromAttribute:t=>a(t)},...e};case Date:return{reflect:!1,converter:{fromAttribute:t=>new Date(t)},...e};default:return{...e}}}function l(t,a,f){const l=t.firstUpdated;t.firstUpdated=function(t){if(f&&f.required&&s(this[a])){const t=f.requiredMessage||function(t="warning",i,s){const a=s.toLocaleLowerCase();return`${e(t)}: ${i} is required to use ${a} component. Set the JS Property or HTML Attribute.\n\n`+(o()?`Angular: <${a} [${i}]="..."></${a}>\n`:"")+(u()?`Vue: <${a} :${i}="..."></${a}>\n`:"")+(c()?`React: <${n(a)} ${function(t){return t.startsWith("aria")?r(t):t}(i)}={...} />\n`:"")+`HTML: <${a} ${r(i)}="..."></${a}>\n`+`JavaScript: document.querySelector('${a}').${i} = '...';\n\n`}(f.required,a,this.tagName);if("error"===f.required)throw Error(t);i.warn(t,this)}l&&l.call(this,t)}}function m(r){return(e,n)=>(l(e,n,r),t(f(n,r))(e,n))}function p(e){return(n,i)=>{const o=f(i,e);return o&&(o.reflect=!!(null==e?void 0:e.reflect)&&e.reflect,o.reflect&&!(null==e?void 0:e.attribute)&&(o.attribute="_"+r(i))),t(o)(n,i)}}export{f as getDefaultOptions,m as property,l as requirePropertyCheck,p as state};
+import{property as t}from"lit/decorators/property.js";import{camelCaseToKebabCase as r,capitalizeFirstLetter as e,kebabCaseToPascalCase as i}from"../utils/string.js";import{LogService as n}from"../services/log.service.js";import{getAngularVersion as o,getVueVersion as u,getReactVersion as c}from"../utils/framework.js";import{isNilOrEmpty as s}from"../utils/identity.js";import{coerceBooleanProperty as a}from"../utils/dom.js";function f(t,e){switch(e?e.type:e){case Array:case Object:return{reflect:!1,...e};case String:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t||null},...e};case Number:return{reflect:!0,attribute:r(t),...e};case Boolean:return{reflect:!0,attribute:r(t),converter:{toAttribute:t=>t?"":null,fromAttribute:t=>a(t)},...e};case Date:return{reflect:!1,converter:{fromAttribute:t=>new Date(t)},...e};default:return{...e}}}function l(t,a,f){const l=t.firstUpdated;t.firstUpdated=function(t){if(f&&f.required&&s(this[a])){const t=f.requiredMessage||function(t="warning",n,s){const a=s.toLocaleLowerCase();return`${e(t)}: ${n} is required to use ${a} component. Set the JS Property or HTML Attribute.\n\n`+(o()?`Angular: <${a} [${n}]="..."></${a}>\n`:"")+(u()?`Vue: <${a} :${n}="..."></${a}>\n`:"")+(c()?`React: <${i(a)} ${function(t){return t.startsWith("aria")?r(t):t}(n)}={...} />\n`:"")+`HTML: <${a} ${r(n)}="..."></${a}>\n`+`JavaScript: document.querySelector('${a}').${n} = '...';\n\n`}(f.required,a,this.tagName);if("error"===f.required)throw Error(t);n.warn(t,this)}l&&l.call(this,t)}}function m(r){return(e,i)=>(r?.required&&l(e,i,r),t(f(i,r))(e,i))}function p(e){return(i,n)=>{const o=f(n,e);return o&&(o.reflect=!!e?.reflect&&e.reflect,o.reflect&&!e?.attribute&&(o.attribute="_"+r(n))),t(o)(i,n)}}export{f as getDefaultOptions,m as property,l as requirePropertyCheck,p as state};
 //# sourceMappingURL=property.js.map

package/internal/decorators/property.js.map

@@ -1 +1 @@
-{"version":3,"file":"property.js","sources":["../../../../src/internal/decorators/property.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { property as _property } from 'lit/decorators/property.js';\nimport { camelCaseToKebabCase, kebabCaseToPascalCase, capitalizeFirstLetter } from '../utils/string.js';\nimport { LogService } from '../services/log.service.js';\nimport { getAngularVersion, getReactVersion, getVueVersion } from '../utils/framework.js';\nimport { isNilOrEmpty } from '../utils/identity.js';\nimport { coerceBooleanProperty } from '../utils/dom.js';\n/**\n * https://developers.google.com/web/fundamentals/web-components/best-practices\n */\nexport function getDefaultOptions(propertyKey, options) {\n    const type = options ? options.type : options;\n    switch (type) {\n        case Array:\n            return { reflect: false, ...options };\n        case Object:\n            return { reflect: false, ...options };\n        case String:\n            return {\n                reflect: true,\n                attribute: camelCaseToKebabCase(propertyKey),\n                converter: {\n                    toAttribute: (value) => (value ? value : null),\n                },\n                ...options,\n            };\n        case Number:\n            return { reflect: true, attribute: camelCaseToKebabCase(propertyKey), ...options };\n        case Boolean:\n            return {\n                reflect: true,\n                attribute: camelCaseToKebabCase(propertyKey),\n                converter: {\n                    // Mimic standard HTML boolean attributes + support \"false\" attribute values\n                    // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes\n                    toAttribute: (value) => (value ? '' : null),\n                    fromAttribute: (value) => coerceBooleanProperty(value),\n                },\n                ...options,\n            };\n        case Date: {\n            return {\n                // Parse date strings from attributes but do not reflect back into attribute\n                reflect: false,\n                converter: {\n                    fromAttribute: (value) => new Date(value),\n                },\n                ...options,\n            };\n        }\n        default:\n            return { ...options };\n    }\n}\nexport function requirePropertyCheck(protoOrDescriptor, name, options) {\n    const targetFirstUpdated = protoOrDescriptor.firstUpdated;\n    function firstUpdated(props) {\n        if (options && options.required && isNilOrEmpty(this[name])) {\n            const message = options.requiredMessage || getRequiredMessage(options.required, name, this.tagName);\n            if (options.required === 'error') {\n                throw new Error(message);\n            }\n            else {\n                LogService.warn(message, this);\n            }\n        }\n        if (targetFirstUpdated) {\n            targetFirstUpdated.apply(this, [props]);\n        }\n    }\n    protoOrDescriptor.firstUpdated = firstUpdated;\n}\n/**\n * In React, DOM attributes and properties are camelCase, except for aria- and data- attributes\n * https://reactjs.org/docs/dom-elements.html\n *\n * This will format aria attributes as kebab case, otherwise returning the original property name\n */\nfunction getReactPropertyName(propertyName) {\n    if (propertyName.startsWith('aria')) {\n        return camelCaseToKebabCase(propertyName);\n    }\n    return propertyName;\n}\nfunction getRequiredMessage(level = 'warning', propertyName, tagName) {\n    const tag = tagName.toLocaleLowerCase();\n    return (`${capitalizeFirstLetter(level)}: ${propertyName} is required to use ${tag} component. Set the JS Property or HTML Attribute.\\n\\n` +\n        `${getAngularVersion() ? `Angular: <${tag} [${propertyName}]=\"...\"></${tag}>\\n` : ''}` +\n        `${getVueVersion() ? `Vue: <${tag} :${propertyName}=\"...\"></${tag}>\\n` : ''}` +\n        `${getReactVersion() ? `React: <${kebabCaseToPascalCase(tag)} ${getReactPropertyName(propertyName)}={...} />\\n` : ''}` +\n        `${`HTML: <${tag} ${camelCaseToKebabCase(propertyName)}=\"...\"></${tag}>\\n`}` +\n        `${`JavaScript: document.querySelector('${tag}').${propertyName} = '...';\\n\\n`}`);\n}\n/**\n * lit @property decorator with custom defaults specific to Clarity.\n * https://lit.dev/docs/components/properties/\n *\n * A property decorator which creates a LitElement property which reflects a\n * corresponding attribute value. A PropertyDeclaration may optionally be\n * supplied to configure property features.\n *\n * @ExportDecoratedItems\n */\nexport function property(options) {\n    return (protoOrDescriptor, name) => {\n        requirePropertyCheck(protoOrDescriptor, name, options);\n        return _property(getDefaultOptions(name, options))(protoOrDescriptor, name);\n    };\n}\n/**\n * lit @state decorator with custom defaults specific to Clarity.\n *\n * This is used for communication between internal component properties\n * that are not exposed as part of the public component API.\n *\n * A internalProperty decorator which creates a LitElement property which will\n * trigger a re-render when set but not allow the value to be updated through\n * public attributes. https://lit.dev/docs/api/decorators/#state\n *\n * @ExportDecoratedItems\n */\nexport function state(options) {\n    return (protoOrDescriptor, name) => {\n        const defaultOptions = getDefaultOptions(name, options);\n        if (defaultOptions) {\n            defaultOptions.reflect = (options === null || options === void 0 ? void 0 : options.reflect) ? options.reflect : false; // prevent attr reflection by default\n            if (defaultOptions.reflect && !(options === null || options === void 0 ? void 0 : options.attribute)) {\n                // mark as internal attr if reflect and no provided attr\n                // see description for more detail https://github.com/vmware/clarity/pull/5431\n                defaultOptions.attribute = `_${camelCaseToKebabCase(name)}`;\n            }\n        }\n        return _property(defaultOptions)(protoOrDescriptor, name);\n    };\n}\n"],"names":["getDefaultOptions","propertyKey","options","type","Array","Object","reflect","String","attribute","camelCaseToKebabCase","converter","toAttribute","value","Number","Boolean","fromAttribute","coerceBooleanProperty","Date","requirePropertyCheck","protoOrDescriptor","name","targetFirstUpdated","firstUpdated","props","required","isNilOrEmpty","this","message","requiredMessage","level","propertyName","tagName","tag","toLocaleLowerCase","capitalizeFirstLetter","getAngularVersion","getVueVersion","getReactVersion","kebabCaseToPascalCase","startsWith","getReactPropertyName","getRequiredMessage","Error","LogService","warn","apply","property","_property","state","defaultOptions"],"mappings":"4aAcO,SAASA,EAAkBC,EAAaC,GAE3C,OADaA,EAAUA,EAAQC,KAAOD,GAElC,KAAKE,MAEL,KAAKC,OACD,MAAO,CAAEC,SAAS,KAAUJ,GAChC,KAAKK,OACD,MAAO,CACHD,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CACPC,YAAcC,GAAWA,GAAgB,SAE1CV,GAEX,KAAKW,OACD,MAAO,CAAEP,SAAS,EAAME,UAAWC,EAAqBR,MAAiBC,GAC7E,KAAKY,QACD,MAAO,CACHR,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CAGPC,YAAcC,GAAWA,EAAQ,GAAK,KACtCG,cAAgBH,GAAUI,EAAsBJ,OAEjDV,GAEX,KAAKe,KACD,MAAO,CAEHX,SAAS,EACTI,UAAW,CACPK,cAAgBH,GAAU,IAAIK,KAAKL,OAEpCV,GAGX,QACI,MAAO,IAAKA,IAGjB,SAASgB,EAAqBC,EAAmBC,EAAMlB,GAC1D,MAAMmB,EAAqBF,EAAkBG,aAe7CH,EAAkBG,aAdlB,SAAsBC,GAClB,GAAIrB,GAAWA,EAAQsB,UAAYC,EAAaC,KAAKN,IAAQ,CACzD,MAAMO,EAAUzB,EAAQ0B,iBA0BpC,SAA4BC,EAAQ,UAAWC,EAAcC,GACzD,MAAMC,EAAMD,EAAQE,oBACpB,MAAQ,GAAGC,EAAsBL,OAAWC,wBAAmCE,2DACxEG,IAAsB,aAAaH,MAAQF,cAAyBE,OAAW,KAC/EI,IAAkB,SAASJ,MAAQF,aAAwBE,OAAW,KACtEK,IAAoB,WAAWC,EAAsBN,MAXhE,SAA8BF,GAC1B,OAAIA,EAAaS,WAAW,QACjB9B,EAAqBqB,GAEzBA,EAO6DU,CAAqBV,gBAA6B,IAClH,UAAaE,KAAOvB,EAAqBqB,cAAyBE,OAClE,uCAA0CA,OAASF,iBAjCJW,CAAmBvC,EAAQsB,SAAUJ,EAAMM,KAAKK,SAC3F,GAAyB,UAArB7B,EAAQsB,SACR,MAAUkB,MAAMf,GAGhBgB,EAAWC,KAAKjB,EAASD,MAG7BL,GACAA,EAAmBwB,KAAMnB,KAAOH,IAoCrC,SAASuB,EAAS5C,GACrB,MAAO,CAACiB,EAAmBC,KACvBF,EAAqBC,EAAmBC,EAAMlB,GACvC6C,EAAU/C,EAAkBoB,EAAMlB,GAAlC6C,CAA4C5B,EAAmBC,IAevE,SAAS4B,EAAM9C,GAClB,MAAO,CAACiB,EAAmBC,KACvB,MAAM6B,EAAiBjD,EAAkBoB,EAAMlB,GAS/C,OARI+C,IACAA,EAAe3C,WAAWJ,MAAAA,OAAyC,EAASA,EAAQI,UAAWJ,EAAQI,QACnG2C,EAAe3C,WAAaJ,MAAAA,OAAyC,EAASA,EAAQM,aAGtFyC,EAAezC,UAAY,IAAIC,EAAqBW,KAGrD2B,EAAUE,EAAVF,CAA0B5B,EAAmBC"}
+{"version":3,"file":"property.js","sources":["../../../../src/internal/decorators/property.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { property as _property } from 'lit/decorators/property.js';\nimport { camelCaseToKebabCase, kebabCaseToPascalCase, capitalizeFirstLetter } from '../utils/string.js';\nimport { LogService } from '../services/log.service.js';\nimport { getAngularVersion, getReactVersion, getVueVersion } from '../utils/framework.js';\nimport { isNilOrEmpty } from '../utils/identity.js';\nimport { coerceBooleanProperty } from '../utils/dom.js';\n/**\n * https://developers.google.com/web/fundamentals/web-components/best-practices\n */\nexport function getDefaultOptions(propertyKey, options) {\n    const type = options ? options.type : options;\n    switch (type) {\n        case Array:\n            return { reflect: false, ...options };\n        case Object:\n            return { reflect: false, ...options };\n        case String:\n            return {\n                reflect: true,\n                attribute: camelCaseToKebabCase(propertyKey),\n                converter: {\n                    toAttribute: (value) => (value ? value : null),\n                },\n                ...options,\n            };\n        case Number:\n            return { reflect: true, attribute: camelCaseToKebabCase(propertyKey), ...options };\n        case Boolean:\n            return {\n                reflect: true,\n                attribute: camelCaseToKebabCase(propertyKey),\n                converter: {\n                    // Mimic standard HTML boolean attributes + support \"false\" attribute values\n                    // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes\n                    toAttribute: (value) => (value ? '' : null),\n                    fromAttribute: (value) => coerceBooleanProperty(value),\n                },\n                ...options,\n            };\n        case Date: {\n            return {\n                // Parse date strings from attributes but do not reflect back into attribute\n                reflect: false,\n                converter: {\n                    fromAttribute: (value) => new Date(value),\n                },\n                ...options,\n            };\n        }\n        default:\n            return { ...options };\n    }\n}\nexport function requirePropertyCheck(protoOrDescriptor, name, options) {\n    const targetFirstUpdated = protoOrDescriptor.firstUpdated;\n    function firstUpdated(props) {\n        if (options && options.required && isNilOrEmpty(this[name])) {\n            const message = options.requiredMessage || getRequiredMessage(options.required, name, this.tagName);\n            if (options.required === 'error') {\n                throw new Error(message);\n            }\n            else {\n                LogService.warn(message, this);\n            }\n        }\n        if (targetFirstUpdated) {\n            targetFirstUpdated.apply(this, [props]);\n        }\n    }\n    protoOrDescriptor.firstUpdated = firstUpdated;\n}\n/**\n * In React, DOM attributes and properties are camelCase, except for aria- and data- attributes\n * https://reactjs.org/docs/dom-elements.html\n *\n * This will format aria attributes as kebab case, otherwise returning the original property name\n */\nfunction getReactPropertyName(propertyName) {\n    if (propertyName.startsWith('aria')) {\n        return camelCaseToKebabCase(propertyName);\n    }\n    return propertyName;\n}\nfunction getRequiredMessage(level = 'warning', propertyName, tagName) {\n    const tag = tagName.toLocaleLowerCase();\n    return (`${capitalizeFirstLetter(level)}: ${propertyName} is required to use ${tag} component. Set the JS Property or HTML Attribute.\\n\\n` +\n        `${getAngularVersion() ? `Angular: <${tag} [${propertyName}]=\"...\"></${tag}>\\n` : ''}` +\n        `${getVueVersion() ? `Vue: <${tag} :${propertyName}=\"...\"></${tag}>\\n` : ''}` +\n        `${getReactVersion() ? `React: <${kebabCaseToPascalCase(tag)} ${getReactPropertyName(propertyName)}={...} />\\n` : ''}` +\n        `${`HTML: <${tag} ${camelCaseToKebabCase(propertyName)}=\"...\"></${tag}>\\n`}` +\n        `${`JavaScript: document.querySelector('${tag}').${propertyName} = '...';\\n\\n`}`);\n}\n/**\n * lit @property decorator with custom defaults specific to Clarity.\n * https://lit.dev/docs/components/properties/\n *\n * A property decorator which creates a LitElement property which reflects a\n * corresponding attribute value. A PropertyDeclaration may optionally be\n * supplied to configure property features.\n *\n * @ExportDecoratedItems\n */\nexport function property(options) {\n    return (protoOrDescriptor, name) => {\n        if (options?.required) {\n            requirePropertyCheck(protoOrDescriptor, name, options);\n        }\n        return _property(getDefaultOptions(name, options))(protoOrDescriptor, name);\n    };\n}\n/**\n * lit @state decorator with custom defaults specific to Clarity.\n *\n * This is used for communication between internal component properties\n * that are not exposed as part of the public component API.\n * https://lit.dev/docs/api/decorators/#state\n *\n * @ExportDecoratedItems\n */\nexport function state(options) {\n    return (protoOrDescriptor, name) => {\n        const defaultOptions = getDefaultOptions(name, options);\n        if (defaultOptions) {\n            defaultOptions.reflect = options?.reflect ? options.reflect : false; // prevent attr reflection by default\n            if (defaultOptions.reflect && !options?.attribute) {\n                // mark as internal attr if reflect and no provided attr\n                // see description for more detail https://github.com/vmware/clarity/pull/5431\n                defaultOptions.attribute = `_${camelCaseToKebabCase(name)}`;\n            }\n        }\n        return _property(defaultOptions)(protoOrDescriptor, name);\n    };\n}\n"],"names":["getDefaultOptions","propertyKey","options","type","Array","Object","reflect","String","attribute","camelCaseToKebabCase","converter","toAttribute","value","Number","Boolean","fromAttribute","coerceBooleanProperty","Date","requirePropertyCheck","protoOrDescriptor","name","targetFirstUpdated","firstUpdated","props","required","isNilOrEmpty","this","message","requiredMessage","level","propertyName","tagName","tag","toLocaleLowerCase","capitalizeFirstLetter","getAngularVersion","getVueVersion","getReactVersion","kebabCaseToPascalCase","startsWith","getReactPropertyName","getRequiredMessage","Error","LogService","warn","apply","property","_property","state","defaultOptions"],"mappings":"4aAcO,SAASA,EAAkBC,EAAaC,GAE3C,OADaA,EAAUA,EAAQC,KAAOD,GAElC,KAAKE,MAEL,KAAKC,OACD,MAAO,CAAEC,SAAS,KAAUJ,GAChC,KAAKK,OACD,MAAO,CACHD,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CACPC,YAAcC,GAAWA,GAAgB,SAE1CV,GAEX,KAAKW,OACD,MAAO,CAAEP,SAAS,EAAME,UAAWC,EAAqBR,MAAiBC,GAC7E,KAAKY,QACD,MAAO,CACHR,SAAS,EACTE,UAAWC,EAAqBR,GAChCS,UAAW,CAGPC,YAAcC,GAAWA,EAAQ,GAAK,KACtCG,cAAgBH,GAAUI,EAAsBJ,OAEjDV,GAEX,KAAKe,KACD,MAAO,CAEHX,SAAS,EACTI,UAAW,CACPK,cAAgBH,GAAU,IAAIK,KAAKL,OAEpCV,GAGX,QACI,MAAO,IAAKA,IAGjB,SAASgB,EAAqBC,EAAmBC,EAAMlB,GAC1D,MAAMmB,EAAqBF,EAAkBG,aAe7CH,EAAkBG,aAdlB,SAAsBC,GAClB,GAAIrB,GAAWA,EAAQsB,UAAYC,EAAaC,KAAKN,IAAQ,CACzD,MAAMO,EAAUzB,EAAQ0B,iBA0BpC,SAA4BC,EAAQ,UAAWC,EAAcC,GACzD,MAAMC,EAAMD,EAAQE,oBACpB,MAAQ,GAAGC,EAAsBL,OAAWC,wBAAmCE,2DACxEG,IAAsB,aAAaH,MAAQF,cAAyBE,OAAW,KAC/EI,IAAkB,SAASJ,MAAQF,aAAwBE,OAAW,KACtEK,IAAoB,WAAWC,EAAsBN,MAXhE,SAA8BF,GAC1B,OAAIA,EAAaS,WAAW,QACjB9B,EAAqBqB,GAEzBA,EAO6DU,CAAqBV,gBAA6B,IAClH,UAAaE,KAAOvB,EAAqBqB,cAAyBE,OAClE,uCAA0CA,OAASF,iBAjCJW,CAAmBvC,EAAQsB,SAAUJ,EAAMM,KAAKK,SAC3F,GAAyB,UAArB7B,EAAQsB,SACR,MAAUkB,MAAMf,GAGhBgB,EAAWC,KAAKjB,EAASD,MAG7BL,GACAA,EAAmBwB,KAAMnB,KAAOH,IAoCrC,SAASuB,EAAS5C,GACrB,MAAO,CAACiB,EAAmBC,KACnBlB,GAASsB,UACTN,EAAqBC,EAAmBC,EAAMlB,GAE3C6C,EAAU/C,EAAkBoB,EAAMlB,GAAlC6C,CAA4C5B,EAAmBC,IAYvE,SAAS4B,EAAM9C,GAClB,MAAO,CAACiB,EAAmBC,KACvB,MAAM6B,EAAiBjD,EAAkBoB,EAAMlB,GAS/C,OARI+C,IACAA,EAAe3C,UAAUJ,GAASI,SAAUJ,EAAQI,QAChD2C,EAAe3C,UAAYJ,GAASM,YAGpCyC,EAAezC,UAAY,IAAIC,EAAqBW,KAGrD2B,EAAUE,EAAVF,CAA0B5B,EAAmBC"}

package/internal/decorators/query-slot.js

@@ -1,2 +1,2 @@
-import{notProductionEnvironment as e,LogService as t}from"../services/log.service.js";const r=(e,t,r)=>{Object.defineProperty(t,r,e)},i=(e,t)=>({kind:"method",placement:"prototype",key:t.key,descriptor:e});function o(o,s){return(n,l)=>{const u=n.firstUpdated;n.firstUpdated=function(){const r=this.querySelector(o),i=(null==s?void 0:s.exemptOn)&&(null==s?void 0:s.exemptOn(this));if(!r&&e()&&(null==s?void 0:s.required)&&!i){const e=s.requiredMessage||`The <${o}> element is required to use <${this.tagName.toLocaleLowerCase()}>`;if("error"===s.required)throw Error(e);t.warn(e,this)}(null==s?void 0:s.assign)&&!1===(null==r?void 0:r.hasAttribute("slot"))&&r.setAttribute("slot",s.assign),u&&u.apply(this)};const a={get(){return this.querySelector(o)},enumerable:!0,configurable:!0};return void 0!==l?r(a,n,l):i(a,n)}}function s(e,t){return(o,s)=>{const n=o.firstUpdated;o.firstUpdated=function(r){(null==t?void 0:t.assign)&&Array.from(this.querySelectorAll(e)).filter((e=>!e.hasAttribute("slot"))).forEach((e=>e.setAttribute("slot",t.assign))),n&&n.call(this,r)};const l={get(){return this.querySelectorAll(e)},enumerable:!0,configurable:!0};return void 0!==s?r(l,o,s):i(l,o)}}export{o as querySlot,s as querySlotAll};
+import{notProductionEnvironment as e,LogService as t}from"../services/log.service.js";const r=(e,t,r)=>{Object.defineProperty(t,r,e)},s=(e,t)=>({kind:"method",placement:"prototype",key:t.key,descriptor:e});function i(i,o){return(n,u)=>{const a=n.firstUpdated;n.firstUpdated=function(){const r=this.querySelector(i),s=o?.exemptOn&&o?.exemptOn(this);if(!r&&e()&&o?.required&&!s){const e=o.requiredMessage||`The <${i}> element is required to use <${this.tagName.toLocaleLowerCase()}>`;if("error"===o.required)throw Error(e);t.warn(e,this)}o?.assign&&!1===r?.hasAttribute("slot")&&r.setAttribute("slot",o.assign),a&&a.apply(this)};const c={get(){return this.querySelector(i)},enumerable:!0,configurable:!0};return void 0!==u?r(c,n,u):s(c,n)}}function o(e,t){return(i,o)=>{const n=i.firstUpdated;i.firstUpdated=function(r){t?.assign&&Array.from(this.querySelectorAll(e)).filter((e=>!e.hasAttribute("slot"))).forEach((e=>e.setAttribute("slot",t.assign))),n&&n.call(this,r)};const u={get(){return this.querySelectorAll(e)},enumerable:!0,configurable:!0};return void 0!==o?r(u,i,o):s(u,i)}}export{i as querySlot,o as querySlotAll};
 //# sourceMappingURL=query-slot.js.map

package/internal/decorators/query-slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-slot.js","sources":["../../../../src/internal/decorators/query-slot.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { LogService, notProductionEnvironment } from '../services/log.service.js';\n// Slot Query decorators are similar to the query decorator in lit.\n// Instead of querying the component template they query the content slot of the component.\nconst legacyQuery = (descriptor, proto, name) => {\n    Object.defineProperty(proto, name, descriptor);\n};\nconst standardQuery = (descriptor, element) => ({\n    kind: 'method',\n    placement: 'prototype',\n    key: element.key,\n    descriptor,\n});\n/**\n * A property decorator that converts a class property into a getter that\n * executes a querySelector on the element's light DOM Slot.\n *\n * @ExportDecoratedItems\n */\nexport function querySlot(selector, config) {\n    return (protoOrDescriptor, name) => {\n        const targetFirstUpdated = protoOrDescriptor.firstUpdated;\n        function firstUpdated() {\n            const ref = this.querySelector(selector);\n            const shouldExempt = (config === null || config === void 0 ? void 0 : config.exemptOn) && (config === null || config === void 0 ? void 0 : config.exemptOn(this));\n            if (!ref && notProductionEnvironment() && (config === null || config === void 0 ? void 0 : config.required) && !shouldExempt) {\n                const message = config.requiredMessage ||\n                    `The <${selector}> element is required to use <${this.tagName.toLocaleLowerCase()}>`;\n                if (config.required === 'error') {\n                    throw new Error(message);\n                }\n                else {\n                    LogService.warn(message, this);\n                }\n            }\n            if ((config === null || config === void 0 ? void 0 : config.assign) && (ref === null || ref === void 0 ? void 0 : ref.hasAttribute('slot')) === false) {\n                ref.setAttribute('slot', config.assign);\n            }\n            if (targetFirstUpdated) {\n                targetFirstUpdated.apply(this);\n            }\n        }\n        protoOrDescriptor.firstUpdated = firstUpdated;\n        const descriptor = {\n            get() {\n                return this.querySelector(selector);\n            },\n            enumerable: true,\n            configurable: true,\n        };\n        return name !== undefined\n            ? legacyQuery(descriptor, protoOrDescriptor, name)\n            : standardQuery(descriptor, protoOrDescriptor);\n    };\n}\n/**\n * A property decorator that converts a class property into a getter\n * that executes a querySelectorAll on the element's light DOM Slot.\n *\n * @ExportDecoratedItems\n */\nexport function querySlotAll(selector, config) {\n    return (protoOrDescriptor, name) => {\n        const targetFirstUpdated = protoOrDescriptor.firstUpdated;\n        function firstUpdated(props) {\n            if (config === null || config === void 0 ? void 0 : config.assign) {\n                Array.from(this.querySelectorAll(selector))\n                    .filter((i) => !i.hasAttribute('slot'))\n                    .forEach((i) => i.setAttribute('slot', config.assign));\n            }\n            if (targetFirstUpdated) {\n                targetFirstUpdated.apply(this, [props]);\n            }\n        }\n        protoOrDescriptor.firstUpdated = firstUpdated;\n        const descriptor = {\n            get() {\n                return this.querySelectorAll(selector);\n            },\n            enumerable: true,\n            configurable: true,\n        };\n        return name !== undefined\n            ? legacyQuery(descriptor, protoOrDescriptor, name)\n            : standardQuery(descriptor, protoOrDescriptor);\n    };\n}\n"],"names":["legacyQuery","descriptor","proto","name","Object","defineProperty","standardQuery","element","kind","placement","key","querySlot","selector","config","protoOrDescriptor","targetFirstUpdated","firstUpdated","ref","this","querySelector","shouldExempt","exemptOn","notProductionEnvironment","required","message","requiredMessage","tagName","toLocaleLowerCase","Error","LogService","warn","assign","hasAttribute","setAttribute","apply","get","enumerable","configurable","undefined","querySlotAll","props","Array","from","querySelectorAll","filter","i","forEach"],"mappings":"sFAQA,MAAMA,EAAc,CAACC,EAAYC,EAAOC,KACpCC,OAAOC,eAAeH,EAAOC,EAAMF,IAEjCK,EAAgB,CAACL,EAAYM,MAC/BC,KAAM,SACNC,UAAW,YACXC,IAAKH,EAAQG,IACbT,WAAAA,IAQG,SAASU,EAAUC,EAAUC,GAChC,MAAO,CAACC,EAAmBX,KACvB,MAAMY,EAAqBD,EAAkBE,aAqB7CF,EAAkBE,aApBlB,WACI,MAAMC,EAAMC,KAAKC,cAAcP,GACzBQ,GAAgBP,MAAAA,OAAuC,EAASA,EAAOQ,YAAcR,MAAAA,OAAuC,EAASA,EAAOQ,SAASH,OAC3J,IAAKD,GAAOK,MAA+BT,MAAAA,OAAuC,EAASA,EAAOU,YAAcH,EAAc,CAC1H,MAAMI,EAAUX,EAAOY,iBACnB,QAAQb,kCAAyCM,KAAKQ,QAAQC,uBAClE,GAAwB,UAApBd,EAAOU,SACP,MAAUK,MAAMJ,GAGhBK,EAAWC,KAAKN,EAASN,OAG5BL,MAAAA,OAAuC,EAASA,EAAOkB,UAAoF,KAAxEd,MAAAA,OAAiC,EAASA,EAAIe,aAAa,UAC/Hf,EAAIgB,aAAa,OAAQpB,EAAOkB,QAEhChB,GACAA,EAAmBmB,MAAMhB,OAIjC,MAAMjB,EAAa,CACfkC,MACI,OAAOjB,KAAKC,cAAcP,IAE9BwB,YAAY,EACZC,cAAc,GAElB,YAAgBC,IAATnC,EACDH,EAAYC,EAAYa,EAAmBX,GAC3CG,EAAcL,EAAYa,IASjC,SAASyB,EAAa3B,EAAUC,GACnC,MAAO,CAACC,EAAmBX,KACvB,MAAMY,EAAqBD,EAAkBE,aAW7CF,EAAkBE,aAVlB,SAAsBwB,IACd3B,MAAAA,OAAuC,EAASA,EAAOkB,SACvDU,MAAMC,KAAKxB,KAAKyB,iBAAiB/B,IAC5BgC,QAAQC,IAAOA,EAAEb,aAAa,UAC9Bc,SAASD,GAAMA,EAAEZ,aAAa,OAAQpB,EAAOkB,UAElDhB,GACAA,EAAmBmB,KAAMhB,KAAOsB,IAIxC,MAAMvC,EAAa,CACfkC,MACI,OAAOjB,KAAKyB,iBAAiB/B,IAEjCwB,YAAY,EACZC,cAAc,GAElB,YAAgBC,IAATnC,EACDH,EAAYC,EAAYa,EAAmBX,GAC3CG,EAAcL,EAAYa"}
+{"version":3,"file":"query-slot.js","sources":["../../../../src/internal/decorators/query-slot.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { LogService, notProductionEnvironment } from '../services/log.service.js';\n// Slot Query decorators are similar to the query decorator in lit.\n// Instead of querying the component template they query the content slot of the component.\nconst legacyQuery = (descriptor, proto, name) => {\n    Object.defineProperty(proto, name, descriptor);\n};\nconst standardQuery = (descriptor, element) => ({\n    kind: 'method',\n    placement: 'prototype',\n    key: element.key,\n    descriptor,\n});\n/**\n * A property decorator that converts a class property into a getter that\n * executes a querySelector on the element's light DOM Slot.\n *\n * @ExportDecoratedItems\n */\nexport function querySlot(selector, config) {\n    return (protoOrDescriptor, name) => {\n        const targetFirstUpdated = protoOrDescriptor.firstUpdated;\n        function firstUpdated() {\n            const ref = this.querySelector(selector);\n            const shouldExempt = config?.exemptOn && config?.exemptOn(this);\n            if (!ref && notProductionEnvironment() && config?.required && !shouldExempt) {\n                const message = config.requiredMessage ||\n                    `The <${selector}> element is required to use <${this.tagName.toLocaleLowerCase()}>`;\n                if (config.required === 'error') {\n                    throw new Error(message);\n                }\n                else {\n                    LogService.warn(message, this);\n                }\n            }\n            if (config?.assign && ref?.hasAttribute('slot') === false) {\n                ref.setAttribute('slot', config.assign);\n            }\n            if (targetFirstUpdated) {\n                targetFirstUpdated.apply(this);\n            }\n        }\n        protoOrDescriptor.firstUpdated = firstUpdated;\n        const descriptor = {\n            get() {\n                return this.querySelector(selector);\n            },\n            enumerable: true,\n            configurable: true,\n        };\n        return name !== undefined\n            ? legacyQuery(descriptor, protoOrDescriptor, name)\n            : standardQuery(descriptor, protoOrDescriptor);\n    };\n}\n/**\n * A property decorator that converts a class property into a getter\n * that executes a querySelectorAll on the element's light DOM Slot.\n *\n * @ExportDecoratedItems\n */\nexport function querySlotAll(selector, config) {\n    return (protoOrDescriptor, name) => {\n        const targetFirstUpdated = protoOrDescriptor.firstUpdated;\n        function firstUpdated(props) {\n            if (config?.assign) {\n                Array.from(this.querySelectorAll(selector))\n                    .filter((i) => !i.hasAttribute('slot'))\n                    .forEach((i) => i.setAttribute('slot', config.assign));\n            }\n            if (targetFirstUpdated) {\n                targetFirstUpdated.apply(this, [props]);\n            }\n        }\n        protoOrDescriptor.firstUpdated = firstUpdated;\n        const descriptor = {\n            get() {\n                return this.querySelectorAll(selector);\n            },\n            enumerable: true,\n            configurable: true,\n        };\n        return name !== undefined\n            ? legacyQuery(descriptor, protoOrDescriptor, name)\n            : standardQuery(descriptor, protoOrDescriptor);\n    };\n}\n"],"names":["legacyQuery","descriptor","proto","name","Object","defineProperty","standardQuery","element","kind","placement","key","querySlot","selector","config","protoOrDescriptor","targetFirstUpdated","firstUpdated","ref","this","querySelector","shouldExempt","exemptOn","notProductionEnvironment","required","message","requiredMessage","tagName","toLocaleLowerCase","Error","LogService","warn","assign","hasAttribute","setAttribute","apply","get","enumerable","configurable","undefined","querySlotAll","props","Array","from","querySelectorAll","filter","i","forEach"],"mappings":"sFAQA,MAAMA,EAAc,CAACC,EAAYC,EAAOC,KACpCC,OAAOC,eAAeH,EAAOC,EAAMF,IAEjCK,EAAgB,CAACL,EAAYM,MAC/BC,KAAM,SACNC,UAAW,YACXC,IAAKH,EAAQG,IACbT,WAAAA,IAQG,SAASU,EAAUC,EAAUC,GAChC,MAAO,CAACC,EAAmBX,KACvB,MAAMY,EAAqBD,EAAkBE,aAqB7CF,EAAkBE,aApBlB,WACI,MAAMC,EAAMC,KAAKC,cAAcP,GACzBQ,EAAeP,GAAQQ,UAAYR,GAAQQ,SAASH,MAC1D,IAAKD,GAAOK,KAA8BT,GAAQU,WAAaH,EAAc,CACzE,MAAMI,EAAUX,EAAOY,iBACnB,QAAQb,kCAAyCM,KAAKQ,QAAQC,uBAClE,GAAwB,UAApBd,EAAOU,SACP,MAAUK,MAAMJ,GAGhBK,EAAWC,KAAKN,EAASN,MAG7BL,GAAQkB,SAAwC,IAA9Bd,GAAKe,aAAa,SACpCf,EAAIgB,aAAa,OAAQpB,EAAOkB,QAEhChB,GACAA,EAAmBmB,MAAMhB,OAIjC,MAAMjB,EAAa,CACfkC,MACI,OAAOjB,KAAKC,cAAcP,IAE9BwB,YAAY,EACZC,cAAc,GAElB,YAAgBC,IAATnC,EACDH,EAAYC,EAAYa,EAAmBX,GAC3CG,EAAcL,EAAYa,IASjC,SAASyB,EAAa3B,EAAUC,GACnC,MAAO,CAACC,EAAmBX,KACvB,MAAMY,EAAqBD,EAAkBE,aAW7CF,EAAkBE,aAVlB,SAAsBwB,GACd3B,GAAQkB,QACRU,MAAMC,KAAKxB,KAAKyB,iBAAiB/B,IAC5BgC,QAAQC,IAAOA,EAAEb,aAAa,UAC9Bc,SAASD,GAAMA,EAAEZ,aAAa,OAAQpB,EAAOkB,UAElDhB,GACAA,EAAmBmB,KAAMhB,KAAOsB,IAIxC,MAAMvC,EAAa,CACfkC,MACI,OAAOjB,KAAKyB,iBAAiB/B,IAEjCwB,YAAY,EACZC,cAAc,GAElB,YAAgBC,IAATnC,EACDH,EAAYC,EAAYa,EAAmBX,GAC3CG,EAAcL,EAAYa"}

package/internal/decorators/utils.d.ts

@@ -0,0 +1,23 @@
+export interface ClassDescriptor {
+    kind: 'class';
+    elements: ClassElement[];
+    finisher?: <T>(classDef: Constructor<T>) => undefined | Constructor<T>;
+}
+export interface ClassElement {
+    kind: 'field' | 'method';
+    key: PropertyKey;
+    placement: 'static' | 'prototype' | 'own';
+    initializer?: any;
+    extras?: ClassElement[];
+    finisher?: <T>(classDef: Constructor<T>) => undefined | Constructor<T>;
+    descriptor?: PropertyDescriptor;
+}
+export declare type Constructor<T> = {
+    new (...args: any[]): T;
+};
+export declare const classStandardDecorator: (value: any, descriptor: ClassDescriptor, fn: (value: any, classDef: Constructor<HTMLElement>) => any) => {
+    kind: "class";
+    elements: ClassElement[];
+    finisher(classDef: Constructor<HTMLElement>): void;
+};
+export declare const classLegacyDecorator: (value: any, classDef: Constructor<HTMLElement>, fn: (value: any, classDef: Constructor<HTMLElement>) => any) => any;

package/internal/decorators/utils.js

@@ -0,0 +1,2 @@
+const e=(e,n,t)=>{const{kind:s,elements:i}=n;return{kind:s,elements:i,finisher(n){t(e,n)}}},n=(e,n,t)=>(t(e,n),n);export{n as classLegacyDecorator,e as classStandardDecorator};
+//# sourceMappingURL=utils.js.map

package/internal/decorators/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/internal/decorators/utils.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n// TC39 Decorators proposal\nexport const classStandardDecorator = (value, descriptor, fn) => {\n    const { kind, elements } = descriptor;\n    return {\n        kind,\n        elements,\n        finisher(classDef) {\n            fn(value, classDef);\n        },\n    };\n};\n// Legacy TS Decorator\nexport const classLegacyDecorator = (value, classDef, fn) => {\n    fn(value, classDef);\n    return classDef;\n};\n"],"names":["classStandardDecorator","value","descriptor","fn","kind","elements","finisher","classDef","classLegacyDecorator"],"mappings":"AAMY,MAACA,EAAyB,CAACC,EAAOC,EAAYC,KACtD,MAAMC,KAAEA,EAAIC,SAAEA,GAAaH,EAC3B,MAAO,CACHE,KAAAA,EACAC,SAAAA,EACAC,SAASC,GACLJ,EAAGF,EAAOM,MAKTC,EAAuB,CAACP,EAAOM,EAAUJ,KAClDA,EAAGF,EAAOM,GACHA"}