bromcom-ui-next 0.1.39 → 0.1.40

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.40",
   "description": "A modern UI component library built with StencilJS and Tailwind CSS for Bromcom applications",
   "private": false,
   "author": "Bromcom Computers Plc",

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-37840600.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,a as r,h as a}from"./p-BSFYtcqL.js";import{t}from"./p-CEcVC0yX.js";const c=class{constructor(r){e(this,r),this.bcmDropDownItemChange=o(this,"bcmDropDownItemChange",1)}get host(){return r(this)}text;icon;rightIcons;selected=!1;error=!1;disabled=!1;bcmDropDownItemChange;handleClick(){this.selected=!0,this.bcmDropDownItemChange.emit({element:this.host,selected:this.selected})}dropdownItemClass=t({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:!1,error:!1,disabled:!1}},{twMerge:!1});render(){return a("div",{key:"0b5f3d4997309d6e3f2451a1aa453c42703a7e20","aria-checked":this.selected,class:this.dropdownItemClass({selected:this.selected,error:this.error}),onClick:()=>this.handleClick()},a("slot",{key:"20bef8986cdef421bab9f60038635e9a7c0d6264",name:"left-content"},this.icon&&a("bcm-icon",{key:"04113cb95e8df6237708bdc673d46b7924f7fe20","icon-name":this.icon})),a("div",{key:"1eaa13a25dc8330ed14a6272f54f06fad1f50ddb",class:"flex flex-row text-pretty w-full"},a("slot",{key:"5f2950dbc483396bd85d6b6a2e986dddd7a41ca7"},this.text)),a("slot",{key:"4cc0e6282f027935a381c738909108995e6ad5f1",name:"right-content"},this.rightIcons?.map((e=>a("bcm-icon",{"icon-name":e})))))}};c.style=".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,Inter Variable,sans-serif}.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)}";export{c as bcm_dropdown_item}

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-5d06f874.entry.js

@@ -1 +0,0 @@
-import{r,h as d}from"./p-BSFYtcqL.js";import{t as o}from"./p-CEcVC0yX.js";const e=class{constructor(d){r(this,d)}direction="horizontal";variant="solid";size="medium";dividerClass=o({base:"bcm-ui-element border-[--bcm-divider-border]",variants:{direction:{horizontal:"w-full border-t",vertical:"h-full border-l"},variant:{solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},size:{small:"border-[1px]",medium:"border-2",large:"border-4"}},defaultVariants:{direction:"horizontal",variant:"solid",size:"medium"}},{twMerge:!1});render(){return d("div",{key:"e1b7922ba52ac9a1c46f299dc1d0fe2a836f7e2b",role:"separator","aria-orientation":this.direction,class:this.dividerClass({direction:this.direction,variant:this.variant,size:this.size})})}};e.style=".block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.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{e as bcm_divider}

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-b8001f36.entry.js

@@ -1 +0,0 @@
-import{r as a,c as e,a as t,h as s,H as o}from"./p-BSFYtcqL.js";const i=class{constructor(t){a(this,t),this.bcmTabClick=e(this,"bcmTabClick",5)}get el(){return t(this)}value;label;disabled=!1;active=!1;size="md";bcmTabClick;render(){return s(o,{key:"8e3d84469a9ff4beab3440d5f0dc1fbb11f84ad2",role:"tabpanel","aria-labelledby":`tab-${this.value}`,id:`panel-${this.value}`,"aria-hidden":(!this.active).toString(),style:{display:this.active?"block":"none"}},s("div",{key:"2f00049bbabe7bf4b4c5914c78d4abd95d87b538",class:"bcm-ui-element tab-panel p-4"},s("slot",{key:"1b8495c4308f132e7f36f73ee9731a88d9bab79b"})))}};i.style=".block{display:block}:host{display:none}:host([active]){display:block}.tab-panel{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.p-4{padding:1rem}.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{i as bcm_tab}

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}