bromcom-ui 2.12.1-test.0 → 3.0.0-preview.0

package/dist/components/generate.js

@@ -5,27 +5,7 @@
 import { Build } from '@stencil/core/internal/client';
 import { c as colors } from './colors2.js';
 
-const version = "2.12.1-test.0";
-
-/**
- * 'status' prop predefined values
- */
-var StatusProps;
-(function (StatusProps) {
-  StatusProps["info"] = "info";
-  StatusProps["error"] = "error";
-  StatusProps["warning"] = "warning";
-  StatusProps["success"] = "success";
-  StatusProps["default"] = "default";
-})(StatusProps || (StatusProps = {}));
-/**
- * 'type' prop predefined values
- */
-var TypeProps;
-(function (TypeProps) {
-  TypeProps["banner"] = "banner";
-  TypeProps["basic"] = "basic";
-})(TypeProps || (TypeProps = {}));
+const version = "3.0.0-preview.0";
 
 function snq(callback, defaultValue) {
     try {
@@ -40,6 +20,7 @@ function snq(callback, defaultValue) {
     }
 }
 
+// @ts-ignore
 const allowedDomains = ["localhost", "beta-regression.bromcomcloud.com", "beta-scrum.bromcomcloud.com", "beta-kanban.bromcomcloud.com"];
 const isAllowedDomain = () => {
   const hostname = window.location.hostname;
@@ -111,6 +92,9 @@ class Generate {
         800: {},
         900: {},
         950: {},
+        "white": "white",
+        "black": "black",
+        "transparent": "transparent"
       },
     }, args));
     if (!color || !colors[color]) {
@@ -133,25 +117,18 @@ class Generate {
           result[`${variable}-${tone}`] = colors[color][tone];
         }
       }
+      else {
+        if (Array.isArray(tones[tone])) {
+          tones[tone].forEach(item => {
+            result[`${variable}-${item}`] = tone;
+          });
+        }
+      }
     });
     return result;
   }
 }
-Generate.UID = (prefix = "bcm") => `${prefix}${Math.random().toString(36).substr(2, 9)}`;
-Generate.getIconAttrWithStatusType = (status, loading = false) => {
-  if (loading)
-    return { icon: "far fa-spinner-third fa-spin" };
-  switch (status) {
-    case StatusProps.info:
-      return { icon: "far fa-info-circle" };
-    case StatusProps.error:
-      return { icon: "far fa-times-circle" };
-    case StatusProps.warning:
-      return { icon: "far fa-exclamation-circle" };
-    case StatusProps.success:
-      return { icon: "far fa-check-circle" };
-  }
-};
+Generate.UID = (prefix = "bcm") => `${prefix}${Math.random().toString(36).substring(2, 9)}`;
 Generate.domParser = (html) => {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, "text/html");
@@ -348,4 +325,4 @@ Generate.findParentElement = (element, selector) => {
   }
 };
 
-export { Generate as G, StatusProps as S, TypeProps as T, snq as s, version as v };
+export { Generate as G, snq as s, version as v };

package/dist/components/icon.js

@@ -4,36 +4,37 @@
  */
 import { proxyCustomElement, HTMLElement, getAssetPath, h, Host } from '@stencil/core/internal/client';
 
-const iconCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-icon.hidden{display:none}";
-
 const customIconList = {
-  "message-bot": "message-bot.svg",
+  "message-bot": {
+    icon: "message-bot.svg",
+    type: "image", // font, image
+  },
 };
 const BcmIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.hidden = false;
     this.icon = undefined;
   }
   getIcon() {
     const { icon } = this;
-    if (icon in customIconList) {
-      const _icon = getAssetPath("./static/" + customIconList[icon]);
-      return (h("div", { class: "tw-flex tw-h-fit tw-w-fit tw-items-center tw-justify-center" }, h("img", { src: `${_icon}`, alt: icon, class: "tw-h-fit tw-w-fit" })));
+    if (customIconList[icon]) {
+      if (customIconList[icon].type === "image") {
+        const _icon = getAssetPath("./static/" + customIconList[icon].icon);
+        return (h("div", { class: "tw-flex tw-h-fit tw-w-fit tw-items-center tw-justify-center" }, h("img", { src: `${_icon}`, alt: icon, class: "tw-h-fit tw-w-fit" })));
+      }
+      else {
+        return h("i", { class: `${customIconList[icon].icon}` });
+      }
     }
     return h("i", { class: `${icon}` });
   }
   render() {
-    const { /*icon,*/ hidden } = this;
-    return h(Host, { class: `bcm-icon fa ${hidden ? "hidden" : ""}` }, this.getIcon());
+    return h(Host, { class: "bcm-icon" }, this.getIcon());
   }
   static get assetsDirs() { return ["static"]; }
-  get el() { return this; }
-  static get style() { return iconCss; }
 }, [0, "bcm-icon", {
-    "hidden": [1028],
-    "icon": [1025]
+    "icon": [1]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 /* BromcomUi custom elements */
 export { BcmAccordion as BcmAccordion } from '../types/components/molecules/accordion/accordion';
 export { BcmAlert as BcmAlert } from '../types/components/molecules/alert/alert';
+export { BcmArrow as BcmArrow } from '../types/components/other/arrow/arrow';
 export { BcmAttendance as BcmAttendance } from '../types/components/other/attendance/attendance';
 export { BcmAttendanceActions as BcmAttendanceActions } from '../types/components/other/attendance-actions/attendance-actions';
 export { BcmAttendanceActionsComment as BcmAttendanceActionsComment } from '../types/components/other/attendance-actions/attendance-actions-comment';
@@ -15,8 +16,7 @@ export { BcmButtonGroup as BcmButtonGroup } from '../types/components/molecules/
 export { BcmCaption as BcmCaption } from '../types/components/atoms/caption/caption';
 export { BcmCard as BcmCard } from '../types/components/molecules/card/card';
 export { BcmCheckbox as BcmCheckbox } from '../types/components/molecules/checkbox/checkbox';
-export { BcmCheckboxGroup as BcmCheckboxGroup } from '../types/components/molecules/checkbox/group';
-export { BcmCheckboxLite as BcmCheckboxLite } from '../types/components/molecules/checkbox/checkbox-lite';
+export { BcmCheckboxGroup as BcmCheckboxGroup } from '../types/components/molecules/checkbox-group/checkbox-group';
 export { BcmChip as BcmChip } from '../types/components/atoms/chip/chip';
 export { BcmChipGroup as BcmChipGroup } from '../types/components/atoms/chip/chip-group';
 export { BcmCollapse as BcmCollapse } from '../types/components/other_deprecated/collapse/collapse';
@@ -25,7 +25,7 @@ export { BcmColorInput as BcmColorInput } from '../types/components/molecules/co
 export { BcmColorful as BcmColorful } from '../types/components/third-parts/colorful/colorful';
 export { BcmColorPicker as BcmColorpicker } from '../types/components/other_deprecated/colorpicker/colorpicker';
 export { BcmContent as BcmContent } from '../types/components/other/content/content';
-export { BcmDate as BcmDate } from '../types/components/third-parts/rc-picker/date';
+export { BcmDate as BcmDate } from '../types/components/organism/date/date';
 export { BcmDatePicker as BcmDatePicker } from '../types/components/organism/date-picker/date-picker';
 export { BcmDatetimePicker as BcmDatetimePicker } from '../types/components/organism/datetime-picker/datetime-picker';
 export { BcmDefault as BcmDefault } from '../types/components/other/default/default';
@@ -35,12 +35,14 @@ export { BcmDropdown as BcmDropdown } from '../types/components/molecules/dropdo
 export { BcmEmpty as BcmEmpty } from '../types/components/molecules/empty/empty';
 export { BcmErrorLayout as BcmErrorLayout } from '../types/components/molecules/error-layout/error-layout';
 export { BcmExpansionPanel as BcmExpansionPanel } from '../types/components/molecules/expansion-panel/expansion-panel';
+export { BcmExpansionPanelDescription as BcmExpansionPanelDescription } from '../types/components/molecules/expansion-panel/bcm-expansion-panel-description';
+export { BcmExpansionPanelExtra as BcmExpansionPanelExtra } from '../types/components/molecules/expansion-panel/bcm-expansion-panel-extra';
+export { BcmExpansionPanelHeader as BcmExpansionPanelHeader } from '../types/components/molecules/expansion-panel/bcm-expansion-panel-header';
 export { BcmForm as BcmForm } from '../types/components/organism/form/form';
 export { BcmForm2 as BcmForm2 } from '../types/components/organism/form-2/form-2';
 export { BcmFormGroup as BcmFormGroup } from '../types/components/organism/form/form-group';
 export { BcmIcon as BcmIcon } from '../types/components/atoms/icon/icon';
 export { BcmInput as BcmInput } from '../types/components/molecules/input/input';
-export { BcmInput2 as BcmInput2 } from '../types/components/molecules/input/input2';
 export { BcmInputCustom as BcmInputCustom } from '../types/components/other/input-custom/input-custom';
 export { BcmInputDropdown as BcmInputDropdown } from '../types/components/molecules/input-dropdown/input-dropdown';
 export { BcmItem as BcmItem } from '../types/components/molecules/item/item';
@@ -58,6 +60,8 @@ export { BcmModal as BcmModal } from '../types/components/molecules/modal/modal'
 export { BcmModal2 as BcmModal2 } from '../types/components/other/modal-2/modal-2';
 export { BcmModal2Footer as BcmModal2Footer } from '../types/components/other/modal-2/modal-2-footer';
 export { BcmModal2Header as BcmModal2Header } from '../types/components/other/modal-2/modal-2-header';
+export { BcmModalFooter as BcmModalFooter } from '../types/components/molecules/modal/modal-footer';
+export { BcmModalHeader as BcmModalHeader } from '../types/components/molecules/modal/modal-header';
 export { BcmNotification as BcmNotification } from '../types/components/molecules/notification/notification';
 export { NumberInput as BcmNumberInput } from '../types/components/molecules/number-input/number-input';
 export { BcmOldInput as BcmOldInput } from '../types/components/other_deprecated/old-input/old-input';
@@ -66,6 +70,8 @@ export { BcmOldTag as BcmOldTag } from '../types/components/other_deprecated/old
 export { BcmOverlay as BcmOverlay } from '../types/components/other/overlay/overlay';
 export { BcmPopconfirm as BcmPopconfirm } from '../types/components/molecules/popconfirm/popconfirm';
 export { BcmPopconfirmBox as BcmPopconfirmBox } from '../types/components/molecules/popconfirm/popconfirm-box';
+export { BcmPopconfirmBoxV2 as BcmPopconfirmBoxV2 } from '../types/components/molecules/popconfirm-v2/popconfirm-v2';
+export { BcmPopconfirmHost as BcmPopconfirmHost } from '../types/components/molecules/popconfirm-v2/pop-confirm-host';
 export { BcmPopover as BcmPopover } from '../types/components/molecules/popover/popover';
 export { BcmProgress as BcmProgress } from '../types/components/molecules/progress/progress';
 export { BcmRadio as BcmRadio } from '../types/components/molecules/radio/radio';
@@ -74,9 +80,13 @@ export { BcmRange as BcmRange } from '../types/components/molecules/range/range'
 export { BcmRcOverflow as BcmRcOverflow } from '../types/components/third-parts/rc-overflow/rc-overflow';
 export { BcmRcPicker as BcmRcPicker } from '../types/components/third-parts/rc-picker/rc-picker';
 export { BcmReactNumber as BcmReactNumber } from '../types/components/molecules/number-input/react-input';
+export { BcmResizablePane as BcmResizablePane } from '../types/components/other/resizable-pane/resizable-pane';
 export { BcmResult as BcmResult } from '../types/components/molecules/result/result';
+export { BcmResultFooter as BcmResultFooter } from '../types/components/molecules/result/result-footer';
 export { BcmScrollArea as BcmScrollArea } from '../types/components/other/scroll-area/scroll-area';
 export { BcmSearch as BcmSearch } from '../types/components/molecules/search/search';
+export { BcmSegmentPicker as BcmSegmentPicker } from '../types/components/other/segment-picker/segment-picker';
+export { BcmSegmentPickerItem as BcmSegmentPickerItem } from '../types/components/other/segment-picker/segment-picker-item';
 export { BcmSelect as BcmSelect } from '../types/components/other_deprecated/select/select';
 export { BcmSelectBox as BcmSelectBox } from '../types/components/other_deprecated/select/select-box';
 export { BcmSelectGroup as BcmSelectGroup } from '../types/components/other_deprecated/select/group';

package/dist/components/index.js

@@ -9,6 +9,7 @@ import { L as LicenseManager } from './bcm-table.js';
 export { BcmTable, defineCustomElement as defineCustomElementBcmTable } from './bcm-table.js';
 export { BcmAccordion, defineCustomElement as defineCustomElementBcmAccordion } from './bcm-accordion.js';
 export { BcmAlert, defineCustomElement as defineCustomElementBcmAlert } from './bcm-alert.js';
+export { BcmArrow, defineCustomElement as defineCustomElementBcmArrow } from './bcm-arrow.js';
 export { BcmAttendance, defineCustomElement as defineCustomElementBcmAttendance } from './bcm-attendance.js';
 export { BcmAttendanceActions, defineCustomElement as defineCustomElementBcmAttendanceActions } from './bcm-attendance-actions.js';
 export { BcmAttendanceActionsComment, defineCustomElement as defineCustomElementBcmAttendanceActionsComment } from './bcm-attendance-actions-comment.js';
@@ -24,7 +25,6 @@ export { BcmCaption, defineCustomElement as defineCustomElementBcmCaption } from
 export { BcmCard, defineCustomElement as defineCustomElementBcmCard } from './bcm-card.js';
 export { BcmCheckbox, defineCustomElement as defineCustomElementBcmCheckbox } from './bcm-checkbox.js';
 export { BcmCheckboxGroup, defineCustomElement as defineCustomElementBcmCheckboxGroup } from './bcm-checkbox-group.js';
-export { BcmCheckboxLite, defineCustomElement as defineCustomElementBcmCheckboxLite } from './bcm-checkbox-lite.js';
 export { BcmChip, defineCustomElement as defineCustomElementBcmChip } from './bcm-chip.js';
 export { BcmChipGroup, defineCustomElement as defineCustomElementBcmChipGroup } from './bcm-chip-group.js';
 export { BcmCollapse, defineCustomElement as defineCustomElementBcmCollapse } from './bcm-collapse.js';
@@ -43,12 +43,14 @@ export { BcmDropdown, defineCustomElement as defineCustomElementBcmDropdown } fr
 export { BcmEmpty, defineCustomElement as defineCustomElementBcmEmpty } from './bcm-empty.js';
 export { BcmErrorLayout, defineCustomElement as defineCustomElementBcmErrorLayout } from './bcm-error-layout.js';
 export { BcmExpansionPanel, defineCustomElement as defineCustomElementBcmExpansionPanel } from './bcm-expansion-panel.js';
+export { BcmExpansionPanelDescription, defineCustomElement as defineCustomElementBcmExpansionPanelDescription } from './bcm-expansion-panel-description.js';
+export { BcmExpansionPanelExtra, defineCustomElement as defineCustomElementBcmExpansionPanelExtra } from './bcm-expansion-panel-extra.js';
+export { BcmExpansionPanelHeader, defineCustomElement as defineCustomElementBcmExpansionPanelHeader } from './bcm-expansion-panel-header.js';
 export { BcmForm, defineCustomElement as defineCustomElementBcmForm } from './bcm-form.js';
 export { BcmForm2, defineCustomElement as defineCustomElementBcmForm2 } from './bcm-form-2.js';
 export { BcmFormGroup, defineCustomElement as defineCustomElementBcmFormGroup } from './bcm-form-group.js';
 export { BcmIcon, defineCustomElement as defineCustomElementBcmIcon } from './bcm-icon.js';
 export { BcmInput, defineCustomElement as defineCustomElementBcmInput } from './bcm-input.js';
-export { BcmInput2, defineCustomElement as defineCustomElementBcmInput2 } from './bcm-input-2.js';
 export { BcmInputCustom, defineCustomElement as defineCustomElementBcmInputCustom } from './bcm-input-custom.js';
 export { BcmInputDropdown, defineCustomElement as defineCustomElementBcmInputDropdown } from './bcm-input-dropdown.js';
 export { BcmItem, defineCustomElement as defineCustomElementBcmItem } from './bcm-item.js';
@@ -66,6 +68,8 @@ export { BcmModal, defineCustomElement as defineCustomElementBcmModal } from './
 export { BcmModal2, defineCustomElement as defineCustomElementBcmModal2 } from './bcm-modal-2.js';
 export { BcmModal2Footer, defineCustomElement as defineCustomElementBcmModal2Footer } from './bcm-modal-2-footer.js';
 export { BcmModal2Header, defineCustomElement as defineCustomElementBcmModal2Header } from './bcm-modal-2-header.js';
+export { BcmModalFooter, defineCustomElement as defineCustomElementBcmModalFooter } from './bcm-modal-footer.js';
+export { BcmModalHeader, defineCustomElement as defineCustomElementBcmModalHeader } from './bcm-modal-header.js';
 export { BcmNotification, defineCustomElement as defineCustomElementBcmNotification } from './bcm-notification.js';
 export { BcmNumberInput, defineCustomElement as defineCustomElementBcmNumberInput } from './bcm-number-input.js';
 export { BcmOldInput, defineCustomElement as defineCustomElementBcmOldInput } from './bcm-old-input.js';
@@ -74,6 +78,8 @@ export { BcmOldTag, defineCustomElement as defineCustomElementBcmOldTag } from '
 export { BcmOverlay, defineCustomElement as defineCustomElementBcmOverlay } from './bcm-overlay.js';
 export { BcmPopconfirm, defineCustomElement as defineCustomElementBcmPopconfirm } from './bcm-popconfirm.js';
 export { BcmPopconfirmBox, defineCustomElement as defineCustomElementBcmPopconfirmBox } from './bcm-popconfirm-box.js';
+export { BcmPopconfirmBoxV2, defineCustomElement as defineCustomElementBcmPopconfirmBoxV2 } from './bcm-popconfirm-box-v2.js';
+export { BcmPopconfirmHost, defineCustomElement as defineCustomElementBcmPopconfirmHost } from './bcm-popconfirm-host.js';
 export { BcmPopover, defineCustomElement as defineCustomElementBcmPopover } from './bcm-popover.js';
 export { BcmProgress, defineCustomElement as defineCustomElementBcmProgress } from './bcm-progress.js';
 export { BcmRadio, defineCustomElement as defineCustomElementBcmRadio } from './bcm-radio.js';
@@ -82,9 +88,13 @@ export { BcmRange, defineCustomElement as defineCustomElementBcmRange } from './
 export { BcmRcOverflow, defineCustomElement as defineCustomElementBcmRcOverflow } from './bcm-rc-overflow.js';
 export { BcmRcPicker, defineCustomElement as defineCustomElementBcmRcPicker } from './bcm-rc-picker.js';
 export { BcmReactNumber, defineCustomElement as defineCustomElementBcmReactNumber } from './bcm-react-number.js';
+export { BcmResizablePane, defineCustomElement as defineCustomElementBcmResizablePane } from './bcm-resizable-pane.js';
 export { BcmResult, defineCustomElement as defineCustomElementBcmResult } from './bcm-result.js';
+export { BcmResultFooter, defineCustomElement as defineCustomElementBcmResultFooter } from './bcm-result-footer.js';
 export { BcmScrollArea, defineCustomElement as defineCustomElementBcmScrollArea } from './bcm-scroll-area.js';
 export { BcmSearch, defineCustomElement as defineCustomElementBcmSearch } from './bcm-search.js';
+export { BcmSegmentPicker, defineCustomElement as defineCustomElementBcmSegmentPicker } from './bcm-segment-picker.js';
+export { BcmSegmentPickerItem, defineCustomElement as defineCustomElementBcmSegmentPickerItem } from './bcm-segment-picker-item.js';
 export { BcmSelect, defineCustomElement as defineCustomElementBcmSelect } from './bcm-select.js';
 export { BcmSelectBox, defineCustomElement as defineCustomElementBcmSelectBox } from './bcm-select-box.js';
 export { BcmSelectGroup, defineCustomElement as defineCustomElementBcmSelectGroup } from './bcm-select-group.js';