bromcom-ui-next 0.1.2 → 0.1.3

package/dist/types/components.d.ts

@@ -11,6 +11,8 @@ import { AlertKind, AlertSize, AlertStatus } from "./components/alert/types";
 import { AvatarShape, AvatarSize, AvatarStatus } from "./components/avatar/types";
 import { ButtonKind, ButtonSize, ButtonStatus, ButtonType, ButtonVariant, IconPosition } from "./components/button/types";
 import { ChipKind, ChipSize, ChipStatus } from "./components/chip/types";
+import { InputSize, InputStatus, InputType } from "./components/input/types";
+import { Event } from "./stencil-public-runtime";
 import { TextSize, TextVariant } from "./components/text/text.types";
 export { AccordionChangeEventType } from "./components/accordion/types";
 export { AccordionGroupChangeEventType } from "./components/accordion-group/types";
@@ -18,6 +20,8 @@ export { AlertKind, AlertSize, AlertStatus } from "./components/alert/types";
 export { AvatarShape, AvatarSize, AvatarStatus } from "./components/avatar/types";
 export { ButtonKind, ButtonSize, ButtonStatus, ButtonType, ButtonVariant, IconPosition } from "./components/button/types";
 export { ChipKind, ChipSize, ChipStatus } from "./components/chip/types";
+export { InputSize, InputStatus, InputType } from "./components/input/types";
+export { Event } from "./stencil-public-runtime";
 export { TextSize, TextVariant } from "./components/text/text.types";
 export namespace Components {
     /**
@@ -361,6 +365,111 @@ export namespace Components {
          */
         "status"?: ChipStatus;
     }
+    interface BcmInput {
+        /**
+          * Input id
+         */
+        "_id"?: string;
+        /**
+          * Input autocomplete attribute
+         */
+        "autocomplete"?: string;
+        /**
+          * Caption text to display below input
+         */
+        "captionText"?: string;
+        /**
+          * ID of associated caption/error text element
+         */
+        "describedby"?: string;
+        /**
+          * Whether the input is disabled
+         */
+        "disabled": boolean;
+        /**
+          * Error message to display
+         */
+        "errorMessage"?: string;
+        /**
+          * Full width input
+         */
+        "fullWidth": boolean;
+        /**
+          * Input label for accessibility
+         */
+        "label"?: string;
+        /**
+          * ID of associated label element
+         */
+        "labelledby"?: string;
+        /**
+          * Max value for number input
+         */
+        "max"?: number;
+        /**
+          * Max length for text input
+         */
+        "maxLength"?: number;
+        /**
+          * Min value for number input
+         */
+        "min"?: number;
+        /**
+          * Min length for text input
+         */
+        "minLength"?: number;
+        /**
+          * Input name
+         */
+        "name"?: string;
+        /**
+          * Pattern for validation
+         */
+        "pattern"?: string;
+        /**
+          * Input placeholder text
+         */
+        "placeholder"?: string;
+        /**
+          * Prefix icon class name
+         */
+        "prefixIcon"?: string;
+        /**
+          * Whether the input is readonly
+         */
+        "readonly": boolean;
+        /**
+          * Whether the input is required
+         */
+        "required": boolean;
+        "select": () => Promise<void>;
+        "setBlur": () => Promise<void>;
+        "setFocus": () => Promise<void>;
+        /**
+          * Controls the input size
+         */
+        "size": InputSize;
+        /**
+          * Defines the input's status/state
+         */
+        "status": InputStatus;
+        /**
+          * Step value for number input
+         */
+        "step"?: number;
+        /**
+          * Suffix icon class name
+         */
+        "suffixIcon"?: string;
+        /**
+          * HTML input type
+         */
+        "type": InputType;
+        /**
+          * Input value
+         */
+        "value": string;
+    }
     interface BcmText {
         /**
           * Text size
@@ -396,6 +505,10 @@ export interface BcmChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmChipElement;
 }
+export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmInputElement;
+}
 declare global {
     interface HTMLBcmAccordionElementEventMap {
         "bcmAccordionChange": AccordionChangeEventType;
@@ -612,6 +725,28 @@ declare global {
         prototype: HTMLBcmChipElement;
         new (): HTMLBcmChipElement;
     };
+    interface HTMLBcmInputElementEventMap {
+        "bcmInput": InputEvent;
+        "bcmChange": Event;
+        "bcmFocus": FocusEvent;
+        "bcmBlur": FocusEvent;
+        "bcmKeyDown": KeyboardEvent;
+        "bcmKeyUp": KeyboardEvent;
+    }
+    interface HTMLBcmInputElement extends Components.BcmInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBcmInputElementEventMap>(type: K, listener: (this: HTMLBcmInputElement, ev: BcmInputCustomEvent<HTMLBcmInputElementEventMap[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 HTMLBcmInputElementEventMap>(type: K, listener: (this: HTMLBcmInputElement, ev: BcmInputCustomEvent<HTMLBcmInputElementEventMap[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 HTMLBcmInputElement: {
+        prototype: HTMLBcmInputElement;
+        new (): HTMLBcmInputElement;
+    };
     interface HTMLBcmTextElement extends Components.BcmText, HTMLStencilElement {
     }
     var HTMLBcmTextElement: {
@@ -625,6 +760,7 @@ declare global {
         "bcm-avatar": HTMLBcmAvatarElement;
         "bcm-button": HTMLBcmButtonElement;
         "bcm-chip": HTMLBcmChipElement;
+        "bcm-input": HTMLBcmInputElement;
         "bcm-text": HTMLBcmTextElement;
     }
 }
@@ -954,6 +1090,114 @@ declare namespace LocalJSX {
          */
         "status"?: ChipStatus;
     }
+    interface BcmInput {
+        /**
+          * Input id
+         */
+        "_id"?: string;
+        /**
+          * Input autocomplete attribute
+         */
+        "autocomplete"?: string;
+        /**
+          * Caption text to display below input
+         */
+        "captionText"?: string;
+        /**
+          * ID of associated caption/error text element
+         */
+        "describedby"?: string;
+        /**
+          * Whether the input is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Error message to display
+         */
+        "errorMessage"?: string;
+        /**
+          * Full width input
+         */
+        "fullWidth"?: boolean;
+        /**
+          * Input label for accessibility
+         */
+        "label"?: string;
+        /**
+          * ID of associated label element
+         */
+        "labelledby"?: string;
+        /**
+          * Max value for number input
+         */
+        "max"?: number;
+        /**
+          * Max length for text input
+         */
+        "maxLength"?: number;
+        /**
+          * Min value for number input
+         */
+        "min"?: number;
+        /**
+          * Min length for text input
+         */
+        "minLength"?: number;
+        /**
+          * Input name
+         */
+        "name"?: string;
+        "onBcmBlur"?: (event: BcmInputCustomEvent<FocusEvent>) => void;
+        "onBcmChange"?: (event: BcmInputCustomEvent<Event>) => void;
+        "onBcmFocus"?: (event: BcmInputCustomEvent<FocusEvent>) => void;
+        "onBcmInput"?: (event: BcmInputCustomEvent<InputEvent>) => void;
+        "onBcmKeyDown"?: (event: BcmInputCustomEvent<KeyboardEvent>) => void;
+        "onBcmKeyUp"?: (event: BcmInputCustomEvent<KeyboardEvent>) => void;
+        /**
+          * Pattern for validation
+         */
+        "pattern"?: string;
+        /**
+          * Input placeholder text
+         */
+        "placeholder"?: string;
+        /**
+          * Prefix icon class name
+         */
+        "prefixIcon"?: string;
+        /**
+          * Whether the input is readonly
+         */
+        "readonly"?: boolean;
+        /**
+          * Whether the input is required
+         */
+        "required"?: boolean;
+        /**
+          * Controls the input size
+         */
+        "size"?: InputSize;
+        /**
+          * Defines the input's status/state
+         */
+        "status"?: InputStatus;
+        /**
+          * Step value for number input
+         */
+        "step"?: number;
+        /**
+          * Suffix icon class name
+         */
+        "suffixIcon"?: string;
+        /**
+          * HTML input type
+         */
+        "type"?: InputType;
+        /**
+          * Input value
+         */
+        "value"?: string;
+    }
     interface BcmText {
         /**
           * Text size
@@ -975,6 +1219,7 @@ declare namespace LocalJSX {
         "bcm-avatar": BcmAvatar;
         "bcm-button": BcmButton;
         "bcm-chip": BcmChip;
+        "bcm-input": BcmInput;
         "bcm-text": BcmText;
     }
 }
@@ -1110,6 +1355,7 @@ declare module "@stencil/core" {
              * @csspart dismiss-icon - The dismiss button icon
              */
             "bcm-chip": LocalJSX.BcmChip & JSXBase.HTMLAttributes<HTMLBcmChipElement>;
+            "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
             "bcm-text": LocalJSX.BcmText & JSXBase.HTMLAttributes<HTMLBcmTextElement>;
         }
     }

package/dist/types/utils/id/generate-id.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Generates a unique identifier with an optional prefix.
+ * @param prefix - Optional prefix for the generated ID (default: 'bcm')
+ * @returns A unique string ID in the format "prefix-uuid"
+ * @example
+ * const id = generateId('button'); // -> "button-123e4567-e89b..."
+ * const defaultId = generateId(); // -> "bcm-123e4567-e89b..."
+ */
+export declare const generateId: (prefix?: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui-next",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A modern UI component library built with StencilJS and Tailwind CSS for Bromcom applications",
   "private": false,
   "author": "Bromcom Computers Plc",
@@ -43,7 +43,8 @@
     "puppeteer": "^21.9.0",
     "stencil-tailwind-plugin": "^1.8.0",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^3.4.17"
+    "tailwindcss": "^3.4.17",
+    "uuid": "^11.0.5"
   },
   "license": "MIT"
 }

package/dist/bromcom-ui/p-0a74cf15.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-27c997d8.js";import{c as o}from"./p-b36f4f44.js";const i={display:"h1",heading1:"h2",heading2:"h3",title1:"h4",title2:"h5",title3:"h6",body:"p",bodyAccent:"p",helper:"p",caption:"p",label:"label",placeholder:"p",link:"a",info:"p",infoAccent:"p"};const r='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.m-0{margin:0}.appearance-none{appearance:none}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}';const l=r;const a=class{constructor(t){e(this,t);this.variant="body";this.size="medium";this.variantClassMap={display:"font-semibold text-size-12 text-color-header",heading1:"font-semibold text-size-7 text-color-header",heading2:"font-semibold text-size-6 text-color-header",title1:{small:"font-semibold text-size-5 text-color-header",medium:"font-semibold text-size-6 text-color-header",large:"font-semibold text-size-7 text-color-header"},title2:{small:"font-semibold text-size-4 text-color-default",medium:"font-semibold text-size-5 text-color-default",large:"font-semibold text-size-6 text-color-default"},title3:{small:"font-semibold text-size-3 text-color-disabled",medium:"font-semibold text-size-4 text-color-disabled",large:"font-semibold text-size-5 text-color-disabled"},body:{small:"font-regular text-size-4 text-color-default",medium:"font-regular text-size-5 text-color-default",large:"font-regular text-size-6 text-color-default"},bodyAccent:{small:"font-medium text-size-4 text-color-default",medium:"font-medium text-size-5 text-color-default",large:"font-medium text-size-6 text-color-default"},helper:{small:"font-regular text-size-4 text-color-helper",medium:"font-regular text-size-5 text-color-helper",large:"font-regular text-size-6 text-color-helper"},caption:{small:"font-regular text-size-3 text-color-caption",medium:"font-regular text-size-4 text-color-caption",large:"font-regular text-size-5 text-color-caption"},link:{small:"font-medium text-size-4 underline text-color-primary",medium:"font-medium text-size-5 underline text-color-primary",large:"font-medium text-size-6 underline text-color-primary"},label:{small:"font-medium text-size-3 text-color-label",medium:"font-medium text-size-4 text-color-label",large:"font-medium text-size-5 text-color-label"},placeholder:{small:"font-regular text-size-4 text-color-placeholder",medium:"font-regular text-size-5 text-color-placeholder",large:"font-regular text-size-6 text-color-placeholder"},info:{small:"font-regular text-size-3 text-color-default",medium:"font-regular text-size-4 text-color-default",large:"font-regular text-size-5 text-color-default"},infoAccent:{small:"font-medium text-size-3 text-color-header",medium:"font-medium text-size-4 text-color-header",large:"font-medium text-size-5 text-color-header"}};this.getTextClass=(e,t)=>{const o=this.variantClassMap[e];if(typeof o==="string"){return o}return o[t]}}render(){const e=i[this.variant];const r=this.getTextClass(this.variant,this.size);return t(e,{key:"6a939239e89b60652b81303da5456dafd9e970dc",class:o("bcm-text appearance-none m-0 p-0",r),part:"text"},t("slot",{key:"7e1ef1bdc8ec76445b8faf43f5fe82d6cd503abc"},this.text))}};a.style=l;export{a as bcm_text};
-//# sourceMappingURL=p-0a74cf15.entry.js.map

package/dist/bromcom-ui/p-27c997d8.js

@@ -1,3 +0,0 @@
-const e="bromcom-ui";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:false,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:false,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:false};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var s=new WeakMap;var l=e=>s.get(e);var i=(e,t)=>{s.set(t.t=e,t)};var o=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const r=s.set(e,n);return r};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const s=e.S;if(!s){return void 0}const l=c.get(s);if(l){return l[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{c.set(s,e)}return e[r]}),(e=>{f(e,t.$hostElement$)}))};var v=new Map;var d="sty-id";var h="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var m=typeof window!=="undefined"?window:{};var y=m.document||{head:{}};var b={l:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var w=(()=>{let e=false;try{y.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var S=e=>Promise.resolve(e);var g=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var C=[];var j=[];var k=(e,t)=>n=>{e.push(n);if(!$){$=true;if(t&&b.l&4){D(x)}else{b.raf(x)}}};var O=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var x=()=>{O(C);{O(j);if($=C.length>0){b.raf(x)}}};var D=e=>S().then(e);var E=k(j,true);var T=e=>{e=typeof e;return e==="object"||e==="function"};function L(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var M={};r(M,{err:()=>R,map:()=>A,ok:()=>P,unwrap:()=>F,unwrapErr:()=>N});var P=e=>({isOk:true,isErr:false,value:e});var R=e=>({isOk:false,isErr:true,value:e});function A(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>P(e)))}else{return P(n)}}if(e.isErr){const t=e.value;return R(t)}throw"should never get here"}var F=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var H=(e,t,...n)=>{let r=null;let s=null;let l=false;let i=false;const o=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!T(r)){r=String(r)}if(l&&i){o[o.length-1].C+=r}else{o.push(l?z(null,r):r)}i=l}}};a(n);if(t){if(t.key){s=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,V)}const f=z(e,null);f.j=t;if(o.length>0){f.k=o}{f.O=s}return f};var z=(e,t)=>{const n={l:0,D:e,C:t,T:null,k:null};{n.j=null}{n.O=null}return n};var B={};var Q=e=>e&&e.D===B;var V={forEach:(e,t)=>e.map(q).forEach(t),map:(e,t)=>e.map(q).map(t).map(G)};var q=e=>({vattrs:e.j,vchildren:e.k,vkey:e.O,vname:e.L,vtag:e.D,vtext:e.C});var G=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H(e.vtag,t,...e.vchildren||[])}const t=z(e.vtag,e.vtext);t.j=e.vattrs;t.k=e.vchildren;t.O=e.vkey;t.L=e.vname;return t};var I=(e,t)=>{if(e!=null&&!T(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&1){return String(e)}return e}return e};var K=e=>l(e).$hostElement$;var X=(e,t,n)=>{const r=K(e);return{emit:e=>_(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var _=(e,t,n)=>{const r=b.ce(t,n);e.dispatchEvent(r);return r};var J=new WeakMap;var Y=(e,t,n)=>{let r=v.get(e);if(g&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}v.set(e,r)};var Z=(e,t,n)=>{var r;const s=te(t);const l=v.get(s);e=e.nodeType===11?e:y;if(l){if(typeof l==="string"){e=e.head||e;let n=J.get(e);let i;if(!n){J.set(e,n=new Set)}if(!n.has(s)){{i=document.querySelector(`[${d}="${s}"]`)||y.createElement("style");i.innerHTML=l;const n=(r=b.M)!=null?r:L(y);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(g){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=p}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var ee=e=>{const t=e.i;const n=e.$hostElement$;const r=t.l;const s=U("attachStyles",t.m);const l=Z(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=l;n.classList.add(l+"-h")}s()};var te=(e,t)=>"sc-"+e.m;var ne=(e,t,n,r,s,l,i)=>{if(n!==r){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const s=se(n);let l=se(r);{t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(m,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const s=t.endsWith(le);t=t.replace(ie,"");if(n){b.rel(e,t,n,s)}if(r){b.ael(e,t,r,s)}}}else{const o=T(r);if((i||o&&r!==null)&&!s){try{if(!e.tagName.includes("-")){const s=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!o){r=r===true?"":r;{e.setAttribute(t,r)}}}}};var re=/\s/;var se=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(re)};var le="Capture";var ie=new RegExp(le+"$");var oe=(e,t,n,r)=>{const s=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const l=e&&e.j||{};const i=t.j||{};{for(const e of ae(Object.keys(l))){if(!(e in i)){ne(s,e,l[e],void 0,n,t.l)}}}for(const e of ae(Object.keys(i))){ne(s,e,l[e],i[e],n,t.l)}};function ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var fe;var ce=false;var ue=false;var ve=(e,n,r)=>{const s=n.k[r];let l=0;let i;let o;if(s.C!==null){i=s.T=y.createTextNode(s.C)}else{i=s.T=y.createElement(!ce&&t.slotRelocation&&s.l&2?"slot-fb":s.D);{oe(null,s,ue)}if(s.k){for(l=0;l<s.k.length;++l){o=ve(e,s,l);if(o){i.appendChild(o)}}}}i["s-hn"]=fe;return i};var de=(e,t,n,r,s,l)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===fe){i=i.shadowRoot}for(;s<=l;++s){if(r[s]){o=ve(null,n,s);if(o){r[s].T=o;we(i,o,t)}}}};var he=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.T;be(t);if(e){e.remove()}}}};var pe=(e,t,n,r,s=false)=>{let l=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(l<=f&&i<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=r[++i]}else if(h==null){h=r[--v]}else if(me(c,d,s)){ye(c,d,s);c=t[++l];d=r[++i]}else if(me(u,h,s)){ye(u,h,s);u=t[--f];h=r[--v]}else if(me(c,h,s)){ye(c,h,s);we(e,c.T,u.T.nextSibling);c=t[++l];h=r[--v]}else if(me(u,d,s)){ye(u,d,s);we(e,u.T,c.T);u=t[--f];d=r[++i]}else{o=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.D!==d.D){p=ve(t&&t[i],n,o)}else{ye(m,d,s);t[o]=void 0;p=m.T}d=r[++i]}else{p=ve(t&&t[i],n,i);d=r[++i]}if(p){{we(c.T.parentNode,p,c.T)}}}}if(l>f){de(e,r[v+1]==null?null:r[v+1].T,n,r,i,v)}else if(i>v){he(t,l,f)}};var me=(e,t,n=false)=>{if(e.D===t.D){if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var ye=(e,n,r=false)=>{const s=n.T=e.T;const l=e.k;const i=n.k;const o=n.D;const a=n.C;if(a===null){{if(o==="slot"&&!ce);else{oe(e,n,ue)}}if(l!==null&&i!==null){pe(s,l,n,i,r)}else if(i!==null){if(e.C!==null){s.textContent=""}de(s,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&l!==null){he(l,0,l.length-1)}}else if(e.C!==a){s.data=a}};var be=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.k&&e.k.map(be)}};var we=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Se=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.i;const l=e.P||z(null,null);const i=Q(t)?t:H(null,null,t);fe=r.tagName;if(s.R){i.j=i.j||{};s.R.map((([e,t])=>i.j[t]=r[e]))}if(n&&i.j){for(const e of Object.keys(i.j)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.j[e]=r[e]}}}i.D=null;i.l|=4;e.P=i;i.T=l.T=r.shadowRoot||r;ce=(s.l&1)!==0;ye(l,i,n)};var ge=(e,t)=>{if(t&&!e.A&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.A=()=>{t["s-p"].splice(n-1,1);r()})))}};var $e=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}ge(e,e.F);const n=()=>Ce(e,t);return E(n)};var Ce=(e,t)=>{const n=e.$hostElement$;const r=U("scheduleUpdate",e.i.m);const s=e.t;if(!s){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{e.l|=256;if(e.N){e.N.map((([e,t])=>Te(s,e,t,n)));e.N=void 0}}{l=Te(s,"componentWillLoad",void 0,n)}}r();return je(l,(()=>Oe(e,s,t)))};var je=(e,t)=>ke(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ke=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Oe=async(e,t,n)=>{var r;const s=e.$hostElement$;const l=U("update",e.i.m);const i=s["s-rc"];if(n){ee(e)}const o=U("render",e.i.m);{xe(e,t,s,n)}if(i){i.map((e=>e()));s["s-rc"]=void 0}o();l();{const t=(r=s["s-p"])!=null?r:[];const n=()=>De(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var xe=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Se(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var De=e=>{const t=e.i.m;const n=e.$hostElement$;const r=U("postUpdate",t);const s=e.F;if(!(e.l&64)){e.l|=64;{Le(n)}r();{e.p(n);if(!s){Ee()}}}else{r()}{e.v(n)}{if(e.A){e.A();e.A=void 0}if(e.l&512){D((()=>$e(e,false)))}e.l&=~(4|512)}};var Ee=t=>{{Le(y.documentElement)}D((()=>_(m,"appload",{detail:{namespace:e}})))};var Te=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e,r)}}return void 0};var Le=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Me=(e,t)=>l(e).o.get(t);var Pe=(e,t,n,r)=>{const s=l(e);if(!s){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=s.o.get(t);const o=s.l;const a=s.t;n=I(n,r.U[t][0]);const f=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!f;if((!(o&8)||i===void 0)&&c){s.o.set(t,n);if(a){if((o&(2|16))===2){$e(s,false)}}}};var Re=(e,n,r)=>{var s,i;const o=e.prototype;if(n.U||t.watchCallback){const a=Object.entries((s=n.U)!=null?s:{});a.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:s,set:i}=Object.getOwnPropertyDescriptor(o,e)||{};if(s)n.U[e][0]|=2048;if(i)n.U[e][0]|=4096;if(r&1||!s){Object.defineProperty(o,e,{get(){{if((n.U[e][0]&2048)===0){return Me(this,e)}const t=l(this);const r=t?t.t:o;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(s){const o=l(this);if(i){const r=t&32?this[e]:o.$hostElement$[e];if(typeof r==="undefined"&&o.o.get(e)){s=o.o.get(e)}else if(!o.o.get(e)&&r){o.o.set(e,r)}i.apply(this,[I(s,t)]);s=t&32?this[e]:o.$hostElement$[e];Pe(this,e,s,n);return}{if((r&1)===0||(n.U[e][0]&4096)===0){Pe(this,e,s,n);if(r&1&&!o.t){o.h.then((()=>{if(n.U[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=s}}))}return}const l=()=>{const r=o.t[e];if(!o.o.get(e)&&r){o.o.set(e,r)}o.t[e]=I(s,t);Pe(this,e,o.t[e],n)};if(o.t){l()}else{o.h.then((()=>l()))}}}})}else if(r&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const r=l(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,s,i){b.jmp((()=>{var a;const f=r.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){i=this[f];delete this[f]}else if(o.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==i){return}else if(f==null){const t=l(this);const r=t==null?void 0:t.l;if(r&&!(r&8)&&r&128&&i!==s){const r=t.t;const l=(a=n.W)==null?void 0:a[e];l==null?void 0:l.forEach((t=>{if(r[t]!=null){r[t].call(r,i,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(o,f);i=i===null&&typeof this[f]==="boolean"?false:i;if(i!==this[f]&&(!c.get||!!c.set)){this[f]=i}}))};e.observedAttributes=Array.from(new Set([...Object.keys((i=n.W)!=null?i:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var s;const l=t[1]||e;r.set(l,e);if(t[0]&512){(s=n.R)==null?void 0:s.push([e,l])}return l}))]))}}return e};var Ae=async(e,t,n,r)=>{let s;if((t.l&32)===0){t.l|=32;{const r=u(n,t);if(r&&"then"in r){const e=W();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!s.isProxied){Re(s,n,2);s.isProxied=true}const l=U("createInstance",n.m);{t.l|=8}try{new s(t)}catch(t){f(t,e)}{t.l&=~8}l()}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=te(n);if(!v.has(t)){const r=U("registerStyles",n.m);Y(t,e,!!(n.l&1));r()}}}const l=t.F;const i=()=>$e(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var Fe=(e,t)=>{};var Ne=e=>{if((b.l&1)===0){const t=l(e);const n=t.i;const r=U("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ge(t,t.F=n);break}}}if(n.U){Object.entries(n.U).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ae(e,t,n)}}else{ze(e,t,n.B);if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Fe()))}}r()}};var Ue=(e,t)=>{};var We=async e=>{if((b.l&1)===0){const t=l(e);{if(t.V){t.V.map((e=>e()));t.V=void 0}}if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Ue()))}}if(J.has(e)){J.delete(e)}if(e.shadowRoot&&J.has(e.shadowRoot)){J.delete(e.shadowRoot)}};var He=(e,t={})=>{var n;const r=U();const s=[];const i=t.exclude||[];const a=m.customElements;const f=y.head;const c=f.querySelector("meta[charset]");const u=y.createElement("style");const v=[];let d;let w=true;Object.assign(b,t);b.$=new URL(t.resourcesUrl||"./",y.baseURI).href;let S=false;e.map((e=>{e[1].map((t=>{const n={l:t[0],m:t[1],U:t[2],B:t[3]};if(n.l&4){S=true}{n.U=t[2]}{n.B=t[3]}{n.R=[]}const r=n.m;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ze(this,e,n.B)}if(d){clearTimeout(d);d=null}if(w){v.push(this)}else{b.jmp((()=>Ne(this)))}}disconnectedCallback(){b.jmp((()=>We(this)));b.raf((()=>{var e;const t=l(this);if(((e=t==null?void 0:t.P)==null?void 0:e.T)instanceof Node&&!t.P.T.isConnected){delete t.P.T}}))}componentOnReady(){return l(this).h}};n.S=e[0];if(!i.includes(r)&&!a.get(r)){s.push(r);a.define(r,Re(f,n,1))}}))}));if(s.length>0){if(S){u.textContent+=p}{u.textContent+=s.sort()+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=b.M)!=null?n:L(y);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{b.jmp((()=>d=setTimeout(Ee,30)))}}r()};var ze=(e,t,n,r)=>{if(n){n.map((([n,r,s])=>{const l=e;const i=Be(t,s);const o=Qe(n);b.ael(l,r,i,o);(t.V=t.V||[]).push((()=>b.rel(l,r,i,o)))}))}};var Be=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.N=e.N||[]).push([t,n])}}}catch(t){f(t,e.$hostElement$)}};var Qe=e=>w?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ve=e=>b.M=e;export{B as H,He as b,X as c,K as g,H as h,S as p,i as r,Ve as s};
-//# sourceMappingURL=p-27c997d8.js.map