bromcom-ui 2.10.1-rc.9 → 2.11.0

package/dist/types/components.d.ts

@@ -44,6 +44,39 @@ export namespace Components {
         "_id": string;
         "data": any;
     }
+    interface BcmAttendanceActions {
+        "_id": string;
+        "data": Bcm.InputDropdownData[];
+        "disabled": boolean;
+        "get": () => Promise<Bcm.InputDropdownData>;
+        "hideComment": boolean;
+        "lateKeys": string;
+        "set": (key: string, triggerChange?: boolean) => Promise<void>;
+        "size": SizeTypes;
+    }
+    interface BcmAttendanceActionsComment {
+        "_id": string;
+        "disabled": boolean;
+        "hide": () => Promise<void>;
+        "isLate": boolean;
+        "isShow": boolean;
+        "selectedItem": Bcm.InputDropdownData;
+        "selectedKey": string;
+        "show": () => Promise<void>;
+        "size": SizeTypes;
+        "targetId": string;
+    }
+    interface BcmAttendanceActionsDropdown {
+        "_id": string;
+        "data": Bcm.InputDropdownData[];
+        "disabled": boolean;
+        "hide": () => Promise<void>;
+        "isShow": boolean;
+        "selectedKey": string;
+        "show": () => Promise<void>;
+        "size": SizeTypes;
+        "targetId": string;
+    }
     interface BcmAutocomplete {
         "_items": Array<object> | string;
         "config": (_config: Array<object>) => Promise<void>;
@@ -660,6 +693,7 @@ export namespace Components {
         "isOpen": boolean;
         "maxHeight": string;
         "minHeight": string;
+        "moveOverLayContainer": boolean;
         "placement": PlacementTypes1;
         "show": (wait?: boolean) => Promise<boolean>;
         "targetId": string;
@@ -1641,6 +1675,18 @@ export interface BcmAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmAlertElement;
 }
+export interface BcmAttendanceActionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmAttendanceActionsElement;
+}
+export interface BcmAttendanceActionsCommentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmAttendanceActionsCommentElement;
+}
+export interface BcmAttendanceActionsDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmAttendanceActionsDropdownElement;
+}
 export interface BcmAutocompleteCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmAutocompleteElement;
@@ -1880,6 +1926,24 @@ declare global {
         prototype: HTMLBcmAttendanceElement;
         new (): HTMLBcmAttendanceElement;
     };
+    interface HTMLBcmAttendanceActionsElement extends Components.BcmAttendanceActions, HTMLStencilElement {
+    }
+    var HTMLBcmAttendanceActionsElement: {
+        prototype: HTMLBcmAttendanceActionsElement;
+        new (): HTMLBcmAttendanceActionsElement;
+    };
+    interface HTMLBcmAttendanceActionsCommentElement extends Components.BcmAttendanceActionsComment, HTMLStencilElement {
+    }
+    var HTMLBcmAttendanceActionsCommentElement: {
+        prototype: HTMLBcmAttendanceActionsCommentElement;
+        new (): HTMLBcmAttendanceActionsCommentElement;
+    };
+    interface HTMLBcmAttendanceActionsDropdownElement extends Components.BcmAttendanceActionsDropdown, HTMLStencilElement {
+    }
+    var HTMLBcmAttendanceActionsDropdownElement: {
+        prototype: HTMLBcmAttendanceActionsDropdownElement;
+        new (): HTMLBcmAttendanceActionsDropdownElement;
+    };
     interface HTMLBcmAutocompleteElement extends Components.BcmAutocomplete, HTMLStencilElement {
     }
     var HTMLBcmAutocompleteElement: {
@@ -2490,6 +2554,9 @@ declare global {
         "bcm-accordion": HTMLBcmAccordionElement;
         "bcm-alert": HTMLBcmAlertElement;
         "bcm-attendance": HTMLBcmAttendanceElement;
+        "bcm-attendance-actions": HTMLBcmAttendanceActionsElement;
+        "bcm-attendance-actions-comment": HTMLBcmAttendanceActionsCommentElement;
+        "bcm-attendance-actions-dropdown": HTMLBcmAttendanceActionsDropdownElement;
         "bcm-autocomplete": HTMLBcmAutocompleteElement;
         "bcm-avatar": HTMLBcmAvatarElement;
         "bcm-badge": HTMLBcmBadgeElement;
@@ -2615,6 +2682,36 @@ declare namespace LocalJSX {
         "_id"?: string;
         "data"?: any;
     }
+    interface BcmAttendanceActions {
+        "_id"?: string;
+        "data"?: Bcm.InputDropdownData[];
+        "disabled"?: boolean;
+        "hideComment"?: boolean;
+        "lateKeys"?: string;
+        "onBcm-attendance-change"?: (event: BcmAttendanceActionsCustomEvent<any>) => void;
+        "size"?: SizeTypes;
+    }
+    interface BcmAttendanceActionsComment {
+        "_id"?: string;
+        "disabled"?: boolean;
+        "isLate"?: boolean;
+        "isShow"?: boolean;
+        "onBcm-attendance-actions-comment-change"?: (event: BcmAttendanceActionsCommentCustomEvent<any>) => void;
+        "selectedItem"?: Bcm.InputDropdownData;
+        "selectedKey"?: string;
+        "size"?: SizeTypes;
+        "targetId"?: string;
+    }
+    interface BcmAttendanceActionsDropdown {
+        "_id"?: string;
+        "data"?: Bcm.InputDropdownData[];
+        "disabled"?: boolean;
+        "isShow"?: boolean;
+        "onBcm-attendance-actions-dropdown-change"?: (event: BcmAttendanceActionsDropdownCustomEvent<any>) => void;
+        "selectedKey"?: string;
+        "size"?: SizeTypes;
+        "targetId"?: string;
+    }
     interface BcmAutocomplete {
         "_items"?: Array<object> | string;
         "fullWidth"?: boolean;
@@ -3156,6 +3253,7 @@ declare namespace LocalJSX {
         "isOpen"?: boolean;
         "maxHeight"?: string;
         "minHeight"?: string;
+        "moveOverLayContainer"?: boolean;
         "onBcm-open"?: (event: BcmLinkedCustomEvent<any>) => void;
         "placement"?: PlacementTypes1;
         "targetId"?: string;
@@ -4085,6 +4183,9 @@ declare namespace LocalJSX {
         "bcm-accordion": BcmAccordion;
         "bcm-alert": BcmAlert;
         "bcm-attendance": BcmAttendance;
+        "bcm-attendance-actions": BcmAttendanceActions;
+        "bcm-attendance-actions-comment": BcmAttendanceActionsComment;
+        "bcm-attendance-actions-dropdown": BcmAttendanceActionsDropdown;
         "bcm-autocomplete": BcmAutocomplete;
         "bcm-avatar": BcmAvatar;
         "bcm-badge": BcmBadge;
@@ -4195,6 +4296,9 @@ declare module "@stencil/core" {
             "bcm-accordion": LocalJSX.BcmAccordion & JSXBase.HTMLAttributes<HTMLBcmAccordionElement>;
             "bcm-alert": LocalJSX.BcmAlert & JSXBase.HTMLAttributes<HTMLBcmAlertElement>;
             "bcm-attendance": LocalJSX.BcmAttendance & JSXBase.HTMLAttributes<HTMLBcmAttendanceElement>;
+            "bcm-attendance-actions": LocalJSX.BcmAttendanceActions & JSXBase.HTMLAttributes<HTMLBcmAttendanceActionsElement>;
+            "bcm-attendance-actions-comment": LocalJSX.BcmAttendanceActionsComment & JSXBase.HTMLAttributes<HTMLBcmAttendanceActionsCommentElement>;
+            "bcm-attendance-actions-dropdown": LocalJSX.BcmAttendanceActionsDropdown & JSXBase.HTMLAttributes<HTMLBcmAttendanceActionsDropdownElement>;
             "bcm-autocomplete": LocalJSX.BcmAutocomplete & JSXBase.HTMLAttributes<HTMLBcmAutocompleteElement>;
             "bcm-avatar": LocalJSX.BcmAvatar & JSXBase.HTMLAttributes<HTMLBcmAvatarElement>;
             "bcm-badge": LocalJSX.BcmBadge & JSXBase.HTMLAttributes<HTMLBcmBadgeElement>;

package/dist/types/helper/generate.d.ts

@@ -6,7 +6,7 @@ export declare class Generate {
   };
   static prettify<T>(input: T): Bcm.Prettify<T>;
   static domParser: (html: string) => string;
-  static createComponent: (el: any, props: any, area?: any) => HTMLElement;
+  static createComponent: (el: any, props: any) => HTMLElement;
   static createElement: (tag: string, props: any) => HTMLElement;
   static debounceInput: (func: any, wait: any, immediate: any, callBack?: any) => () => void;
   static flatArray: (arr: any) => any;

package/dist/types/models/bcm.d.ts

@@ -473,6 +473,10 @@ export declare namespace Bcm {
     hideComment?: boolean;
     disabled?: boolean;
     selected?: boolean;
+    icon?: string;
+    priority?: number;
+    locked?: boolean;
+    id?: string;
   }
   type Prettify<T> = {
     [K in keyof T]: T[K];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.10.1-rc.9",
+  "version": "2.11.0",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/bromcom-ui/p-000670b6.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as t}from"./p-170cf07d.js";import{c as e}from"./p-64fad38b.js";import{B as m}from"./p-6369b73b.js";const o=({required:o,value:l,size:a,form:r,htmlFor:s,type:c,tooltip:i})=>(c=c||m.Status.default,t("label",{form:r,htmlFor:s,class:e("bcm-ui-element bcm-ui-feedback bcm-label bcm-label__text tw-mb-1 tw-font-medium tw-text-slate-600 ",{"tw-text-1":"small"==(a=a||"medium"),"tw-text-2":"medium"==a,"tw-text-3":"large"==a})},l," ",o&&"*",i&&t("span",{class:"tw-ml-1"},t("bcm-tooltip",{message:i,placement:"top",trigger:"hover"},t("bcm-icon",{icon:"fas fa-info-circle"})))));export{o as L}

package/dist/bromcom-ui/p-1c26a0c1.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{g as t}from"./p-170cf07d.js";import{s as n}from"./p-a0d60a3c.js";function s(s,o=!1){return(i,c)=>{const{connectedCallback:r,componentWillRender:e}=i;i.connectedCallback=function(){const o=t(this);if(o[c]){const t=n((()=>o.hasAttribute(s)?o.getAttribute(s).valueOf():o[s].valueOf()),null);t&&(this[c]=n((()=>"string"==typeof t?JSON.parse(t):t),[]),o.removeAttribute(s))}return r&&r.call(this)},i.componentWillRender=async function(){if(o){const i=t(this);if(o){const t=n((()=>i.hasAttribute(s)?i.getAttribute(s).valueOf():i[s].valueOf()),null);t&&t.length>0&&"string"==typeof t&&(this[s]=n((()=>JSON.parse(t)),[])),i.removeAttribute(s)}return e&&e.call(this)}}}}export{s as J}

package/dist/bromcom-ui/p-1e8ba7b1.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{c as t}from"./p-74e6d2b6.js";import{G as e,s}from"./p-a0d60a3c.js";import{f as a}from"./p-170cf07d.js";const{state:c}=t({value:new Map,setData:{}}),i={removeState:t=>{c.value.delete(t)},getValue:t=>s((()=>c.value.get(t)),{}),setValue:t=>{const s=Object.assign(Object.assign({},t),{steps:t.steps&&t.steps.length>0&&t.steps.filter((t=>!t.hidden)).map(((s,a)=>({id:s.id||e.UID(),title:s.title||s._title,_title:s.title||s._title||"Step "+(a+1),description:s.description||"",status:s.status||"default",disabled:t.linear?0!=a:s.disabled||!1,icon:s.icon||void 0,valid:s.valid||!0,loading:s.loading||!1,index:a+1,active:t.linear?0==a:t.active===a+1,isLast:a===t.steps.length-1,statusIcon:t.icon,headerHidden:s.hidden})))});c.value.set(t.id,s)},changeActiveStep:(t,e)=>{const s=c.value.get(t);s&&(s.active=e,s.steps=s.steps.map(((t,s)=>Object.assign(Object.assign({},t),{active:s===e-1}))))},getActiveIndex:t=>s((()=>c.value.get(t).active),0),changeStepStatus:(t,e,s)=>{const i=c.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{status:t.id===e?s:t.status}))),a(i.el))},changeStepDisabled:(t,e,s)=>{const i=c.value.get(t);i&&i.steps&&(i.steps=i.steps.map((t=>Object.assign(Object.assign({},t),{disabled:t.id===e?s:t.disabled}))),a(i.el))},stepperReset:t=>{const e=c.value.get(t);e&&(e.active=1,e.steps=e.steps.map(((t,e)=>Object.assign(Object.assign({},t),{active:0===e,status:"default",disabled:0!==e,loading:!1}))),a(e.el))},setActiveIndex:(t,e)=>c.value.get(t).active=e};export{i as s}

package/dist/bromcom-ui/p-228c74e9.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as s,H as r,g as n}from"./p-170cf07d.js";const e=class{constructor(s){t(this,s),this.el.slot="content"}render(){return s(r,null,s("slot",null))}get el(){return n(this)}};export{e as bcm_content}

package/dist/bromcom-ui/p-366262cb.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as e,H as s}from"./p-170cf07d.js";import"./p-61db1f1f.js";import"./p-626a65e9.js";import{G as i}from"./p-a0d60a3c.js";import"./p-56655c71.js";import"./p-157359d6.js";import"./p-9f886bdd.js";import"./p-7e44e6b5.js";import"./p-6369b73b.js";import{c as r}from"./p-08c75801.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6edf985f.js";import"./p-85eedabc.js";import"./p-d2b358ae.js";const o=r({slots:{host:"tw-flex tw-flex-row tw-items-center tw-justify-center tw-flex-shrink-0 tw-relative tw-overflow-hidden tw-bg-gray-200"},variants:{variant:{rect:{host:"tw-rounded"},circle:{host:"tw-rounded-full"}},effect:{pulse:{host:"tw-animate-pulse"},ping:{host:"tw-animate-ping"},none:{host:"tw-animate-none"}},hidden:{true:{host:"tw-hidden"},false:{host:"tw-flex"}}},defaultVariants:{variant:"rect",effect:"pulse",hidden:!1}}),p=class{constructor(e){t(this,e),this._id=i.UID(),this.effect="pulse",this.variant="rect",this.hidden=!1,this.width="100%",this.height="16px",this.marginBottom=null,this.customStyles={}}render(){const{variant:t,effect:i,width:r,height:p,marginBottom:a,customStyles:n,hidden:h}=this,c=Object.assign(Object.assign(Object.assign(Object.assign({},r?{width:r}:{}),p?{height:p}:{}),a?{marginBottom:a}:{}),"string"==typeof n?JSON.parse(n):n),{host:d}=o({variant:t,effect:i,hidden:h});return e(s,{class:d(),style:c})}};export{p as bcm_skeleton}

package/dist/bromcom-ui/p-48a57eb6.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as s,r as t,c as i,g as e}from"./p-170cf07d.js";import{G as c}from"./p-a0d60a3c.js";import{B as o}from"./p-6369b73b.js";import{c as h}from"./p-64fad38b.js";import{N as a}from"./p-56655c71.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-d2b358ae.js";import"./p-6edf985f.js";import"./p-85eedabc.js";const d=({_id:t,color:i,customStyle:e,size:c,checked:d,hidden:m,value:p,type:b,onDismiss:f,onSelect:u})=>{!c&&(c=o.FontSize["size-1"]);const j=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),k=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(k,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:j,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>u(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>f(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}

package/dist/bromcom-ui/p-56655c71.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{s as a}from"./p-a0d60a3c.js";class s{}s.isNumber=s=>a((()=>/^[0-9]+$/i.test(s))),s.convertToNumber=s=>a((()=>Number(s))),s.replaceNumber=s=>a((()=>s.replace(/[^0-9]/g,""))),s.replaceFloat=s=>a((()=>s.replace(/[^0-9.]/g,""))),s.toFixed=(s,r)=>a((()=>s.toFixed(r))),s.parseFloatFixed=(r,e)=>a((()=>parseFloat(s.replaceFloat(r)).toFixed(e))),s.getDecimalLength=s=>a((()=>s.split(".")[1]?s.split(".")[1].length:0)),s.toNumber=s=>a((()=>Number(s.replace(/[^0-9.]/g,""))));export{s as N}

package/dist/bromcom-ui/p-64fad38b.js

@@ -1,11 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{c as r}from"./p-85eedabc.js";var e=r((function(r){
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-!function(){var e={}.hasOwnProperty;function i(){for(var r=[],n=0;n<arguments.length;n++){var f=arguments[n];if(f){var o=typeof f;if("string"===o||"number"===o)r.push(f);else if(Array.isArray(f)){if(f.length){var a=i.apply(null,f);a&&r.push(a)}}else if("object"===o){if(f.toString!==Object.prototype.toString&&!f.toString.toString().includes("[native code]")){r.push(f.toString());continue}for(var t in f)e.call(f,t)&&f[t]&&r.push(t)}}}return r.join(" ")}r.exports?(i.default=i,r.exports=i):window.classNames=i}()}));export{e as c}