@actabldesign/bellhop-core 0.0.4 → 0.0.7

package/package.json

@@ -1,34 +1,41 @@
 {
   "name": "@actabldesign/bellhop-core",
-  "version": "0.0.4",
+  "version": "0.0.7",
   "description": "Bellhop Web Components Library built with StencilJS",
+  "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "unpkg": "dist/bellhop-core/bellhop-core.esm.js",
+  "jsdelivr": "dist/bellhop-core/bellhop-core.esm.js",
   "exports": {
     ".": {
       "types": "./dist/types/components.d.ts",
       "import": "./dist/bellhop-core/bellhop-core.esm.js",
       "require": "./dist/index.cjs.js"
     },
+    "./components": {
+      "types": "./components/index.d.ts",
+      "import": "./components/index.js"
+    },
+    "./components/*": {
+      "types": "./components/*.d.ts",
+      "import": "./components/*.js"
+    },
     "./loader": {
       "types": "./loader/index.d.ts",
       "import": "./loader/index.js",
       "require": "./loader/index.cjs.js"
     },
-    "./components": {
-      "types": "./dist/types/components.d.ts"
-    },
-    "./components/*": {
-      "types": "./dist/types/components/*",
-      "import": "./dist/components/*"
+    "./hydrate": {
+      "types": "./hydrate/index.d.ts",
+      "import": "./hydrate/index.mjs",
+      "require": "./hydrate/index.js"
     },
-    "./dist/components/*": {
-      "types": "./dist/types/components/*",
-      "import": "./dist/components/*"
+    "./react": {
+      "types": "./react.d.ts"
     }
   },
   "repository": {
@@ -38,7 +45,11 @@
   },
   "files": [
     "dist/",
-    "loader/"
+    "loader/",
+    "components/",
+    "hydrate/",
+    "react.d.ts",
+    "llms.txt"
   ],
   "scripts": {
     "build": "stencil build",

package/react.d.ts

@@ -0,0 +1,253 @@
+/**
+ * React JSX type declarations for Bellhop Web Components
+ *
+ * Usage: Add to your tsconfig.json:
+ * {
+ *   "compilerOptions": {
+ *     "types": ["@actabldesign/bellhop-core/react"]
+ *   }
+ * }
+ *
+ * Or import in a .d.ts file:
+ * /// <reference types="@actabldesign/bellhop-core/react" />
+ */
+
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+type BellhopElement<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & {
+  class?: string;
+  style?: React.CSSProperties | string;
+  children?: React.ReactNode;
+  ref?: React.Ref<T>;
+};
+
+interface BhButtonAttributes extends BellhopElement<HTMLElement> {
+  hierarchy?: 'primary' | 'secondary-gray' | 'secondary-color' | 'tertiary-gray' | 'tertiary-color' | 'link-gray' | 'link-color';
+  size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  disabled?: boolean;
+  destructive?: boolean;
+  'icon-position'?: 'leading' | 'trailing' | 'only';
+  'icon-name'?: string;
+  'full-width'?: boolean;
+  loading?: boolean;
+  type?: 'button' | 'submit' | 'reset';
+}
+
+interface BhBadgeAttributes extends BellhopElement<HTMLElement> {
+  size?: 'sm' | 'md' | 'lg';
+  color?: 'gray' | 'brand' | 'error' | 'warning' | 'success' | 'blue-light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+  type?: 'pill-color' | 'pill-outline' | 'badge-modern';
+  'leading-icon'?: string;
+  'trailing-icon'?: string;
+}
+
+interface BhCardAttributes extends BellhopElement<HTMLElement> {
+  'show-header'?: boolean;
+  'show-footer'?: boolean;
+  'content-min-height'?: number;
+}
+
+interface BhInputTextAttributes extends BellhopElement<HTMLElement> {
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  'hint-text'?: string;
+  'show-label'?: boolean;
+  'show-hint-text'?: boolean;
+  'show-help-icon'?: boolean;
+  'show-leading-icon'?: boolean;
+  error?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  type?: string;
+  name?: string;
+  width?: string;
+}
+
+interface BhAvatarAttributes extends BellhopElement<HTMLElement> {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  src?: string;
+  alt?: string;
+  initials?: string;
+  'status-indicator'?: 'online' | 'offline' | 'away' | 'busy' | 'none';
+}
+
+interface BhModalAttributes extends BellhopElement<HTMLElement> {
+  visible?: boolean;
+  overlay?: boolean;
+  width?: string;
+}
+
+interface BhToggleAttributes extends BellhopElement<HTMLElement> {
+  checked?: boolean;
+  disabled?: boolean;
+  size?: 'sm' | 'md';
+  name?: string;
+}
+
+interface BhCheckboxAttributes extends BellhopElement<HTMLElement> {
+  checked?: boolean;
+  disabled?: boolean;
+  indeterminate?: boolean;
+  size?: 'sm' | 'md';
+  name?: string;
+  value?: string;
+}
+
+interface BhDropdownAttributes extends BellhopElement<HTMLElement> {
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  options?: unknown[];
+  disabled?: boolean;
+  error?: boolean;
+  required?: boolean;
+  'show-label'?: boolean;
+  width?: string;
+}
+
+interface BhSidebarAttributes extends BellhopElement<HTMLElement> {
+  'logo-type'?: string;
+  'avatar-url'?: string;
+  'avatar-initials'?: string;
+  'avatar-name'?: string;
+  'avatar-email'?: string;
+  'menu-items'?: unknown[];
+  'footer-items'?: unknown[];
+  collapsed?: boolean;
+}
+
+interface BhTabsAttributes extends BellhopElement<HTMLElement> {
+  value?: string;
+}
+
+interface BhTabItemAttributes extends BellhopElement<HTMLElement> {
+  value?: string;
+  label?: string;
+  icon?: string;
+  disabled?: boolean;
+  badge?: string;
+}
+
+interface BhTooltipAttributes extends BellhopElement<HTMLElement> {
+  text?: string;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+interface BhNotificationAttributes extends BellhopElement<HTMLElement> {
+  type?: 'info' | 'success' | 'warning' | 'error';
+  'notification-title'?: string;
+  description?: string;
+  'action-text'?: string;
+  'dismiss-text'?: string;
+  dismissible?: boolean;
+}
+
+interface BhPaginationAttributes extends BellhopElement<HTMLElement> {
+  page?: number;
+  'total-pages'?: number;
+  'total-items'?: number;
+  'page-size'?: number;
+}
+
+interface BhDataGridAttributes extends BellhopElement<HTMLElement> {
+  data?: unknown[];
+  columns?: unknown[];
+  size?: 'compact' | 'default' | 'relaxed';
+  striped?: boolean;
+  bordered?: boolean;
+  'sticky-header'?: boolean;
+  loading?: boolean;
+  'enable-sorting'?: boolean;
+  'enable-filtering'?: boolean;
+  'enable-pagination'?: boolean;
+  page?: number;
+  'page-size'?: number;
+}
+
+interface BhLoaderSpinnerAttributes extends BellhopElement<HTMLElement> {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+
+interface BhEmptyStateAttributes extends BellhopElement<HTMLElement> {
+  icon?: string;
+  'empty-title'?: string;
+  description?: string;
+  size?: 'sm' | 'md' | 'lg';
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'bh-accordion': BellhopElement<HTMLElement>;
+      'bh-accordion-item': BellhopElement<HTMLElement>;
+      'bh-appbar': BellhopElement<HTMLElement>;
+      'bh-autocomplete-menu': BellhopElement<HTMLElement>;
+      'bh-avatar': BhAvatarAttributes;
+      'bh-avatar-add': BellhopElement<HTMLElement>;
+      'bh-avatar-stacked': BellhopElement<HTMLElement>;
+      'bh-badge': BhBadgeAttributes;
+      'bh-badge-dot': BellhopElement<HTMLElement>;
+      'bh-bar-chart': BellhopElement<HTMLElement>;
+      'bh-breadcrumbs': BellhopElement<HTMLElement>;
+      'bh-button': BhButtonAttributes;
+      'bh-button-icon': BellhopElement<HTMLElement>;
+      'bh-card': BhCardAttributes;
+      'bh-card-footer': BellhopElement<HTMLElement>;
+      'bh-card-header': BellhopElement<HTMLElement>;
+      'bh-chart-tooltip': BellhopElement<HTMLElement>;
+      'bh-checkbox': BhCheckboxAttributes;
+      'bh-checkbox-group': BellhopElement<HTMLElement>;
+      'bh-checkbox-group-item': BellhopElement<HTMLElement>;
+      'bh-container': BellhopElement<HTMLElement>;
+      'bh-container-footer': BellhopElement<HTMLElement>;
+      'bh-data-grid': BhDataGridAttributes;
+      'bh-date-picker': BellhopElement<HTMLElement>;
+      'bh-date-picker-content': BellhopElement<HTMLElement>;
+      'bh-date-range-picker': BellhopElement<HTMLElement>;
+      'bh-date-range-picker-content': BellhopElement<HTMLElement>;
+      'bh-dropdown': BhDropdownAttributes;
+      'bh-dropdown-menu': BellhopElement<HTMLElement>;
+      'bh-empty-state': BhEmptyStateAttributes;
+      'bh-featured-icon': BellhopElement<HTMLElement>;
+      'bh-illustrations': BellhopElement<HTMLElement>;
+      'bh-input-autocomplete': BellhopElement<HTMLElement>;
+      'bh-input-number': BellhopElement<HTMLElement>;
+      'bh-input-password': BellhopElement<HTMLElement>;
+      'bh-input-text': BhInputTextAttributes;
+      'bh-input-verification': BellhopElement<HTMLElement>;
+      'bh-label': BellhopElement<HTMLElement>;
+      'bh-loader-spinner': BhLoaderSpinnerAttributes;
+      'bh-logo-box': BellhopElement<HTMLElement>;
+      'bh-modal': BhModalAttributes;
+      'bh-modal-actions': BellhopElement<HTMLElement>;
+      'bh-modal-header': BellhopElement<HTMLElement>;
+      'bh-month-picker': BellhopElement<HTMLElement>;
+      'bh-month-picker-content': BellhopElement<HTMLElement>;
+      'bh-nav-item': BellhopElement<HTMLElement>;
+      'bh-notification': BhNotificationAttributes;
+      'bh-page-navigation': BellhopElement<HTMLElement>;
+      'bh-page-navigation-child': BellhopElement<HTMLElement>;
+      'bh-page-navigation-multi-level': BellhopElement<HTMLElement>;
+      'bh-page-navigation-single-level': BellhopElement<HTMLElement>;
+      'bh-pagination': BhPaginationAttributes;
+      'bh-picker-menu': BellhopElement<HTMLElement>;
+      'bh-pie-chart': BellhopElement<HTMLElement>;
+      'bh-popover': BellhopElement<HTMLElement>;
+      'bh-product-switcher': BellhopElement<HTMLElement>;
+      'bh-property-switcher': BellhopElement<HTMLElement>;
+      'bh-radio-button': BellhopElement<HTMLElement>;
+      'bh-sidebar': BhSidebarAttributes;
+      'bh-skeleton-loader': BellhopElement<HTMLElement>;
+      'bh-tab-item': BhTabItemAttributes;
+      'bh-tabs': BhTabsAttributes;
+      'bh-tag': BellhopElement<HTMLElement>;
+      'bh-textarea': BellhopElement<HTMLElement>;
+      'bh-toggle': BhToggleAttributes;
+      'bh-tooltip': BhTooltipAttributes;
+      'bh-trend-chart': BellhopElement<HTMLElement>;
+    }
+  }
+}
+
+export {};

package/dist/bellhop-core/p-DXAL-jSE.js

@@ -1,3 +0,0 @@
-const e="bellhop-core";const t={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,state:true,updatable:true};const r=()=>{};const n="@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    'Liberation Mono', 'Courier New', monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xl-size:1.25rem;--text-lg-size:1.125rem;--text-md-size:1rem;--text-sm-size:0.875rem;--text-xs-size:0.75rem;--text-xl-line:1.875rem;--text-lg-line:1.75rem;--text-md-line:1.5rem;--text-sm-line:1.25rem;--text-xs-line:1.125rem;--spacing-none:0rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--radius-none:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 3px rgba(16, 24, 40, 0.1),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);--icon-compensation-xs-btn:calc(var(--spacing-lg) - var(--spacing-xs));--icon-compensation-sm-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-md-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-lg-btn:calc(var(--spacing-xl) - var(--spacing-xs))}*,*::before,*::after{box-sizing:border-box}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}";var o=Object.defineProperty;var s=(e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:true})};var l="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var a=(e,t)=>{var r;const n=t.t;const o=Object.entries((r=n.o)!=null?r:{});o.map((([r,[n]])=>{if(n&31||n&32){const n=e[r];const o=c(Object.getPrototypeOf(e),r)||Object.getOwnPropertyDescriptor(e,r);if(o){Object.defineProperty(e,r,{get(){return o.get.call(this)},set(e){o.set.call(this,e)},configurable:true,enumerable:true})}e[r]=t.l.has(r)?t.l.get(r):n}}))};function c(e,t){while(e){const r=Object.getOwnPropertyDescriptor(e,t);if(r==null?void 0:r.get)return r;e=Object.getPrototypeOf(e)}return void 0}var f=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var u=(e,r)=>{if(!r)return;e.__stencil__getHostRef=()=>r;r.i=e;if(r.t.u&512&&t.state){a(e,r)}};var v=(e,t)=>{const r={u:0,$hostElement$:e,t,l:new Map,v:new Map};{r.h=new Promise((e=>r.p=e));e["s-p"]=[];e["s-rc"]=[]}{r.m=[]}const n=r;e.__stencil__getHostRef=()=>n;return n};var h=(e,t)=>t in e;var p=(e,t)=>(0,console.error)(e,t);var d=new Map;var m=(e,t,r)=>{const n=e.$.replace(/-/g,"_");const o=e.S;if(!o){return void 0}const s=d.get(o);if(s){return s[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{d.set(o,e)}return e[n]}),(e=>{p(e,t.$hostElement$)}))};var g=new Map;var b="{visibility:hidden}.hydrated{visibility:inherit}";var w="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var y=typeof window!=="undefined"?window:{};var $={u:0,j:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var S=(()=>{var e;let t=false;try{(e=y.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var j=e=>Promise.resolve(e);var O=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var k=O?(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)():false;var C=false;var M=[];var E=[];var z=(e,t)=>r=>{e.push(r);if(!C){C=true;if(t&&$.u&4){U(N)}else{$.raf(N)}}};var R=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){p(e)}}e.length=0};var N=()=>{R(M);{R(E);if(C=M.length>0){$.raf(N)}}};var U=e=>j().then(e);var A=z(E,true);var D=e=>{e=typeof e;return e==="object"||e==="function"};function L(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var P=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var F={};s(F,{err:()=>W,map:()=>H,ok:()=>I,unwrap:()=>T,unwrapErr:()=>V});var I=e=>({isOk:true,isErr:false,value:e});var W=e=>({isOk:false,isErr:true,value:e});function H(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>I(e)))}else{return I(r)}}if(e.isErr){const t=e.value;return W(t)}throw"should never get here"}var T=e=>{if(e.isOk){return e.value}else{throw e.value}};var V=e=>{if(e.isErr){return e.value}else{throw e.value}};function q(e){if(!O)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var G;function Y(e){var t;const r=this.attachShadow({mode:"open"});if(G===void 0)G=(t=q(n))!=null?t:null;if(G){if(k){r.adoptedStyleSheets.push(G)}else{r.adoptedStyleSheets=[...r.adoptedStyleSheets,G]}}}var _=(e,t="")=>{{return()=>{}}};var B=(e,t)=>{{return()=>{}}};var J=new WeakMap;var K=(e,t,r)=>{let n=g.get(e);if(O&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}g.set(e,n)};var Q=(e,t,r)=>{var n;const o=Z(t);const s=g.get(o);if(!y.document){return o}e=e.nodeType===11?e:y.document;if(s){if(typeof s==="string"){e=e.head||e;let r=J.get(e);let l;if(!r){J.set(e,r=new Set)}if(!r.has(o)){{l=y.document.createElement("style");l.innerHTML=s;const r=(n=$.O)!=null?n:L(y.document);if(r!=null){l.setAttribute("nonce",r)}if(!(t.u&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(r==null?void 0:r.parentNode)===e?r:null)}else if("host"in e){if(O){const t=new CSSStyleSheet;t.replaceSync(s);if(k){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(l)}}}else{e.append(l)}}if(t.u&1){e.insertBefore(l,null)}}if(t.u&4){l.innerHTML+=w}if(r){r.add(o)}}}else if(!e.adoptedStyleSheets.includes(s)){if(k){e.adoptedStyleSheets.push(s)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}}return o};var X=e=>{const t=e.t;const r=e.$hostElement$;const n=t.u;const o=_("attachStyles",t.$);const s=Q(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=s;r.classList.add(s+"-h")}o()};var Z=(e,t)=>"sc-"+e.$;var ee=(e,t,...r)=>{let n=null;let o=null;let s=false;let l=false;const i=[];const a=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){a(n)}else if(n!=null&&typeof n!=="boolean"){if(s=typeof e!=="function"&&!D(n)){n=String(n)}if(s&&l){i[i.length-1].k+=n}else{i.push(s?te(null,n):n)}l=s}}};a(r);if(t){if(t.key){o=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,i,oe)}const c=te(e,null);c.C=t;if(i.length>0){c.M=i}{c.R=o}return c};var te=(e,t)=>{const r={u:0,N:e,k:t,U:null,M:null};{r.C=null}{r.R=null}return r};var re={};var ne=e=>e&&e.N===re;var oe={forEach:(e,t)=>e.map(se).forEach(t),map:(e,t)=>e.map(se).map(t).map(le)};var se=e=>({vattrs:e.C,vchildren:e.M,vkey:e.R,vname:e.A,vtag:e.N,vtext:e.k});var le=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 ee(e.vtag,t,...e.vchildren||[])}const t=te(e.vtag,e.vtext);t.C=e.vattrs;t.M=e.vchildren;t.R=e.vkey;t.A=e.vname;return t};var ie=e=>{const t=P(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};ie("::slotted");ie(":host");ie(":host-context");var ae=(e,t,r)=>{if(e!=null&&!D(e)){if(t&4){if(r&&typeof e==="string"){return e===""||!!e}else{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var ce=e=>{var t;return(t=f(e))==null?void 0:t.$hostElement$};var fe=(e,t,r)=>{const n=ce(e);return{emit:e=>ue(n,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ue=(e,t,r)=>{const n=$.ce(t,r);e.dispatchEvent(n);return n};var ve=(e,t,r,n,o,s,l)=>{if(r===n){return}let i=h(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const o=pe(r);let s=pe(n);{t.remove(...o.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!o.includes(e))))}}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(h(y,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(r||n){const o=t.endsWith(de);t=t.replace(me,"");if(r){$.rel(e,t,r,o)}if(n){$.ael(e,t,n,o)}}}else{const l=D(n);if((i||l&&n!==null)&&!o){try{if(!e.tagName.includes("-")){const o=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=o){if(typeof e.__lookupSetter__(t)==="function"){e[t]=o}else{e.setAttribute(t,o)}}}else if(e[t]!==n){e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||s&4||o)&&!l&&e.nodeType===1){n=n===true?"":n;{e.setAttribute(t,n)}}}};var he=/\s/;var pe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(he)};var de="Capture";var me=new RegExp(de+"$");var ge=(e,t,r,n)=>{const o=t.U.nodeType===11&&t.U.host?t.U.host:t.U;const s=e&&e.C||{};const l=t.C||{};{for(const e of be(Object.keys(s))){if(!(e in l)){ve(o,e,s[e],void 0,r,t.u)}}}for(const e of be(Object.keys(l))){ve(o,e,s[e],l[e],r,t.u)}};function be(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var we;var xe=false;var ye=(e,t,r)=>{const n=t.M[r];let o=0;let s;let a;if(n.k!==null){s=n.U=y.document.createTextNode(n.k)}else{if(!xe){xe=n.N==="svg"}if(!y.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}s=n.U=y.document.createElementNS(xe?l:i,n.N);if(xe&&n.N==="foreignObject"){xe=false}{ge(null,n,xe)}if(n.M){for(o=0;o<n.M.length;++o){a=ye(e,n,o);if(a){s.appendChild(a)}}}{if(n.N==="svg"){xe=false}else if(s.tagName==="foreignObject"){xe=true}}}s["s-hn"]=we;return s};var $e=(e,t,r,n,o,s)=>{let l=e;let i;if(l.shadowRoot&&l.tagName===we){l=l.shadowRoot}for(;o<=s;++o){if(n[o]){i=ye(null,r,o);if(i){n[o].U=i;Me(l,i,t)}}}};var Se=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.U;Ce(t);if(e){e.remove()}}}};var je=(e,t,r,n,o=false)=>{let s=0;let l=0;let i=0;let a=0;let c=t.length-1;let f=t[0];let u=t[c];let v=n.length-1;let h=n[0];let p=n[v];let d;let m;while(s<=c&&l<=v){if(f==null){f=t[++s]}else if(u==null){u=t[--c]}else if(h==null){h=n[++l]}else if(p==null){p=n[--v]}else if(Oe(f,h,o)){ke(f,h,o);f=t[++s];h=n[++l]}else if(Oe(u,p,o)){ke(u,p,o);u=t[--c];p=n[--v]}else if(Oe(f,p,o)){ke(f,p,o);Me(e,f.U,u.U.nextSibling);f=t[++s];p=n[--v]}else if(Oe(u,h,o)){ke(u,h,o);Me(e,u.U,f.U);u=t[--c];h=n[++l]}else{i=-1;{for(a=s;a<=c;++a){if(t[a]&&t[a].R!==null&&t[a].R===h.R){i=a;break}}}if(i>=0){m=t[i];if(m.N!==h.N){d=ye(t&&t[l],r,i)}else{ke(m,h,o);t[i]=void 0;d=m.U}h=n[++l]}else{d=ye(t&&t[l],r,l);h=n[++l]}if(d){{Me(f.U.parentNode,d,f.U)}}}}if(s>c){$e(e,n[v+1]==null?null:n[v+1].U,r,n,l,v)}else if(l>v){Se(t,s,c)}};var Oe=(e,t,r=false)=>{if(e.N===t.N){if(!r){return e.R===t.R}if(r&&!e.R&&t.R){e.R=t.R}return true}return false};var ke=(e,r,n=false)=>{const o=r.U=e.U;const s=e.M;const l=r.M;const i=r.N;const a=r.k;if(a===null){{xe=i==="svg"?true:i==="foreignObject"?false:xe}{ge(e,r,xe)}if(s!==null&&l!==null){je(o,s,r,l,n)}else if(l!==null){if(e.k!==null){o.textContent=""}$e(o,null,r,l,0,l.length-1)}else if(!n&&t.updatable&&s!==null){Se(s,0,s.length-1)}else;if(xe&&i==="svg"){xe=false}}else if(e.k!==a){o.data=a}};var Ce=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.M&&e.M.map(Ce)}};var Me=(e,t,r)=>{{return e==null?void 0:e.insertBefore(t,r)}};var Ee=(e,t,r=false)=>{const n=e.$hostElement$;const o=e.t;const s=e.D||te(null,null);const l=ne(t);const i=l?t:ee(null,null,t);we=n.tagName;if(o.L){i.C=i.C||{};o.L.forEach((([e,t])=>{{i.C[t]=n[e]}}))}if(r&&i.C){for(const e of Object.keys(i.C)){if(n.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.C[e]=n[e]}}}i.N=null;i.u|=4;e.D=i;i.U=s.U=n.shadowRoot||n;ke(s,i,r)};var ze=(e,t)=>{if(t&&!e.P&&t["s-p"]){const r=t["s-p"].push(new Promise((n=>e.P=()=>{t["s-p"].splice(r-1,1);n()})))}};var Re=(e,t)=>{{e.u|=16}if(e.u&4){e.u|=512;return}ze(e,e.F);const r=()=>Ne(e,t);if(t){queueMicrotask((()=>{r()}));return}return A(r)};var Ne=(e,t)=>{const r=e.$hostElement$;const n=_("scheduleUpdate",e.t.$);const o=e.i;if(!o){throw new Error(`Can't render component <${r.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 s;if(t){{{e.u|=256;if(e.I){e.I.map((([e,t])=>We(o,e,t,r)));e.I=void 0}}if(e.m.length){e.m.forEach((e=>e(r)))}}s=We(o,"componentWillLoad",void 0,r)}else{s=We(o,"componentWillUpdate",void 0,r)}s=Ue(s,(()=>We(o,"componentWillRender",void 0,r)));n();return Ue(s,(()=>De(e,o,t)))};var Ue=(e,t)=>Ae(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ae=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var De=async(e,t,r)=>{var n;const o=e.$hostElement$;const s=_("update",e.t.$);const l=o["s-rc"];if(r){X(e)}const i=_("render",e.t.$);{Le(e,t,o,r)}if(l){l.map((e=>e()));o["s-rc"]=void 0}i();s();{const t=(n=o["s-p"])!=null?n:[];const r=()=>Pe(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.u|=4;t.length=0}}};var Le=(e,t,r,n)=>{try{t=t.render();{e.u&=-17}{e.u|=2}{{{Ee(e,t,n)}}}}catch(t){p(t,e.$hostElement$)}return null};var Pe=e=>{const t=e.t.$;const r=e.$hostElement$;const n=_("postUpdate",t);const o=e.i;const s=e.F;We(o,"componentDidRender",void 0,r);if(!(e.u&64)){e.u|=64;{He(r)}We(o,"componentDidLoad",void 0,r);n();{e.p(r);if(!s){Ie()}}}else{We(o,"componentDidUpdate",void 0,r);n()}{if(e.P){e.P();e.P=void 0}if(e.u&512){U((()=>Re(e,false)))}e.u&=-517}};var Fe=e=>{var t;{const r=f(e);const n=(t=r==null?void 0:r.$hostElement$)==null?void 0:t.isConnected;if(n&&(r.u&(2|16))===2){Re(r,false)}return n}};var Ie=t=>{U((()=>ue(y,"appload",{detail:{namespace:e}})))};var We=(e,t,r,n)=>{if(e&&e[t]){try{return e[t](r)}catch(e){p(e,n)}}return void 0};var He=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Te=(e,t)=>f(e).l.get(t);var Ve=(e,t,r,n)=>{const o=f(e);if(!o){return}if(!o){throw new Error(`Couldn't find host element for "${n.$}" 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/stenciljs/core/issues/5457).`)}const s=o.$hostElement$;const l=o.l.get(t);const i=o.u;const a=o.i;r=ae(r,n.o[t][0],!!(n.u&64));const c=Number.isNaN(l)&&Number.isNaN(r);const u=r!==l&&!c;if((!(i&8)||l===void 0)&&u){o.l.set(t,r);if(a){if(n.W&&i&128){const e=n.W[t];if(e){e.map((e=>{try{a[e](r,l,t)}catch(e){p(e,s)}}))}}if((i&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(r,l,t)===false){return}}Re(o,false)}}}};var qe=(e,r,n)=>{var o,s;const l=e.prototype;if(r.u&64&&n&1){x.forEach((e=>{Object.defineProperty(l,e,{value(...t){var r;const n=f(this);const o=n==null?void 0:n.i;if(!o){(r=n==null?void 0:n.h)==null?void 0:r.then((r=>{const n=r[e];typeof n==="function"&&n.call(r,...t)}))}else{const r=o[e];typeof r==="function"&&r.call(o,...t)}}})}))}if(r.o||t.propChangeCallback){{if(e.watchers&&!r.W){r.W=e.watchers}if(e.deserializers&&!r.H){r.H=e.deserializers}if(e.serializers&&!r.T){r.T=e.serializers}}const i=Object.entries((o=r.o)!=null?o:{});i.map((([e,[t]])=>{if(t&31||n&2&&t&32){const{get:o,set:s}=Object.getOwnPropertyDescriptor(l,e)||{};if(o)r.o[e][0]|=2048;if(s)r.o[e][0]|=4096;if(n&1||!o){Object.defineProperty(l,e,{get(){{if((r.o[e][0]&2048)===0){return Te(this,e)}const t=f(this);const n=t?t.i:l;if(!n)return;return n[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(o){const l=f(this);if(!l){return}if(s){const n=t&32?this[e]:l.$hostElement$[e];if(typeof n==="undefined"&&l.l.get(e)){o=l.l.get(e)}s.apply(this,[ae(o,t,!!(r.u&64))]);o=t&32?this[e]:l.$hostElement$[e];Ve(this,e,o,r);return}{if((n&1)===0||(r.o[e][0]&4096)===0){Ve(this,e,o,r);if(n&1&&!l.i){l.m.push((()=>{if(r.o[e][0]&4096&&l.i[e]!==l.l.get(e)){l.i[e]=o}}))}return}const s=()=>{const n=l.i[e];if(!l.l.get(e)&&n){l.l.set(e,n)}l.i[e]=ae(o,t,!!(r.u&64));Ve(this,e,l.i[e],r)};if(l.i){s()}else{l.m.push((()=>{s()}))}}}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,o,s){$.jmp((()=>{var a;const c=n.get(e);const u=f(this);if(this.hasOwnProperty(c)&&t.lazyLoad){s=this[c];delete this[c]}if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==s){return}else if(c==null){const t=u==null?void 0:u.u;if(u&&t&&!(t&8)&&t&128&&s!==o){const t=u.i;const n=(a=r.W)==null?void 0:a[e];n==null?void 0:n.forEach((r=>{if(t[r]!=null){t[r].call(t,s,o,e)}}))}return}const v=i.find((([e])=>e===c));if(v&&v[1][0]&4){s=s===null||s==="false"?false:true}const h=Object.getOwnPropertyDescriptor(l,c);if(s!=this[c]&&(!h.get||!!h.set)){this[c]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=r.W)!=null?s:{}),...i.filter((([e,t])=>t[0]&31)).map((([e,t])=>{var o;const s=t[1]||e;n.set(s,e);if(t[0]&512){(o=r.L)==null?void 0:o.push([e,s])}return s}))]))}}return e};var Ge=async(e,t,r,n)=>{let o;if((t.u&32)===0){t.u|=32;const n=r.S;if(n){const n=m(r,t);if(n&&"then"in n){const e=B();o=await n;e()}else{o=n}if(!o){throw new Error(`Constructor for "${r.$}#${t.V}" was not found`)}if(!o.isProxied){{r.W=o.watchers;r.T=o.serializers;r.H=o.deserializers}qe(o,r,2);o.isProxied=true}const s=_("createInstance",r.$);{t.u|=8}try{new o(t)}catch(t){p(t,e)}{t.u&=-9}{t.u|=128}s();Ye(t.i,e)}else{o=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.u|=128))}if(o&&o.style){let e;if(typeof o.style==="string"){e=o.style}const t=Z(r);if(!g.has(t)){const n=_("registerStyles",r.$);K(t,e,!!(r.u&1));n()}}}const s=t.F;const l=()=>Re(t,true);if(s&&s["s-rc"]){s["s-rc"].push(l)}else{l()}};var Ye=(e,t)=>{{We(e,"connectedCallback",void 0,t)}};var _e=e=>{if(($.u&1)===0){const t=f(e);if(!t){return}const r=t.t;const n=_("connectedCallback",r.$);if(!(t.u&1)){t.u|=1;{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){ze(t,t.F=r);break}}}if(r.o){Object.entries(r.o).map((([t,[r]])=>{if(r&31&&t in e&&e[t]!==Object.prototype[t]){const r=e[t];delete e[t];e[t]=r}}))}{Ge(e,t,r)}}else{Xe(e,t,r.q);if(t==null?void 0:t.i){Ye(t.i,e)}else if(t==null?void 0:t.h){t.h.then((()=>Ye(t.i,e)))}}n()}};var Be=(e,t)=>{{We(e,"disconnectedCallback",void 0,t||e)}};var Je=async e=>{if(($.u&1)===0){const t=f(e);{if(t==null?void 0:t.G){t.G.map((e=>e()));t.G=void 0}}if(t==null?void 0:t.i){Be(t.i,e)}else if(t==null?void 0:t.h){t.h.then((()=>Be(t.i,e)))}}if(J.has(e)){J.delete(e)}if(e.shadowRoot&&J.has(e.shadowRoot)){J.delete(e.shadowRoot)}};var Ke=(e,t={})=>{var r;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const n=_();const o=[];const s=t.exclude||[];const l=y.customElements;const i=y.document.head;const a=i.querySelector("meta[charset]");const c=y.document.createElement("style");const u=[];let h;let p=true;Object.assign($,t);$.j=new URL(t.resourcesUrl||"./",y.document.baseURI).href;let d=false;e.map((e=>{e[1].map((t=>{var r,n,i;const a={u:t[0],$:t[1],o:t[2],q:t[3]};if(a.u&4){d=true}{a.o=t[2]}{a.q=t[3]}{a.L=[]}{a.W=(r=t[4])!=null?r:{};a.T=(n=t[5])!=null?n:{};a.H=(i=t[6])!=null?i:{}}const c=a.$;const m=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;v(e,a);if(a.u&1){{if(!e.shadowRoot){Y.call(e,a)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${a.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=f(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Xe(this,e,a.q)}if(h){clearTimeout(h);h=null}if(p){u.push(this)}else{$.jmp((()=>_e(this)))}}disconnectedCallback(){$.jmp((()=>Je(this)));$.raf((()=>{var e;const t=f(this);if(!t){return}const r=u.findIndex((e=>e===this));if(r>-1){u.splice(r,1)}if(((e=t==null?void 0:t.D)==null?void 0:e.U)instanceof Node&&!t.D.U.isConnected){delete t.D.U}}))}componentOnReady(){var e;return(e=f(this))==null?void 0:e.h}};if(a.u&64){m.formAssociated=true}a.S=e[0];if(!s.includes(c)&&!l.get(c)){o.push(c);l.define(c,qe(m,a,1))}}))}));if(o.length>0){if(d){c.textContent+=w}{c.textContent+=o.sort()+b}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(r=$.O)!=null?r:L(y.document);if(e!=null){c.setAttribute("nonce",e)}i.insertBefore(c,a?a.nextSibling:i.firstChild)}}p=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{$.jmp((()=>h=setTimeout(Ie,30)))}}n()};var Qe=(e,t)=>t;var Xe=(e,t,r,n)=>{if(r&&y.document){r.map((([r,n,o])=>{const s=et(y.document,e,r);const l=Ze(t,o);const i=tt(r);$.ael(s,n,l,i);(t.G=t.G||[]).push((()=>$.rel(s,n,l,i)))}))}};var Ze=(e,t)=>r=>{var n;try{{if(e.u&256){(n=e.i)==null?void 0:n[t](r)}else{(e.I=e.I||[]).push([t,r])}}}catch(t){p(t,e.$hostElement$)}};var et=(e,t,r)=>{if(r&4){return e}return t};var tt=e=>S?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var rt=e=>$.O=e;export{Qe as F,re as H,ce as a,Ke as b,fe as c,Fe as f,r as g,ee as h,j as p,u as r,rt as s};
-//# sourceMappingURL=p-DXAL-jSE.js.map