q2-tecton-elements 1.63.2 → 1.64.1

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/utility/action-sheet";
+import { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/types/action-sheet";
 import { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
 import { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/q2-data-table";
 import { Q2Input } from "./components/q2-input/q2-input";
@@ -16,11 +16,11 @@ import { Q2Badge } from "./components/q2-badge/q2-badge";
 import { Q2Icon } from "./components/q2-icon/q2-icon";
 import { InputType } from "./components/q2-input/q2-input";
 import { IEventDetail, IFormatterValueObject } from "./components/q2-input/q2-input-types";
-import { ModalOption, ModalResponse } from "q2-tecton-common/lib/utility/modal";
+import { ModalOption, ModalResponse } from "q2-tecton-common/lib/types/modal";
 import { IOptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
 import { IOptionValue as IOptionValue1 } from "./components/q2-option-list/q2-option-list";
 import { IStepperPaneEvent } from "./components/q2-stepper-pane/q2-stepper-pane";
-export { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/utility/action-sheet";
+export { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/types/action-sheet";
 export { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
 export { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/q2-data-table";
 export { Q2Input } from "./components/q2-input/q2-input";
@@ -31,7 +31,7 @@ export { Q2Badge } from "./components/q2-badge/q2-badge";
 export { Q2Icon } from "./components/q2-icon/q2-icon";
 export { InputType } from "./components/q2-input/q2-input";
 export { IEventDetail, IFormatterValueObject } from "./components/q2-input/q2-input-types";
-export { ModalOption, ModalResponse } from "q2-tecton-common/lib/utility/modal";
+export { ModalOption, ModalResponse } from "q2-tecton-common/lib/types/modal";
 export { IOptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
 export { IOptionValue as IOptionValue1 } from "./components/q2-option-list/q2-option-list";
 export { IStepperPaneEvent } from "./components/q2-stepper-pane/q2-stepper-pane";
@@ -80,6 +80,11 @@ export namespace Components {
           * @info We recommend always providing a name when you want the avatar to be presented to screen readers.
          */
         "name": string;
+        /**
+          * Determines how large to make the avatar
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
         /**
           * Displays the image provided by the user.
          */
@@ -999,6 +1004,11 @@ export namespace Components {
           * Adds a checkbox to each row of the table making it selectable.
          */
         "selectable": boolean;
+        /**
+          * Returns selected rows.
+          * @readonly
+         */
+        "selectedRows": Q2DataTableRow[];
         /**
           * Adds a shadow to the table
          */
@@ -1008,6 +1018,10 @@ export namespace Components {
           * @testOnly
          */
         "sortColumn": (header: Q2DataTableHeader) => Promise<void>;
+        /**
+          * Makes table header sticky
+         */
+        "sticky": boolean;
         /**
           * Enables alternating background colors for the table rows
          */
@@ -2194,6 +2208,31 @@ export namespace Components {
          */
         "year": number;
     }
+    interface Q2MutationObserver {
+        /**
+          * Determines whether or not events will be emitted from the component.
+         */
+        "disabled": boolean;
+        /**
+          * Returns the latest entries reported by the component.
+         */
+        "getCurrentMutationEntries": () => Promise<MutationRecord[]>;
+        /**
+          * Determines whether or not to monitor children's attributes.
+          * @default false
+         */
+        "observeAttributes": boolean;
+        /**
+          * Determines whether or not to monitor children's child list.
+          * @default false
+         */
+        "observeChildList": boolean;
+        /**
+          * Determines whether or not to monitor children's sub tree.
+          * @default false
+         */
+        "observeSubTree": boolean;
+    }
     interface Q2Optgroup {
         /**
           * Determines whether all nested options are disabled.
@@ -2330,6 +2369,11 @@ export namespace Components {
           * @testOnly
          */
         "clickPreviousPage": () => Promise<void>;
+        /**
+          * Allows the component to be disabled should the state of the page require this
+          * @default false
+         */
+        "disabled": boolean;
         /**
           * The current page that is being displayed.
          */
@@ -2736,6 +2780,31 @@ export namespace Components {
          */
         "noCollapseIcon": boolean;
     }
+    interface Q2SectionContainer {
+        /**
+          * Determines if a single or multiple sections can be open at a time.
+          * @default 'single'
+         */
+        "openMode": 'multiple' | 'single';
+        /**
+          * Determines which section starts open.
+          * @default 0
+         */
+        "openPaneIndex": number;
+        /**
+          * Determines if all sections inside the section-container start opened or closed.
+          * @info If you have openMode set to multiple, all panes will start open.
+          * @default false
+         */
+        "startAllOpen": boolean;
+        /**
+          * Determines if the section-container starts opened or closed.
+          * @info If you have openMode set to single, the pane specified in openPaneIndex will start open, or the first pane if unspecified. If you have openMode set to multiple, you can also select startAllOpen to open all panes.
+          * @warning OpenMode = multiple and StartAllOpen=true does not work correctly inside of a q2-tab that starts closed.
+          * @default true
+         */
+        "startOpen": boolean;
+    }
     interface Q2Select {
         /**
           * @deprecated
@@ -3265,6 +3334,10 @@ export interface Q2MonthPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQ2MonthPickerElement;
 }
+export interface Q2MutationObserverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2MutationObserverElement;
+}
 export interface Q2OptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQ2OptionElement;
@@ -3844,6 +3917,23 @@ declare global {
         prototype: HTMLQ2MonthPickerElement;
         new (): HTMLQ2MonthPickerElement;
     };
+    interface HTMLQ2MutationObserverElementEventMap {
+        "tctMutate": { entries: MutationRecord[] };
+    }
+    interface HTMLQ2MutationObserverElement extends Components.Q2MutationObserver, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLQ2MutationObserverElementEventMap>(type: K, listener: (this: HTMLQ2MutationObserverElement, ev: Q2MutationObserverCustomEvent<HTMLQ2MutationObserverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLQ2MutationObserverElementEventMap>(type: K, listener: (this: HTMLQ2MutationObserverElement, ev: Q2MutationObserverCustomEvent<HTMLQ2MutationObserverElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLQ2MutationObserverElement: {
+        prototype: HTMLQ2MutationObserverElement;
+        new (): HTMLQ2MutationObserverElement;
+    };
     interface HTMLQ2OptgroupElement extends Components.Q2Optgroup, HTMLStencilElement {
     }
     var HTMLQ2OptgroupElement: {
@@ -4034,6 +4124,12 @@ declare global {
         prototype: HTMLQ2SectionElement;
         new (): HTMLQ2SectionElement;
     };
+    interface HTMLQ2SectionContainerElement extends Components.Q2SectionContainer, HTMLStencilElement {
+    }
+    var HTMLQ2SectionContainerElement: {
+        prototype: HTMLQ2SectionContainerElement;
+        new (): HTMLQ2SectionContainerElement;
+    };
     interface HTMLQ2SelectElementEventMap {
         "change": { value: string; selectedOptions: string[] };
         "input": { query: string };
@@ -4244,6 +4340,7 @@ declare global {
         "q2-meter": HTMLQ2MeterElement;
         "q2-modal": HTMLQ2ModalElement;
         "q2-month-picker": HTMLQ2MonthPickerElement;
+        "q2-mutation-observer": HTMLQ2MutationObserverElement;
         "q2-optgroup": HTMLQ2OptgroupElement;
         "q2-option": HTMLQ2OptionElement;
         "q2-option-list": HTMLQ2OptionListElement;
@@ -4255,6 +4352,7 @@ declare global {
         "q2-relative-time": HTMLQ2RelativeTimeElement;
         "q2-resize-observer": HTMLQ2ResizeObserverElement;
         "q2-section": HTMLQ2SectionElement;
+        "q2-section-container": HTMLQ2SectionContainerElement;
         "q2-select": HTMLQ2SelectElement;
         "q2-stepper": HTMLQ2StepperElement;
         "q2-stepper-pane": HTMLQ2StepperPaneElement;
@@ -4323,6 +4421,11 @@ declare namespace LocalJSX {
           * @info We recommend always providing a name when you want the avatar to be presented to screen readers.
          */
         "name"?: string;
+        /**
+          * Determines how large to make the avatar
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
         /**
           * Displays the image provided by the user.
          */
@@ -5234,10 +5337,19 @@ declare namespace LocalJSX {
           * Adds a checkbox to each row of the table making it selectable.
          */
         "selectable"?: boolean;
+        /**
+          * Returns selected rows.
+          * @readonly
+         */
+        "selectedRows"?: Q2DataTableRow[];
         /**
           * Adds a shadow to the table
          */
         "shadowed"?: boolean;
+        /**
+          * Makes table header sticky
+         */
+        "sticky"?: boolean;
         /**
           * Enables alternating background colors for the table rows
          */
@@ -6422,6 +6534,31 @@ declare namespace LocalJSX {
          */
         "year"?: number;
     }
+    interface Q2MutationObserver {
+        /**
+          * Determines whether or not events will be emitted from the component.
+         */
+        "disabled"?: boolean;
+        /**
+          * Determines whether or not to monitor children's attributes.
+          * @default false
+         */
+        "observeAttributes"?: boolean;
+        /**
+          * Determines whether or not to monitor children's child list.
+          * @default false
+         */
+        "observeChildList"?: boolean;
+        /**
+          * Determines whether or not to monitor children's sub tree.
+          * @default false
+         */
+        "observeSubTree"?: boolean;
+        /**
+          * Emitted when any of the observed elements are mutated.
+         */
+        "onTctMutate"?: (event: Q2MutationObserverCustomEvent<{ entries: MutationRecord[] }>) => void;
+    }
     interface Q2Optgroup {
         /**
           * Determines whether all nested options are disabled.
@@ -6556,6 +6693,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "autoSize"?: boolean;
+        /**
+          * Allows the component to be disabled should the state of the page require this
+          * @default false
+         */
+        "disabled"?: boolean;
         /**
           * Emitted when the page is changed.
           * @legacyEvent
@@ -6936,6 +7078,31 @@ declare namespace LocalJSX {
          */
         "onChange"?: (event: Q2SectionCustomEvent<{ expanded: boolean }>) => void;
     }
+    interface Q2SectionContainer {
+        /**
+          * Determines if a single or multiple sections can be open at a time.
+          * @default 'single'
+         */
+        "openMode"?: 'multiple' | 'single';
+        /**
+          * Determines which section starts open.
+          * @default 0
+         */
+        "openPaneIndex"?: number;
+        /**
+          * Determines if all sections inside the section-container start opened or closed.
+          * @info If you have openMode set to multiple, all panes will start open.
+          * @default false
+         */
+        "startAllOpen"?: boolean;
+        /**
+          * Determines if the section-container starts opened or closed.
+          * @info If you have openMode set to single, the pane specified in openPaneIndex will start open, or the first pane if unspecified. If you have openMode set to multiple, you can also select startAllOpen to open all panes.
+          * @warning OpenMode = multiple and StartAllOpen=true does not work correctly inside of a q2-tab that starts closed.
+          * @default true
+         */
+        "startOpen"?: boolean;
+    }
     interface Q2Select {
         /**
           * @deprecated
@@ -7440,6 +7607,7 @@ declare namespace LocalJSX {
         "q2-meter": Q2Meter;
         "q2-modal": Q2Modal;
         "q2-month-picker": Q2MonthPicker;
+        "q2-mutation-observer": Q2MutationObserver;
         "q2-optgroup": Q2Optgroup;
         "q2-option": Q2Option;
         "q2-option-list": Q2OptionList;
@@ -7451,6 +7619,7 @@ declare namespace LocalJSX {
         "q2-relative-time": Q2RelativeTime;
         "q2-resize-observer": Q2ResizeObserver;
         "q2-section": Q2Section;
+        "q2-section-container": Q2SectionContainer;
         "q2-select": Q2Select;
         "q2-stepper": Q2Stepper;
         "q2-stepper-pane": Q2StepperPane;
@@ -7508,6 +7677,7 @@ declare module "@stencil/core" {
             "q2-meter": LocalJSX.Q2Meter & JSXBase.HTMLAttributes<HTMLQ2MeterElement>;
             "q2-modal": LocalJSX.Q2Modal & JSXBase.HTMLAttributes<HTMLQ2ModalElement>;
             "q2-month-picker": LocalJSX.Q2MonthPicker & JSXBase.HTMLAttributes<HTMLQ2MonthPickerElement>;
+            "q2-mutation-observer": LocalJSX.Q2MutationObserver & JSXBase.HTMLAttributes<HTMLQ2MutationObserverElement>;
             "q2-optgroup": LocalJSX.Q2Optgroup & JSXBase.HTMLAttributes<HTMLQ2OptgroupElement>;
             "q2-option": LocalJSX.Q2Option & JSXBase.HTMLAttributes<HTMLQ2OptionElement>;
             "q2-option-list": LocalJSX.Q2OptionList & JSXBase.HTMLAttributes<HTMLQ2OptionListElement>;
@@ -7541,6 +7711,7 @@ declare module "@stencil/core" {
             "q2-relative-time": LocalJSX.Q2RelativeTime & JSXBase.HTMLAttributes<HTMLQ2RelativeTimeElement>;
             "q2-resize-observer": LocalJSX.Q2ResizeObserver & JSXBase.HTMLAttributes<HTMLQ2ResizeObserverElement>;
             "q2-section": LocalJSX.Q2Section & JSXBase.HTMLAttributes<HTMLQ2SectionElement>;
+            "q2-section-container": LocalJSX.Q2SectionContainer & JSXBase.HTMLAttributes<HTMLQ2SectionContainerElement>;
             "q2-select": LocalJSX.Q2Select & JSXBase.HTMLAttributes<HTMLQ2SelectElement>;
             "q2-stepper": LocalJSX.Q2Stepper & JSXBase.HTMLAttributes<HTMLQ2StepperElement>;
             "q2-stepper-pane": LocalJSX.Q2StepperPane & JSXBase.HTMLAttributes<HTMLQ2StepperPaneElement>;

package/dist/types/global.d.ts

@@ -1,6 +1,6 @@
-import { ShowActionSheetFn } from 'q2-tecton-common/lib/utility/action-sheet';
-import { IPlatformDimensions } from 'q2-tecton-common/lib/types/platformDimensions';
-import { LocFn, ResizeIframeFn, ResolveMenuFn, NavigateToFn, ShowOverpanelFn } from './util';
+import type { ShowActionSheetFn } from 'q2-tecton-common/lib/types/action-sheet';
+import type { IPlatformDimensions } from 'q2-tecton-common/lib/types/platformDimensions';
+import type { LocFn, ResizeIframeFn, ResolveMenuFn, NavigateToFn, ShowOverpanelFn } from './util';
 
 declare global {
     interface Window {

package/dist/types/util.d.ts

@@ -1,10 +1,6 @@
 import { Q2Input } from './components/q2-input/q2-input';
 import { Q2Textarea } from './components/q2-textarea/q2-textarea';
 
-export interface IDict<T> {
-    [key: string]: T;
-}
-
 export interface ResolvedMenuItem {
     itemLabel: string;
     action: string;
@@ -16,7 +12,11 @@ export interface ResolvedMenuItem {
 
 export type FormFieldTypes = Q2Input | Q2Textarea;
 
-export type LocFn = (key: string, substitutions?: IDict<any> | string[], options?: IDict<any>) => string;
+export type LocFn = (
+    key: string,
+    substitutions?: Record<string, any> | string[],
+    options?: Record<string, any>
+) => string;
 
 export type ResizeIframeFn = () => void;
 
@@ -27,7 +27,7 @@ export type ResolveMenuFn = (
     resolvedType?: string
 ) => Promise<ResolvedMenuItem[]>;
 
-export type NavigateToFn = (featureName: string, moduleName?: string, queryParams?: IDict<string>) => void;
+export type NavigateToFn = (featureName: string, moduleName?: string, queryParams?: Record<string, string>) => void;
 
 export type ShowOverpanelFn = <T>(
     outletPath: string,

package/dist/types/utils/action-sheet.d.ts

@@ -1,4 +1,4 @@
-import { ActionSheetListCloseData, ActionSheetListData } from 'q2-tecton-common/lib/utility/action-sheet';
+import type { ActionSheetListCloseData, ActionSheetListData } from 'q2-tecton-common/lib/types/action-sheet';
 interface IActionSheetComponent {
     hoist: boolean;
 }

package/dist/types/utils/helpers.d.ts

@@ -1,5 +1,4 @@
 import { E2EPage } from '@stencil/core/testing';
-import { IDict } from "../util";
 import { E2EElement, NewE2EPageOptions } from '@stencil/core/testing/puppeteer/puppeteer-declarations';
 import { NewSpecPageOptions } from '../stencil-public-runtime';
 interface PasteInit extends EventInit {
@@ -7,7 +6,7 @@ interface PasteInit extends EventInit {
 }
 type EventInitType = EventInit | KeyboardEventInit | MouseEventInit | FocusEventInit | CustomEventInit | PasteInit | ClipboardEventInit;
 export declare function dispatchEvent(page: E2EPage, selectors: string | string[], eventType: string, eventInit?: EventInitType): Promise<void>;
-export declare function setTestStrings(page: E2EPage, strings: IDict<string>): Promise<void>;
+export declare function setTestStrings(page: E2EPage, strings: Record<string, string>): Promise<void>;
 export declare function promiseMap<T>(arr: T[], fn: (...args: any[]) => any): Promise<any[]>;
 export declare function waitForCursorStability(inputElement: E2EElement): Promise<void>;
 /**
@@ -44,7 +43,7 @@ export declare function objectToHTMLAttributes(obj: any): string;
  * @note This method doesn't work with `NewSpecPageOptions.template`
  * property. If you need to use that, please use `newSpecPage` directly.
  */
-export declare function setupSpecPageWithLoc(pageOptions: NewSpecPageOptions, testStrings?: IDict<string>): Promise<import("@stencil/core/testing").SpecPage>;
+export declare function setupSpecPageWithLoc(pageOptions: NewSpecPageOptions, testStrings?: Record<string, string>): Promise<import("@stencil/core/testing").SpecPage>;
 export declare function setWindowHeight(height: number): void;
 export declare function makeDomRect(customAttributes: any): any;
 export declare const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=";

package/dist/types/utils/index.d.ts

@@ -11,7 +11,7 @@ import { Q2Input } from "../components/q2-input/q2-input";
 import { Q2Loading } from "../components/q2-loading/q2-loading";
 import { Q2Radio } from "../components/q2-radio/q2-radio";
 import { Q2Select } from "../components/q2-select/q2-select";
-import { FormFieldTypes, IDict } from "../util";
+import { FormFieldTypes } from "../util";
 import { Q2Popover } from "../components/q2-popover/q2-popover";
 export declare const debounce: <F extends (...args: Parameters<F>) => ReturnType<F>>(fn: F, delay?: number) => (...args: Parameters<F>) => void;
 export declare function isAndroid(): boolean;
@@ -37,7 +37,7 @@ export declare function isVisible(element: HTMLElement): boolean;
 export declare function waitForNextPaint(): Promise<unknown>;
 export declare function capitalize(value: string): string;
 export declare function pick(props: string[]): (obj: object) => object;
-export declare function loc(key: string, subs?: IDict<any> | string[]): string;
+export declare function loc(key: string, subs?: Record<string, any> | string[]): string;
 export declare function getBrowserInfo(): {
     name: string;
     version: string;

package/package.json

@@ -1,67 +1,65 @@
 {
-    "name": "q2-tecton-elements",
-    "version": "1.63.2",
-    "description": "Q2 Tecton Custom Elements",
-    "license": "MIT",
-    "author": "Q2 Tecton Team",
-    "main": "dist/index.js",
-    "module": "dist/index.mjs",
-    "types": "dist/types/components.d.ts",
-    "collection": "dist/collection/collection-manifest.json",
-    "collection:main": "dist/collection/index.js",
-    "files": [
-        "dist/"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "scripts": {
-        "build": "stencil build --debug && node ../../build/create-theme-files.js",
-        "build:dev": "stencil build --debug && node ../../build/create-theme-files.js",
-        "build:docs-json": "stencil build --docs-json dist/docs.json",
-        "build:elements": "stencil build",
-        "build:local": "stencil build --dev --watch --serve",
-        "build:linked": "stencil build --watch --serve",
-        "build:network": "stencil build --dev --watch --serve --host 0.0.0.0",
-        "build:prerelease": "stencil build --debug && node ../../build/create-theme-files.js",
-        "build:prod": "stencil build --debug && node ../../build/create-theme-files.js",
-        "clean": "rm -rf dist tmp",
-        "nom": "rm -rf node_modules",
-        "lint": "cross-env ESLINT_USE_FLAT_CONFIG=false eslint --config .cli-eslintrc.js --ext .ts,.tsx --ignore-path .gitignore .",
-        "lint:fix": "cross-env ESLINT_USE_FLAT_CONFIG=false eslint --fix --config .cli-eslintrc.js --ext .ts,.tsx --ignore-path .gitignore .",
-        "problems": "tsc --noEmit",
-        "style": "node scripts/runApplyStyleGuide.js",
-        "style:fix": "node scripts/runApplyStyleGuide.js --fix",
-        "test:new": "stencil test --spec --e2e --silent --maxWorkers=0 --runInBand -- --json --outputFile=./test-reports-band-1.json",
-        "test": "stencil test --spec --e2e --silent --maxWorkers=0 --runInBand",
-        "test:accessibility-report": "stencil test --e2e --silent --maxWorkers=0 --runInBand --testNamePattern=ridiculousonpurpose -- --json --outputFile=../docs/src/data/accessibility-report.json",
-        "test:ci": "stencil test --spec --e2e --silent --maxWorkers=0 --runInBand",
-        "test:dev": "stencil test --spec --e2e --maxWorkers=0 --runInBand --watchAll"
-    },
-    "dependencies": {
-        "@stencil/core": "~4.32.0",
-        "q2-tecton-common": "1.63.2",
-        "swiper": "8.4.4"
-    },
-    "devDependencies": {
-        "@figma/code-connect": "^1.3.12",
-        "@stencil-community/eslint-plugin": "^0.8.0",
-        "@stencil/react-output-target": "^0.5.3",
-        "@stencil/sass": "3.0.12",
-        "@stencil/vue-output-target": "^0.8.8",
-        "@types/eslint__js": "^8.42.3",
-        "@types/jest": "^29.5.12",
-        "axe-core": "^4.10.3",
-        "cross-env": "^7.0.3",
-        "date-fns": "^3.6.0",
-        "dompurify": "^3.2.4",
-        "echarts": "^5.5.1",
-        "fast-glob": "^3.3.2",
-        "jest-cli": "^29.7.0",
-        "jscodeshift": "^17.0.0",
-        "minimist": "^1.2.8",
-        "puppeteer": "^24.11.1"
-    },
-    "packageManager": "pnpm@10.27.0",
-    "gitHead": "ba2919e41bd36f91e13f2e051f7fa52b7561c737"
-}
+  "name": "q2-tecton-elements",
+  "version": "1.64.1",
+  "description": "Q2 Tecton Custom Elements",
+  "license": "MIT",
+  "author": "Q2 Tecton Team",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/types/components.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "files": [
+    "dist/"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@stencil/core": "~4.32.0",
+    "swiper": "8.4.4",
+    "q2-tecton-common": "1.64.1"
+  },
+  "devDependencies": {
+    "@figma/code-connect": "^1.3.12",
+    "@stencil-community/eslint-plugin": "^0.8.0",
+    "@stencil/react-output-target": "^0.5.3",
+    "@stencil/sass": "3.0.12",
+    "@stencil/vue-output-target": "^0.8.8",
+    "@types/eslint__js": "^8.42.3",
+    "@types/jest": "^29.5.12",
+    "axe-core": "^4.10.3",
+    "cross-env": "^7.0.3",
+    "date-fns": "^3.6.0",
+    "dompurify": "^3.2.4",
+    "echarts": "^5.5.1",
+    "fast-glob": "^3.3.2",
+    "jest-cli": "^29.7.0",
+    "jscodeshift": "^17.0.0",
+    "minimist": "^1.2.8",
+    "puppeteer": "^24.11.1"
+  },
+  "scripts": {
+    "build": "stencil build --debug && node ../../build/create-theme-files.js",
+    "build:dev": "stencil build --debug && node ../../build/create-theme-files.js",
+    "build:docs-json": "stencil build --docs-json dist/docs.json",
+    "build:elements": "stencil build",
+    "build:local": "stencil build --dev --watch --serve",
+    "build:linked": "stencil build --watch --serve",
+    "build:network": "stencil build --dev --watch --serve --host 0.0.0.0",
+    "build:prerelease": "stencil build --debug && node ../../build/create-theme-files.js",
+    "build:prod": "stencil build --debug && node ../../build/create-theme-files.js",
+    "clean": "rm -rf dist tmp",
+    "nom": "rm -rf node_modules",
+    "lint": "eslint --config eslint.config.cli.mjs .",
+    "lint:fix": "eslint --fix --config eslint.config.cli.mjs .",
+    "problems": "tsc --noEmit",
+    "style": "node scripts/runApplyStyleGuide.js",
+    "style:fix": "node scripts/runApplyStyleGuide.js --fix",
+    "test:new": "stencil test --spec --e2e --silent --maxWorkers=0 --runInBand -- --json --outputFile=./test-reports-band-1.json",
+    "test": "stencil test --spec --e2e --silent --maxWorkers=0 --runInBand",
+    "test:accessibility-report": "stencil test --e2e --silent --maxWorkers=0 --runInBand --testNamePattern=ridiculousonpurpose -- --json --outputFile=../docs/src/data/accessibility-report.json",
+    "test:ci": "stencil test --spec --e2e --silent --maxWorkers=0 --runInBand",
+    "test:dev": "stencil test --spec --e2e --maxWorkers=0 --runInBand --watchAll"
+  }
+}