npm - bromcom-ui-next - Versions diffs - 0.1.11 → 0.1.13 - Mend

bromcom-ui-next 0.1.11 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (187) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui-next",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "A modern UI component library built with StencilJS and Tailwind CSS for Bromcom applications",
   "private": false,
   "author": "Bromcom Computers Plc",

package/readme.md CHANGED Viewed

@@ -1,170 +1 @@
-# Bromcom UI Component Library
-A modern, customizable UI component library built with StencilJS and TailwindCSS.
-## Project Structure
-```
-bromcom-ui-next/
-├── src/
-│   ├── components/   # UI Components
-│   ├── styles/       # Global styles and theme variables
-│   ├── global/       # Global utilities and configurations
-│   └── z_demos/      # Component demos and examples
-└── dist/             # Built files
-```
-## Development Guidelines
-### Component Structure
-Each component should follow this structure:
-```
-components/
-└── button/
-    ├── button.component.tsx # Component implementation
-    ├── button.types.ts      # TypeScript interfaces and types
-    ├── button.css           # Component-specific styles
-    ├── button.usage.md      # Usage documentation
-    └── readme.md            # Auto-generated documentation
-```
-### Style Guidelines
-- Use TailwindCSS for styling
-- Follow BEM-like naming convention with `bcm-` prefix
-- Use CSS variables for theming support
-- Follow the defined color palette and typography system
-## Installation
-### Via CDN
-Add the following to your HTML file:
-```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bromcom-ui@latest/dist/bromcom-ui/bromcom-ui.css" />
-<script type="module" src="https://cdn.jsdelivr.net/npm/bromcom-ui@latest/dist/bromcom-ui/bromcom-ui.esm.js"></script>
-```
-### Via NPM
-```bash
-npm install bromcom-ui@latest
-```
-For a specific version:
-```bash
-npm install bromcom-ui@x.x.x
-```
-## Usage
-### In a Standard Web Project
-1. Include the library via CDN or local files:
-```html
-<!DOCTYPE html>
-<html>
-  <head>
-    <link rel="stylesheet" href="path/to/bromcom-ui.css" />
-    <script type="module" src="path/to/bromcom-ui.esm.js"></script>
-  </head>
-  <body>
-    <bcm-button>Click Me</bcm-button>
-  </body>
-</html>
-```
-### In an Angular Project
-1. Install the package:
-```bash
-npm install bromcom-ui@latest
-```
-2. Add the CSS to your `angular.json`:
-```json
-{
-  "styles": ["node_modules/bromcom-ui/dist/bromcom-ui/bromcom-ui.css"]
-}
-```
-3. Configure your module:
-```typescript
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { defineCustomElements } from 'bromcom-ui/loader';
-defineCustomElements();
-@NgModule({
-  // ...other configurations
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class AppModule {}
-```
-4. Use components in your templates:
-```html
-<bcm-button kind="primary">Click Me</bcm-button>
-```
-## Component Documentation
-Each component includes:
-- Property documentation
-- Usage examples
-- Type definitions
-- CSS customization options
-Example usage documentation can be found in the component's `.usage.md` file.
-## Theme Customization
-The library uses CSS variables for theming. Override these variables to customize the appearance:
-```css
-:root {
-  --bcm-ui-color-primary: #your-color;
-  --bcm-ui-font-family: your-font;
-}
-```
-## Contributing
-1. Fork the repository
-2. Create a feature branch
-3. Follow the style guidelines
-4. Submit a pull request
-## Building
-```bash
-# Install dependencies
-npm install
-# Start development server
-npm start
-# Build for production
-npm run build
-```
-## Support
-For questions or issues, contact the UI team:
-- Murat Özkan (murat.ozkan@bromcom.com)
-- Ramazan Yıldırım (ramazan.yildirim@bromcom.com)
-## License
-Copyright © 2025 Bromcom Computers Plc
+# Readme

package/dist/bromcom-ui/p-77457de7.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as i,H as o,g as r}from"./p-c9b736d9.js";import{c as a}from"./p-5fcf77f9.js";import{a as s,o as n,f as l,s as c,c as d}from"./p-50133556.js";import{c as h}from"./p-12360e4c.js";const b={save:{text:"Save",status:"success",icon:"far fa-save",iconPosition:"prefix",kind:"primary"},ok:{text:"Ok",status:"success",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",status:"success",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",status:"success",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",status:"success",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",status:"default",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",status:"default",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",status:"default",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",status:"default",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",status:"success",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",status:"error",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",status:"error",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",status:"error",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",status:"error",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",status:"error",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",status:"error",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",status:"default",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",status:"default",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",status:"default",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",status:"default",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",status:"default",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",status:"default",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",status:"default",icon:"far fa-download",iconPosition:"prefix"}};const f=".relative{position:relative}:host{display:inline-block;position:relative}:host([full-width]){width:100%}:host([position=first]) .bcm-button{border-bottom-right-radius:0;border-top-right-radius:0}:host([position=middle]) .bcm-button{border-radius:0}:host([position=last]) .bcm-button{border-bottom-left-radius:0;border-top-left-radius:0}:host([position=first].orientation-vertical) .bcm-button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--bcm-ui-border-radius,4px);border-top-right-radius:var(--bcm-ui-border-radius,4px)}:host([position=middle].orientation-vertical) .bcm-button{border-radius:0}:host([position=last].orientation-vertical) .bcm-button{border-bottom-left-radius:var(--bcm-ui-border-radius,4px);border-bottom-right-radius:var(--bcm-ui-border-radius,4px);border-top-left-radius:0;border-top-right-radius:0}.static{position:static}.inline-flex{display:inline-flex}.min-h-10{min-height:2.5rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-final-border-color\\]{border-color:var(--bcm-final-border-color)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.bg-\\[--bcm-final-bg-color\\]{background-color:var(--bcm-final-bg-color)}.bg-\\[--bcm-ui-color-background-disabled-default\\]{background-color:var(--bcm-ui-color-background-disabled-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.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)}.leading-none{line-height:1}.text-\\[--bcm-final-text-color\\]{color:var(--bcm-final-text-color)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-0{outline-width:0}.hover\\:bg-\\[--bcm-final-hover-bg-color\\]:hover{background-color:var(--bcm-final-hover-bg-color)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\\:bg-\\[--bcm-final-active-bg-color\\]:active{background-color:var(--bcm-final-active-bg-color)}.flex{display:flex}.max-h-64{max-height:16rem}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.absolute{position:absolute}.z-\\[9999\\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-2{height:.5rem}.w-4{width:1rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.flex-row{flex-direction:row}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-\\[--popover-radius\\]{border-radius:var(--popover-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.font-sans{font-family:Inter,sans-serif}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.text-size-inherit{font-size:inherit;line-height:inherit}.font-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[--text-color\\]{color:var(--text-color)}.shadow,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2{--tw-shadow:var(--bcm-ui-box-shadow-2);--tw-shadow-colored:var(--bcm-ui-box-shadow-2)}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";const u=f;const m=class{constructor(i){t(this,i);this.bcmClick=e(this,"bcmClick",1);this.bcmFocus=e(this,"bcmFocus",1);this.bcmBlur=e(this,"bcmBlur",1);this.kind="primary";this.size="medium";this.status="default";this.iconPosition="prefix";this.iconOnly=false;this.fullWidth=false;this.type="button";this.loading=false;this.disabled=false;this.active=false;this.handleClick=t=>{if(!this.disabled&&!this.loading){this.bcmClick.emit(t)}};this.handleFocus=t=>{this.bcmFocus.emit(t)};this.handleBlur=t=>{this.bcmBlur.emit(t)};this.buttonClass=a({base:"bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0",variants:{size:{small:"text-size-4 py-px px-2 min-h-6",medium:"text-size-5 py-0.5 px-3 min-h-8",large:"text-size-6 py-1 px-3 min-h-10"},kind:{primary:"kind-primary",ghost:"kind-ghost",text:"kind-text",outline:"kind-outline"},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled",false:["cursor-pointer","bg-[--bcm-final-bg-color] text-[--bcm-final-text-color] border-[--bcm-final-border-color]","hover:bg-[--bcm-final-hover-bg-color]","active:bg-[--bcm-final-active-bg-color]","focus-visible:ring"]},loading:{true:""},position:{first:"position-first",middle:"position-middle",last:"position-last"}},defaultVariants:{size:"medium",kind:"primary",fullWidth:false,disabled:false,loading:false}},{twMerge:false})}get buttonText(){return this.text\|\|(this.variant?b[this.variant].text:"")}get buttonIcon(){if(this.variant&&b[this.variant].icon){return{icon:b[this.variant].icon,position:b[this.variant].iconPosition\|\|"prefix"}}return{icon:this.icon,position:this.iconPosition}}get buttonStatus(){return this.variant?b[this.variant].status:this.status}get buttonStyles(){const t=this.buttonStatus==="default"?"primary":this.buttonStatus;const e={primary:{"--bcm-button-bg":`var(--bcm-ui-color-background-${t}-default)`,"--bcm-button-bg-hover":`var(--bcm-ui-color-background-${t}-hover)`,"--bcm-button-bg-active":`var(--bcm-ui-color-background-${t}-active)`,"--bcm-button-border":"transparent","--bcm-button-text":"var(--bcm-ui-color-text-base)"},outline:{"--bcm-button-bg":"var(--bcm-ui-color-background-default-default)","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":`var(--bcm-ui-color-border-${this.buttonStatus})`,"--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},ghost:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},text:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${t})`}};const i=e[this.kind];const o={"--bcm-final-text-color":`var(--bcm-button-custom-text-color, ${i["--bcm-button-text"]})`,"--bcm-final-border-color":`var(--bcm-button-custom-border-color, ${i["--bcm-button-border"]})`,"--bcm-final-bg-color":`var(--bcm-button-custom-bg-color, ${i["--bcm-button-bg"]})`,"--bcm-final-hover-bg-color":`var(--bcm-button-custom-hover-bg-color, ${i["--bcm-button-bg-hover"]})`,"--bcm-final-active-bg-color":`var(--bcm-button-custom-active-bg-color, ${i["--bcm-button-bg-active"]})`};return Object.assign(Object.assign({},i),o)}render(){const{icon:t,position:e}=this.buttonIcon;return i(o,{key:"914c4285f46931841225bb3ec03374424bebf005"},i("button",{key:"56b3364b113a4fd6f97c9a6e6b3e3e14fc814de0",type:this.type,disabled:this.disabled\|\|this.loading,"aria-label":this.label,"aria-expanded":this.expanded,"aria-controls":this.controls,"aria-disabled":this.disabled,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,style:this.buttonStyles,class:this.buttonClass({size:this.size,kind:this.kind,fullWidth:this.fullWidth,disabled:this.disabled,loading:this.loading,position:this.position})},this.loading&&i("slot",{key:"0f8c5c99e3489bf49ae66f7b6803f4b46b9b6684",name:"loading"}),i("span",{key:"6ecbe1b1eb0c4b7fe389dc923e22df21dc33cad3"},i("slot",{key:"ac5ccada947a49b0995e149082b15a5aeb885a85",name:"prefix"},e==="prefix"&&t&&i("i",{key:"32f1363e0300fbaa20789b9b5259f5b36f5fe86a",class:" leading-none "+t}))),i("slot",{key:"acfc12c837c3be3025a2c4a9be3de02a116bdfa3"},this.buttonText),i("span",{key:"e7ff604974e2489bc791d9e853d476e88334c75b"},i("slot",{key:"2a8e9d5db9e907f710da9728ac8cc85c53d8864a",name:"suffix"},e==="suffix"&&t&&i("i",{key:"a7d25eb005aef8ed4aa807004bb79fc55c45d3de",class:" leading-none "+t})))))}};m.style=u;const p=".visible{visibility:visible}.hidden{display:none}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}";const x=p;const g=class{constructor(i){t(this,i);this.bcmDropdownChange=e(this,"bcmDropdownChange",1);this.isReady=false;this.dropdownItems=[];this.dropdownClass=a({base:"dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto"});this.handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item"));if(this.dropdownItems.length===0){console.warn("No dropdown items found in dropdown component")}}}componentDidLoad(){const t=this.host.shadowRoot.querySelector("bcm-button");if(t){this.buttonRef=t;this.isReady=true}}handleDropdownItemChange(t){var e;const{element:i,selected:o}=t===null\|\|t===void 0?void 0:t.detail;(e=this.dropdownItems)===null\|\|e===void 0?void 0:e.forEach((t=>{if(t!=i){t.selected=false}}));this.bcmDropdownChange.emit({element:i,selected:o})}render(){return i(o,{key:"bbbe833906ad9261f0e186a73c38838895b4163a"},i("bcm-button",{key:"bc658a949cd8d65b92ec8458d6f7fc310a72ef4f",kind:"outline"},i("span",{key:"3ff8e4e6765ea6bc1c8b41094ea7b7d928027d49",part:"text"},this.text)),this.isReady&&i("bcm-linked",{key:"c625fa0a88c0e88d8ee4b8a9e76e04d2feabb34c",targetElement:this.buttonRef},i("div",{key:"e45943e172eef094f9009123c8267b74641d5087",part:"dropdown-container",class:this.dropdownClass()},i("slot",{key:"d6b7558138785231877ab570b3e345b3deae008b",onSlotchange:this.handleSlotChange}))))}get host(){return r(this)}};g.style=x;const v=".flex{display:flex}:host{display:inline-block;width:100%}::slotted([slot=left-content]){align-items:center;display:flex;flex-direction:row;gap:8px}::slotted([slot=right-content]){align-items:center;display:flex;flex-direction:row;gap:8px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.gap-2{gap:.5rem}.text-pretty{text-wrap:pretty}.bg-\\[var\$--bcm-ui-color-background-base-active\$\\]{background-color:var(--bcm-ui-color-background-base-active)}.bg-\\[var\$--bcm-ui-color-background-palette-red-default\$\\]{background-color:var(--bcm-ui-color-background-palette-red-default)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:bg-\\[var\$--bcm-ui-color-background-base-active\$\\]:hover{background-color:var(--bcm-ui-color-background-base-active)}.hover\\:bg-\\[var\$--bcm-ui-color-background-base-hover\$\\]:hover{background-color:var(--bcm-ui-color-background-base-hover)}.hover\\:bg-\\[var\$--bcm-ui-color-background-palette-red-default\$\\]:hover{background-color:var(--bcm-ui-color-background-palette-red-default)}";const w=v;const y=class{constructor(i){t(this,i);this.bcmDropDownItemChange=e(this,"bcmDropDownItemChange",1);this.selected=false;this.error=false;this.disabled=false;this.dropdownItemClass=a({base:"dropdown-item bcm-ui-element bcm-ui-content-display flex flex-row gap-2 py-2 px-4 cursor-pointer text-color",variants:{selected:{true:"bg-[var(--bcm-ui-color-background-base-active)] hover:bg-[var(--bcm-ui-color-background-base-active)]",false:"hover:bg-[var(--bcm-ui-color-background-base-hover)]"},error:{true:"bg-[var(--bcm-ui-color-background-palette-red-default)] hover:bg-[var(--bcm-ui-color-background-palette-red-default)]",false:""},disabled:{true:"",false:""}},defaultVariants:{selected:false,error:false,disabled:false}},{twMerge:false})}handleClick(){this.selected=true;this.bcmDropDownItemChange.emit({element:this.host,selected:this.selected})}render(){var t;return i("div",{key:"dab286a93e70df2389820986b12dbb099686a949","aria-checked":this.selected,class:this.dropdownItemClass({selected:this.selected,error:this.error}),onClick:()=>this.handleClick()},i("slot",{key:"d8b3f85acfa5f9744cdcd7aac41cce576123ff2b",name:"left-content"},this.icon&&i("bcm-icon",{key:"4a8908b05d48832b5758fa430f8d188b2bcb2caf","icon-name":this.icon})),i("div",{key:"233863671bd28de9c5bc45f7221398f04297dcaa",class:"flex flex-row text-pretty w-full"},i("slot",{key:"b2cf533aff90f2bff5328d26b964f00664d42473"},this.text)),i("slot",{key:"3f423b125ba32fe7d593a0cb5d000b7a6db8f172",name:"right-content"},(t=this.rightIcons)===null\|\|t===void 0?void 0:t.map((t=>i("bcm-icon",{"icon-name":t})))))}get host(){return r(this)}};y.style=w;const k='.absolute{position:absolute}.relative{position:relative}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{display:block;position:relative}.floating-content{min-width:-moz-max-content;min-width:max-content;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;will-change:transform,opacity}.floating-visible{animation:fadeInScale .2s ease-out}.floating-hidden{pointer-events:none}.floating-wrapper{position:relative;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-arrow{z-index:-1}.floating-arrow,.floating-arrow:before{height:10px;position:absolute;width:10px}.floating-arrow:before{background:#fff;border:1px solid #e2e8f0;content:"";transform:rotate(45deg)}.arrow-top{bottom:-5px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%)}.arrow-bottom{top:-5px}.arrow-left{right:-5px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%)}.arrow-right{left:-5px}.arrow-top:before{border-bottom:0;border-right:0}.arrow-bottom:before{border-left:0;border-top:0}.arrow-left:before{border-right:0;border-top:0}.arrow-right:before{border-bottom:0;border-left:0}@media (max-width:768px){.floating-content{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}';const z=k;const P=class{constructor(i){t(this,i);this.bcmShow=e(this,"bcmShow",7);this.bcmHide=e(this,"bcmHide",7);this.bcmShown=e(this,"bcmShown",7);this.bcmHidden=e(this,"bcmHidden",7);this.trigger="click";this.placement="bottom-start";this.showDelay=0;this.hideDelay=0;this.offset=8;this.arrow=false;this.disabled=false;this.zIndex=1e3;this.appendToBody=false;this.destroyOnHide=false;this.isVisible=false;this.isReady=false;this.handleMouseEnter=()=>{this.clearTimeouts();if(this.showDelay>0){this.showTimeout=setTimeout((()=>this.show()),this.showDelay)}else{this.show()}};this.handleMouseLeave=()=>{this.clearTimeouts();if(this.hideDelay>0){this.hideTimeout=setTimeout((()=>this.hide()),this.hideDelay)}else{this.hide()}};this.handleFloatingMouseEnter=()=>{this.clearTimeouts()};this.handleFloatingMouseLeave=()=>{this.clearTimeouts();if(this.hideDelay>0){this.hideTimeout=setTimeout((()=>this.hide()),this.hideDelay)}else{this.hide()}};this.handleClick=t=>{t.stopPropagation();this.toggle()};this.handleFocus=()=>{this.show()};this.handleBlur=()=>{this.hide()}}setupTarget(){this.disconnectTarget();this.connectTarget()}onVisibilityChange(t){if(t){this.updatePosition();this.bcmShown.emit()}else{this.bcmHidden.emit()}}componentDidLoad(){requestAnimationFrame((()=>{this.floatingEl=this.host.shadowRoot.querySelector(".floating-content");this.isReady=true;this.connectTarget()}))}disconnectedCallback(){var t,e;this.disconnectTarget();this.clearTimeouts();(t=this.cleanup)===null\|\|t===void 0?void 0:t.call(this);(e=this.resizeObserver)===null\|\|e===void 0?void 0:e.disconnect();if(this.appendToBody){const t=document.querySelectorAll('[data-floating-portal="true"]');t.forEach((t=>{if(t.parentNode){t.parentNode.removeChild(t)}}))}}connectTarget(){if(!this.isReady)return;this.targetEl=this.targetElement\|\|(this.targetId?document.getElementById(this.targetId):null)\|\|this.host.previousElementSibling\|\|this.host.parentElement;if(!this.targetEl){console.warn("bcm-linked: No target element found");return}this.setupEventListeners();if(this.targetEl&&this.floatingEl){this.cleanup=s(this.targetEl,this.floatingEl,(()=>{if(this.isVisible){this.updatePosition()}}))}this.resizeObserver=new ResizeObserver((()=>{if(this.isVisible){this.updatePosition()}}));this.resizeObserver.observe(this.floatingEl)}disconnectTarget(){var t,e;if(this.targetEl){this.removeEventListeners()}(t=this.cleanup)===null\|\|t===void 0?void 0:t.call(this);(e=this.resizeObserver)===null\|\|e===void 0?void 0:e.disconnect()}setupEventListeners(){var t,e;if(!this.targetEl\|\|this.disabled)return;switch(this.trigger){case"hover":this.targetEl.addEventListener("mouseenter",this.handleMouseEnter);this.targetEl.addEventListener("mouseleave",this.handleMouseLeave);(t=this.floatingEl)===null\|\|t===void 0?void 0:t.addEventListener("mouseenter",this.handleFloatingMouseEnter);(e=this.floatingEl)===null\|\|e===void 0?void 0:e.addEventListener("mouseleave",this.handleFloatingMouseLeave);break;case"click":this.targetEl.addEventListener("click",this.handleClick);this.setupClickOutside();break;case"focus":this.targetEl.addEventListener("focus",this.handleFocus);this.targetEl.addEventListener("blur",this.handleBlur);break}}removeEventListeners(){var t,e;if(!this.targetEl)return;this.targetEl.removeEventListener("mouseenter",this.handleMouseEnter);this.targetEl.removeEventListener("mouseleave",this.handleMouseLeave);this.targetEl.removeEventListener("click",this.handleClick);this.targetEl.removeEventListener("focus",this.handleFocus);this.targetEl.removeEventListener("blur",this.handleBlur);(t=this.floatingEl)===null\|\|t===void 0?void 0:t.removeEventListener("mouseenter",this.handleFloatingMouseEnter);(e=this.floatingEl)===null\|\|e===void 0?void 0:e.removeEventListener("mouseleave",this.handleFloatingMouseLeave);this.removeClickOutside()}setupClickOutside(){this.clickOutsideHandler=t=>{var e,i;const o=t.target;if(!((e=this.floatingEl)===null\|\|e===void 0?void 0:e.contains(o))&&!((i=this.targetEl)===null\|\|i===void 0?void 0:i.contains(o))&&!this.host.contains(o)){this.hide()}};document.addEventListener("click",this.clickOutsideHandler,true)}removeClickOutside(){if(this.clickOutsideHandler){document.removeEventListener("click",this.clickOutsideHandler,true);this.clickOutsideHandler=undefined}}clearTimeouts(){if(this.showTimeout){clearTimeout(this.showTimeout);this.showTimeout=undefined}if(this.hideTimeout){clearTimeout(this.hideTimeout);this.hideTimeout=undefined}}async updatePosition(){if(!this.targetEl\|\|!this.floatingEl\|\|!this.isVisible)return;const t=[n(this.offset),l({fallbackPlacements:["top-start","bottom-start","right-start","left-start"]}),c({padding:8})];const{x:e,y:i,placement:o}=await d(this.targetEl,this.floatingEl,{placement:this.placement,middleware:t,strategy:"fixed"});Object.assign(this.floatingEl.style,{left:`${e}px`,top:`${i}px`,zIndex:this.zIndex.toString()});if(this.arrow){this.updateArrow(o)}}updateArrow(t){var e;const i=(e=this.floatingEl)===null\|\|e===void 0?void 0:e.querySelector(".floating-arrow");if(!i)return;i.className="floating-arrow";const o=t.split("-")[0];i.classList.add(`arrow-${o}`)}async show(){if(this.disabled\|\|this.isVisible)return;this.bcmShow.emit();this.isVisible=true;if(this.appendToBody&&this.floatingEl&&!document.body.contains(this.floatingEl)){const t=this.floatingEl.cloneNode(true);t.setAttribute("data-floating-portal","true");document.body.appendChild(t);this.floatingEl.style.display="none";this.floatingEl=t}await this.updatePosition()}async hide(){var t,e;if(!this.isVisible)return;this.bcmHide.emit();this.isVisible=false;if(this.appendToBody&&this.floatingEl&&this.floatingEl.hasAttribute("data-floating-portal")){(t=this.floatingEl.parentNode)===null\|\|t===void 0?void 0:t.removeChild(this.floatingEl);this.floatingEl=(e=this.host.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector(".floating-content");if(this.floatingEl){this.floatingEl.style.display=""}}if(this.destroyOnHide&&this.floatingEl&&this.floatingEl.parentNode){this.floatingEl.parentNode.removeChild(this.floatingEl)}}async toggle(){if(this.isVisible){await this.hide()}else{await this.show()}}async updatePositioning(){await this.updatePosition()}render(){const t={"floating-content":true,"floating-visible":this.isVisible,"floating-hidden":!this.isVisible,"floating-with-arrow":this.arrow,"floating-destroy-on-hide":this.destroyOnHide};return[i("div",{key:"3a6a855fd4c0ae0d215612645c7fa08c6b16b66d",class:t,style:{position:"fixed",top:"0px",left:"0px",zIndex:this.zIndex.toString(),visibility:this.isVisible?"visible":"hidden",opacity:this.isVisible?"1":"0",pointerEvents:this.isVisible?"auto":"none"}},this.arrow&&i("div",{key:"2396f1ed4b45ab9378809be7030d8f174b5116e0",class:"floating-arrow"}),i("div",{key:"da14fa64c2e2148970cda8a6db3b0b9bf9a32a01",class:"floating-wrapper"},i("slot",{key:"9c945f751b80fbaa9737e81328695f7241165421"}))),i("div",{key:"8bd18f8282c1ddb9d54aaa78363fda44735284ee",style:{display:"none"}},i("slot",{key:"2da6f4e6203123d5d3e4f8414446bdebf3710061",name:"fallback"}))]}get host(){return r(this)}static get watchers(){return{targetId:["setupTarget"],targetElement:["setupTarget"],isVisible:["onVisibilityChange"]}}};P.style=z;const C={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 $=".static{position:static}.m-0{margin:0}.appearance-none{appearance:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-default{color:var(--bcm-ui-color-text-default)}.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:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const j=$;const I=class{constructor(e){t(this,e);this.variant="body";this.size="medium";this.overflow=false;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=(t,e)=>{const i=this.variantClassMap[t];if(typeof i==="string"){return i}return i[e]};this.getOverflowClass=t=>t?"truncate":""}render(){var t;const e=C[this.variant];const o=this.getTextClass(this.variant,this.size);const r=this.getOverflowClass((t=this.overflow)!==null&&t!==void 0?t:false);return i(e,{key:"0c9e834dbe47309b7ec41c7c79bf07bf7d825f26",class:h("bcm-text appearance-none m-0 p-0",o,r),part:"text"},i("slot",{key:"c947db45b7b7147c0780bbb3294802cd0f1be268"},this.text))}};I.style=j;export{m as bcm_button,g as bcm_dropdown,y as bcm_dropdown_item,P as bcm_linked,I as bcm_text};
2	- //# sourceMappingURL=p-77457de7.entry.js.map

package/dist/bromcom-ui/p-77457de7.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["variantOptions","save","text","status","icon","iconPosition","kind","ok","new","add","create","prev","next","apply","submit","send","delete","cancel","decline","close","archive","remove","edit","export","import","filter","update","reset","download","buttonCss","BcmButtonStyle0","BcmButton","constructor","hostRef","this","size","iconOnly","fullWidth","type","loading","disabled","active","handleClick","event","bcmClick","emit","handleFocus","bcmFocus","handleBlur","bcmBlur","buttonClass","tv","base","variants","small","medium","large","primary","ghost","outline","true","false","position","first","middle","last","defaultVariants","twMerge","buttonText","variant","buttonIcon","buttonStatus","buttonStyles","kindStyleMap","internalDefaultStyles","finalEffectiveStyles","Object","assign","render","h","Host","key","label","expanded","controls","onClick","onFocus","onBlur","style","class","name","dropdownCss","BcmDropdownStyle0","Dropdown","isReady","dropdownItems","dropdownClass","handleSlotChange","Array","from","host","querySelectorAll","length","console","warn","componentDidLoad","button","shadowRoot","querySelector","buttonRef","handleDropdownItemChange","element","selected","detail","_a","forEach","item","bcmDropdownChange","part","targetElement","onSlotchange","dropdownItemCss","BcmDropdownItemStyle0","DropdownItem","error","dropdownItemClass","bcmDropDownItemChange","rightIcons","map","linkedCss","BcmLinkedStyle0","BcmLinked","trigger","placement","showDelay","hideDelay","offset","arrow","zIndex","appendToBody","destroyOnHide","isVisible","handleMouseEnter","clearTimeouts","showTimeout","setTimeout","show","handleMouseLeave","hideTimeout","hide","handleFloatingMouseEnter","handleFloatingMouseLeave","e","stopPropagation","toggle","setupTarget","disconnectTarget","connectTarget","onVisibilityChange","newValue","updatePosition","bcmShown","bcmHidden","requestAnimationFrame","floatingEl","disconnectedCallback","cleanup","call","_b","resizeObserver","disconnect","portalElements","document","el","parentNode","removeChild","targetEl","targetId","getElementById","previousElementSibling","parentElement","setupEventListeners","autoUpdate","ResizeObserver","observe","removeEventListeners","addEventListener","setupClickOutside","removeEventListener","removeClickOutside","clickOutsideHandler","target","contains","undefined","clearTimeout","middleware","flip","fallbackPlacements","shift","padding","x","y","computePosition","strategy","left","top","toString","updateArrow","className","side","split","classList","bcmShow","body","clonedElement","cloneNode","setAttribute","appendChild","display","bcmHide","hasAttribute","updatePositioning","floatingClasses","visibility","opacity","pointerEvents","variantTagMap","heading1","heading2","title1","title2","title3","bodyAccent","helper","caption","placeholder","link","info","infoAccent","textCss","BcmTextStyle0","BcmText","overflow","variantClassMap","getTextClass","variantClasses","getOverflowClass","Tag","variantClass","overflowClass","cs"],"sources":["src/components/button/types.ts","src/components/button/button.css?tag=bcm-button&encapsulation=shadow","src/components/button/button.component.tsx","src/components/dropdown/dropdown.css?tag=bcm-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.component.tsx","src/components/dropdown-item/dropdown-item.css?tag=bcm-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.component.tsx","src/components/linked/linked.css?tag=bcm-linked&encapsulation=shadow","src/components/linked/linked.component.tsx","src/components/text/text.utils.ts","src/components/text/text.scss?tag=bcm-text&encapsulation=shadow","src/components/text/text.component.tsx"],"sourcesContent":["export type ButtonKind = 'primary' | 'ghost' | 'text' | 'outline';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'reset' | 'submit';\nexport type ButtonStatus = 'default' | 'success' | 'error' | 'warning' | 'info';\nexport type IconPosition = 'prefix' | 'suffix';\n\n// Button group position\nexport type ButtonPosition = 'first' | 'middle' | 'last' | null;\n\nexport interface VariantOption {\n text: string;\n icon?: string;\n iconPosition?: IconPosition;\n status?: ButtonStatus;\n kind?: ButtonKind;\n}\n\nexport const variantOptions: Record<string, VariantOption> = {\n save: {\n text: 'Save',\n status: 'success',\n icon: 'far fa-save',\n iconPosition: 'prefix',\n kind: 'primary',\n },\n ok: {\n text: 'Ok',\n status: 'success',\n icon: 'far fa-check',\n iconPosition: 'prefix',\n },\n new: {\n text: 'New',\n status: 'success',\n icon: 'far fa-plus',\n iconPosition: 'prefix',\n },\n add: {\n text: 'Add',\n status: 'success',\n icon: 'far fa-plus',\n iconPosition: 'prefix',\n },\n create: {\n text: 'Create',\n status: 'success',\n icon: 'far fa-plus',\n iconPosition: 'prefix',\n },\n prev: {\n text: 'Prev',\n status: 'default',\n icon: 'far fa-arrow-left',\n iconPosition: 'prefix',\n },\n next: {\n text: 'Next',\n status: 'default',\n icon: 'far fa-arrow-right',\n iconPosition: 'suffix',\n },\n apply: {\n text: 'Apply',\n status: 'default',\n icon: 'far fa-check-circle',\n iconPosition: 'prefix',\n },\n submit: {\n text: 'Submit',\n status: 'default',\n icon: 'far fa-save',\n iconPosition: 'prefix',\n },\n send: {\n text: 'Send',\n status: 'success',\n icon: 'far fa-paper-plane',\n iconPosition: 'prefix',\n },\n delete: {\n text: 'Delete',\n status: 'error',\n icon: 'far fa-trash',\n iconPosition: 'prefix',\n },\n cancel: {\n text: 'Cancel',\n status: 'error',\n icon: 'far fa-times',\n iconPosition: 'prefix',\n },\n decline: {\n text: 'Decline',\n status: 'error',\n icon: 'far fa-ban',\n iconPosition: 'prefix',\n },\n close: {\n text: 'Close',\n status: 'error',\n icon: 'far fa-times-circle',\n iconPosition: 'prefix',\n },\n archive: {\n text: 'Archive',\n status: 'error',\n icon: 'far fa-folder-open',\n iconPosition: 'prefix',\n },\n remove: {\n text: 'Remove',\n status: 'error',\n icon: 'far fa-minus-circle',\n iconPosition: 'prefix',\n },\n edit: {\n text: 'Edit',\n status: 'default',\n icon: 'far fa-edit',\n iconPosition: 'prefix',\n },\n export: {\n text: 'Export',\n status: 'default',\n icon: 'far fa-sign-out',\n iconPosition: 'prefix',\n },\n import: {\n text: 'Import',\n status: 'default',\n icon: 'far fa-sign-in',\n iconPosition: 'prefix',\n },\n filter: {\n text: 'Filter',\n status: 'default',\n icon: 'far fa-filter',\n iconPosition: 'prefix',\n },\n update: {\n text: 'Update',\n status: 'default',\n icon: 'far fa-sync',\n iconPosition: 'prefix',\n },\n reset: {\n text: 'Reset',\n status: 'default',\n icon: 'far fa-sync',\n iconPosition: 'prefix',\n },\n download: {\n text: 'Download',\n status: 'default',\n icon: 'far fa-download',\n iconPosition: 'prefix',\n },\n};\n\nexport type ButtonVariant = keyof typeof variantOptions;\n",":host {\n display: inline-block;\n position: relative;\n}\n\n:host([full-width]) {\n width: 100%;\n}\n\n:host([position='first']) .bcm-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n:host([position='middle']) .bcm-button {\n border-radius: 0;\n}\n\n:host([position='last']) .bcm-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n:host([position='first'].orientation-vertical) .bcm-button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: var(--bcm-ui-border-radius, 4px);\n border-top-left-radius: var(--bcm-ui-border-radius, 4px);\n}\n\n:host([position='middle'].orientation-vertical) .bcm-button {\n border-radius: 0;\n}\n\n:host([position='last'].orientation-vertical) .bcm-button {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: var(--bcm-ui-border-radius, 4px);\n border-bottom-left-radius: var(--bcm-ui-border-radius, 4px);\n}\n","import { Component, Prop, h, Event, EventEmitter, Host } from '@stencil/core';\nimport { ButtonKind, ButtonSize, ButtonType, ButtonStatus, ButtonVariant, IconPosition, ButtonPosition, variantOptions } from './types';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n tag: 'bcm-button',\n styleUrl: 'button.css',\n shadow: true,\n})\nexport class BcmButton {\n /** Defines the main visual style of the button */\n @Prop()\n kind: ButtonKind = 'primary';\n\n /** Controls the button size */\n @Prop()\n size: ButtonSize = 'medium';\n\n /** Defines the button's status/state color */\n @Prop()\n status: ButtonStatus = 'default';\n\n /** Predefined button variants */\n @Prop()\n variant?: ButtonVariant;\n\n /** Button position in button group (first, middle, last) */\n @Prop({ reflect: true })\n position?: ButtonPosition;\n\n /** Icon class name */\n @Prop()\n icon?: string;\n\n /** Icon placement (prefix/suffix) */\n @Prop()\n iconPosition: IconPosition = 'prefix';\n\n /** Icon-only button mode */\n @Prop()\n iconOnly = false;\n\n /** Full width button */\n @Prop({ attribute: 'full-width', reflect: true })\n fullWidth = false;\n\n /** HTML button type */\n @Prop()\n type: ButtonType = 'button';\n\n /** Loading state */\n @Prop()\n loading = false;\n\n /** Disabled state */\n @Prop()\n disabled = false;\n\n /** Button text content */\n @Prop()\n text?: string;\n\n /** Active state */\n @Prop()\n active = false;\n\n /** Form association */\n @Prop()\n form: string;\n\n @Prop()\n value: string;\n\n @Prop()\n name: string;\n\n /** Screen reader label */\n @Prop()\n label: string;\n\n /** Expanded state for expandable content */\n @Prop()\n expanded?: string;\n\n /** ID of controlled element */\n @Prop()\n controls: string;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmClick: EventEmitter<MouseEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmFocus: EventEmitter<FocusEvent>;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n })\n bcmBlur: EventEmitter<FocusEvent>;\n\n private handleClick = (event: MouseEvent) => {\n if (!this.disabled && !this.loading) {\n this.bcmClick.emit(event);\n }\n };\n\n private handleFocus = (event: FocusEvent) => {\n this.bcmFocus.emit(event);\n };\n\n private handleBlur = (event: FocusEvent) => {\n this.bcmBlur.emit(event);\n };\n\n private get buttonText(): string {\n return this.text || (this.variant ? variantOptions[this.variant].text : '');\n }\n\n private get buttonIcon(): { icon?: string; position: IconPosition } {\n if (this.variant && variantOptions[this.variant].icon) {\n return {\n icon: variantOptions[this.variant].icon,\n position: variantOptions[this.variant].iconPosition || 'prefix',\n };\n }\n\n return {\n icon: this.icon,\n position: this.iconPosition,\n };\n }\n\n private get buttonStatus(): ButtonStatus {\n return this.variant ? variantOptions[this.variant].status : this.status;\n }\n\n private get buttonStyles() {\n const status = this.buttonStatus === 'default' ? 'primary' : this.buttonStatus;\n\n // These are the internal default styles based on component props (kind, status)\n const kindStyleMap = {\n primary: {\n '--bcm-button-bg': `var(--bcm-ui-color-background-${status}-default)`,\n '--bcm-button-bg-hover': `var(--bcm-ui-color-background-${status}-hover)`,\n '--bcm-button-bg-active': `var(--bcm-ui-color-background-${status}-active)`,\n '--bcm-button-border': 'transparent',\n '--bcm-button-text': 'var(--bcm-ui-color-text-base)',\n },\n outline: {\n '--bcm-button-bg': 'var(--bcm-ui-color-background-default-default)',\n '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n '--bcm-button-border': `var(--bcm-ui-color-border-${this.buttonStatus})`,\n '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,\n },\n ghost: {\n '--bcm-button-bg': 'transparent',\n '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n '--bcm-button-border': 'transparent',\n '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,\n },\n text: {\n '--bcm-button-bg': 'transparent',\n '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n '--bcm-button-border': 'transparent',\n '--bcm-button-text': `var(--bcm-ui-color-text-${status})`,\n },\n };\n const internalDefaultStyles = kindStyleMap[this.kind];\n\n // These are the \"final\" CSS custom properties used by the component's styling.\n // They use the \"--bcm-button-custom-...\" token if provided by the user,\n // otherwise, they fall back to the internal \"--bcm-button-...\" style defined above.\n const finalEffectiveStyles = {\n '--bcm-final-text-color': `var(--bcm-button-custom-text-color, ${internalDefaultStyles['--bcm-button-text']})`,\n '--bcm-final-border-color': `var(--bcm-button-custom-border-color, ${internalDefaultStyles['--bcm-button-border']})`,\n '--bcm-final-bg-color': `var(--bcm-button-custom-bg-color, ${internalDefaultStyles['--bcm-button-bg']})`,\n '--bcm-final-hover-bg-color': `var(--bcm-button-custom-hover-bg-color, ${internalDefaultStyles['--bcm-button-bg-hover']})`,\n '--bcm-final-active-bg-color': `var(--bcm-button-custom-active-bg-color, ${internalDefaultStyles['--bcm-button-bg-active']})`,\n };\n\n // return kindStyleMap[this.kind];\n\n return {\n ...internalDefaultStyles, // Provides the fallback values like --bcm-button-text\n ...finalEffectiveStyles, // Defines the --bcm-final-xxx tokens that handle the override logic\n };\n }\n\n private buttonClass = tv(\n {\n base: 'bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0',\n variants: {\n size: {\n small: 'text-size-4 py-px px-2 min-h-6',\n medium: 'text-size-5 py-0.5 px-3 min-h-8',\n large: 'text-size-6 py-1 px-3 min-h-10',\n },\n kind: {\n primary: 'kind-primary',\n ghost: 'kind-ghost',\n text: 'kind-text',\n outline: 'kind-outline',\n },\n fullWidth: {\n true: 'full-width w-full',\n },\n disabled: {\n true: 'disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled',\n false: [\n 'cursor-pointer',\n 'bg-[--bcm-final-bg-color] text-[--bcm-final-text-color] border-[--bcm-final-border-color]',\n 'hover:bg-[--bcm-final-hover-bg-color]',\n 'active:bg-[--bcm-final-active-bg-color]',\n 'focus-visible:ring',\n ],\n },\n loading: {\n true: '',\n },\n position: {\n first: 'position-first',\n middle: 'position-middle',\n last: 'position-last',\n },\n },\n defaultVariants: {\n size: 'medium',\n kind: 'primary',\n fullWidth: false,\n disabled: false,\n loading: false,\n },\n },\n {\n twMerge: false,\n },\n );\n\n render() {\n const { icon, position } = this.buttonIcon;\n\n return (\n <Host>\n <button\n type={this.type}\n disabled={this.disabled || this.loading}\n aria-label={this.label}\n aria-expanded={this.expanded}\n aria-controls={this.controls}\n aria-disabled={this.disabled}\n onClick={this.handleClick}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n style={this.buttonStyles}\n class={this.buttonClass({\n size: this.size,\n kind: this.kind,\n fullWidth: this.fullWidth,\n disabled: this.disabled,\n loading: this.loading,\n position: this.position,\n })}\n >\n {this.loading && <slot name=\"loading\"></slot>}\n <span>\n <slot name=\"prefix\">{position === 'prefix' && icon && <i class={' leading-none ' + icon}></i>}</slot>\n </span>\n <slot>{this.buttonText}</slot>\n <span>\n <slot name=\"suffix\">{position === 'suffix' && icon && <i class={' leading-none ' + icon}></i>}</slot>\n </span>\n </button>\n </Host>\n );\n }\n}\n","/* :host {\n --dropdown-box-min-weight: 32px;\n --dropdown-box-max-width: 384px;\n --dropdown-box-max-height: 384px;\n --dropdown-box-background-color: var(--bcm-ui-color-background-basic-panel);\n} */\n/* \n.scroll {\n height: 140px;\n width: 140px;\n overflow-y: auto;\n}\n\n.scroll:active::-webkit-scrollbar-thumb,\n.scroll:focus::-webkit-scrollbar-thumb,\n.scroll:hover::-webkit-scrollbar-thumb {\n visibility: visible;\n}\n.scroll::-webkit-scrollbar-thumb {\n background-color: darkgrey;\n visibility: hidden;\n}\n\n.scroll::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n} */\n","import { Component, ComponentInterface, h, Prop, State, Element, Host, Event, EventEmitter, Listen } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n tag: 'bcm-dropdown',\n styleUrl: 'dropdown.css',\n shadow: true,\n})\nexport class Dropdown implements ComponentInterface {\n @Element() host: HTMLElement;\n\n @Prop() text?: string;\n\n @State() isReady: boolean = false;\n\n @State() dropdownItems: HTMLBcmDropdownItemElement[] = [];\n\n protected buttonRef?: HTMLBcmButtonElement;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n eventName: 'bcmDropdownChange',\n })\n bcmDropdownChange: EventEmitter<any>;\n\n componentDidLoad() {\n const button = this.host.shadowRoot.querySelector('bcm-button') as HTMLBcmButtonElement;\n if (button) {\n this.buttonRef = button;\n this.isReady = true;\n }\n }\n\n @Listen('bcmDropDownItemChange', { capture: true })\n handleDropdownItemChange(event: CustomEvent) {\n const { element, selected } = event?.detail;\n\n this.dropdownItems?.forEach(item => {\n if (item != element) {\n item.selected = false;\n }\n });\n\n this.bcmDropdownChange.emit({\n element: element,\n selected,\n });\n }\n\n private dropdownClass = tv({\n base: 'dropdown flex flex-col items-center min-w-10 shadow-3 max-w-64 max-h-64 w-full bg-color-basic-panel rounded-lg py-1.5 overflow-y-auto',\n });\n\n private handleSlotChange = () => {\n this.dropdownItems = Array.from(this.host.querySelectorAll('bcm-dropdown-item'));\n\n if (this.dropdownItems.length === 0) {\n console.warn('No dropdown items found in dropdown component');\n }\n };\n\n render() {\n return (\n <Host>\n <bcm-button kind=\"outline\">\n <span part=\"text\">{this.text}</span>\n </bcm-button>\n {this.isReady && (\n <bcm-linked targetElement={this.buttonRef}>\n <div part=\"dropdown-container\" class={this.dropdownClass()}>\n <slot onSlotchange={this.handleSlotChange}></slot>\n </div>\n </bcm-linked>\n )}\n </Host>\n );\n }\n}\n",":host {\n display: inline-block;\n width: 100%;\n}\n\n::slotted([slot='left-content']) {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n}\n\n::slotted([slot='right-content']) {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n}\n","import { Component, ComponentInterface, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n tag: 'bcm-dropdown-item',\n styleUrl: 'dropdown-item.css',\n shadow: true,\n})\nexport class DropdownItem implements ComponentInterface {\n @Element() host: HTMLElement;\n @Prop() text: string;\n @Prop() icon: string;\n @Prop() rightIcons: string[];\n @Prop({ reflect: true }) selected: boolean = false;\n @Prop({ reflect: true }) error: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n\n @Event({\n composed: false,\n bubbles: false,\n cancelable: true,\n eventName: 'bcmDropDownItemChange',\n })\n bcmDropDownItemChange: EventEmitter<any>;\n\n\n private handleClick() {\n this.selected = true;\n this.bcmDropDownItemChange.emit({\n element: this.host,\n selected: this.selected,\n });\n }\n\n private dropdownItemClass = tv(\n {\n base: 'dropdown-item bcm-ui-element bcm-ui-content-display flex flex-row gap-2 py-2 px-4 cursor-pointer text-color',\n variants: {\n selected: {\n true: 'bg-[var(--bcm-ui-color-background-base-active)] hover:bg-[var(--bcm-ui-color-background-base-active)]',\n false: 'hover:bg-[var(--bcm-ui-color-background-base-hover)]',\n },\n error: {\n true: 'bg-[var(--bcm-ui-color-background-palette-red-default)] hover:bg-[var(--bcm-ui-color-background-palette-red-default)]',\n false: '',\n },\n disabled: {\n true: '', // should be discuss with ux team\n false: '',\n },\n },\n defaultVariants: {\n selected: false,\n error: false,\n disabled: false,\n },\n },\n {\n twMerge: false,\n },\n );\n\n render() {\n return (\n <div\n aria-checked={this.selected}\n class={this.dropdownItemClass({\n selected: this.selected,\n error: this.error,\n })}\n onClick={() => this.handleClick()}\n >\n <slot name=\"left-content\">{this.icon && <bcm-icon icon-name={this.icon}></bcm-icon>}</slot>\n <div class=\"flex flex-row text-pretty w-full\">\n <slot>{this.text}</slot>\n </div>\n <slot name=\"right-content\">\n {this.rightIcons?.map(icon => (\n <bcm-icon icon-name={icon}></bcm-icon>\n ))}\n </slot>\n </div>\n );\n }\n}\n",":host {\n display: block;\n position: relative;\n}\n\n.floating-content {\n min-width: max-content;\n transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;\n will-change: transform, opacity;\n}\n\n.floating-visible {\n animation: fadeInScale 0.2s ease-out;\n}\n\n.floating-hidden {\n pointer-events: none;\n}\n\n.floating-wrapper {\n position: relative;\n z-index: 1;\n}\n\n/* Animations */\n@keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(-5px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n\n/* Arrow Styles */\n.floating-arrow {\n position: absolute;\n width: 10px;\n height: 10px;\n z-index: -1;\n}\n\n.floating-arrow::before {\n content: '';\n position: absolute;\n width: 10px;\n height: 10px;\n background: white;\n border: 1px solid #e2e8f0;\n transform: rotate(45deg);\n}\n\n/* Arrow positioning based on placement */\n.arrow-top {\n bottom: -5px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.arrow-bottom {\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.arrow-left {\n right: -5px;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.arrow-right {\n left: -5px;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/* Arrow border fix for bordered popups */\n.arrow-top::before {\n border-bottom: 0;\n border-right: 0;\n}\n\n.arrow-bottom::before {\n border-top: 0;\n border-left: 0;\n}\n\n.arrow-left::before {\n border-top: 0;\n border-right: 0;\n}\n\n.arrow-right::before {\n border-bottom: 0;\n border-left: 0;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n .floating-content {\n max-width: calc(100vw - 32px);\n max-height: calc(100vh - 32px);\n }\n}\n","import { Component, ComponentInterface, Prop, Element, State, h, Event, EventEmitter, Watch, Method } from '@stencil/core';\nimport { computePosition, flip, shift, offset, autoUpdate, type Placement } from '@floating-ui/dom';\n\nexport type TriggerType = 'hover' | 'click' | 'focus' | 'manual';\n\n@Component({\n tag: 'bcm-linked',\n styleUrl: 'linked.css',\n shadow: true,\n})\nexport class BcmLinked implements ComponentInterface {\n @Element() host: HTMLElement;\n\n // Target configuration\n @Prop({ reflect: true, attribute: 'target-id' }) targetId?: string;\n @Prop() targetElement?: HTMLElement;\n\n // Trigger configuration\n @Prop() trigger: TriggerType = 'click';\n @Prop() placement: Placement = 'bottom-start';\n\n // Timing configuration\n @Prop() showDelay: number = 0;\n @Prop() hideDelay: number = 0;\n\n // Positioning configuration\n @Prop() offset: number = 8;\n @Prop() arrow: boolean = false;\n @Prop() disabled: boolean = false;\n\n // Style configuration\n @Prop() zIndex: number = 1000;\n @Prop() appendToBody: boolean = false;\n @Prop() destroyOnHide: boolean = false;\n\n // State\n @State() isVisible: boolean = false;\n @State() isReady: boolean = false;\n\n // Events\n @Event() bcmShow: EventEmitter<void>;\n @Event() bcmHide: EventEmitter<void>;\n @Event() bcmShown: EventEmitter<void>;\n @Event() bcmHidden: EventEmitter<void>;\n\n // Private properties\n private floatingEl?: HTMLElement;\n private targetEl?: HTMLElement;\n private showTimeout?: NodeJS.Timeout;\n private hideTimeout?: NodeJS.Timeout;\n private cleanup?: () => void;\n private clickOutsideHandler?: (e: MouseEvent) => void;\n private resizeObserver?: ResizeObserver;\n\n // Watch for changes\n @Watch('targetId')\n @Watch('targetElement')\n setupTarget() {\n this.disconnectTarget();\n this.connectTarget();\n }\n\n @Watch('isVisible')\n onVisibilityChange(newValue: boolean) {\n if (newValue) {\n this.updatePosition();\n this.bcmShown.emit();\n } else {\n this.bcmHidden.emit();\n }\n }\n\n componentDidLoad() {\n requestAnimationFrame(() => {\n this.floatingEl = this.host.shadowRoot.querySelector('.floating-content') as HTMLElement;\n this.isReady = true;\n this.connectTarget();\n });\n }\n\n disconnectedCallback() {\n this.disconnectTarget();\n this.clearTimeouts();\n this.cleanup?.();\n this.resizeObserver?.disconnect();\n\n // Clean up any portal elements from body\n if (this.appendToBody) {\n const portalElements = document.querySelectorAll('[data-floating-portal=\"true\"]');\n portalElements.forEach(el => {\n if (el.parentNode) {\n el.parentNode.removeChild(el);\n }\n });\n }\n }\n\n private connectTarget() {\n if (!this.isReady) return;\n\n // Find target element\n this.targetEl =\n this.targetElement || (this.targetId ? document.getElementById(this.targetId) : null) || (this.host.previousElementSibling as HTMLElement) || this.host.parentElement;\n\n if (!this.targetEl) {\n console.warn('bcm-linked: No target element found');\n return;\n }\n\n // Setup event listeners based on trigger type\n this.setupEventListeners();\n\n // Setup auto-update for position\n if (this.targetEl && this.floatingEl) {\n this.cleanup = autoUpdate(this.targetEl, this.floatingEl, () => {\n if (this.isVisible) {\n this.updatePosition();\n }\n });\n }\n\n // Setup resize observer for responsive positioning\n this.resizeObserver = new ResizeObserver(() => {\n if (this.isVisible) {\n this.updatePosition();\n }\n });\n this.resizeObserver.observe(this.floatingEl);\n }\n\n private disconnectTarget() {\n if (this.targetEl) {\n this.removeEventListeners();\n }\n this.cleanup?.();\n this.resizeObserver?.disconnect();\n }\n\n private setupEventListeners() {\n if (!this.targetEl || this.disabled) return;\n\n switch (this.trigger) {\n case 'hover':\n this.targetEl.addEventListener('mouseenter', this.handleMouseEnter);\n this.targetEl.addEventListener('mouseleave', this.handleMouseLeave);\n this.floatingEl?.addEventListener('mouseenter', this.handleFloatingMouseEnter);\n this.floatingEl?.addEventListener('mouseleave', this.handleFloatingMouseLeave);\n break;\n\n case 'click':\n this.targetEl.addEventListener('click', this.handleClick);\n this.setupClickOutside();\n break;\n\n case 'focus':\n this.targetEl.addEventListener('focus', this.handleFocus);\n this.targetEl.addEventListener('blur', this.handleBlur);\n break;\n }\n }\n\n private removeEventListeners() {\n if (!this.targetEl) return;\n\n this.targetEl.removeEventListener('mouseenter', this.handleMouseEnter);\n this.targetEl.removeEventListener('mouseleave', this.handleMouseLeave);\n this.targetEl.removeEventListener('click', this.handleClick);\n this.targetEl.removeEventListener('focus', this.handleFocus);\n this.targetEl.removeEventListener('blur', this.handleBlur);\n\n this.floatingEl?.removeEventListener('mouseenter', this.handleFloatingMouseEnter);\n this.floatingEl?.removeEventListener('mouseleave', this.handleFloatingMouseLeave);\n\n this.removeClickOutside();\n }\n\n private setupClickOutside() {\n this.clickOutsideHandler = (e: MouseEvent) => {\n const target = e.target as Node;\n if (!this.floatingEl?.contains(target) && !this.targetEl?.contains(target) && !this.host.contains(target)) {\n this.hide();\n }\n };\n document.addEventListener('click', this.clickOutsideHandler, true);\n }\n\n private removeClickOutside() {\n if (this.clickOutsideHandler) {\n document.removeEventListener('click', this.clickOutsideHandler, true);\n this.clickOutsideHandler = undefined;\n }\n }\n\n private handleMouseEnter = () => {\n this.clearTimeouts();\n if (this.showDelay > 0) {\n this.showTimeout = setTimeout(() => this.show(), this.showDelay);\n } else {\n this.show();\n }\n };\n\n private handleMouseLeave = () => {\n this.clearTimeouts();\n if (this.hideDelay > 0) {\n this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n } else {\n this.hide();\n }\n };\n\n private handleFloatingMouseEnter = () => {\n this.clearTimeouts();\n };\n\n private handleFloatingMouseLeave = () => {\n this.clearTimeouts();\n if (this.hideDelay > 0) {\n this.hideTimeout = setTimeout(() => this.hide(), this.hideDelay);\n } else {\n this.hide();\n }\n };\n\n private handleClick = (e: Event) => {\n e.stopPropagation();\n this.toggle();\n };\n\n private handleFocus = () => {\n this.show();\n };\n\n private handleBlur = () => {\n this.hide();\n };\n\n private clearTimeouts() {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = undefined;\n }\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = undefined;\n }\n }\n\n private async updatePosition() {\n if (!this.targetEl || !this.floatingEl || !this.isVisible) return;\n\n const middleware = [\n offset(this.offset),\n flip({\n fallbackPlacements: ['top-start', 'bottom-start', 'right-start', 'left-start'],\n }),\n shift({ padding: 8 }),\n ];\n\n const { x, y, placement } = await computePosition(this.targetEl, this.floatingEl, {\n placement: this.placement,\n middleware,\n strategy: 'fixed',\n });\n\n Object.assign(this.floatingEl.style, {\n left: `${x}px`,\n top: `${y}px`,\n zIndex: this.zIndex.toString(),\n });\n\n // Update arrow if enabled\n if (this.arrow) {\n this.updateArrow(placement);\n }\n }\n\n private updateArrow(placement: Placement) {\n const arrow = this.floatingEl?.querySelector('.floating-arrow') as HTMLElement;\n if (!arrow) return;\n\n // Remove all arrow classes\n arrow.className = 'floating-arrow';\n\n // Add placement-specific class\n const side = placement.split('-')[0];\n arrow.classList.add(`arrow-${side}`);\n }\n\n @Method()\n async show(): Promise<void> {\n if (this.disabled || this.isVisible) return;\n\n this.bcmShow.emit();\n this.isVisible = true;\n\n // Move to body if appendToBody is enabled\n if (this.appendToBody && this.floatingEl && !document.body.contains(this.floatingEl)) {\n // Clone the element to body for positioning outside overflow containers\n const clonedElement = this.floatingEl.cloneNode(true) as HTMLElement;\n clonedElement.setAttribute('data-floating-portal', 'true');\n document.body.appendChild(clonedElement);\n\n // Hide original and use cloned version for positioning\n this.floatingEl.style.display = 'none';\n this.floatingEl = clonedElement;\n }\n\n await this.updatePosition();\n }\n\n @Method()\n async hide(): Promise<void> {\n if (!this.isVisible) return;\n\n this.bcmHide.emit();\n this.isVisible = false;\n\n // Clean up appended element from body\n if (this.appendToBody && this.floatingEl && this.floatingEl.hasAttribute('data-floating-portal')) {\n this.floatingEl.parentNode?.removeChild(this.floatingEl);\n // Restore original floating element\n this.floatingEl = this.host.shadowRoot?.querySelector('.floating-content') as HTMLElement;\n if (this.floatingEl) {\n this.floatingEl.style.display = '';\n }\n }\n\n if (this.destroyOnHide && this.floatingEl && this.floatingEl.parentNode) {\n this.floatingEl.parentNode.removeChild(this.floatingEl);\n }\n }\n\n @Method()\n async toggle(): Promise<void> {\n if (this.isVisible) {\n await this.hide();\n } else {\n await this.show();\n }\n }\n\n @Method()\n async updatePositioning(): Promise<void> {\n await this.updatePosition();\n }\n\n render() {\n const floatingClasses = {\n 'floating-content': true,\n 'floating-visible': this.isVisible,\n 'floating-hidden': !this.isVisible,\n 'floating-with-arrow': this.arrow,\n 'floating-destroy-on-hide': this.destroyOnHide,\n };\n\n return [\n // Portal div to body for positioning, but keep slot in shadow DOM\n <div\n class={floatingClasses}\n style={{\n position: 'fixed',\n top: '0px',\n left: '0px',\n zIndex: this.zIndex.toString(),\n visibility: this.isVisible ? 'visible' : 'hidden',\n opacity: this.isVisible ? '1' : '0',\n pointerEvents: this.isVisible ? 'auto' : 'none',\n }}\n >\n {this.arrow && <div class=\"floating-arrow\" />}\n <div class=\"floating-wrapper\">\n <slot />\n </div>\n </div>,\n // Hidden content holder for slot fallback\n <div style={{ display: 'none' }}>\n <slot name=\"fallback\" />\n </div>,\n ];\n }\n}\n","import { TextVariant, TextTag } from './text.types';\n\nexport const variantTagMap: Record<TextVariant, TextTag> = {\n display: 'h1',\n heading1: 'h2',\n heading2: 'h3',\n title1: 'h4',\n title2: 'h5',\n title3: 'h6',\n body: 'p',\n bodyAccent: 'p',\n helper: 'p',\n caption: 'p',\n label: 'label',\n placeholder: 'p',\n link: 'a',\n info: 'p',\n infoAccent: 'p',\n};\n",null,"import { Component, h, Prop } from '@stencil/core';\nimport cs from 'classnames';\nimport { TextVariant, TextSize } from './text.types';\nimport { variantTagMap } from './text.utils';\n\n@Component({\n tag: 'bcm-text',\n styleUrl: 'text.scss',\n shadow: true,\n})\nexport class BcmText {\n /** Text content */\n @Prop()\n text: string;\n\n /** Text variant */\n @Prop()\n variant: TextVariant = 'body';\n\n /** Text size */\n @Prop()\n size: TextSize = 'medium';\n\n /** Text overflow behavior */\n @Prop()\n overflow: boolean = false;\n\n private readonly variantClassMap = {\n display: 'font-semibold text-size-12 text-color-header',\n heading1: 'font-semibold text-size-7 text-color-header',\n heading2: 'font-semibold text-size-6 text-color-header',\n title1: {\n small: 'font-semibold text-size-5 text-color-header',\n medium: 'font-semibold text-size-6 text-color-header',\n large: 'font-semibold text-size-7 text-color-header',\n },\n title2: {\n small: 'font-semibold text-size-4 text-color-default',\n medium: 'font-semibold text-size-5 text-color-default',\n large: 'font-semibold text-size-6 text-color-default',\n },\n title3: {\n small: 'font-semibold text-size-3 text-color-disabled',\n medium: 'font-semibold text-size-4 text-color-disabled',\n large: 'font-semibold text-size-5 text-color-disabled',\n },\n body: {\n small: 'font-regular text-size-4 text-color-default',\n medium: 'font-regular text-size-5 text-color-default',\n large: 'font-regular text-size-6 text-color-default',\n },\n bodyAccent: {\n small: 'font-medium text-size-4 text-color-default',\n medium: 'font-medium text-size-5 text-color-default',\n large: 'font-medium text-size-6 text-color-default',\n },\n helper: {\n small: 'font-regular text-size-4 text-color-helper',\n medium: 'font-regular text-size-5 text-color-helper',\n large: 'font-regular text-size-6 text-color-helper',\n },\n caption: {\n small: 'font-regular text-size-3 text-color-caption',\n medium: 'font-regular text-size-4 text-color-caption',\n large: 'font-regular text-size-5 text-color-caption',\n },\n link: {\n small: 'font-medium text-size-4 underline text-color-primary',\n medium: 'font-medium text-size-5 underline text-color-primary',\n large: 'font-medium text-size-6 underline text-color-primary',\n },\n label: {\n small: 'font-medium text-size-3 text-color-label',\n medium: 'font-medium text-size-4 text-color-label',\n large: 'font-medium text-size-5 text-color-label',\n },\n placeholder: {\n small: 'font-regular text-size-4 text-color-placeholder',\n medium: 'font-regular text-size-5 text-color-placeholder',\n large: 'font-regular text-size-6 text-color-placeholder',\n },\n info: {\n small: 'font-regular text-size-3 text-color-default',\n medium: 'font-regular text-size-4 text-color-default',\n large: 'font-regular text-size-5 text-color-default',\n },\n infoAccent: {\n small: 'font-medium text-size-3 text-color-header',\n medium: 'font-medium text-size-4 text-color-header',\n large: 'font-medium text-size-5 text-color-header',\n },\n } as const;\n\n private getTextClass = (variant: TextVariant, size: TextSize): string => {\n const variantClasses = this.variantClassMap[variant];\n\n if (typeof variantClasses === 'string') {\n return variantClasses;\n }\n\n return variantClasses[size];\n };\n\n private getOverflowClass = (overflow: boolean): string => {\n return overflow ? 'truncate' : '';\n };\n\n render() {\n const Tag = variantTagMap[this.variant];\n const variantClass = this.getTextClass(this.variant, this.size);\n const overflowClass = this.getOverflowClass(this.overflow ?? false);\n\n return (\n <Tag class={cs('bcm-text appearance-none m-0 p-0', variantClass, overflowClass)} part=\"text\">\n <slot>{this.text}</slot>\n </Tag>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/bromcom-ui/p-ab3d15d5.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as t,h as i,g as r}from"./p-c9b736d9.js";import{g as o}from"./p-ba2410ef.js";import{c as s}from"./p-5fcf77f9.js";const a=":host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.absolute{position:absolute}.relative{position:relative}.left-0\\.5{left:.125rem}.left-\\[18px\\]{left:18px}.left-\\[20px\\]{left:20px}.left-\\[22px\\]{left:22px}.order-2{order:2}.flex{display:flex}.hidden{display:none}.size-3{height:.75rem;width:.75rem}.size-3\\.5{height:.875rem;width:.875rem}.size-4{width:1rem}.h-4,.size-4{height:1rem}.h-5{height:1.25rem}.h-\\[18px\\]{height:18px}.w-10{width:2.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--switch-bg\\]{background-color:var(--switch-bg)}.bg-\\[--switch-dot-bg\\]{background-color:var(--switch-dot-bg)}.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)}.font-medium{font-weight:500}.font-normal{font-weight:400}.\\!text-color-error{color:var(--bcm-ui-color-text-error)!important}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\\:bg-\\[--switch-bg-hover\\],.hover\\:bg-\\[--switch-bg-hover\\]:hover{background-color:var(--switch-bg-hover)}.peer:focus-visible~.peer-focus-visible\\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\\:ring-blue-300{--tw-ring-color:oklch(0.809 0.105 251.813)}.peer:focus-visible~.peer-focus-visible\\:ring-offset-2{--tw-ring-offset-width:2px}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:\\!text-color-disabled{color:var(--bcm-ui-color-text-disabled)!important}";const c=a;const l=class{constructor(i){e(this,i);this.bcmSwitchChange=t(this,"bcmSwitchChange",1);this.checked=false;this.disabled=false;this.labelPosition="right";this.error=false;this.size="medium";this.readonly=false;this.required=false;this.switchId=o("switch");this.switchStyle=()=>{const e={"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-hover)","--switch-dot-bg":"var(--bcm-ui-color-background-base-default)"};const t={"--switch-bg":"var(--bcm-ui-color-background-info-default)","--switch-bg-hover":"var(--bcm-ui-color-background-info-hover)"};const i={"--switch-bg":"var(--bcm-ui-color-background-error-default)","--switch-bg-hover":"var(--bcm-ui-color-background-error-hover)"};const r={"--switch-bg":"var(--bcm-ui-color-background-default-dark-default)","--switch-bg-hover":"var(--bcm-ui-color-background-default-dark-default)","--switch-dot-bg":"var(--bcm-ui-color-background-disabled-default)"};const o={"--switch-bg":"var(--bcm-ui-color-background-disabled-default)","--switch-bg-hover":"var(--bcm-ui-color-background-disabled-default)","--switch-dot-bg":"var(--bcm-ui-color-background-default-default)"};return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e),this.checked&&t),this.error&&i),this.readonly&&r),this.disabled&&o)};this.switchClass=s({slots:{base:"bcm-ui-element flex flex-col",switchWrapper:"flex items-center group",dotContainer:"relative flex items-center rounded-full cursor-pointer bg-[--switch-bg] group-hover:bg-[--switch-bg-hover] peer-disabled:cursor-not-allowed transition-colors duration-300",dot:"absolute bg-[--switch-dot-bg] rounded-full shadow-sm transition-all duration-300 ease-in-out peer-disabled:cursor-not-allowed",caption:"!text-color-error font-normal",label:"!text-color font-medium peer-disabled:!text-color-disabled peer-disabled:cursor-not-allowed"},variants:{size:{small:{dotContainer:"w-8 h-4",dot:"size-3",label:"text-size-4",caption:"text-size-3",switchWrapper:"gap-2",base:"gap-0.5"},medium:{dotContainer:"w-9 h-[18px]",dot:"size-3.5",label:"text-size-5",caption:"text-size-4",switchWrapper:"gap-2.5",base:"gap-1"},large:{dotContainer:"w-10 h-5",dot:"size-4",label:"text-size-6",caption:"text-size-5",switchWrapper:"gap-3",base:"gap-2"}},labelPosition:{left:{label:""},right:{label:"order-2"}},checked:{true:{dot:""},false:{dot:"left-0.5"}},disabled:{true:"",false:{switchWrapper:""}},readonly:{true:{switchWrapper:"cursor-default",dotContainer:"cursor-default",dot:"cursor-default"},false:{switchWrapper:"cursor-pointer",dotContainer:"cursor-pointer hover:bg-[--switch-bg-hover]"}}},compoundVariants:[{size:"small",checked:true,class:{dot:"left-[18px]"}},{size:"medium",checked:true,class:{dot:"left-[20px]"}},{size:"large",checked:true,class:{dot:"left-[22px]"}},{readonly:false,disabled:false,class:{dotContainer:"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-blue-300"}}]})}toggleSwitch(){if(this.disabled\|\|this.readonly)return;this.checked=!this.checked;this.bcmSwitchChange.emit(this.checked)}render(){const{base:e,switchWrapper:t,label:r,dot:o,dotContainer:s,caption:a}=this.switchClass({size:this.size,checked:this.checked,disabled:this.disabled,labelPosition:this.labelPosition,readonly:this.readonly});const c=Object.assign({role:"switch","aria-checked":this.checked.toString(),"aria-disabled":this.disabled.toString(),"aria-readonly":this.readonly.toString()},this.required&&{"aria-required":"true"});const l=!this.readonly&&!this.disabled?{tabindex:"0"}:{};return i("div",{key:"1301508344227ab292f8847c1202676830568534",class:e()},i("label",{key:"ced1bb0bea6a6204d8e2f569dc3071f116732647",class:t(),style:this.switchStyle()},i("input",{key:"a432f7aed823ccc8cc7f008f6422f5c0bcd4f542",id:this.switchId,type:"checkbox",class:"hidden peer",checked:this.checked,name:this.name,value:this.value,disabled:this.disabled,readOnly:this.readonly,required:this.required,onChange:()=>this.toggleSwitch()}),this.label&&i("span",{key:"51ff936fdc0d0d77eb32bda235425d3d26d0c0aa",class:r()},i("slot",{key:"f1411fe2f3da9b7f9f606afd3852e33284a53b53"},this.label)),i("label",Object.assign({key:"e005835f2e22c03713b3d7732d6c33e622429551",htmlFor:this.switchId,class:s()},l,c,{onKeyDown:e=>{if((e.key==="Enter"\|\|e.key===" ")&&!this.readonly&&!this.disabled){e.preventDefault();this.toggleSwitch()}}}),i("div",{key:"cac7f8bcb004fe7bf958ad9d1c30006db78868a2",class:o()}))),this.error&&this.caption&&i("span",{key:"7a560b8e5192f6c184bcc0cf67cc453d3d4fa4d0",class:a()},this.caption),i("slot",{key:"8ebde4cddd169ca14f6c6a8ba2ad637799ea34fd",name:"caption"}))}get el(){return r(this)}};l.style=c;export{l as bcm_switch};
2	- //# sourceMappingURL=p-ab3d15d5.entry.js.map

package/dist/bromcom-ui/p-bd0354ff.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as i}from"./p-c9b736d9.js";import{c as a}from"./p-5fcf77f9.js";const o=".relative{position:relative}.block{display:block}:host{display:block;position:relative;width:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.flex{display:flex}.h-0\\.5{height:.125rem}.w-full{width:100%}.flex-row{flex-direction:row}.items-center{align-items:center}.bg-\\[--bcm-ui-color-text-primary\\]{background-color:var(--bcm-ui-color-text-primary)}.opacity-0{opacity:0}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const e=o;const r=class{constructor(i){t(this,i);this.class=a({slots:{container:"flex flex-row items-center w-full relative",inkbar:"inkbar absolute bottom-0 left-0 right-0 h-0.5 bg-[--bcm-ui-color-text-primary] transition-all duration-200 ease-in-out z-10 opacity-0",tabList:"tabs-list flex flex-row items-center w-full relative"}})}render(){const{container:t,inkbar:a,tabList:o}=this.class();return i("div",{key:"408657315efff43f37390048c24a4687d3ee81c2",class:t(),slot:"tabs-list"},i("div",{key:"fe184cc505a321c0b46228e66ce2182bff57397f",class:a()}),i("div",{key:"671e17c08b201c15573f7cf6f57537949e1480a8",class:o(),role:"tablist"},i("slot",{key:"adcdd52b940fd3e2fbfad8cd626a41d56d8abb6f"})))}};r.style=e;export{r as bcm_tabs_list};
2	- //# sourceMappingURL=p-bd0354ff.entry.js.map

package/dist/bromcom-ui/p-c9b736d9.js DELETED Viewed

@@ -1,3 +0,0 @@
-const e="bromcom-ui";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,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:true,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:true,watchCallback:true};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="http://www.w3.org/1999/xlink";var y=typeof window!=="undefined"?window:{};var b=y.document||{head:{}};var w={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 S=(()=>{let e=false;try{b.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var g=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var k=false;var C=[];var j=[];var O=(e,t)=>n=>{e.push(n);if(!k){k=true;if(t&&w.l&4){E(D)}else{w.raf(D)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var D=()=>{x(C);{x(j);if(k=C.length>0){w.raf(D)}}};var E=e=>g().then(e);var L=O(j,true);var T=e=>{e=typeof e;return e==="object"||e==="function"};function F(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:()=>N,unwrapErr:()=>U});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 N=e=>{if(e.isOk){return e.value}else{throw e.value}};var U=e=>{if(e.isErr){return e.value}else{throw e.value}};var W=(e,t="")=>{{return()=>{}}};var H=(e,t)=>{{return()=>{}}};var z=(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].k+=r}else{o.push(l?B(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,q)}const f=B(e,null);f.C=t;if(o.length>0){f.j=o}{f.O=s}return f};var B=(e,t)=>{const n={l:0,D:e,k:t,L:null,j:null};{n.C=null}{n.O=null}return n};var Q={};var V=e=>e&&e.D===Q;var q={forEach:(e,t)=>e.map(G).forEach(t),map:(e,t)=>e.map(G).map(t).map(I)};var G=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.T,vtag:e.D,vtext:e.k});var I=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 z(e.vtag,t,...e.vchildren||[])}const t=B(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.T=e.vname;return t};var K=(e,t)=>{if(e!=null&&!T(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var X=e=>l(e).$hostElement$;var _=(e,t,n)=>{const r=X(e);return{emit:e=>J(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var J=(e,t,n)=>{const r=w.ce(t,n);e.dispatchEvent(r);return r};var Y=new WeakMap;var Z=(e,t,n)=>{let r=v.get(e);if($&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}v.set(e,r)};var ee=(e,t,n)=>{var r;const s=ne(t);const l=v.get(s);e=e.nodeType===11?e:b;if(l){if(typeof l==="string"){e=e.head||e;let n=Y.get(e);let i;if(!n){Y.set(e,n=new Set)}if(!n.has(s)){{i=document.querySelector(`[${d}="${s}"]`)||b.createElement("style");i.innerHTML=l;const n=(r=w.F)!=null?r:F(b);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($){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 te=e=>{const t=e.i;const n=e.$hostElement$;const r=t.l;const s=W("attachStyles",t.m);const l=ee(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=l;n.classList.add(l+"-h")}s()};var ne=(e,t)=>"sc-"+e.m;var re=(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=le(n);let l=le(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(y,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const s=t.endsWith(ie);t=t.replace(oe,"");if(n){w.rel(e,t,n,s)}if(r){w.ael(e,t,r,s)}}}else{const a=T(r);if((i||a&&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){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(m,t)}else{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!a){r=r===true?"":r;if(f){e.setAttributeNS(m,t,r)}else{e.setAttribute(t,r)}}}}};var se=/\s/;var le=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(se)};var ie="Capture";var oe=new RegExp(ie+"$");var ae=(e,t,n,r)=>{const s=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const l=e&&e.C||{};const i=t.C||{};{for(const e of fe(Object.keys(l))){if(!(e in i)){re(s,e,l[e],void 0,n,t.l)}}}for(const e of fe(Object.keys(i))){re(s,e,l[e],i[e],n,t.l)}};function fe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ce;var ue=false;var ve=false;var de=(e,n,r)=>{const s=n.j[r];let l=0;let i;let o;if(s.k!==null){i=s.L=b.createTextNode(s.k)}else{i=s.L=b.createElement(!ue&&t.slotRelocation&&s.l&2?"slot-fb":s.D);{ae(null,s,ve)}if(s.j){for(l=0;l<s.j.length;++l){o=de(e,s,l);if(o){i.appendChild(o)}}}}i["s-hn"]=ce;return i};var he=(e,t,n,r,s,l)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===ce){i=i.shadowRoot}for(;s<=l;++s){if(r[s]){o=de(null,n,s);if(o){r[s].L=o;Se(i,o,t)}}}};var pe=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.L;we(t);if(e){e.remove()}}}};var me=(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(ye(c,d,s)){be(c,d,s);c=t[++l];d=r[++i]}else if(ye(u,h,s)){be(u,h,s);u=t[--f];h=r[--v]}else if(ye(c,h,s)){be(c,h,s);Se(e,c.L,u.L.nextSibling);c=t[++l];h=r[--v]}else if(ye(u,d,s)){be(u,d,s);Se(e,u.L,c.L);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=de(t&&t[i],n,o)}else{be(m,d,s);t[o]=void 0;p=m.L}d=r[++i]}else{p=de(t&&t[i],n,i);d=r[++i]}if(p){{Se(c.L.parentNode,p,c.L)}}}}if(l>f){he(e,r[v+1]==null?null:r[v+1].L,n,r,i,v)}else if(i>v){pe(t,l,f)}};var ye=(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 be=(e,n,r=false)=>{const s=n.L=e.L;const l=e.j;const i=n.j;const o=n.D;const a=n.k;if(a===null){{if(o==="slot"&&!ue);else{ae(e,n,ve)}}if(l!==null&&i!==null){me(s,l,n,i,r)}else if(i!==null){if(e.k!==null){s.textContent=""}he(s,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&l!==null){pe(l,0,l.length-1)}}else if(e.k!==a){s.data=a}};var we=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(we)}};var Se=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var ge=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.i;const l=e.M||B(null,null);const i=V(t)?t:z(null,null,t);ce=r.tagName;if(s.P){i.C=i.C||{};s.P.map((([e,t])=>i.C[t]=r[e]))}if(n&&i.C){for(const e of Object.keys(i.C)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.C[e]=r[e]}}}i.D=null;i.l|=4;e.M=i;i.L=l.L=r.shadowRoot||r;ue=(s.l&1)!==0;be(l,i,n)};var $e=(e,t)=>{if(t&&!e.R&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.R=()=>{t["s-p"].splice(n-1,1);r()})))}};var ke=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}$e(e,e.A);const n=()=>Ce(e,t);return L(n)};var Ce=(e,t)=>{const n=e.$hostElement$;const r=W("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,(()=>xe(e,s,t)))};var je=(e,t)=>Oe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Oe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var xe=async(e,t,n)=>{var r;const s=e.$hostElement$;const l=W("update",e.i.m);const i=s["s-rc"];if(n){te(e)}const o=W("render",e.i.m);{De(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=()=>Ee(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var De=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{ge(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ee=e=>{const t=e.i.m;const n=e.$hostElement$;const r=W("postUpdate",t);const s=e.t;const l=e.A;if(!(e.l&64)){e.l|=64;{Fe(n)}{Te(s,"componentDidLoad",void 0,n)}r();{e.p(n);if(!l){Le()}}}else{{Te(s,"componentDidUpdate",void 0,n)}r()}{e.v(n)}{if(e.R){e.R();e.R=void 0}if(e.l&512){E((()=>ke(e,false)))}e.l&=~(4|512)}};var Le=t=>{{Fe(b.documentElement)}E((()=>J(y,"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 Fe=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.$hostElement$;const o=s.o.get(t);const a=s.l;const c=s.t;n=K(n,r.U[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(a&8)||o===void 0)&&v){s.o.set(t,n);if(c){if(r.W&&a&128){const e=r.W[t];if(e){e.map((e=>{try{c[e](n,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){ke(s,false)}}}};var Re=(e,n,r)=>{var s,i;const o=e.prototype;if(n.U||(n.W||e.watchers)){if(e.watchers&&!n.W){n.W=e.watchers}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,[K(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]=K(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){w.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.P)==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=H();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!s.isProxied){{n.W=s.watchers}Re(s,n,2);s.isProxied=true}const l=W("createInstance",n.m);{t.l|=8}try{new s(t)}catch(t){f(t,e)}{t.l&=~8}{t.l|=128}l();Ne(t.t,e)}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=ne(n);if(!v.has(t)){const r=W("registerStyles",n.m);Z(t,e,!!(n.l&1));r()}}}const l=t.A;const i=()=>ke(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var Ne=(e,t)=>{{Te(e,"connectedCallback",void 0,t)}};var Ue=e=>{if((w.l&1)===0){const t=l(e);const n=t.i;const r=W("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){$e(t,t.A=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{Qe(e,t,n.B);if(t==null?void 0:t.t){Ne(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>Ne(t.t,e)))}}r()}};var We=(e,t)=>{{Te(e,"disconnectedCallback",void 0,t||e)}};var He=async e=>{if((w.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){We(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>We(t.t,e)))}}if(Y.has(e)){Y.delete(e)}if(e.shadowRoot&&Y.has(e.shadowRoot)){Y.delete(e.shadowRoot)}};var ze=(e,t={})=>{var n;const r=W();const s=[];const i=t.exclude||[];const a=y.customElements;const f=b.head;const c=f.querySelector("meta[charset]");const u=b.createElement("style");const v=[];let d;let m=true;Object.assign(w,t);w.$=new URL(t.resourcesUrl||"./",b.baseURI).href;let S=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],U:t[2],B:t[3]};if(r.l&4){S=true}{r.U=t[2]}{r.B=t[3]}{r.P=[]}{r.W=(n=t[4])!=null?n:{}}const f=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,r);if(r.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 ${r.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;Qe(this,e,r.B)}if(d){clearTimeout(d);d=null}if(m){v.push(this)}else{w.jmp((()=>Ue(this)))}}disconnectedCallback(){w.jmp((()=>He(this)));w.raf((()=>{var e;const t=l(this);if(((e=t==null?void 0:t.M)==null?void 0:e.L)instanceof Node&&!t.M.L.isConnected){delete t.M.L}}))}componentOnReady(){return l(this).h}};r.S=e[0];if(!i.includes(f)&&!a.get(f)){s.push(f);a.define(f,Re(c,r,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=w.F)!=null?n:F(b);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}m=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{w.jmp((()=>d=setTimeout(Le,30)))}}r()};var Be=(e,t)=>t;var Qe=(e,t,n,r)=>{if(n){n.map((([n,r,s])=>{const l=qe(e,n);const i=Ve(t,s);const o=Ge(n);w.ael(l,r,i,o);(t.V=t.V||[]).push((()=>w.rel(l,r,i,o)))}))}};var Ve=(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,t)=>{if(t&8)return y;return e};var Ge=e=>S?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ie=e=>w.F=e;export{Be as F,Q as H,ze as b,_ as c,X as g,z as h,g as p,i as r,Ie as s};
-//# sourceMappingURL=p-c9b736d9.js.map