bromcom-ui-next 0.1.39 → 0.1.41

package/dist/react/components.ts

@@ -13,6 +13,7 @@ import { type AccordionChangeEventType, type AccordionGroupChangeEventType, type
 import { BcmAccordionGroup as BcmAccordionGroupElement, defineCustomElement as defineBcmAccordionGroup } from "bromcom-ui-next/dist/components/bcm-accordion-group.js";
 import { BcmAccordion as BcmAccordionElement, defineCustomElement as defineBcmAccordion } from "bromcom-ui-next/dist/components/bcm-accordion.js";
 import { BcmAlert as BcmAlertElement, defineCustomElement as defineBcmAlert } from "bromcom-ui-next/dist/components/bcm-alert.js";
+import { BcmAttendance as BcmAttendanceElement, defineCustomElement as defineBcmAttendance } from "bromcom-ui-next/dist/components/bcm-attendance.js";
 import { BcmAvatar as BcmAvatarElement, defineCustomElement as defineBcmAvatar } from "bromcom-ui-next/dist/components/bcm-avatar.js";
 import { BcmBadge as BcmBadgeElement, defineCustomElement as defineBcmBadge } from "bromcom-ui-next/dist/components/bcm-badge.js";
 import { BcmBasicBadge as BcmBasicBadgeElement, defineCustomElement as defineBcmBasicBadge } from "bromcom-ui-next/dist/components/bcm-basic-badge.js";
@@ -76,6 +77,17 @@ export const BcmAlert: StencilReactComponent<BcmAlertElement, BcmAlertEvents> =
     defineCustomElement: defineBcmAlert
 });
 
+export type BcmAttendanceEvents = NonNullable<unknown>;
+
+export const BcmAttendance: StencilReactComponent<BcmAttendanceElement, BcmAttendanceEvents> = /*@__PURE__*/ createComponent<BcmAttendanceElement, BcmAttendanceEvents>({
+    tagName: 'bcm-attendance',
+    elementClass: BcmAttendanceElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as BcmAttendanceEvents,
+    defineCustomElement: defineBcmAttendance
+});
+
 export type BcmAvatarEvents = NonNullable<unknown>;
 
 export const BcmAvatar: StencilReactComponent<BcmAvatarElement, BcmAvatarEvents> = /*@__PURE__*/ createComponent<BcmAvatarElement, BcmAvatarEvents>({

package/dist/types/components/attendance/attendance.component.d.ts

@@ -0,0 +1,41 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
+export type AttendanceItem = {
+    weekday?: string;
+    am?: 'present' | 'late' | 'absent' | 'other' | 'default';
+    pm?: 'present' | 'late' | 'absent' | 'other' | 'default';
+};
+/**
+ * @component BcmAttendance
+ * @description Visualizes attendance history (AM/PM status) for a series of days.
+ * Supports different status types (present, late, absent, etc.) with color-coded indicators.
+ * Can handle data via JSON string or direct object array.
+ *
+ * @example Basic usage
+ * <bcm-attendance data='[{"weekday":"Mon", "am":"present", "pm":"absent"}]'></bcm-attendance>
+ *
+ * @example With specific statuses
+ * <bcm-attendance data='[
+ *   {"weekday":"Mon", "am":"present", "pm":"present"},
+ *   {"weekday":"Tue", "am":"late", "pm":"present"}
+ * ]'></bcm-attendance>
+ */
+export declare class Attendance implements ComponentInterface {
+    el: HTMLElement;
+    /**
+     * Data for attendance items to be displayed.
+     * Can be passed as a JSON string (HTML attribute) or a JavaScript Array (Property).
+     *
+     * Format: Array of objects with `weekday`, `am`, and `pm` properties.
+     * Status values: 'present', 'late', 'absent', 'other', 'default'.
+     *
+     * @type {string | AttendanceItem[]}
+     * @default []
+     */
+    data: string | AttendanceItem[];
+    _data: AttendanceItem[];
+    componentWillLoad(): void;
+    dataHandler(newValue: string | AttendanceItem[]): void;
+    private parseData;
+    private attendanceStyles;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionChangeEventType } from "./components/accordion/types";
 import { AccordionGroupChangeEventType } from "./components/accordion-group/types";
 import { AlertKind, AlertSize, AlertStatus } from "./components/alert/types";
+import { AttendanceItem } from "./components/attendance/attendance.component";
 import { AvatarShape, AvatarSize, AvatarStatus } from "./components/avatar/types";
 import { ButtonKind, ButtonPosition, ButtonSize, ButtonStatus, ButtonType, ButtonVariant, IconPosition } from "./components/button/types";
 import { ChipKind, ChipSize, ChipStatus } from "./components/chip/types";
@@ -25,6 +26,7 @@ import { TooltipPlacement, TooltipSize, TooltipTrigger } from "./components/tool
 export { AccordionChangeEventType } from "./components/accordion/types";
 export { AccordionGroupChangeEventType } from "./components/accordion-group/types";
 export { AlertKind, AlertSize, AlertStatus } from "./components/alert/types";
+export { AttendanceItem } from "./components/attendance/attendance.component";
 export { AvatarShape, AvatarSize, AvatarStatus } from "./components/avatar/types";
 export { ButtonKind, ButtonPosition, ButtonSize, ButtonStatus, ButtonType, ButtonVariant, IconPosition } from "./components/button/types";
 export { ChipKind, ChipSize, ChipStatus } from "./components/chip/types";
@@ -230,6 +232,27 @@ export namespace Components {
          */
         "status"?: AlertStatus;
     }
+    /**
+     * @component BcmAttendance
+     * @description Visualizes attendance history (AM/PM status) for a series of days.
+     * Supports different status types (present, late, absent, etc.) with color-coded indicators.
+     * Can handle data via JSON string or direct object array.
+     * @example Basic usage
+     * <bcm-attendance data='[{"weekday":"Mon", "am":"present", "pm":"absent"}]'></bcm-attendance>
+     * @example With specific statuses
+     * <bcm-attendance data='[
+     * {"weekday":"Mon", "am":"present", "pm":"present"},
+     * {"weekday":"Tue", "am":"late", "pm":"present"}
+     * ]'></bcm-attendance>
+     */
+    interface BcmAttendance {
+        /**
+          * Data for attendance items to be displayed. Can be passed as a JSON string (HTML attribute) or a JavaScript Array (Property).  Format: Array of objects with `weekday`, `am`, and `pm` properties. Status values: 'present', 'late', 'absent', 'other', 'default'.
+          * @type {string | AttendanceItem[]}
+          * @default []
+         */
+        "data": string | AttendanceItem[];
+    }
     interface BcmAvatar {
         /**
           * Alternative text for image
@@ -2402,6 +2425,25 @@ declare global {
         prototype: HTMLBcmAlertElement;
         new (): HTMLBcmAlertElement;
     };
+    /**
+     * @component BcmAttendance
+     * @description Visualizes attendance history (AM/PM status) for a series of days.
+     * Supports different status types (present, late, absent, etc.) with color-coded indicators.
+     * Can handle data via JSON string or direct object array.
+     * @example Basic usage
+     * <bcm-attendance data='[{"weekday":"Mon", "am":"present", "pm":"absent"}]'></bcm-attendance>
+     * @example With specific statuses
+     * <bcm-attendance data='[
+     * {"weekday":"Mon", "am":"present", "pm":"present"},
+     * {"weekday":"Tue", "am":"late", "pm":"present"}
+     * ]'></bcm-attendance>
+     */
+    interface HTMLBcmAttendanceElement extends Components.BcmAttendance, HTMLStencilElement {
+    }
+    var HTMLBcmAttendanceElement: {
+        prototype: HTMLBcmAttendanceElement;
+        new (): HTMLBcmAttendanceElement;
+    };
     interface HTMLBcmAvatarElement extends Components.BcmAvatar, HTMLStencilElement {
     }
     var HTMLBcmAvatarElement: {
@@ -3302,6 +3344,7 @@ declare global {
         "bcm-accordion": HTMLBcmAccordionElement;
         "bcm-accordion-group": HTMLBcmAccordionGroupElement;
         "bcm-alert": HTMLBcmAlertElement;
+        "bcm-attendance": HTMLBcmAttendanceElement;
         "bcm-avatar": HTMLBcmAvatarElement;
         "bcm-badge": HTMLBcmBadgeElement;
         "bcm-basic-badge": HTMLBcmBasicBadgeElement;
@@ -3503,6 +3546,27 @@ declare namespace LocalJSX {
          */
         "status"?: AlertStatus;
     }
+    /**
+     * @component BcmAttendance
+     * @description Visualizes attendance history (AM/PM status) for a series of days.
+     * Supports different status types (present, late, absent, etc.) with color-coded indicators.
+     * Can handle data via JSON string or direct object array.
+     * @example Basic usage
+     * <bcm-attendance data='[{"weekday":"Mon", "am":"present", "pm":"absent"}]'></bcm-attendance>
+     * @example With specific statuses
+     * <bcm-attendance data='[
+     * {"weekday":"Mon", "am":"present", "pm":"present"},
+     * {"weekday":"Tue", "am":"late", "pm":"present"}
+     * ]'></bcm-attendance>
+     */
+    interface BcmAttendance {
+        /**
+          * Data for attendance items to be displayed. Can be passed as a JSON string (HTML attribute) or a JavaScript Array (Property).  Format: Array of objects with `weekday`, `am`, and `pm` properties. Status values: 'present', 'late', 'absent', 'other', 'default'.
+          * @type {string | AttendanceItem[]}
+          * @default []
+         */
+        "data"?: string | AttendanceItem[];
+    }
     interface BcmAvatar {
         /**
           * Alternative text for image
@@ -5468,6 +5532,7 @@ declare namespace LocalJSX {
         "bcm-accordion": BcmAccordion;
         "bcm-accordion-group": BcmAccordionGroup;
         "bcm-alert": BcmAlert;
+        "bcm-attendance": BcmAttendance;
         "bcm-avatar": BcmAvatar;
         "bcm-badge": BcmBadge;
         "bcm-basic-badge": BcmBasicBadge;
@@ -5606,6 +5671,20 @@ declare module "@stencil/core" {
              * @class BcmAlert
              */
             "bcm-alert": LocalJSX.BcmAlert & JSXBase.HTMLAttributes<HTMLBcmAlertElement>;
+            /**
+             * @component BcmAttendance
+             * @description Visualizes attendance history (AM/PM status) for a series of days.
+             * Supports different status types (present, late, absent, etc.) with color-coded indicators.
+             * Can handle data via JSON string or direct object array.
+             * @example Basic usage
+             * <bcm-attendance data='[{"weekday":"Mon", "am":"present", "pm":"absent"}]'></bcm-attendance>
+             * @example With specific statuses
+             * <bcm-attendance data='[
+             * {"weekday":"Mon", "am":"present", "pm":"present"},
+             * {"weekday":"Tue", "am":"late", "pm":"present"}
+             * ]'></bcm-attendance>
+             */
+            "bcm-attendance": LocalJSX.BcmAttendance & JSXBase.HTMLAttributes<HTMLBcmAttendanceElement>;
             "bcm-avatar": LocalJSX.BcmAvatar & JSXBase.HTMLAttributes<HTMLBcmAvatarElement>;
             /**
              * @component BcmBadge

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui-next",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "description": "A modern UI component library built with StencilJS and Tailwind CSS for Bromcom applications",
   "private": false,
   "author": "Bromcom Computers Plc",
@@ -28,6 +28,11 @@
       "import": "./dist/react/components.ts",
       "types": "./dist/react/components.ts"
     },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs.js",
+      "types": "./loader/index.d.ts"
+    },
     "./dist/*": "./dist/*"
   },
   "repository": {

package/dist/bromcom-ui/p-1b4384aa.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-BSFYtcqL.js";import{t as i}from"./p-CEcVC0yX.js";const a=class{constructor(t){e(this,t)}size="medium";variant="text";color;soft=!1;text;classes=i({base:"badge bcm-ui-element inline-flex items-center justify-center whitespace-nowrap select-none font-medium bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius]",variants:{size:{small:"px-1 text-size-3",medium:"py-0.5 px-1.5 text-size-4",large:"py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",blink:!1}});get badgeStyle(){return this.color?{"--bcm-badge-bg":`var(--bcm-ui-color-background-${this.soft?"palette":"vivid"}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}:{}}render(){return t("span",{key:"3037c166d1fbb49f526f7a28617ea734851aaa9c",part:"base",role:"status","aria-live":"polite",style:this.badgeStyle,class:this.classes({size:this.size,variant:this.variant})},"text"===this.variant&&t("span",{key:"30b5d324b438ef4565ebb3e44df3b99cf2dbd394",class:"badge-content"},t("slot",{key:"8a38782fd167c60f00e365e4e8e3089cf28ea0a0"})))}};a.style=":host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.badge-content{color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.whitespace-nowrap{white-space:nowrap}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.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)}.font-medium{font-weight:500}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.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)}";export{a as bcm_basic_badge}

package/dist/bromcom-ui/p-5226eb99.entry.js

@@ -1 +0,0 @@
-import{r as t,a as i,h as e}from"./p-BSFYtcqL.js";import{a as s,c as o,o as a,f as r,s as h,b as n}from"./p-DBDSgIvP.js";import{t as l}from"./p-CEcVC0yX.js";const d=class{constructor(i){t(this,i)}get host(){return i(this)}tooltipRef;arrowRef;triggerRef;cleanupAutoUpdate;showTimeout;hideTimeout;mouseX=0;mouseY=0;rafId;tooltipId;trigger="hover";placement="top";size="medium";message;showDelay=150;hideDelay=100;arrow=!0;disabled=!1;offset=12;follow=!1;isOpen=!1;handleDisabledChange(t){t&&this.isOpen&&this.hide()}handleTriggerChange(){this.removeTriggerListeners(),this.setupOutsideClickListener(),this.triggerRef&&this.setupTriggerListeners()}async handleOpenChange(t){this.tooltipRef&&(t?(this.tooltipRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),this.follow?this.startFollowing():(await this.updatePosition(),this.startAutoUpdate())):(this.tooltipRef.hidePopover(),this.stopFollowing(),this.stopAutoUpdate()))}async show(){this.disabled||(this.clearTimeouts(),this.showTimeout=window.setTimeout((()=>{this.isOpen=!0}),this.showDelay))}async hide(){this.clearTimeouts(),this.hideTimeout=window.setTimeout((()=>{this.isOpen=!1}),this.hideDelay)}async toggle(){this.isOpen?await this.hide():await this.show()}clearTimeouts(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}startAutoUpdate(){this.triggerRef&&this.tooltipRef&&!this.follow&&(this.cleanupAutoUpdate=s(this.triggerRef,this.tooltipRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}startFollowing(){if(!this.follow)return;const t=()=>{if(!this.isOpen||!this.tooltipRef)return void(this.rafId=void 0);const i=this.offset;this.tooltipRef.style.left=`${this.mouseX+this.offset}px`,this.tooltipRef.style.top=`${this.mouseY+i}px`,this.rafId=requestAnimationFrame(t)};this.rafId=requestAnimationFrame(t)}stopFollowing(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}async updatePosition(){if(this.triggerRef&&this.tooltipRef&&!this.follow)try{const t=this.triggerRef.getBoundingClientRect();if(!(t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth)&&this.isOpen)return void this.hide();const i=[a(this.offset),r(),h({padding:8})];this.arrow&&this.arrowRef&&i.push(n({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:s,y:l,placement:d,middlewareData:c}=await o(e,this.tooltipRef,{placement:this.placement,strategy:"fixed",middleware:i});if(this.tooltipRef.style.left=`${s}px`,this.tooltipRef.style.top=`${l}px`,this.arrow&&this.arrowRef&&c.arrow){const{x:t,y:i}=c.arrow,e={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=i?`${i}px`:"",right:"",bottom:"",[e]:"-4px"})}}catch(t){console.error("Failed to compute tooltip position:",t)}}setupTriggerListeners(){this.triggerRef&&("hover"===this.trigger?(this.triggerRef.addEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.addEventListener("mouseleave",this.handleMouseLeave),this.follow&&this.triggerRef.addEventListener("mousemove",this.handleMouseMove)):"click"===this.trigger&&this.triggerRef.addEventListener("click",this.handleClick))}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const i=t.assignedElements();this.triggerRef=i[0]||this.host,this.triggerRef&&(this.tooltipRef&&this.tooltipId&&this.triggerRef.setAttribute("aria-describedby",this.tooltipId),this.removeTriggerListeners(),this.setupTriggerListeners())};removeTriggerListeners(){this.triggerRef&&(this.triggerRef.removeEventListener("mouseenter",this.handleMouseEnter),this.triggerRef.removeEventListener("mouseleave",this.handleMouseLeave),this.triggerRef.removeEventListener("mousemove",this.handleMouseMove),this.triggerRef.removeEventListener("click",this.handleClick))}handleMouseEnter=()=>{this.disabled||this.show()};handleMouseLeave=()=>{this.hide()};handleMouseMove=t=>{this.mouseX=t.clientX,this.mouseY=t.clientY};handleClick=()=>{this.disabled||this.toggle()};handleOutsideClick=t=>{const i=t.target;this.host.contains(i)||this.tooltipRef?.contains(i)||this.hide()};handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&document.querySelector("[popover]:popover-open:last-of-type")===this.tooltipRef&&(t.stopPropagation(),this.hide(),this.triggerRef&&"focus"in this.triggerRef&&this.triggerRef.focus())};handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};setupOutsideClickListener(){document.removeEventListener("click",this.handleOutsideClick),"click"===this.trigger&&document.addEventListener("click",this.handleOutsideClick)}componentDidLoad(){this.tooltipId=`tooltip-${Math.random().toString(36).substring(2,11)}`,this.setupOutsideClickListener(),this.tooltipRef&&this.tooltipRef.addEventListener("toggle",this.handleToggle),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.clearTimeouts(),this.stopAutoUpdate(),this.stopFollowing(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.tooltipRef&&this.tooltipRef.removeEventListener("toggle",this.handleToggle)}tooltipClass=l({slots:{tooltip:"bcm-ui-element fixed m-0 bg-color-default-dark text-color-base rounded-md shadow-3 font-medium z-[9999]",arrow:"absolute w-2 h-2 bg-color-default-dark rotate-45",content:""},variants:{size:{small:{tooltip:"text-size-3 py-1 px-2"},medium:{tooltip:"text-size-4 py-1.5 px-3"},large:{tooltip:"text-size-5 py-2 px-4"}},follow:{true:{tooltip:"pointer-events-none"}}}});render(){const{tooltip:t,arrow:i}=this.tooltipClass({size:this.size,follow:this.follow});return e("div",{key:"84c2e6c630cb335fe16169bb6aeb3a66dc261244",class:"inline-block"},e("slot",{key:"7bde60ac003dce4895a412b5bb2204c93c8ed178",onSlotchange:this.handleSlotChange}),e("div",{key:"53af09dd13c739a9c3fcdf88bd7f40be6c1ae7e3",ref:t=>this.tooltipRef=t,id:this.tooltipId,part:"tooltip",class:t(),popover:"manual",role:"tooltip"},this.arrow&&!this.follow&&e("div",{key:"7496ed13a22a95ca91f68468dcaa9668e3c7edfb",ref:t=>this.arrowRef=t,part:"arrow",class:i()}),e("div",{key:"343280333e13f2d9ce7a41ac7df2aa4f0cd8984b",part:"content"},e("slot",{key:"dd818124847a62ac7923e4fc792ca9f7ba7a335c",name:"content"},this.message))))}static get watchers(){return{disabled:[{handleDisabledChange:0}],trigger:[{handleTriggerChange:0}],isOpen:[{handleOpenChange:0}]}}};d.style=".visible{visibility:visible}.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:inline-block}[popover]{border:none;opacity:0;overflow:visible;padding:0;transform:scale(.95);transition:opacity .1s ease-out,transform .1s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;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))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-default-dark{background-color:var(--bcm-ui-color-background-default-dark-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.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)}.font-medium{font-weight:500}.text-color-base{color:var(--bcm-ui-color-text-base)}.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)}";export{d as bcm_tooltip}

package/dist/bromcom-ui/p-70908292.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as i,h as a}from"./p-BSFYtcqL.js";import{a as o,c as r,o as s,f as n,s as c,b as l}from"./p-DBDSgIvP.js";import{t as h}from"./p-CEcVC0yX.js";const d={info:"fa-solid fa-circle-info",success:"fa-solid fa-circle-check",warning:"fa-solid fa-triangle-exclamation",error:"fa-solid fa-circle-xmark"},p=class{constructor(i){t(this,i),this.bcmBeforeOpen=e(this,"bcmBeforeOpen",1),this.bcmOpen=e(this,"bcmOpen",1),this.bcmBeforeClose=e(this,"bcmBeforeClose",1),this.bcmClose=e(this,"bcmClose",1),this.bcmConfirm=e(this,"bcmConfirm",1),this.bcmCancel=e(this,"bcmCancel",1)}get host(){return i(this)}popconfirmRef;arrowRef;triggerRef;cleanupAutoUpdate;popconfirmId;placement="top";size="medium";status="info";headerText="";description="";confirmText="Yes";cancelText="Cancel";showArrow=!0;statusIcon=!0;offsetDistance=12;closeOnOutsideClick=!0;closeOnEscape=!0;isOpen=!1;bcmBeforeOpen;bcmOpen;bcmBeforeClose;bcmClose;bcmConfirm;bcmCancel;async handleOpenChange(t){this.popconfirmRef&&(t?(this.popconfirmRef.showPopover(),await new Promise((t=>requestAnimationFrame((()=>t(void 0))))),await this.updatePosition(),this.startAutoUpdate(),this.bcmOpen.emit(),this.closeOnOutsideClick&&requestAnimationFrame((()=>{document.addEventListener("click",this.handleOutsideClick)}))):(this.popconfirmRef.hidePopover(),this.stopAutoUpdate(),this.bcmClose.emit(),document.removeEventListener("click",this.handleOutsideClick)))}async show(){this.isOpen||(this.bcmBeforeOpen.emit(),this.isOpen=!0)}async hide(){this.isOpen&&(this.bcmBeforeClose.emit(),this.isOpen=!1)}async toggle(){this.isOpen?await this.hide():await this.show()}startAutoUpdate(){this.triggerRef&&this.popconfirmRef&&(this.cleanupAutoUpdate=o(this.triggerRef,this.popconfirmRef,(()=>this.updatePosition()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0}))}stopAutoUpdate(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}async updatePosition(){if(!this.triggerRef||!this.popconfirmRef)return;const t=[s(this.offsetDistance),n(),c({padding:8})];this.showArrow&&this.arrowRef&&t.push(l({element:this.arrowRef}));const e={getBoundingClientRect:()=>this.triggerRef.getBoundingClientRect()},{x:i,y:a,placement:o,middlewareData:h}=await r(e,this.popconfirmRef,{placement:this.placement,strategy:"fixed",middleware:t});if(this.popconfirmRef.style.left=`${i}px`,this.popconfirmRef.style.top=`${a}px`,this.showArrow&&this.arrowRef&&h.arrow){const{x:t,y:e}=h.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowRef.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px"})}}handleSlotChange=()=>{const t=this.host.shadowRoot?.querySelector("slot:not([name])");if(!t)return;const e=t.assignedElements();this.triggerRef=e[0]||this.host,this.triggerRef&&(this.popconfirmRef&&this.popconfirmId&&this.triggerRef.setAttribute("aria-describedby",this.popconfirmId),this.removeTriggerListeners(),this.setupTriggerListeners())};setupTriggerListeners(){this.triggerRef&&this.triggerRef.addEventListener("click",this.handleTriggerClick)}removeTriggerListeners(){this.triggerRef&&this.triggerRef.removeEventListener("click",this.handleTriggerClick)}handleTriggerClick=()=>{this.toggle()};handleOutsideClick=t=>{if(!this.closeOnOutsideClick||!this.isOpen)return;const e=t.target;this.host.contains(e)||this.popconfirmRef?.contains(e)||this.handleCancel()};handleKeyDown(t){if(this.closeOnEscape&&this.isOpen&&"Escape"===t.key){const e=Array.from(document.querySelectorAll("bcm-pop-confirm")).filter((t=>{const e=t.shadowRoot?.querySelector("[popover]");return e?.matches(":popover-open")}));e[e.length-1]===this.host&&(t.preventDefault(),t.stopPropagation(),this.handleCancel())}}handleToggle=t=>{"open"!==t.newState||this.isOpen?"closed"===t.newState&&this.isOpen&&(this.isOpen=!1):this.isOpen=!0};handleConfirm=()=>{this.bcmConfirm.emit(),this.hide()};handleCancel=()=>{this.bcmCancel.emit(),this.hide()};componentWillLoad(){this.popconfirmId=`popconfirm-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popconfirmRef&&this.popconfirmRef.addEventListener("toggle",this.handleToggle)}disconnectedCallback(){this.stopAutoUpdate(),this.removeTriggerListeners(),document.removeEventListener("click",this.handleOutsideClick),this.popconfirmRef&&this.popconfirmRef.removeEventListener("toggle",this.handleToggle)}popconfirmClass=h({slots:{container:"bcm-ui-element fixed m-0 flex flex-col bg-[--popover-bg] rounded-lg shadow-3 z-[9999]",arrow:"absolute w-3 h-3 bg-[--popover-bg] rotate-45",closeBtn:"absolute flex size-6 items-center justify-center hover:bg-gray-100 rounded-full cursor-pointer text-color-muted",header:"flex items-center pr-8",headerLeft:"flex items-center gap-2",title:"!text-color-header font-semibold",body:"flex-1 font-sans text-pretty",footer:"flex flex-row justify-end gap-2"},variants:{size:{small:{container:"text-size-4 max-w-64 p-4 gap-4",title:"text-size-5",closeBtn:"top-3 right-3"},medium:{container:"text-size-5 max-w-80 p-6 gap-6",title:"text-size-6",closeBtn:"top-4 right-4"},large:{container:"text-size-6 max-w-96 p-8 gap-8",title:"text-size-7",closeBtn:"top-6 right-6"}},status:{info:{headerLeft:"text-[var(--bcm-ui-color-text-info)]"},success:{headerLeft:"text-[var(--bcm-ui-color-text-success)]"},warning:{headerLeft:"text-[var(--bcm-ui-color-text-warning)]"},error:{headerLeft:"text-[var(--bcm-ui-color-text-error)]"}}}});render(){const{container:t,arrow:e,header:i,headerLeft:o,title:r,closeBtn:s,body:n,footer:c}=this.popconfirmClass({size:this.size,status:this.status}),l=this.statusIcon&&this.headerText,h=Boolean(this.headerText);return a("div",{key:"985ba921107bf870e348dd0fa40b7857e7414b09",class:"inline-block"},a("slot",{key:"82cc3b90408f45d81de20ad8e3754268ed696923",onSlotchange:this.handleSlotChange}),a("div",{key:"aae490c4a85506ac2f7913e73bad13db222691af",ref:t=>this.popconfirmRef=t,id:this.popconfirmId,part:"container",class:t(),popover:"manual",role:"alertdialog","aria-labelledby":h?`${this.popconfirmId}-header`:void 0,"aria-describedby":`${this.popconfirmId}-body`},this.showArrow&&a("div",{key:"0f0206b3c9dbc5367722aff328213cd051545a5e",ref:t=>this.arrowRef=t,part:"arrow",class:e()}),a("div",{key:"63db024fbcf36b039bb2d92a348f408535726bc2",class:s(),onClick:this.handleCancel,role:"button",tabIndex:0,"aria-label":"Close"},a("bcm-icon",{key:"fd2c3555d4f731cde8264fe05be260121a8794d9","icon-name":"far fa-times"})),a("header",{key:"9646ac05e11ed66f71307d897886a4a04802df00",class:i()},a("div",{key:"0a22746831a55d17d07159d17c0576ed57a387bd",class:o()},l&&a("bcm-icon",{key:"cf8b7aeb37ee8008d1dd51d93e4b6085e1a6a4c8","icon-name":d[this.status]}),h&&a("span",{key:"3ad7f7a1c3274b7566128a67d27e0eb49a021a61",id:`${this.popconfirmId}-header`,class:r()},this.headerText),a("slot",{key:"75ace281d6c80dec32e861ff644908942f60ae23",name:"header"}))),a("main",{key:"aeff840362307b0f9ac593cede066adb00f9048e",id:`${this.popconfirmId}-body`,part:"body",class:n()},a("slot",{key:"13d5c301c27bc44a1b36100f861fa591a100d5fd",name:"body"},this.description)),a("footer",{key:"6c4268cbb69ffde526f7cc4f6c436b97e20e13dc",part:"footer",class:c()},a("slot",{key:"51423865e3293cc8a75635d9ef961c2267af361e",name:"footer"},a("bcm-button",{key:"c49d49e793994d5a6d59f5aed5d0fe345f81413f",kind:"outline",size:this.size,onClick:this.handleCancel},this.cancelText),a("bcm-button",{key:"b47151e6d9f6cc08a9111a840b3656f19d266ba2",size:this.size,status:this.status,kind:"primary",onClick:this.handleConfirm},this.confirmText)))))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};p.style=".visible{visibility:visible}.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))}.text-wrap{text-wrap:wrap}.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{--popover-bg:var(--bcm-ui-color-background-basic-panel);display:inline-block}[popover]{border:none;overflow:visible;padding:0}[popover]:not(:popover-open){display:none}[popover]:popover-open{opacity:1;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}::slotted([slot=body]){text-wrap:pretty;font-family:Inter,sans-serif}.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,Inter Variable,sans-serif}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-64{max-width:16rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg;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))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-\\[--popover-bg\\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter,Inter Variable,sans-serif}.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-semibold{font-weight:600}.\\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\\[var\\(--bcm-ui-color-text-error\\)\\]{color:var(--bcm-ui-color-text-error)}.text-\\[var\\(--bcm-ui-color-text-info\\)\\]{color:var(--bcm-ui-color-text-info)}.text-\\[var\\(--bcm-ui-color-text-success\\)\\]{color:var(--bcm-ui-color-text-success)}.text-\\[var\\(--bcm-ui-color-text-warning\\)\\]{color:var(--bcm-ui-color-text-warning)}.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}.filter{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)}.hover\\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}";export{p as bcm_pop_confirm}

package/dist/bromcom-ui/p-90af9f04.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as r,h as a,H as i}from"./p-BSFYtcqL.js";import{t as o}from"./p-CEcVC0yX.js";const s=class{constructor(r){t(this,r),this.bcmTabChange=e(this,"bcmTabChange",1)}get el(){return r(this)}value;size="md";variant="line";shadow=!1;bcmTabChange;tabs=[];activeIndex=0;tabElements=[];componentWillLoad(){this.discoverTabs()}componentDidLoad(){this.updateActiveIndex(),this.updateTabStates()}discoverTabs(){if(this.tabElements=Array.from(this.el.querySelectorAll("bcm-tab")),this.tabs=this.tabElements.map((t=>({value:t.value,label:t.label||t.value,disabled:t.disabled||!1}))),!this.value&&this.tabs.length>0){const t=this.tabs.find((t=>!t.disabled));t&&(this.value=t.value)}}updateActiveIndex(){const t=this.tabs.findIndex((t=>t.value===this.value));this.activeIndex=t>=0?t:0}updateTabStates(){this.tabElements.forEach((t=>{t.active=t.value===this.value}))}handleValueChange(t,e){this.updateActiveIndex(),this.updateTabStates(),this.updateCSSVariables(),e!==t&&this.bcmTabChange.emit({value:t,previousValue:e})}handleSizeChange(){this.propagatePropsToTabs()}propagatePropsToTabs(){this.tabElements.forEach((t=>{t.size=this.size}))}updateCSSVariables(){const t=this.el.shadowRoot?.querySelector(".tabs-container");t&&(t.style.setProperty("--active-index",this.activeIndex.toString()),t.style.setProperty("--tab-count",this.tabs.length.toString()))}handleTabClick(t){const e=t.detail,r=this.tabs.find((t=>t.value===e));r&&!r.disabled&&(this.value=e)}handleKeyDown(t){if(!t.target.classList.contains("tab-button"))return;let e=this.activeIndex;switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),e=this.getNextEnabledTabIndex(this.activeIndex);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),e=this.getPreviousEnabledTabIndex(this.activeIndex);break;case"Home":t.preventDefault(),e=this.getFirstEnabledTabIndex();break;case"End":t.preventDefault(),e=this.getLastEnabledTabIndex();break;default:return}e!==this.activeIndex&&(this.value=this.tabs[e].value,this.focusTabAtIndex(e))}getNextEnabledTabIndex(t){for(let e=t+1;e<this.tabs.length;e++)if(!this.tabs[e].disabled)return e;return t}getPreviousEnabledTabIndex(t){for(let e=t-1;e>=0;e--)if(!this.tabs[e].disabled)return e;return t}getFirstEnabledTabIndex(){const t=this.tabs.findIndex((t=>!t.disabled));return t>=0?t:0}getLastEnabledTabIndex(){for(let t=this.tabs.length-1;t>=0;t--)if(!this.tabs[t].disabled)return t;return this.tabs.length-1}focusTabAtIndex(t){const e=this.el.shadowRoot?.querySelectorAll(".tab-button");e&&e[t]&&e[t].focus()}async setActiveTab(t){const e=this.tabs.find((e=>e.value===t));e&&!e.disabled&&(this.value=t)}async getActiveTab(){return this.value}containerClass=o({base:"bcm-ui-element tabs-container flex flex-col w-full",variants:{shadow:{true:"shadow-md rounded-lg",false:""}}});tabsListClass=o({base:"tabs-list relative flex border-b border-color-default",variants:{variant:{line:"bg-transparent",enclosed:"bg-color-background-subtle border border-color-default rounded-t-lg"}}});inkbarClass=o({base:"inkbar absolute bottom-0 left-0 h-0.5 bg-color-primary pointer-events-none",variants:{variant:{line:"transition-transform duration-200 ease-smooth",enclosed:"hidden"}}});render(){return this.updateCSSVariables(),this.propagatePropsToTabs(),a(i,{key:"c77653de53c1dcbc3c63fcd29d10482f7f078d6d"},a("div",{key:"2b3a97ef859140a14e1ef1433e119027a74d24f8",class:this.containerClass({shadow:this.shadow})},a("div",{key:"2e14811e0f47d6de3cb1f6fbff51b77d6dd9ed11",class:this.tabsListClass({variant:this.variant}),role:"tablist"},this.tabs.map(((t,e)=>a("button",{key:t.value,class:`tab-button flex-1 px-4 py-2 text-center font-medium transition-colors border-none ${t.value===this.value?"text-color-primary":t.disabled?"text-color-disabled cursor-not-allowed opacity-50":"text-color-placeholder hover:text-color-primary cursor-pointer"} ${"sm"===this.size?"text-sm py-1.5 px-3":"lg"===this.size?"text-lg py-3 px-5":"text-base py-2 px-4"} bg-transparent`,role:"tab","aria-selected":(t.value===this.value).toString(),"aria-controls":`panel-${t.value}`,id:`tab-${t.value}`,disabled:t.disabled,onClick:()=>!t.disabled&&(this.value=t.value),tabindex:e===this.activeIndex?0:-1},t.label))),"line"===this.variant&&a("div",{key:"5d8792485acbab545d25037504a83a96eac839f7",class:this.inkbarClass({variant:this.variant}),style:{transform:`translateX(calc(${this.activeIndex} * 100% / ${this.tabs.length}))`,width:`calc(100% / ${this.tabs.length})`}})),a("div",{key:"37c57c746402fe45f670ecf5781ce78a00b61001",class:"tabs-content"},a("slot",{key:"761d7f659c948561a0982c071b2e386a295e704b"}))))}static get watchers(){return{value:[{handleValueChange:0}],size:[{handleSizeChange:0}]}}};s.style=".block{display:block}:host{display:block;width:100%}.tabs-container{--active-index:0;--tab-count:1}.inkbar{transition-timing-function:cubic-bezier(.4,0,.2,1)}.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,Inter Variable,sans-serif}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.flex{display:flex}.hidden{display:none}.h-0\\.5{height:.125rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.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))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.rounded-t-lg{border-top-left-radius:var(--bcm-ui-border-radius-lg,8px);border-top-right-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--bcm-ui-box-shadow-md);--tw-shadow-colored:var(--bcm-ui-box-shadow-md)}.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)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\\:text-color-primary:hover{color:var(--bcm-ui-color-text-primary)}";export{s as bcm_tabs}

package/dist/bromcom-ui/p-b6e291a9.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as c}from"./p-BSFYtcqL.js";import{t as i}from"./p-CEcVC0yX.js";const t={info:"blue",error:"red",warning:"amber",success:"green",primary:"primary"},o=class{constructor(c){e(this,c),this.bcmDismiss=r(this,"bcmDismiss",1)}size="medium";kind="filled";status="default";dismissible=!1;disabled=!1;color;bcmDismiss;chipClass=i({base:["chip bcm-ui-element font-normal flex items-center justify-center px-2 gap-1 min-w-max border","bg-[--bcm-chip-bg] text-[--bcm-chip-text] rounded-[--bcm-chip-radius] border-[--bcm-chip-border]","hover:bg-[--bcm-chip-hover-bg] active:bg-[--bcm-chip-active-bg]"],variants:{size:{small:"small py-px text-size-3",medium:"medium py-0.5 text-size-4",large:"large py-1 text-size-5"},kind:{filled:"filled border-transparent",outlined:"outlined",text:"text border-none"},disabled:{true:"cursor-not-allowed"}}},{twMerge:!1});get chipStyle(){let e=this.color;return this.disabled?{"--bcm-chip-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-text":"var(--bcm-ui-color-text-disabled)","--bcm-chip-border":"var(--bcm-ui-color-border-disabled)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-disabled-default)"}:("default"!==this.status&&(e=t[this.status]),e?{filled:{"--bcm-chip-bg":`var(--bcm-ui-color-background-palette-${e}-default)`,"--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${e})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${e})`,"--bcm-chip-border":"transparent","--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${e}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${e}-active)`}}[this.kind]:{filled:{"--bcm-chip-bg":"var(--bcm-ui-color-background-default-default)","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"transparent","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"}}[this.kind])}handleDismiss(){this.disabled||this.bcmDismiss.emit()}render(){return c("div",{key:"8e78d9e90bb1d90392a35c69c86e9326eec5f627",style:this.chipStyle,class:this.chipClass({size:this.size,kind:this.kind,disabled:this.disabled}),role:"button","aria-disabled":this.disabled?"true":"false"},c("slot",{key:"c4039645b7ee6f8f43fc587c1afc13b05f387b49"}),this.dismissible&&c("bcm-icon",{key:"96b5e24fb44303e7afd5d6d7d2a1cd43a2874c4a",onClick:()=>this.handleDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark","aria-label":"Dismiss chip"}))}};o.style=":host{--bcm-chip-bg:var(--bcm-ui-color-background-default-default);--bcm-chip-text:var(--bcm-ui-color-text-default);--bcm-chip-border:var(--bcm-ui-color-border-default);--bcm-chip-hover-bg:var(--bcm-ui-color-background-default-hover);--bcm-chip-active-bg:var(--bcm-ui-color-background-default-active);--bcm-chip-radius:6px;display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.min-w-max{min-width:max-content}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.rounded-\\[--bcm-chip-radius\\]{border-radius:var(--bcm-chip-radius)}.border{border-width:1px}.border-none{border-style:none}.border-\\[--bcm-chip-border\\]{border-color:var(--bcm-chip-border)}.border-transparent{border-color:transparent}.bg-\\[--bcm-chip-bg\\]{background-color:var(--bcm-chip-bg)}.px-2{padding-left:.5rem;padding-right:.5rem}.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-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)}.font-normal{font-weight:400}.text-\\[--bcm-chip-text\\]{color:var(--bcm-chip-text)}.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-\\[--bcm-chip-hover-bg\\]:hover{background-color:var(--bcm-chip-hover-bg)}.active\\:bg-\\[--bcm-chip-active-bg\\]:active{background-color:var(--bcm-chip-active-bg)}";export{o as bcm_chip}

package/dist/bromcom-ui/p-b8ec7192.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-BSFYtcqL.js";import{c as i}from"./p-BfTCfPZ1.js";const a=class{constructor(e){t(this,e)}image;alt;shape="ellipse";size="medium";color;icon="fas fa-user";status;blink=!1;name;isFallback=!1;getFirstLetters(t){return t.split(" ").map((t=>t.charAt(0).toUpperCase())).join("").substring(0,2)}render(){const t=i("bcm-avatar bcm-ui-element bcm-ui-content-display","uppercase font-medium","inline-flex items-center justify-center","bg-[--bcm-avatar-bg] text-[--bcm-avatar-text]",{"shape-ellipse rounded-full":"ellipse"===this.shape,"shape-square rounded-[--bcm-ui-radius]":"square"===this.shape,"size-small text-size-4 w-6 h-6":"small"===this.size,"size-medium text-size-5 w-8 h-8":"medium"===this.size,"size-large text-size-6 w-10 h-10":"large"===this.size}),a=i("badge",{"top-0 right-0":"ellipse"===this.shape,"-top-0.5 -right-0.5":"square"===this.shape}),s=i("image w-full h-full",{"rounded-full":"ellipse"===this.shape,"rounded-[--bcm-ui-radius]":"square"===this.shape});let r={};if(this.color){const t=this.color.includes("-")?this.color.split("-")[0]:this.color;r={"--bcm-avatar-bg":`var(--bcm-ui-color-background-palette-${t}-default)`,"--bcm-avatar-text":`var(--bcm-ui-color-text-palette-${t}`}}const h=Object.keys(["small","medium","large"]).includes(this.size)?{}:{width:`${this.size}px`,height:`${this.size}px`,fontSize:+this.size/2+"px"};return e("div",{role:"img","aria-label":this.alt||this.name||"Avatar",class:t,style:{...r,...h}},e((()=>this.isFallback?this.name?this.getFirstLetters(this.name):e("i",{class:this.icon}):this.image?e("img",{class:s,onError:()=>this.isFallback=!0,src:this.image,alt:this.alt,"aria-label":this.alt||this.name||"Avatar"}):this.name?this.getFirstLetters(this.name):e("i",{class:this.icon})),null),this.status&&e("bcm-badge",{class:a,status:this.status,blink:this.blink,"aria-hidden":"true"}),e("slot",null))}};a.style=":host{--bcm-avatar-bg:var(--bcm-ui-color-background-default-default);--bcm-avatar-text:var(--bcm-ui-color-text-default);--bcm-avatar-radius:50%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-text)}.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)}";export{a as bcm_avatar}

package/dist/bromcom-ui/p-c15f6486.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,a as i,h as o,H as a}from"./p-BSFYtcqL.js";import{t as r}from"./p-CEcVC0yX.js";import{c as s}from"./p-BfTCfPZ1.js";const l=class{constructor(i){e(this,i),this.bcmSegmentClick=t(this,"bcmSegmentClick",5)}get el(){return i(this)}value;disabled=!1;selected=!1;size="medium";index=0;activeIndex=0;bcmSegmentClick;handleClick=()=>{this.disabled||this.bcmSegmentClick.emit(this.value)};segmentClass=r({base:"bcm-ui-element segment relative z-20 px-3 text-center font-medium transition-colors border-none bg-transparent select-none",variants:{size:{small:"text-size-4 py-px",medium:"text-size-5 py-1",large:"text-size-6 py-2"},selected:{true:"text-color-header",false:"text-color-helper"},disabled:{true:"cursor-not-allowed opacity-50",false:"cursor-pointer hover:text-color-header"}}});render(){const e=this.selected||this.index===this.activeIndex-1;return o(a,{key:"373faae95eef7060f87d14d040f3ad852cab47e4",role:"radio","aria-checked":this.selected.toString()},o("button",{key:"b7498962129671ef12c4ff8c9b1c4abb2f46c698",class:this.segmentClass({size:this.size,selected:this.selected,disabled:this.disabled}),onClick:this.handleClick,disabled:this.disabled,type:"button"},o("slot",{key:"02bcd4ca104dc0e6d65d27aff78b09163599fca5"})),o("div",{key:"0a86bbd53a7aba097309d950aa69086c0bae9f7a",class:"divider "+(e?"divider-hidden":"")}))}};l.style=".absolute{position:absolute}.relative{position:relative}.flex{display:flex}.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))}.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{align-items:center;display:flex;position:relative;width:100%}.segment{flex:1;white-space:nowrap;width:100%}.divider{background-color:var(--bcm-ui-color-border-default);height:20px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .8s cubic-bezier(.4,0,.2,1);width:1px}.divider-hidden{opacity:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.z-20{z-index:20}.hidden{display:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.border-none{border-style:none}.bg-transparent{background-color:transparent}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-px{padding-bottom:1px;padding-top:1px}.text-center{text-align:center}.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}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.opacity-50{opacity:.5}.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-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)}.hover\\:text-color-header:hover{color:var(--bcm-ui-color-text-header)}";const n=class{constructor(i){e(this,i),this.bcmSegmentChange=t(this,"bcmSegmentChange",1),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;value;name;required=!1;size="medium";fullWidth=!1;disabled=!1;shadow=!1;bcmSegmentChange;segments=[];activeIndex=0;segmentElements=[];hiddenInput;componentWillLoad(){this.discoverSegments(),this.updateActiveIndex(),this.updateFormValueAndValidity()}componentDidLoad(){this.updateSegmentStates(),this.updateCSSVariables(),this.propagatePropsToSegments()}formResetCallback(){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}discoverSegments(){if(this.segmentElements=Array.from(this.el.querySelectorAll("bcm-segment")),this.segments=this.segmentElements.map((e=>({value:e.value,disabled:e.disabled||!1}))),!this.value&&this.segments.length>0){const e=this.segments.find((e=>!e.disabled));e&&(this.value=e.value)}}updateActiveIndex(){const e=this.segments.findIndex((e=>e.value===this.value));this.activeIndex=e>=0?e:0}updateFormValueAndValidity(){this.internals&&(this.internals.setFormValue(this.value||""),this.hiddenInput)&&(this.hiddenInput.value=this.value||"",this.hiddenInput.required=this.required,this.hiddenInput.disabled=this.disabled,this.internals.setValidity(this.hiddenInput.validity,this.hiddenInput.validationMessage,this.hiddenInput))}updateSegmentStates(){this.segmentElements.forEach((e=>{e.selected=e.value===this.value}))}updateCSSVariables(){const e=this.el.shadowRoot?.querySelector(".segmented-container");if(e&&this.segments.length>0){const t=100/this.segments.length;e.style.setProperty("--indicator-left",this.activeIndex*t+"%"),e.style.setProperty("--indicator-width",`${t}%`)}}handleValueChange(e,t){this.updateActiveIndex(),this.updateSegmentStates(),this.updateCSSVariables(),this.updateFormValueAndValidity(),void 0!==t&&t!==e&&this.bcmSegmentChange.emit({value:e,previousValue:t})}handleValidationPropsChange(){this.updateFormValueAndValidity()}handleSizeChange(){this.propagatePropsToSegments()}propagatePropsToSegments(){this.segmentElements.forEach(((e,t)=>{e.size=this.size,e.index=t,e.activeIndex=this.activeIndex}))}handleSegmentClick(e){const t=e.detail,i=this.segments.find((e=>e.value===t));!i||i.disabled||this.disabled||(this.value=t)}async setValue(e){const t=this.segments.find((t=>t.value===e));t&&!t.disabled&&(this.value=e)}async getValue(){return this.value}containerClass=r({base:"bcm-ui-element segmented-container inline-flex relative rounded-lg border border-solid border-color-default bg-color-default overflow-hidden",variants:{size:{small:"text-size-4",medium:"text-size-5",large:"text-size-6"},fullWidth:{true:"w-full",false:"w-auto"},shadow:{true:"shadow-md",false:""},disabled:{true:"opacity-50 cursor-not-allowed",false:"cursor-pointer"}}});indicatorClass=r({base:"indicator absolute inset-y-0 bg-color-base rounded shadow-sm z-20",variants:{size:{small:"",medium:"",large:""}}});render(){return o(a,{key:"469075ac49f036eabf0fc0dbc005f02f97f44e54"},o("input",{key:"8486fefa07b9bc6c16e6586a2619a65a2888c994",ref:e=>this.hiddenInput=e,type:"text",name:this.name,value:this.value||"",required:this.required,disabled:this.disabled,tabindex:-1,style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:"0"},"aria-hidden":"true"}),o("div",{key:"e6096d6de2c1b5249ad026f9aa31797b6f2e7da8",class:this.containerClass({size:this.size,fullWidth:this.fullWidth,shadow:this.shadow,disabled:this.disabled}),role:"radiogroup","aria-required":this.required,"aria-disabled":this.disabled},o("div",{key:"ff1d2ca584e14b951b5352dbe13c825b0d581b81",class:this.indicatorClass({size:this.size})}),o("div",{key:"124dfaad7dd4f660f702f9f32713cbe96ffba4ce",class:"segments-grid grid grid-auto-flow-col grid-auto-columns-fr relative w-full"},o("slot",{key:"99c90fe7c78ac0a9dea895444fded08eda259823"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],required:[{handleValidationPropsChange:0}],disabled:[{handleValidationPropsChange:0}],size:[{handleSizeChange:0}]}}};n.style=".block{display:block}.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}.segmented-container{--indicator-left:0%;--indicator-width:0%}.indicator{left:var(--indicator-left);transition:all .2s cubic-bezier(.4,0,.2,1);width:var(--indicator-width)}.grid-auto-flow-col{grid-auto-flow:column}.grid-auto-columns-fr{grid-auto-columns:minmax(0,1fr)}.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,Inter Variable,sans-serif}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.z-20{z-index:20}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.w-auto{width:auto}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.border{border-width:1px}.border-solid{border-style:solid}.border-color-default{border-color:var(--bcm-ui-color-border-default)}.bg-color-base{background-color:var(--bcm-ui-color-background-base-default)}.bg-color-default{background-color:var(--bcm-ui-color-background-default-default)}.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)}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--bcm-ui-box-shadow-md);--tw-shadow-colored:var(--bcm-ui-box-shadow-md)}.shadow-sm{--tw-shadow:var(--bcm-ui-box-shadow-sm);--tw-shadow-colored:var(--bcm-ui-box-shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const d={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"},c=class{constructor(t){e(this,t)}text;variant="body";size="medium";overflow=!1;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"}};getTextClass=(e,t)=>{const i=this.variantClassMap[e];return"string"==typeof i?i:i[t]};getOverflowClass=e=>e?"truncate":"";render(){const e=d[this.variant],t=this.getTextClass(this.variant,this.size),i=this.getOverflowClass(this.overflow??!1);return o(e,{key:"cda860b1c6af84151fa46a812b85a6f9596ff02b",class:s("bcm-ui-element bcm-text appearance-none m-0 p-0",t,i),part:"text"},o("slot",{key:"3b03a3c5a810dbab7a012518eb997dfd25ae4d52"},this.text))}};c.style=".bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.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)}";export{l as bcm_segment,n as bcm_segmented_picker,c as bcm_text}

package/dist/bromcom-ui/p-eb46701d.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,a as t,h as a,H as d}from"./p-BSFYtcqL.js";import{t as s}from"./p-CEcVC0yX.js";const i=class{constructor(t){e(this,t),this.bcmDropdownChange=o(this,"bcmDropdownChange",1)}get host(){return t(this)}text;dropdownItems=[];bcmDropdownChange;handleDropdownItemChange(e){const{element:o,selected:t}=e?.detail;this.dropdownItems?.forEach((e=>{e!=o&&(e.selected=!1)})),this.bcmDropdownChange.emit({element:o,selected:t})}dropdownClass=s({base:"bcm-ui-element 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"});handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item")),0===this.dropdownItems.length&&console.warn("No dropdown items found in dropdown component")};render(){return a(d,{key:"9d718f27af182024b4ec059d37f226c7d8ade19d"},a("bcm-linked",{key:"54a00a98b31acaed227b0e5b59aeac15e61dc334",trigger:"click",placement:"bottom-start"},a("bcm-button",{key:"b9820929158f86c7b156e5bdfc55cb45e28cef7a",kind:"outline",slot:"trigger"},a("span",{key:"734d0403de7b9b1c4b0dde24803a92860a9870dd",part:"text"},this.text)),a("div",{key:"bccdfe8fd48bfb5d7c9ce02c5e6ef58f4863e240",part:"dropdown-container",class:this.dropdownClass()},a("slot",{key:"762fdc7ea26f269bd82cc6375107c541386def0a",onSlotchange:this.handleSlotChange}))))}};i.style=".visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.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}";export{i as bcm_dropdown}

package/dist/bromcom-ui/p-f82bd7b9.entry.js

@@ -1 +0,0 @@
-import{r as t,a as i,h as o,H as s}from"./p-BSFYtcqL.js";import{t as e}from"./p-CEcVC0yX.js";const a=class{constructor(i){t(this,i)}get host(){return i(this)}kind;size;status;fullWidth;loading;disabled;orientation="horizontal";componentDidLoad(){this.applyPropertiesToButtons(),this.setButtonPositions()}componentDidUpdate(){this.applyPropertiesToButtons(),this.setButtonPositions()}applyPropertiesToButtons(){this.host.querySelectorAll("bcm-button").forEach((t=>{void 0!==this.kind&&(t.kind=this.kind),void 0!==this.size&&(t.size=this.size),void 0!==this.status&&(t.status=this.status),void 0!==this.fullWidth&&(t.fullWidth=this.fullWidth),void 0!==this.loading&&(t.loading=this.loading),void 0!==this.disabled&&(t.disabled=this.disabled),"vertical"===this.orientation?t.classList.add("orientation-vertical"):t.classList.remove("orientation-vertical")}))}setButtonPositions(){const t=this.host.querySelectorAll("bcm-button"),i=t.length;0!==i&&t.forEach(((t,o)=>{t.position=1===i?null:0===o?"first":o===i-1?"last":"middle"}))}buttonGroupClass=e({base:"bcm-button-group bcm-ui-element",variants:{orientation:{horizontal:"flex flex-row",vertical:"flex flex-col"},fullWidth:{true:"w-full"}},defaultVariants:{orientation:"horizontal"}},{twMerge:!1});render(){return o(s,{key:"ee2b2974005153ce8b30886f9b8eecc191f27280"},o("div",{key:"150e992abfd2866c2f1fb763c4fa9d7c41fe106e",class:this.buttonGroupClass({orientation:this.orientation,fullWidth:this.fullWidth})},o("slot",{key:"2d1be6bf77802968a4afe08733f0fcfe6847b10f"})))}};a.style=".block{display:block}.flex{display:flex}:host{display:block}.bcm-button-group{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.w-full{width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.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)}";export{a as bcm_button_group}