q2-tecton-elements 1.38.1 → 1.39.0

package/dist/types/components.d.ts

@@ -7,23 +7,25 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/utility/action-sheet";
 import { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
+import { EChartsCoreOption } from "echarts/types/dist/core";
 import { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/index";
 import { Q2Input } from "./components/q2-input";
 import { InputType } from "./components/q2-input/index";
 import { Q2Icon } from "./components/q2-icon";
 import { Q2Badge } from "./components/q2-badge";
-import { IEventDetail } from "./components/q2-input/types";
+import { IEventDetail, IFormatterValueObject } from "./components/q2-input/types";
 import { IOptionValue } from "./components/q2-option-list/index";
 import { IOptionValue as IOptionValue1 } from "./components/q2-option-list";
 import { IStepperPaneEvent } from "./components/q2-stepper-pane/index";
 export { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/utility/action-sheet";
 export { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
+export { EChartsCoreOption } from "echarts/types/dist/core";
 export { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/index";
 export { Q2Input } from "./components/q2-input";
 export { InputType } from "./components/q2-input/index";
 export { Q2Icon } from "./components/q2-icon";
 export { Q2Badge } from "./components/q2-badge";
-export { IEventDetail } from "./components/q2-input/types";
+export { IEventDetail, IFormatterValueObject } from "./components/q2-input/types";
 export { IOptionValue } from "./components/q2-option-list/index";
 export { IOptionValue as IOptionValue1 } from "./components/q2-option-list";
 export { IStepperPaneEvent } from "./components/q2-stepper-pane/index";
@@ -245,6 +247,11 @@ export namespace Components {
         "clearSelection": () => Promise<void>;
         "data": IDonutChartData[];
         "format": 'currency';
+        /**
+          * Returns the chart instance for e2e testing.
+          * @testOnly
+         */
+        "getChartOptions": () => Promise<EChartsCoreOption>;
         "hoverScaleSize": number;
         "innerRadius": string;
         "isClickable": boolean;
@@ -1240,12 +1247,22 @@ declare global {
 }
 declare namespace LocalJSX {
     interface ClickElsewhere {
+        /**
+          * Emitted when the user clicks outside the element
+         */
         "onChange"?: (event: ClickElsewhereCustomEvent<any>) => void;
     }
     interface Q2ActionSheet {
         "data"?: ActionSheetData;
         "hideClose"?: boolean;
+        /**
+          * Emitted when the action sheet is closed.
+         */
         "onClose"?: (event: Q2ActionSheetCustomEvent<ActionSheetListCloseData>) => void;
+        /**
+          * Emitted when the component has finished rendering.
+          * @private
+         */
         "onReady"?: (event: Q2ActionSheetCustomEvent<any>) => void;
         "title"?: string;
     }
@@ -1323,9 +1340,25 @@ declare namespace LocalJSX {
         "invalid"?: boolean;
         "invalidDates"?: string[];
         "label"?: string;
-        "onChange"?: (event: Q2CalendarCustomEvent<any>) => void;
-        "onError"?: (event: Q2CalendarCustomEvent<any>) => void;
-        "onSuccess"?: (event: Q2CalendarCustomEvent<any>) => void;
+        /**
+          * Emitted when a date is selected or typed in the input field.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2CalendarCustomEvent<{
+        // ISO formatted date
+        value: string | null;
+    }>) => void;
+        /**
+          * Emitted when an invalid date is entered into the field.
+         */
+        "onError"?: (event: Q2CalendarCustomEvent<{ errors: { message: string; errorCode: string }[] }>) => void;
+        /**
+          * Emitted when a valid date is entered or selected.
+         */
+        "onSuccess"?: (event: Q2CalendarCustomEvent<{
+        // ISO formatted date
+        value: string;
+    }>) => void;
         /**
           * @deprecated
          */
@@ -1356,7 +1389,10 @@ declare namespace LocalJSX {
         "isSmall"?: boolean;
         "isStatic"?: boolean;
         "isTouch"?: boolean;
-        "onClick"?: (event: Q2CardCustomEvent<any>) => void;
+        /**
+          * Emitted when the card is clicked and the `url` property is not provided.
+         */
+        "onClick"?: (event: Q2CardCustomEvent<undefined>) => void;
         "target"?: '_self' | '_blank' | '_parent' | '_top';
         "title"?: string;
         "type"?: 'clickable' | 'non-clickable';
@@ -1372,6 +1408,9 @@ declare namespace LocalJSX {
         "hidePagination"?: boolean;
         "index"?: number;
         "label"?: string;
+        /**
+          * Emitted when the carousel pane changes.
+         */
         "onChange"?: (event: Q2CarouselCustomEvent<{ index: number }>) => void;
         "showNavigationArrows"?: boolean;
     }
@@ -1387,7 +1426,10 @@ declare namespace LocalJSX {
          */
         "isActivePane"?: boolean;
         "label"?: string;
-        "onClickCarouselPane"?: (event: Q2CarouselPaneCustomEvent<any>) => void;
+        /**
+          * Emitted when the pane is clicked.
+         */
+        "onClickCarouselPane"?: (event: Q2CarouselPaneCustomEvent<{ paneIndex: number; pane: HTMLElement }>) => void;
         /**
           * Used by q2-carousel to indicate how many panes are in the carousel
           * @private
@@ -1410,7 +1452,13 @@ declare namespace LocalJSX {
         "lineColor"?: string;
         "offsetDataNames"?: boolean;
         "offsetDataValues"?: boolean;
-        "onChange"?: (event: Q2ChartAreaCustomEvent<any>) => void;
+        /**
+          * Emitted when a data point is clicked.
+         */
+        "onChange"?: (event: Q2ChartAreaCustomEvent<{
+        index: number;
+        data: IChartData;
+    }>) => void;
         "pointerLineColor"?: string;
         "pointerLineStyle"?: 'solid' | 'dashed';
         "showChartName"?: boolean;
@@ -1443,8 +1491,14 @@ declare namespace LocalJSX {
         "innerRadius"?: string;
         "isClickable"?: boolean;
         "minSliceSize"?: string;
-        "onChange"?: (event: Q2ChartDonutCustomEvent<any>) => void;
-        "onClick"?: (event: Q2ChartDonutCustomEvent<any>) => void;
+        /**
+          * Emitted when a slice is selected.
+         */
+        "onChange"?: (event: Q2ChartDonutCustomEvent<IDonutChartData>) => void;
+        /**
+          * Emitted when the center button is clicked.  Requires the `isClickable` prop to be set to `true`.
+         */
+        "onClick"?: (event: Q2ChartDonutCustomEvent<IDonutChartData>) => void;
         "outerRadius"?: string;
         "selectedId"?: string;
         "selectedOffset"?: number;
@@ -1470,6 +1524,10 @@ declare namespace LocalJSX {
         "indeterminate"?: boolean;
         "label"?: string;
         "name"?: string;
+        /**
+          * Emitted when the checkbox is toggled.
+          * @legacyEvent
+         */
         "onChange"?: (event: Q2CheckboxCustomEvent<{ value: string; checked: boolean }>) => void;
         "readonly"?: boolean;
         "type"?: 'favorite' | 'toggle';
@@ -1479,7 +1537,11 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "hasError"?: boolean;
         "label"?: string;
-        "onChange"?: (event: Q2CheckboxGroupCustomEvent<any>) => void;
+        /**
+          * Emitted when a checkbox is toggled.  The event detail is an object with the value of each checkbox as the key and the checked state as the value.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2CheckboxGroupCustomEvent<Record<string, boolean>>) => void;
         "optional"?: boolean;
         "readonly"?: boolean;
         "value"?: object;
@@ -1493,13 +1555,29 @@ declare namespace LocalJSX {
         "hideCaption"?: boolean;
         "hideClickable"?: boolean;
         "loading"?: boolean;
+        /**
+          * Emitted when a row is clicked.  Requires the `clickable` prop to be set to `true`.  Call `event.preventDefault()` to prevent the default click behavior.
+         */
         "onClick"?: (event: Q2DataTableCustomEvent<{ row: Q2DataTableSerializedRow }>) => void;
+        /**
+          * Emitted when a row is selected.  Requires the `selectable` prop to be set to `true`.  Call `event.preventDefault()` to prevent the default selection behavior.
+         */
         "onSelect"?: (event: Q2DataTableCustomEvent<{
         row: Q2DataTableSerializedRow;
         rows: Q2DataTableSerializedRow[];
         allSelected: boolean;
     }>) => void;
+        /**
+          * Emitted when the select-all checkbox is toggled.  Requires the `selectable` prop to be set to `true` and the `selectMode` prop to be set to `multiple`.  Call `event.preventDefault()` to prevent the default behavior.
+         */
+        "onSelectAllRows"?: (event: Q2DataTableCustomEvent<{ checked: boolean }>) => void;
+        /**
+          * Emitted when a column is sorted.  Requires the `sortable` prop to be set to `true` on the column.  Call `event.preventDefault()` to prevent the default sorting behavior.
+         */
         "onSort"?: (event: Q2DataTableCustomEvent<{ header: Q2DataTableHeader; direction: 'ASC' | 'DESC' }>) => void;
+        /**
+          * Emitted when an expandable row is toggled.  Requires content in the `row-{id}-expandable-content` slot.  Call `event.preventDefault()` to prevent the default toggling behavior.
+         */
         "onToggle"?: (event: Q2DataTableCustomEvent<{ row: Q2DataTableSerializedRow }>) => void;
         "rows"?: Q2DataTableRow[];
         "selectMode"?: 'multiple' | 'single';
@@ -1560,8 +1638,19 @@ declare namespace LocalJSX {
         "hints"?: string[];
         "label"?: string;
         "maxlength"?: number;
-        "onChange"?: (event: Q2EditableFieldCustomEvent<any>) => void;
-        "onInput"?: (event: Q2EditableFieldCustomEvent<any>) => void;
+        /**
+          * Emitted when the 'Edit', 'Cancel', or 'Save' buttons are clicked.  The event detail will not include a `value` or `formattedValue` if the event name is 'edit' or 'cancel'.
+         */
+        "onChange"?: (event: Q2EditableFieldCustomEvent<{
+        editing: boolean;
+        name: 'edit' | 'cancel' | 'save';
+        value?: string;
+        formattedValue?: string;
+    }>) => void;
+        /**
+          * Emitted when the user updates the `q2-input` element in the editing state.
+         */
+        "onInput"?: (event: Q2EditableFieldCustomEvent<{ formattedValue: string; value: string }>) => void;
         "persistentLabel"?: boolean;
         "truncated"?: boolean;
         "type"?: Q2Input['type'];
@@ -1602,9 +1691,23 @@ declare namespace LocalJSX {
         "max"?: number;
         "maxlength"?: number;
         "min"?: number;
+        /**
+          * Emitted when the field loses focus after the value has been changed.
+          * @legacyEvent
+         */
         "onChange"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
-        "onClear"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
-        "onFormatted"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        /**
+          * Emitted when the field value is cleared.  Requires the `clearable` prop to be set to `true`.
+         */
+        "onClear"?: (event: Q2InputCustomEvent<undefined>) => void;
+        /**
+          * Emitted when the field value is formatted.
+         */
+        "onFormatted"?: (event: Q2InputCustomEvent<IFormatterValueObject>) => void;
+        /**
+          * Emitted when the field value is updated.
+          * @legacyEvent
+         */
         "onInput"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
         "optional"?: boolean;
         "placeholder"?: string;
@@ -1675,6 +1778,10 @@ declare namespace LocalJSX {
           * @private
          */
         "multiline"?: boolean;
+        /**
+          * Used by consuming elements to indicate the display value of the option has changed.
+          * @private
+         */
         "onDisplayChanged"?: (event: Q2OptionCustomEvent<{ value: string; display: string }>) => void;
         /**
           * Used by q2-option-list to set a role on the option
@@ -1696,9 +1803,20 @@ declare namespace LocalJSX {
         "label"?: string;
         "multiple"?: boolean;
         "noSelect"?: boolean;
+        /**
+          * Emitted when an option is selected or deselected.  When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property will contain the selected option values.
+         */
         "onChange"?: (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => void;
+        /**
+          * Emitted to indicate the intended state of the popover.
+          * @private
+         */
         "onPopoverState"?: (event: Q2OptionListCustomEvent<{ open: boolean; action: 'close' | 'select' | 'open' }>) => void;
-        "onReady"?: (event: Q2OptionListCustomEvent<any>) => void;
+        /**
+          * Emitted when the component has finished rendering.
+          * @private
+         */
+        "onReady"?: (event: Q2OptionListCustomEvent<undefined>) => void;
         "selectedOptions"?: IOptionValue[];
         "showSelected"?: boolean;
         /**
@@ -1709,7 +1827,11 @@ declare namespace LocalJSX {
     }
     interface Q2Pagination {
         "autoSize"?: boolean;
-        "onChange"?: (event: Q2PaginationCustomEvent<any>) => void;
+        /**
+          * Emitted when the page is changed.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2PaginationCustomEvent<{ page: number }>) => void;
         "page"?: number;
         "pages"?: number;
         "pagesOnly"?: boolean;
@@ -1725,6 +1847,10 @@ declare namespace LocalJSX {
         "label"?: string;
         "maxLength"?: number;
         "multiple"?: boolean;
+        /**
+          * Emitted when the pill is clicked or the selected options change.
+          * @legacyEvent
+         */
         "onChange"?: (event: Q2PillCustomEvent<{ value: string; values: IOptionValue1[]; active: boolean }>) => void;
         "open"?: boolean;
         "optionListLabel"?: string;
@@ -1744,6 +1870,9 @@ declare namespace LocalJSX {
           * @deprecated
          */
         "minHeight"?: number;
+        /**
+          * Emitted when the popover is opened or closed.
+         */
         "onPopoverStateChanged"?: (event: Q2PopoverCustomEvent<{ open: boolean }>) => void;
         "open"?: boolean;
     }
@@ -1776,7 +1905,10 @@ declare namespace LocalJSX {
           * @private
          */
         "name"?: string;
-        "onChange"?: (event: Q2RadioCustomEvent<any>) => void;
+        /**
+          * Emitted when the radio is checked.
+         */
+        "onChange"?: (event: Q2RadioCustomEvent<{ value: string }>) => void;
         "readonly"?: boolean;
         "tabIndex"?: number;
         "value"?: string;
@@ -1786,7 +1918,11 @@ declare namespace LocalJSX {
         "hasError"?: boolean;
         "label"?: string;
         "name"?: string;
-        "onChange"?: (event: Q2RadioGroupCustomEvent<any>) => void;
+        /**
+          * Emitted when the value of the radio group changes.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2RadioGroupCustomEvent<{ value: string }>) => void;
         "optional"?: boolean;
         "readonly"?: boolean;
         "tileAlignment"?: 'left' | 'center' | 'right';
@@ -1802,7 +1938,11 @@ declare namespace LocalJSX {
         "expanded"?: boolean;
         "label"?: string;
         "noCollapseIcon"?: boolean;
-        "onChange"?: (event: Q2SectionCustomEvent<any>) => void;
+        /**
+          * Emitted when the section is expanded or collapsed.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2SectionCustomEvent<{ expanded: boolean }>) => void;
     }
     interface Q2Select {
         /**
@@ -1819,8 +1959,15 @@ declare namespace LocalJSX {
         "minRows"?: number;
         "multilineOptions"?: boolean;
         "multiple"?: boolean;
+        /**
+          * Emitted when an option is selected or deselected.  When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property will contain the selected option values.
+          * @legacyEvent
+         */
         "onChange"?: (event: Q2SelectCustomEvent<{ value: string; selectedOptions: string[] }>) => void;
-        "onInput"?: (event: Q2SelectCustomEvent<any>) => void;
+        /**
+          * Emitted when the input value changes.  Requires the `searchable` prop to be set to `true`.
+         */
+        "onInput"?: (event: Q2SelectCustomEvent<{ query: string }>) => void;
         "optional"?: boolean;
         "placeholder"?: string;
         "popDirection"?: 'up' | 'down';
@@ -1832,6 +1979,10 @@ declare namespace LocalJSX {
     interface Q2Stepper {
         "currentStep"?: number;
         "lastEnabledStep"?: number;
+        /**
+          * Emitted when the selected step changes.
+          * @legacyEvent
+         */
         "onChange"?: (event: Q2StepperCustomEvent<any>) => void;
         /**
           * Used to determine the number of steps in the stepper.
@@ -1847,22 +1998,48 @@ declare namespace LocalJSX {
          */
         "isActive"?: boolean;
         "label"?: string;
+        /**
+          * Emitted when the active state of the pane changes.
+         */
         "onActiveChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
-        "onContentChange"?: (event: Q2StepperPaneCustomEvent<any>) => void;
+        /**
+          * Emitted when the content of the pane changes.
+          * @private
+         */
+        "onContentChange"?: (event: Q2StepperPaneCustomEvent<undefined>) => void;
+        /**
+          * Emitted when the status of the pane changes.
+         */
         "onStatusChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
         "showWithChildren"?: boolean;
         "status"?: 'complete' | 'error' | 'locked';
     }
     interface Q2StepperVertical {
         "currentStepId"?: string;
-        "onChange"?: (event: Q2StepperVerticalCustomEvent<any>) => void;
+        /**
+          * Emitted when the selected step changes.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2StepperVerticalCustomEvent<{
+        selectedStep: HTMLQ2StepperPaneElement;
+        selectedStepId: string;
+        currentStepId: string;
+    }>) => void;
     }
     interface Q2TabContainer {
         "color"?: 'alt' | undefined;
         "name"?: string;
         "noPrint"?: boolean;
-        "onChange"?: (event: Q2TabContainerCustomEvent<any>) => void;
-        "onSettled"?: (event: Q2TabContainerCustomEvent<any>) => void;
+        /**
+          * Emitted when the selected tab changes.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2TabContainerCustomEvent<{ value: string }>) => void;
+        /**
+          * Emitted when the component has finished rendering.
+          * @private
+         */
+        "onSettled"?: (event: Q2TabContainerCustomEvent<undefined>) => void;
         "type"?: 'main' | 'section';
         "value"?: string;
     }
@@ -1887,6 +2064,10 @@ declare namespace LocalJSX {
           * @private
          */
         "name"?: string;
+        /**
+          * Emitted when the badge count, description, theme, or status changes.
+          * @private
+         */
         "onBadge"?: (event: Q2TabPaneCustomEvent<boolean>) => void;
         /**
           * Used by q2-tab-container to indicate the option is selected
@@ -1898,6 +2079,9 @@ declare namespace LocalJSX {
     interface Q2Tag {
         "hoist"?: boolean;
         "label"?: string;
+        /**
+          * Emitted when a provided option is clicked.  Requires at least one option to be provided.
+         */
         "onClick"?: (event: Q2TagCustomEvent<{ value: string }>) => void;
         "open"?: boolean;
         "optionListLabel"?: string;
@@ -1915,8 +2099,16 @@ declare namespace LocalJSX {
         "hints"?: string[];
         "label"?: string;
         "maxlength"?: number;
-        "onChange"?: (event: Q2TextareaCustomEvent<any>) => void;
-        "onInput"?: (event: Q2TextareaCustomEvent<any>) => void;
+        /**
+          * Emitted when the field loses focus after the value has been changed.
+          * @legacyEvent
+         */
+        "onChange"?: (event: Q2TextareaCustomEvent<{ value: string }>) => void;
+        /**
+          * Emitted when the field value is updated.
+          * @legacyEvent
+         */
+        "onInput"?: (event: Q2TextareaCustomEvent<{ value: string }>) => void;
         "optional"?: boolean;
         "placeholder"?: string;
         "readonly"?: boolean;
@@ -1946,6 +2138,10 @@ declare namespace LocalJSX {
         "minHeight"?: string;
         "moduleId"?: string;
         "name"?: string;
+        /**
+          * Emitted when the badge count, description, theme, or status changes.
+          * @private
+         */
         "onBadge"?: (event: TectonTabPaneCustomEvent<boolean>) => void;
         "provided"?: boolean;
         "selected"?: boolean;

package/dist/types/workspace/workspace/{tecton-production_release_1.38.x → _Gitlab_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts

@@ -23,4 +23,5 @@ export declare const getNestedElementProperty: (page: E2EPage, selectors: string
 export declare const getNestedElementAttribute: (page: E2EPage, selectors: string | string[], attribute: string) => Promise<string>;
 export declare const getNestedElementStyle: (page: E2EPage, selectors: string | string[], attribute: string) => Promise<any>;
 export declare const getNestedAssignedElementLength: (page: E2EPage, selectors: string | string[]) => Promise<number>;
+export declare const evaluateA11y: (page: any, detailLevel?: string, isComponent?: boolean) => Promise<{}>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.38.1",
+    "version": "1.39.0",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -35,11 +35,12 @@
     },
     "dependencies": {
         "@stencil/core": "3.4.2",
-        "q2-tecton-common": "1.38.1",
+        "q2-tecton-common": "1.39.0",
         "smoothscroll-polyfill": "^0.4.4",
         "swiper": "8.4.4"
     },
     "devDependencies": {
+        "@axe-core/puppeteer": "^4.8.5",
         "@stencil/react-output-target": "^0.5.3",
         "@stencil/sass": "^3.0.5",
         "@stencil/vue-output-target": "^0.8.7",
@@ -54,5 +55,5 @@
         "tslint-config-prettier": "^1.18.0",
         "typescript": "4.7.4"
     },
-    "gitHead": "a2ca6b68446da3e9c112df81f2722a1164d4df35"
+    "gitHead": "e2ed7aaf51d5443d0f83ab8797b3d9db6b739dcd"
 }

package/dist/q2-tecton-elements/p-072bda73.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as a,h as r,F as i,g as e}from"./p-277dc8cd.js";import{b as o,o as s,i as c}from"./p-f34521a4.js";const n="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:100%;display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}:host(:not([is-static])) .container{--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 3px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:var(--tct-card-border-style, solid);border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))))}:host(:not([is-static])) .container.clickable{cursor:pointer}@media (hover: hover){:host(:not([is-static])) .container.clickable{--comp-card-hover-box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0 4px 12px rgba(0, 0, 0, 0.3))))}:host(:not([is-static])) .container.clickable:hover,:host(:not([is-static])) .container.clickable:active,:host(:not([is-static])) .container.clickable:focus{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));box-shadow:var(--const-double-focus-ring)}:host(:not([is-static])) .container.clickable:hover{box-shadow:var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:focus:hover{box-shadow:var(--const-double-focus-ring), var(--comp-card-hover-box-shadow)}:host(:not([is-static])) .container.clickable:active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}}:host(:not([is-static])) .container.is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}:host(:not([is-static])) .container.has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;white-space:nowrap}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";const d=["primary","secondary","tertiary","accent-1","accent-2","accent-3","accent-4","accent-5","accent-6","accent-7","accent-8","accent-9","accent-10","accent-11","accent-12"];const h=["info","success","warning","alert"];const l=class{constructor(r){t(this,r);this.click=a(this,"click",7);this.handleClick=t=>{if(this.url)return true;t.preventDefault();t.stopPropagation();this.click.emit()};this.title=undefined;this.description=undefined;this.avatarName=undefined;this.avatarInitials=undefined;this.avatarIcon=undefined;this.avatarSrc=undefined;this.isSmall=undefined;this.bar=undefined;this.isStatic=undefined;this.isTouch=o();this.url=undefined;this.target=undefined;this.type="clickable";this.isAutoTouch=false;this.isAutoSmall=false}componentWillLoad(){this.checkBar()}componentDidLoad(){const{hostElement:t,clickableElement:a}=this;t.click=()=>a.click();s(this.hostElement);this.resizeObserver=new ResizeObserver((()=>this.determineAutoSmall()));this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.resizeObserver=null}onHostElementFocus(t){if(!c(t,this.hostElement))return;this.clickableElement.focus()}checkBar(){const{bar:t}=this;if(!t)return;if(d.includes(t)){this.barColor=`var(--t-${t})`}else if(h.includes(t)){this.barColor=`var(--const-stoplight-${t})`}else{this.barColor=t}}determineAutoTouch(){if(this.hostElement.hasAttribute("is-touch"))return;this.isAutoTouch=o()}determineAutoSmall(){var t,a;if(this.isStatic)return;if(this.hostElement.hasAttribute("is-small"))return;const{containerElement:r,avatarElement:i}=this;const e=(t=i===null||i===void 0?void 0:i.offsetWidth)!==null&&t!==void 0?t:0;const o=(a=r===null||r===void 0?void 0:r.offsetWidth)!==null&&a!==void 0?a:0;const s=e+o;this.isAutoSmall=s<350}generateAvatar(){const{avatarName:t,avatarInitials:a,avatarSrc:i,avatarIcon:e}=this;if(e){return r("q2-icon",{type:e,ref:t=>this.avatarElement=t,"test-id":"avatar"})}else if(t||a||i){return r("q2-avatar",{name:t,initials:a,src:i,ref:t=>this.avatarElement=t,"test-id":"avatar"})}}generateContent(){return r(i,null,this.bar&&r("div",{class:"bar","test-id":"bar",style:{"--comp-bar-color":this.barColor}}),this.generateAvatar(),r("div",{class:"content","test-id":"contentContainer",ref:t=>this.containerElement=t},this.title&&r("h3",{"test-id":"title"},this.title),this.description&&r("p",{"test-id":"description"},this.description),r("slot",null)),this.isTouch&&!this.isStatic&&r("q2-icon",{"test-id":"touchIndicator",type:"chevron-right",class:"touch-indicator"}))}generateContainerClasses(){const{isSmall:t,isAutoSmall:a,avatarName:r,avatarInitials:i,avatarSrc:e,avatarIcon:o,isTouch:s,isAutoTouch:c,isStatic:n,type:d}=this;const h=["container",d];const l=t||a;const v=s||c;const p=r||i||e||o;if(l)h.push("is-small");if(v&&!n)h.push("is-touch");if(p)h.push("has-avatar");if(n)h.push("is-static");return h.join(" ")}render(){const{url:t,isStatic:a,type:i}=this;if(a||i==="non-clickable")return r("div",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement"},this.generateContent());else if(!!t)return r("a",{ref:t=>this.clickableElement=t,href:this.url,class:this.generateContainerClasses(),target:this.target,rel:"noopener noreferrer","test-id":"clickableElement",onClick:this.handleClick},this.generateContent());else return r("button",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement",type:"button",onClick:this.handleClick},this.generateContent())}get hostElement(){return e(this)}static get watchers(){return{bar:["checkBar"]}}};l.style=n;export{l as q2_card};
-//# sourceMappingURL=p-072bda73.entry.js.map

package/dist/q2-tecton-elements/p-072bda73.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","SUPPORTED_THEME_COLORS","STOPLIGHT_COLORS","Q2Card","this","handleClick","event","url","preventDefault","stopPropagation","click","emit","isTouchDevice","componentWillLoad","checkBar","componentDidLoad","hostElement","clickableElement","overrideFocus","resizeObserver","ResizeObserver","determineAutoSmall","observe","disconnectedCallback","onHostElementFocus","isEventFromElement","focus","bar","includes","barColor","determineAutoTouch","hasAttribute","isAutoTouch","isStatic","containerElement","avatarElement","avatarWidth","_a","offsetWidth","containerWidth","_b","totalWidth","isAutoSmall","generateAvatar","avatarName","avatarInitials","avatarSrc","avatarIcon","h","type","ref","e","name","initials","src","generateContent","Fragment","class","style","title","description","isTouch","generateContainerClasses","isSmall","result","showSmall","showTouch","hasAvatar","push","join","render","href","target","rel","onClick"],"sources":["./src/components/q2-card/styles.scss?tag=q2-card&encapsulation=shadow","./src/components/q2-card/index.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: block;\n}\n\n.container {\n    position: relative;\n    width: 100%;\n    text-align: start;\n    height: 100%;\n    display: grid;\n    gap: var-list(var-prefixer(card-gap), --app-scale-3x, 15px);\n    margin: 0;\n    color: var-list(var-prefixer(card-color), --t-text, #4d4d4d);\n\n    --comp-avatar-size: #{var-list(var-prefixer(card-avatar-size), 44px)};\n    --comp-chevron-size: 0;\n    --comp-bar-width: #{var-list(var-prefixer(card-bar-width), --app-scale-2x, 10px)};\n    --comp-card-padding: #{var-list(var-prefixer(card-padding), --app-scale-4x, 20px)};\n\n    &.is-small {\n        --comp-avatar-size: #{var-list(var-prefixer(card-avatar-size), 26px)};\n    }\n    &.has-avatar {\n        grid-template-columns: var(--comp-avatar-size) 1fr;\n        --tct-avatar-width: var(--comp-avatar-size);\n        --tct-avatar-height: var(--comp-avatar-size);\n        --tct-icon-size: var(--comp-avatar-size);\n    }\n\n    :host([bar][is-static]) & {\n        padding-left: var(--comp-card-padding);\n    }\n\n    :host(:not([is-static])) & {\n        --comp-border-radius: #{var-list(var-prefixer(card-border-radius), --app-border-radius-1, 3px)};\n        --comp-border-width: #{var-list(var-prefixer(card-border-width), 0px)};\n        border: none;\n        background: var-list(var-prefixer(card-background), --t-base, #ffffff);\n        padding: var(--comp-card-padding);\n        text-decoration: none;\n        border-width: var(--comp-border-width);\n        border-color: var-list(var-prefixer(card-border-color), transparent);\n        border-style: var-list(--tct-card-border-style, solid);\n        border-radius: var(--comp-border-radius);\n        transition: box-shadow var-list(--tct-tween-1, --app-tween-1, unquote('0.2s ease'));\n        box-shadow: var-list(var-prefixer(card-box-shadow), --app-shadow-2, unquote('0 3px 6px rgba(0, 0, 0, 0.3)'));\n\n        &.clickable {\n            cursor: pointer;\n            @media (hover: hover) {\n                --comp-card-hover-box-shadow: #{var-list(\n                        var-prefixer(card-hover-box-shadow),\n                        --app-shadow-3,\n                        unquote('0 4px 12px rgba(0, 0, 0, 0.3)')\n                    )};\n\n                &:hover,\n                &:active,\n                &:focus {\n                    color: var-list(var-prefixer(card-color), --t-text, #4d4d4d);\n                    box-shadow: var(--const-double-focus-ring);\n                }\n\n                &:hover {\n                    box-shadow: var(--comp-card-hover-box-shadow);\n                }\n\n                &:focus:hover {\n                    box-shadow: var(--const-double-focus-ring), var(--comp-card-hover-box-shadow);\n                }\n\n                &:active {\n                    box-shadow: var-list(\n                        var-prefixer(card-active-box-shadow),\n                        --app-shadow-1,\n                        unquote('0 2px 4px rgba(0, 0, 0, 0.3)')\n                    );\n                }\n            }\n        }\n\n        &.is-touch {\n            --comp-chevron-size: #{var-list(var-prefixer(card-chevron-size), 26px)};\n            grid-template-columns: 1fr var(--comp-chevron-size);\n        }\n\n        &.has-avatar.is-touch {\n            grid-template-columns: var(--comp-avatar-size) 1fr var(--comp-chevron-size);\n        }\n    }\n}\n\n.content {\n    overflow: hidden;\n    display: grid;\n    gap: var-list(var-prefixer(card-content-gap), --app-scale-1x, 5px);\n    align-content: start;\n}\n\nh3,\np {\n    margin: 0;\n    padding: 0;\n    line-height: var-list(var-prefixer(card-font-height), 20px);\n}\n\nh3 {\n    font-weight: var-list(var-prefixer(card-font-weight), 600);\n    font-size: var-list(var-prefixer(card-font-size), 17px);\n    @include line-clamp(1);\n}\n\np {\n    @include line-clamp(2);\n}\n\n.bar {\n    --comp-bar-border-radius: calc(var(--comp-border-radius) - var(--comp-border-width));\n    border-radius: var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);\n    position: absolute;\n    inset: 0 auto auto 0;\n    width: var(--comp-bar-width);\n    background: var(--comp-bar-color);\n    height: 100%;\n}\n\n.touch-indicator {\n    align-self: center;\n    --tct-icon-size: var(--comp-chevron-size);\n}\n","import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Event,\n    h,\n    Fragment,\n    Listen,\n    Element,\n    EventEmitter,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { isTouchDevice, overrideFocus, isEventFromElement } from 'src/utils';\nconst SUPPORTED_THEME_COLORS = [\n    'primary',\n    'secondary',\n    'tertiary',\n    'accent-1',\n    'accent-2',\n    'accent-3',\n    'accent-4',\n    'accent-5',\n    'accent-6',\n    'accent-7',\n    'accent-8',\n    'accent-9',\n    'accent-10',\n    'accent-11',\n    'accent-12',\n];\nconst STOPLIGHT_COLORS = ['info', 'success', 'warning', 'alert'];\n\n@Component({\n    tag: 'q2-card',\n    shadow: true,\n    styleUrl: 'styles.scss',\n})\nexport class Q2Card implements ComponentInterface {\n    @Prop({ reflect: true }) title: string;\n    @Prop({ reflect: true }) description: string;\n    @Prop({ reflect: true }) avatarName: string;\n    @Prop({ reflect: true }) avatarInitials: string;\n    @Prop({ reflect: true }) avatarIcon: string;\n    @Prop({ reflect: true }) avatarSrc: string;\n    @Prop({ reflect: true }) isSmall: boolean;\n    @Prop({ reflect: true }) bar: string;\n    @Prop({ reflect: true }) isStatic: boolean;\n    @Prop({ reflect: true }) isTouch: boolean = isTouchDevice();\n    @Prop({ reflect: true }) url: string;\n    @Prop({ reflect: true }) target: '_self' | '_blank' | '_parent' | '_top';\n    @Prop({ reflect: true }) type: 'clickable' | 'non-clickable' = 'clickable';\n\n    @State() isAutoTouch: boolean = false;\n    @State() isAutoSmall: boolean = false;\n    @Element() hostElement: HTMLElement;\n    @Event() click: EventEmitter;\n\n    clickableElement: HTMLElement;\n    containerElement: HTMLElement;\n    avatarElement: HTMLElement;\n    resizeObserver: ResizeObserver;\n    barColor: string;\n\n    componentWillLoad() {\n        this.checkBar();\n    }\n\n    componentDidLoad() {\n        const { hostElement, clickableElement } = this;\n        hostElement.click = () => clickableElement.click();\n        overrideFocus(this.hostElement);\n\n        this.resizeObserver = new ResizeObserver(() => this.determineAutoSmall());\n        this.resizeObserver.observe(this.hostElement);\n    }\n\n    disconnectedCallback() {\n        this.resizeObserver = null;\n    }\n\n    handleClick = (event: MouseEvent) => {\n        if (this.url) return true;\n        event.preventDefault();\n        event.stopPropagation();\n        this.click.emit();\n    };\n\n    @Listen('focus')\n    onHostElementFocus(event) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.clickableElement.focus();\n    }\n\n    @Watch('bar')\n    checkBar() {\n        const { bar } = this;\n        if (!bar) return;\n\n        if (SUPPORTED_THEME_COLORS.includes(bar)) {\n            this.barColor = `var(--t-${bar})`;\n        } else if (STOPLIGHT_COLORS.includes(bar)) {\n            this.barColor = `var(--const-stoplight-${bar})`;\n        } else {\n            this.barColor = bar;\n        }\n    }\n\n    determineAutoTouch() {\n        if (this.hostElement.hasAttribute('is-touch')) return;\n        this.isAutoTouch = isTouchDevice();\n    }\n\n    determineAutoSmall() {\n        if (this.isStatic) return;\n        if (this.hostElement.hasAttribute('is-small')) return;\n        const { containerElement, avatarElement } = this;\n        const avatarWidth = avatarElement?.offsetWidth ?? 0;\n        const containerWidth = containerElement?.offsetWidth ?? 0;\n        const totalWidth = avatarWidth + containerWidth;\n        this.isAutoSmall = totalWidth < 350;\n    }\n\n    generateAvatar() {\n        const { avatarName, avatarInitials, avatarSrc, avatarIcon } = this;\n\n        if (avatarIcon) {\n            return (\n                <q2-icon\n                    type={avatarIcon}\n                    ref={e => (this.avatarElement = e)}\n                    test-id=\"avatar\"\n                ></q2-icon>\n            );\n        } else if (avatarName || avatarInitials || avatarSrc) {\n            return (\n                <q2-avatar\n                    name={avatarName}\n                    initials={avatarInitials}\n                    src={avatarSrc}\n                    ref={e => (this.avatarElement = e)}\n                    test-id=\"avatar\"\n                ></q2-avatar>\n            );\n        }\n    }\n\n    generateContent() {\n        return (\n            <Fragment>\n                {this.bar && (\n                    <div\n                        class=\"bar\"\n                        test-id=\"bar\"\n                        style={{ '--comp-bar-color': this.barColor }}\n                    ></div>\n                )}\n                {this.generateAvatar()}\n                <div\n                    class=\"content\"\n                    test-id=\"contentContainer\"\n                    ref={e => (this.containerElement = e)}\n                >\n                    {this.title && <h3 test-id=\"title\">{this.title}</h3>}\n                    {this.description && <p test-id=\"description\">{this.description}</p>}\n                    <slot />\n                </div>\n                {this.isTouch && !this.isStatic && (\n                    <q2-icon\n                        test-id=\"touchIndicator\"\n                        type=\"chevron-right\"\n                        class=\"touch-indicator\"\n                    ></q2-icon>\n                )}\n            </Fragment>\n        );\n    }\n\n    generateContainerClasses() {\n        const {\n            isSmall,\n            isAutoSmall,\n            avatarName,\n            avatarInitials,\n            avatarSrc,\n            avatarIcon,\n            isTouch,\n            isAutoTouch,\n            isStatic,\n            type,\n        } = this;\n        const result = ['container', type];\n        const showSmall = isSmall || isAutoSmall;\n        const showTouch = isTouch || isAutoTouch;\n        const hasAvatar = avatarName || avatarInitials || avatarSrc || avatarIcon;\n        if (showSmall) result.push('is-small');\n        if (showTouch && !isStatic) result.push('is-touch');\n        if (hasAvatar) result.push('has-avatar');\n        if (isStatic) result.push('is-static');\n\n        return result.join(' ');\n    }\n\n    render() {\n        const { url, isStatic, type } = this;\n        if (isStatic || type === 'non-clickable')\n            return (\n                <div\n                    ref={e => (this.clickableElement = e)}\n                    class={this.generateContainerClasses()}\n                    test-id=\"clickableElement\"\n                >\n                    {this.generateContent()}\n                </div>\n            );\n        else if (!!url)\n            return (\n                <a\n                    ref={e => (this.clickableElement = e)}\n                    href={this.url}\n                    class={this.generateContainerClasses()}\n                    target={this.target}\n                    rel=\"noopener noreferrer\"\n                    test-id=\"clickableElement\"\n                    onClick={this.handleClick}\n                >\n                    {this.generateContent()}\n                </a>\n            );\n        else\n            return (\n                <button\n                    ref={e => (this.clickableElement = e)}\n                    class={this.generateContainerClasses()}\n                    test-id=\"clickableElement\"\n                    type=\"button\"\n                    onClick={this.handleClick}\n                >\n                    {this.generateContent()}\n                </button>\n            );\n    }\n}\n"],"mappings":"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"}