@usecapsule/core-components 3.2.0-dev.0 → 3.2.0

package/dist/types/components/cpsl-popover/cpsl-popover.d.ts

@@ -7,19 +7,72 @@ export declare class CpslPopover {
     private triggerClicked;
     positionX?: number;
     positionY?: number;
+    /**
+     * ID for the element that the popover anchors to.
+     */
     anchorEl?: HTMLElement;
+    /**
+     * Vertical anchor origin.
+     * Options are: `"left"`, `"center"`, `"right"`.
+     * Default is: `"left"`.
+     */
     anchorOriginHorizontal?: 'left' | 'center' | 'right';
+    /**
+     * Vertical anchor origin.
+     * Options are: `"top"`, `"center"`, `"bottom"`.
+     * Default is: `"bottom"`.
+     */
     anchorOriginVertical?: 'top' | 'center' | 'bottom';
+    /**
+     * If `true` the container will use the width of the content, else it will be set to the width of the trigger.
+     * Default is `true`
+     */
     autoWidth?: boolean;
+    /**
+     * Whether or not to disable to popover.
+     */
     disabled: boolean;
+    /**
+     * Used internally to prevent select from blurring unintentionally.
+     */
     preventBlur: boolean;
+    /**
+     * Vertical transformation origin.
+     * Options are: `"left"`, `"center"`, `"right"`.
+     * Default is: `"left"`.
+     */
     transformOriginHorizontal?: 'left' | 'center' | 'right';
+    /**
+     * Vertical transformation origin.
+     * Options are: `"top"`, `"center"`, `"bottom"`.
+     * Default is: `"bottom"`.
+     */
     transformOriginVertical?: 'top' | 'center' | 'bottom';
+    /**
+     * Which trigger causes the popover to open.
+     * Options are: `"click"`, `"hover"`.
+     * Default is: `"click"`.
+     */
     triggerAction: 'click' | 'hover';
+    /**
+     * ID for the element that triggers the popover to open.
+     */
     trigger: string;
+    /**
+     * Padding from edge of window for the popover container.
+     */
     windowPadding?: number;
-    cpslOpen: EventEmitter<void>;
-    cpslClose: EventEmitter<void>;
+    /**
+     * Emitted when the popover opens.
+     */
+    cpslOpen: EventEmitter;
+    /**
+     * Emitted when the popover closes.
+     */
+    cpslClose: EventEmitter;
+    /**
+     * Call to close the popover manually.
+     */
     closePopover(): Promise<void>;
     onTriggerChange(): void;
     onAnchorChange(): void;

package/dist/types/components/cpsl-progress-indicator/cpsl-progress-indicator.d.ts

@@ -1,5 +1,11 @@
 export declare class CpslProgressIndicator {
+    /**
+     * Total number of steps.
+     */
     totalSteps: number;
+    /**
+     * Current zero based step.
+     */
     step: number;
     render(): any;
 }

package/dist/types/components/cpsl-qr-code/cpsl-qr-code.d.ts

@@ -1,7 +1,17 @@
 export declare class CpslQrCode {
     el: HTMLCpslQrCodeElement;
+    /**
+     * URL for the QR code to link to.
+     */
     url: string;
+    /**
+     * Source for the center image of the QR code.
+     */
     imageSrc?: string;
+    /**
+     * Size of the QR code in pixels.
+     * Default is 250.
+     */
     size?: number;
     componentDidLoad(): void;
     render(): any;

package/dist/types/components/cpsl-radio/cpsl-radio.d.ts

@@ -1,6 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class CpslRadio {
+    /**
+     * Whether or not the radio is checked.
+     */
     checked: boolean;
+    /**
+     * Emitted when the radio state changes.
+     */
     cpslRadioChanged: EventEmitter<boolean>;
     private handleRadioClick;
     render(): any;

package/dist/types/components/cpsl-select/cpsl-select.d.ts

@@ -7,20 +7,65 @@ export declare class CpslSelect {
     hasFocus: boolean;
     popoverOpen: boolean;
     hasSelectedItem: boolean;
+    /**
+     * If `true`, the user cannot interact with the input.
+     */
     disabled: boolean;
+    /**
+     * Set the max height of the dropdown.
+     */
     dropdownMaxHeight?: number;
+    /**
+     * Error text to show below the input. If this is provided the input will enter an error state.
+     */
     errorText?: string;
+    /**
+     * Format value for display when selected.
+     */
     formatValue?: (value: string) => string;
+    /**
+     * Helper text to show below the input. If `"errorText"` is provided that will take precedence.
+     */
     helperText?: string;
+    /**
+     * ID of the element, must be unique for the popover trigger.
+     */
     id: string;
+    /**
+     * The label for the input.
+     */
     label?: string;
+    /**
+     * Placeholder to display if `selectedValue` is empty.
+     */
     placeholder?: string;
+    /**
+     * If `true`, the user must fill in a value before submitting a form.
+     */
     required: boolean;
+    /**
+     * Value of the selected item.
+     */
     selectedValue?: string;
+    /**
+     * Will show the formatted selected item (passed in the `selected-item` slot) in the select rather than the item value.
+     */
     showFormattedSelectedItem?: boolean;
+    /**
+     * If `true`, the label will display an "optional" tag.
+     */
     showOptionalLabel: boolean;
+    /**
+     * Emitted when the input loses focus.
+     */
     cpslBlur: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the input has focus.
+     */
     cpslFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the value changes.
+     */
     cpslSelectValueChange: EventEmitter<string>;
     onValueChange(): void;
     handleValueChange(): void;

package/dist/types/components/cpsl-select-item/cpsl-select-item.d.ts

@@ -1,7 +1,17 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class CpslSelectItem {
+    /**
+     * Whether the item is selected or not.
+     */
     selected?: boolean;
+    /**
+     * Value of the item.
+     */
     value: string;
+    /**
+     * Called when item is clicked.
+     * @internal
+     */
     cpslSelectItemClick: EventEmitter<string>;
     private handleItemClick;
     render(): any;

package/dist/types/components/cpsl-slide-button/cpsl-slide-button.d.ts

@@ -2,11 +2,29 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { IconType } from '../../interface';
 export declare class CpslSlideButton {
     el: HTMLCpslSlideButtonElement;
+    /**
+     * Whether or not the component is disabled. If true, the component will display the `startText`.
+     */
     disabled: boolean;
+    /**
+     * The name of the ending icon to show.
+     */
     endIcon: IconType;
+    /**
+     * The ending text.
+     */
     endText: string;
+    /**
+     * The name of the starting icon to show.
+     */
     startIcon: IconType;
+    /**
+     * The starting text.
+     */
     startText: string;
+    /**
+     * The `cpslComplete` event is fired when the slider is at the end.
+     */
     cpslComplete: EventEmitter<boolean>;
     componentDidLoad(): void;
     private dragElement;

package/dist/types/components/cpsl-spinner/cpsl-spinner.d.ts

@@ -1,5 +1,13 @@
 export declare class CpslSpinner {
+    /**
+     * Size of the spinner in pixels.
+     * Default is 50.
+     */
     size?: number;
+    /**
+     * Rotation speed of the spinner in seconds.
+     * Default is 1.
+     */
     speed?: number;
     render(): any;
 }

package/dist/types/components/cpsl-switch/cpsl-switch.d.ts

@@ -1,6 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class CpslSwitch {
+    /**
+     * Whether or not the switch is checked.
+     */
     checked: boolean;
+    /**
+     * Emitted when the switch state changes.
+     */
     cpslSwitchChanged: EventEmitter<boolean>;
     private handleSwitchClick;
     render(): any;

package/dist/types/components/cpsl-tab/cpsl-tab.d.ts

@@ -3,8 +3,19 @@ import { TabClickEventDetail } from './tab-interface';
 import { TabsChangedEventDetail } from '../cpsl-tabs/tabs-interface';
 export declare class CpslTab {
     el: HTMLCpslTabElement;
+    /**
+     * The selected tab component
+     */
     selected: boolean;
+    /**
+     * A tab id must be provided for each `cpsl-tab`. It's used internally to reference
+     * the selected tab or by the router to switch between them.
+     */
     tab: string;
+    /**
+     * Emitted when tabs are clicked
+     * @internal
+     */
     cpslTabButtonClick: EventEmitter<TabClickEventDetail>;
     onTabsChanged(ev: CustomEvent<TabsChangedEventDetail>): void;
     onTabsInit(ev: CustomEvent<TabsChangedEventDetail>): void;

package/dist/types/components/cpsl-tabs/cpsl-tabs.d.ts

@@ -4,9 +4,22 @@ export declare class CpslTabs {
     el: HTMLCpslTabsElement;
     selectedTabRect?: DOMRect;
     loaded: boolean;
+    /**
+     * Whether or not the tabs take the full width of their container.
+     */
     fullWidth?: boolean;
+    /**
+     * The selected tab component
+     */
     selectedTab?: string;
+    /**
+     * Emitted when a tab is changed
+     */
     cpslTabsChanged: EventEmitter<TabsChangedEventDetail>;
+    /**
+     * Emitted when tabs are initialized
+     * @internal
+     */
     cpslTabsInit: EventEmitter<TabsChangedEventDetail>;
     updateSlider(): void;
     updateTab(newValue?: string, oldValue?: string): void;

package/dist/types/components/cpsl-text/cpsl-text.d.ts

@@ -1,6 +1,21 @@
 export declare class CpslText {
+    /**
+     * The color of text.
+     * Options are: `"primary"`, `"secondary", `"tertiary", `"subtle", `"inverted", `"error".
+     * Default is: `"primary"`.
+     */
     color?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'inverted' | 'error';
+    /**
+     * The variant of text.
+     * Options are: `"body2XS"`, `"bodyXS", `"bodyS", `"bodyM", `"bodyL", `"bodyXL", `"headingXS", `"headingS", `"headingM", `"headingL", `"headingXL", `"heading2XL".
+     * Default is: `"bodyM"`.
+     */
     variant?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL';
+    /**
+     * The weight of text.
+     * Options are: `"regular"`, `"medium", `"semiBold", `"bold".
+     * Default is: `"regular"`.
+     */
     weight?: 'regular' | 'medium' | 'semiBold' | 'bold';
     private get Content();
     render(): any;

package/dist/types/components/cpsl-tile-button/cpsl-tile-button.d.ts

@@ -1,6 +1,12 @@
 import { IconType } from '../../interface';
 export declare class CpslTileButton {
+    /**
+     * The external source of the icon. If both `icon` and `src` are provided, `icon` will be used.
+     */
     src?: string;
+    /**
+     * The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
+     */
     icon?: IconType;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -333,6 +333,8 @@ export namespace Components {
         "fixed": boolean;
     }
     interface CpslHero {
+        "subtitle"?: string;
+        "title": string;
         /**
           * The variant of the button. Options are: `"default"`, `"loading", `"success". Default is: `"default"`.
          */
@@ -781,7 +783,18 @@ export namespace Components {
         /**
           * The variant of text. Options are: `"body2XS"`, `"bodyXS", `"bodyS", `"bodyM", `"bodyL", `"bodyXL", `"headingXS", `"headingS", `"headingM", `"headingL", `"headingXL", `"heading2XL". Default is: `"bodyM"`.
          */
-        "variant"?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL';
+        "variant"?: | 'body2XS'
+    | 'bodyXS'
+    | 'bodyS'
+    | 'bodyM'
+    | 'bodyL'
+    | 'bodyXL'
+    | 'headingXS'
+    | 'headingS'
+    | 'headingM'
+    | 'headingL'
+    | 'headingXL'
+    | 'heading2XL';
         /**
           * The weight of text. Options are: `"regular"`, `"medium", `"semiBold", `"bold". Default is: `"regular"`.
          */
@@ -1123,8 +1136,8 @@ declare global {
         new (): HTMLCpslPillElement;
     };
     interface HTMLCpslPopoverElementEventMap {
-        "cpslOpen": void;
-        "cpslClose": void;
+        "cpslOpen": any;
+        "cpslClose": any;
     }
     interface HTMLCpslPopoverElement extends Components.CpslPopover, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCpslPopoverElementEventMap>(type: K, listener: (this: HTMLCpslPopoverElement, ev: CpslPopoverCustomEvent<HTMLCpslPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1692,6 +1705,8 @@ declare namespace LocalJSX {
         "fixed"?: boolean;
     }
     interface CpslHero {
+        "subtitle"?: string;
+        "title"?: string;
         /**
           * The variant of the button. Options are: `"default"`, `"loading", `"success". Default is: `"default"`.
          */
@@ -2014,11 +2029,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the popover closes.
          */
-        "onCpslClose"?: (event: CpslPopoverCustomEvent<void>) => void;
+        "onCpslClose"?: (event: CpslPopoverCustomEvent<any>) => void;
         /**
           * Emitted when the popover opens.
          */
-        "onCpslOpen"?: (event: CpslPopoverCustomEvent<void>) => void;
+        "onCpslOpen"?: (event: CpslPopoverCustomEvent<any>) => void;
         /**
           * Used internally to prevent select from blurring unintentionally.
          */
@@ -2232,7 +2247,18 @@ declare namespace LocalJSX {
         /**
           * The variant of text. Options are: `"body2XS"`, `"bodyXS", `"bodyS", `"bodyM", `"bodyL", `"bodyXL", `"headingXS", `"headingS", `"headingM", `"headingL", `"headingXL", `"heading2XL". Default is: `"bodyM"`.
          */
-        "variant"?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL';
+        "variant"?: | 'body2XS'
+    | 'bodyXS'
+    | 'bodyS'
+    | 'bodyM'
+    | 'bodyL'
+    | 'bodyXL'
+    | 'headingXS'
+    | 'headingS'
+    | 'headingM'
+    | 'headingL'
+    | 'headingXL'
+    | 'heading2XL';
         /**
           * The weight of text. Options are: `"regular"`, `"medium", `"semiBold", `"bold". Default is: `"regular"`.
          */

package/dist/types/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1104,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/dist/types/utils/theme/generateBorderRadii.d.ts

@@ -1,2 +1,2 @@
 import { Theme } from '../../interface';
-export declare const generateBorderRadii: ({ borderRadius, customBorderRadii }: Pick<Theme, 'borderRadius' | 'customBorderRadii'>) => void;
+export declare const generateBorderRadii: ({ borderRadius, customBorderRadii, }: Pick<Theme, 'borderRadius' | 'customBorderRadii'>) => void;

package/dist/types/utils/theme/generatePalette.d.ts

@@ -4,4 +4,4 @@ export type Palette = {
     backgroundColors: string[];
     isDarkBackground: boolean;
 };
-export declare const generatePalette: ({ foregroundColor, backgroundColor, customPalette }: Pick<Theme, 'foregroundColor' | 'backgroundColor' | 'customPalette'>) => Palette;
+export declare const generatePalette: ({ foregroundColor, backgroundColor, customPalette, }: Pick<Theme, 'foregroundColor' | 'backgroundColor' | 'customPalette'>) => Palette;

package/dist/types/utils/theme/generateTheme.d.ts

@@ -1,2 +1,6 @@
 import { Theme } from '../../interface';
+/**
+ * Generates css theme variables.
+ * @returns @boolean Whether background is dark or not.
+ */
 export declare const generateTheme: ({ foregroundColor, backgroundColor, font, customPalette, borderRadius, customFontSizes, customBorderRadii, }: Theme) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "3.2.0-dev.0",
+  "version": "3.2.0",
   "description": "Capsule Core Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -21,7 +21,6 @@
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
-    "lint": "eslint src/**/*{.ts,.tsx}",
     "build:css": "sass --embed-sources src/css:./css",
     "build:assets": "ts-node -T ./scripts/buildAssets.ts",
     "storybook": "storybook dev -p 6006",
@@ -37,7 +36,7 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-react-jsx": "^7.24.7",
-    "@stencil-community/eslint-plugin": "^0.7.2",
+    "@chromatic-com/storybook": "^1.6.0",
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.0.10",
     "@storybook/addon-essentials": "^8.1.11",
@@ -51,20 +50,15 @@
     "@storybook/test": "^8.1.11",
     "@types/jest": "^29.5.6",
     "@types/node": "^16.18.11",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
-    "@typescript-eslint/parser": "^7.1.1",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react": "^7.34.0",
-    "eslint-plugin-storybook": "^0.8.0",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
     "puppeteer": "^21.9.0",
     "rollup-plugin-dotenv": "^0.5.0",
-    "rollup-plugin-node-polyfills": "^0.2.1",
     "sass": "^1.71.1",
     "stencil-inline-svg": "^1.1.0",
     "storybook": "^8.1.11",
+    "storybook-addon-stencil": "^0.2.1",
     "ts-node": "^10.9.2"
   },
-  "gitHead": "ca0d8cab915d9cef706c8dd619176032cdcd165f"
+  "gitHead": "2f9f59b43c147849f37d50a136970f56dce05be9"
 }

package/readme.md

@@ -1,3 +1,48 @@
-# Capsule Core Components
+# component-library
 
-The core stencil library for our common capsule components.
+Cross-framework common component library
+
+## Install
+
+```bash
+yarn install
+```
+
+## Running
+
+The component examples can either be run in React or bare HTML.
+
+### React
+
+```bash
+yarn build
+yarn start-react
+```
+
+### HTML
+
+```bash
+yarn start-html
+```
+
+## Building
+
+This will build the component libraries for both web components and React.
+
+```bash
+yarn build
+```
+
+## Generating New Components
+
+This should be used when adding new components to the library. It will initialize the component, test and styles.
+
+Once run, follow the prompts to name your component.
+
+> **Note** Components **MUST** begin the the `cpsl-` string in order for them to pass linting.
+
+> **Note** The styles should be changed to Sass once the component is generated. Rename the generated `css` file to `scss` and update the import in the component.
+
+```bash
+yarn generate
+```

package/dist/capsule/p-3fca138b.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as s}from"./p-7dde3172.js";const c=":host{display:flex;flex-wrap:wrap}";const r=c;const o=class{constructor(e){a(this,e)}render(){return e(s,{key:"557a2f245ec7a47aa32d26c27cd2d944d63311a3"},e("slot",{key:"e39a195e96e045812dfda0f1509cc6e05c6efab6"}))}};o.style=r;export{o as cpsl_row};
-//# sourceMappingURL=p-3fca138b.entry.js.map

package/dist/capsule/p-7dde3172.js

@@ -1,3 +0,0 @@
-const t="capsule";let e;let n;let s=false;let o=false;let l=false;const c=(t,e="")=>{{return()=>{}}};const i=(t,e)=>{{return()=>{}}};const f="{visibility:hidden}.hydrated{visibility:inherit}";const r="slot-fb{display:contents}slot-fb[hidden]{display:none}";const u={};const a="http://www.w3.org/2000/svg";const d="http://www.w3.org/1999/xhtml";const v=t=>t!=null;const p=t=>{t=typeof t;return t==="object"||t==="function"};function y(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const h=(t,e,...n)=>{let s=null;let o=null;let l=false;let c=false;const i=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof t!=="function"&&!p(s)){s=String(s)}if(l&&c){i[i.length-1].t+=s}else{i.push(l?m(null,s):s)}c=l}}};f(n);if(e){if(e.key){o=e.key}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,i,$)}const r=m(t,null);r.o=e;if(i.length>0){r.l=i}{r.i=o}return r};const m=(t,e)=>{const n={u:0,v:t,t:e,p:null,l:null};{n.o=null}{n.i=null}return n};const b={};const w=t=>t&&t.v===b;const $={forEach:(t,e)=>t.map(g).forEach(e),map:(t,e)=>t.map(g).map(e).map(S)};const g=t=>({vattrs:t.o,vchildren:t.l,vkey:t.i,vname:t.h,vtag:t.v,vtext:t.t});const S=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return h(t.vtag,e,...t.vchildren||[])}const e=m(t.vtag,t.vtext);e.o=t.vattrs;e.l=t.vchildren;e.i=t.vkey;e.h=t.vname;return e};const j=(t,e)=>{if(t!=null&&!p(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const O=t=>$t(t).$hostElement$;const k=(t,e,n)=>{const s=O(t);return{emit:t=>C(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const C=(t,e,n)=>{const s=Pt.ce(e,n);t.dispatchEvent(s);return s};const M=new WeakMap;const x=(t,e,n)=>{let s=Mt.get(t);if(Ut&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Mt.set(t,s)};const E=(t,e,n)=>{var s;const o=L(e);const l=Mt.get(o);t=t.nodeType===11?t:Et;if(l){if(typeof l==="string"){t=t.head||t;let n=M.get(t);let c;if(!n){M.set(t,n=new Set)}if(!n.has(o)){{c=Et.createElement("style");c.innerHTML=l;const e=(s=Pt.m)!==null&&s!==void 0?s:y(Et);if(e!=null){c.setAttribute("nonce",e)}t.insertBefore(c,t.querySelector("link"))}if(e.u&4){c.innerHTML+=r}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const P=t=>{const e=t.$;const n=t.$hostElement$;const s=e.u;const o=c("attachStyles",e.S);const l=E(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=l;n.classList.add(l+"-h")}o()};const L=(t,e)=>"sc-"+t.S;const R=(t,e,n,s,o,l)=>{if(n!==s){let c=jt(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const o=W(n);const l=W(s);e.remove(...o.filter((t=>t&&!l.includes(t))));e.add(...l.filter((t=>t&&!o.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(jt(xt,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n||s){const o=e.endsWith(A);e=e.replace(F,"");if(n){Pt.rel(t,e,n,o)}if(s){Pt.ael(t,e,s,o)}}}else{const i=p(s);if((c||i&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=o){t[e]=o}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!c||l&4||o)&&!i){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const U=/\s/;const W=t=>!t?[]:t.split(U);const A="Capture";const F=new RegExp(A+"$");const N=(t,e,n,s)=>{const o=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const l=t&&t.o||u;const c=e.o||u;{for(s in l){if(!(s in c)){R(o,s,l[s],undefined,n,e.u)}}}for(s in c){R(o,s,l[s],c[s],n,e.u)}};const T=(t,s,l,c)=>{const i=s.l[l];let f=0;let r;let u;if(i.t!==null){r=i.p=Et.createTextNode(i.t)}else{if(!o){o=i.v==="svg"}r=i.p=Et.createElementNS(o?a:d,i.v);if(o&&i.v==="foreignObject"){o=false}{N(null,i,o)}if(v(e)&&r["s-si"]!==e){r.classList.add(r["s-si"]=e)}if(i.l){for(f=0;f<i.l.length;++f){u=T(t,i,f);if(u){r.appendChild(u)}}}{if(i.v==="svg"){o=false}else if(r.tagName==="foreignObject"){o=true}}}r["s-hn"]=n;return r};const H=(t,e,s,o,l,c)=>{let i=t;let f;if(i.shadowRoot&&i.tagName===n){i=i.shadowRoot}for(;l<=c;++l){if(o[l]){f=T(null,s,l);if(f){o[l].p=f;i.insertBefore(f,e)}}}};const q=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.p;_(e);if(t){t.remove()}}}};const D=(t,e,n,s,o=false)=>{let l=0;let c=0;let i=0;let f=0;let r=e.length-1;let u=e[0];let a=e[r];let d=s.length-1;let v=s[0];let p=s[d];let y;let h;while(l<=r&&c<=d){if(u==null){u=e[++l]}else if(a==null){a=e[--r]}else if(v==null){v=s[++c]}else if(p==null){p=s[--d]}else if(I(u,v,o)){V(u,v,o);u=e[++l];v=s[++c]}else if(I(a,p,o)){V(a,p,o);a=e[--r];p=s[--d]}else if(I(u,p,o)){V(u,p,o);t.insertBefore(u.p,a.p.nextSibling);u=e[++l];p=s[--d]}else if(I(a,v,o)){V(a,v,o);t.insertBefore(a.p,u.p);a=e[--r];v=s[++c]}else{i=-1;{for(f=l;f<=r;++f){if(e[f]&&e[f].i!==null&&e[f].i===v.i){i=f;break}}}if(i>=0){h=e[i];if(h.v!==v.v){y=T(e&&e[c],n,i)}else{V(h,v,o);e[i]=undefined;y=h.p}v=s[++c]}else{y=T(e&&e[c],n,c);v=s[++c]}if(y){{u.p.parentNode.insertBefore(y,u.p)}}}}if(l>r){H(t,s[d+1]==null?null:s[d+1].p,n,s,c,d)}else if(c>d){q(e,l,r)}};const I=(t,e,n=false)=>{if(t.v===e.v){if(!n){return t.i===e.i}return true}return false};const V=(t,e,n=false)=>{const l=e.p=t.p;const c=t.l;const i=e.l;const f=e.v;const r=e.t;if(r===null){{o=f==="svg"?true:f==="foreignObject"?false:o}{if(f==="slot"&&!s);else{N(t,e,o)}}if(c!==null&&i!==null){D(l,c,e,i,n)}else if(i!==null){if(t.t!==null){l.textContent=""}H(l,null,e,i,0,i.length-1)}else if(c!==null){q(c,0,c.length-1)}if(o&&f==="svg"){o=false}}else if(t.t!==r){l.data=r}};const _=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.l&&t.l.map(_)}};const z=(t,o,l=false)=>{const c=t.$hostElement$;const i=t.$;const f=t.j||m(null,null);const r=w(o)?o:h(null,null,o);n=c.tagName;if(i.O){r.o=r.o||{};i.O.map((([t,e])=>r.o[e]=c[t]))}if(l&&r.o){for(const t of Object.keys(r.o)){if(c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){r.o[t]=c[t]}}}r.v=null;r.u|=4;t.j=r;r.p=f.p=c.shadowRoot||c;{e=c["s-sc"]}s=(i.u&1)!==0;V(f,r,l)};const B=(t,e)=>{if(e&&!t.k&&e["s-p"]){e["s-p"].push(new Promise((e=>t.k=e)))}};const G=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}B(t,t.C);const n=()=>J(t,e);return qt(n)};const J=(t,e)=>{const n=c("scheduleUpdate",t.$.S);const s=t.M;let o;if(e){{t.u|=256;if(t.P){t.P.map((([t,e])=>nt(s,t,e)));t.P=undefined}}{o=nt(s,"componentWillLoad")}}{o=K(o,(()=>nt(s,"componentWillRender")))}n();return K(o,(()=>X(t,s,e)))};const K=(t,e)=>Q(t)?t.then(e):e();const Q=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const X=async(t,e,n)=>{var s;const o=t.$hostElement$;const l=c("update",t.$.S);const i=o["s-rc"];if(n){P(t)}const f=c("render",t.$.S);{Y(t,e,o,n)}if(i){i.map((t=>t()));o["s-rc"]=undefined}f();l();{const e=(s=o["s-p"])!==null&&s!==void 0?s:[];const n=()=>Z(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const Y=(t,e,n,s)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{z(t,e,s)}}}}catch(e){Ot(e,t.$hostElement$)}return null};const Z=t=>{const e=t.$.S;const n=t.$hostElement$;const s=c("postUpdate",e);const o=t.M;const l=t.C;if(!(t.u&64)){t.u|=64;{st(n)}{nt(o,"componentDidLoad")}s();{t.L(n);if(!l){et()}}}else{s()}{t.R(n)}{if(t.k){t.k();t.k=undefined}if(t.u&512){Ht((()=>G(t,false)))}t.u&=~(4|512)}};const tt=t=>{{const e=$t(t);const n=e.$hostElement$.isConnected;if(n&&(e.u&(2|16))===2){G(e,false)}return n}};const et=e=>{{st(Et.documentElement)}Ht((()=>C(xt,"appload",{detail:{namespace:t}})))};const nt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Ot(t)}}return undefined};const st=t=>t.classList.add("hydrated");const ot=(t,e)=>$t(t).U.get(e);const lt=(t,e,n,s)=>{const o=$t(t);const l=o.$hostElement$;const c=o.U.get(e);const i=o.u;const f=o.M;n=j(n,s.W[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){o.U.set(e,n);if(f){if(s.A&&i&128){const t=s.A[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){Ot(t,l)}}))}}if((i&(2|16))===2){G(o,false)}}}};const ct=(t,e,n)=>{var s;const o=t.prototype;if(e.W){if(t.watchers){e.A=t.watchers}const l=Object.entries(e.W);l.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,t,{get(){return ot(this,t)},set(n){lt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(o,t,{value(...e){var n;const s=$t(this);return(n=s===null||s===void 0?void 0:s.F)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.M)===null||n===void 0?void 0:n[t](...e)}))}})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(t,s,l){Pt.jmp((()=>{var c;const i=n.get(t);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const n=$t(this);const o=n===null||n===void 0?void 0:n.u;if(o&&!(o&8)&&o&128&&l!==s){const o=n.M;const i=(c=e.A)===null||c===void 0?void 0:c[t];i===null||i===void 0?void 0:i.forEach((e=>{if(o[e]!=null){o[e].call(o,l,s,t)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.A)!==null&&s!==void 0?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,s])=>{var o;const l=s[1]||t;n.set(l,t);if(s[0]&512){(o=e.O)===null||o===void 0?void 0:o.push([t,l])}return l}))]))}}return t};const it=async(t,e,n,s)=>{let o;if((e.u&32)===0){e.u|=32;const s=n.N;if(s){o=Ct(n);if(o.then){const t=i();o=await o;t()}if(!o.isProxied){{n.A=o.watchers}ct(o,n,2);o.isProxied=true}const t=c("createInstance",n.S);{e.u|=8}try{new o(e)}catch(t){Ot(t)}{e.u&=~8}{e.u|=128}t()}else{o=t.constructor;customElements.whenDefined(n.S).then((()=>e.u|=128))}if(o.style){let t=o.style;const e=L(n);if(!Mt.has(e)){const s=c("registerStyles",n.S);x(e,t,!!(n.u&1));s()}}}const l=e.C;const f=()=>G(e,true);if(l&&l["s-rc"]){l["s-rc"].push(f)}else{f()}};const ft=t=>{};const rt=t=>{if((Pt.u&1)===0){const e=$t(t);const n=e.$;const s=c("connectedCallback",n.S);if(!(e.u&1)){e.u|=1;{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){B(e,e.C=n);break}}}if(n.W){Object.entries(n.W).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{it(t,e,n)}}else{pt(t,e,n.T);if(e===null||e===void 0?void 0:e.M);else if(e===null||e===void 0?void 0:e.H){e.H.then((()=>ft()))}}s()}};const ut=t=>{{nt(t,"disconnectedCallback")}};const at=async t=>{if((Pt.u&1)===0){const e=$t(t);{if(e.q){e.q.map((t=>t()));e.q=undefined}}if(e===null||e===void 0?void 0:e.M){ut(e.M)}else if(e===null||e===void 0?void 0:e.H){e.H.then((()=>ut(e.M)))}}};const dt=(t,e={})=>{var n;const s=c();const o=[];const l=e.exclude||[];const i=xt.customElements;const u=Et.head;const a=u.querySelector("meta[charset]");const d=Et.createElement("style");const v=[];let p;let h=true;Object.assign(Pt,e);Pt.D=new URL(e.resourcesUrl||"./",Et.baseURI).href;let m=false;t.map((t=>{t[1].map((e=>{var n;const s={u:e[0],S:e[1],W:e[2],T:e[3]};if(s.u&4){m=true}{s.W=e[2]}{s.T=e[3]}{s.O=[]}{s.A=(n=e[4])!==null&&n!==void 0?n:{}}const c=s.S;const f=class extends HTMLElement{constructor(t){super(t);t=this;St(t,s);if(s.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(h){v.push(this)}else{Pt.jmp((()=>rt(this)))}}disconnectedCallback(){Pt.jmp((()=>at(this)))}componentOnReady(){return $t(this).H}};s.N=t[0];if(!l.includes(c)&&!i.get(c)){o.push(c);i.define(c,ct(f,s,1))}}))}));if(o.length>0){if(m){d.textContent+=r}{d.textContent+=o+f}if(d.innerHTML.length){d.setAttribute("data-styles","");const t=(n=Pt.m)!==null&&n!==void 0?n:y(Et);if(t!=null){d.setAttribute("nonce",t)}u.insertBefore(d,a?a.nextSibling:u.firstChild)}}h=false;if(v.length){v.map((t=>t.connectedCallback()))}else{{Pt.jmp((()=>p=setTimeout(et,30)))}}s()};const vt=(t,e)=>e;const pt=(t,e,n,s)=>{if(n){n.map((([n,s,o])=>{const l=ht(t,n);const c=yt(e,o);const i=mt(n);Pt.ael(l,s,c,i);(e.q=e.q||[]).push((()=>Pt.rel(l,s,c,i)))}))}};const yt=(t,e)=>n=>{try{{if(t.u&256){t.M[e](n)}else{(t.P=t.P||[]).push([e,n])}}}catch(t){Ot(t)}};const ht=(t,e)=>{if(e&8)return xt;return t};const mt=t=>Lt?{passive:(t&1)!==0,capture:(t&2)!==0}:(t&2)!==0;const bt=t=>Pt.m=t;const wt=new WeakMap;const $t=t=>wt.get(t);const gt=(t,e)=>wt.set(e.M=t,e);const St=(t,e)=>{const n={u:0,$hostElement$:t,$:e,U:new Map};{n.F=new Promise((t=>n.R=t))}{n.H=new Promise((t=>n.L=t));t["s-p"]=[];t["s-rc"]=[]}pt(t,n,e.T);return wt.set(t,n)};const jt=(t,e)=>e in t;const Ot=(t,e)=>(0,console.error)(t,e);const kt=new Map;const Ct=(t,e,n)=>{const s=t.S.replace(/-/g,"_");const o=t.N;const l=kt.get(o);if(l){return l[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((t=>{{kt.set(o,t)}return t[s]}),Ot)};const Mt=new Map;const xt=typeof window!=="undefined"?window:{};const Et=xt.document||{head:{}};const Pt={u:0,D:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Lt=(()=>{let t=false;try{Et.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(t){}return t})();const Rt=t=>Promise.resolve(t);const Ut=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Wt=[];const At=[];const Ft=(t,e)=>n=>{t.push(n);if(!l){l=true;if(e&&Pt.u&4){Ht(Tt)}else{Pt.raf(Tt)}}};const Nt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Ot(t)}}t.length=0};const Tt=()=>{Nt(Wt);{Nt(At);if(l=Wt.length>0){Pt.raf(Tt)}}};const Ht=t=>Rt().then(t);const qt=Ft(At,true);export{vt as F,b as H,dt as b,k as c,tt as f,O as g,h,Rt as p,gt as r,bt as s};
-//# sourceMappingURL=p-7dde3172.js.map