bromcom-ui 2.3.55 → 2.3.59

package/dist/cjs/bcm-pulldown.cjs.entry.js

@@ -1,110 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-const utils = require('./utils-43fda566.js');
-
-const pulldownCss = "@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}:host{display:block}:host(.hidden){display:none}.pulldown{position:relative;display:flex;align-items:center;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);background-color:#ffffff}@media screen and (min-width: 576px){.pulldown{flex-direction:column;align-items:flex-start}}@media screen and (min-width: 576px){.pulldown>*{width:100%}}::slotted(*){height:100%}";
-
-const BcmPulldown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.pullDownRootGroupOpen = index.createEvent(this, "bcm-pulldown-root-group-open", 7);
-    this.pulldownClearSelecteds = index.createEvent(this, "bcm-pulldown-clear-selecteds", 7);
-    /**
-     * Component Properties
-     */
-    this._items = [];
-    this.hidden = false;
-    /**
-     * Component States
-     */
-    this.items = [];
-  }
-  async setData(_data = []) {
-    this._items = _data;
-  }
-  /**
-   * @ComponentMethod
-   */
-  componentWillLoad() {
-    this.parseItems(this._items);
-  }
-  /**
-   * @ComponentMethod
-   */
-  componentDidRender() {
-    // Get all childs
-    // #
-    const childs = utils.getChilds(this.el, 'bcm-pulldown-item');
-    // Filter only root childs
-    // #
-    const items = childs.filter(child => {
-      return child.parentElement && !utils.isTargetComponent(child.parentElement, 'bcm-pulldown-group');
-    });
-    items.forEach(item => item.root = true);
-  }
-  /**
-   * @desc
-   * @param event
-   */
-  handlePulldownRootGroupOpen(event) {
-    const id = event.detail;
-    if (window.innerWidth <= 576)
-      return;
-    // Get only root childs
-    // #
-    utils.getChilds(this.el, 'bcm-pulldown-group').forEach(group => {
-      if (String(group.parentElement.tagName).toLowerCase() !== 'bcm-pulldown-group') {
-        group.id !== id && (group.open = false);
-      }
-    });
-  }
-  /**
-   * @desc
-   * @param item
-   */
-  itemRenderer(item) {
-    return (index.h("bcm-pulldown-item", null, item.icon && (index.h("bcm-icon", { icon: item.icon, type: item.iconType ? item.iconType : 'outlined' })), item.text));
-  }
-  /**
-   * @desc
-   * @param group
-   */
-  recursiveGroupRenderer(group) {
-    return (index.h("bcm-pulldown-group", Object.assign({ title: group.title }, (group.open && { open: true }), (group.direction === 'right' && { direction: 'right' })), group.icon && (index.h("bcm-icon", { slot: "icon", icon: group.icon, type: group.iconType ? group.iconType : 'outlined' })), group.items.map((item) => ((item.type === 'item' && this.itemRenderer(item)) ||
-      (item.type === 'group' && this.recursiveGroupRenderer(item))))));
-  }
-  /**
-   * @desc
-   */
-  handleMenuItemSelected(event) {
-    this.pulldownClearSelecteds.emit(event.detail);
-  }
-  /**
-   * @desc
-   * @param newValue
-   * @returns {void}
-   */
-  parseItems(newValue) {
-    if (newValue) {
-      typeof newValue == 'string'
-        ? this.items = JSON.parse(newValue)
-        : this.items = newValue;
-    }
-  }
-  render() {
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
-    return (index.h(index.Host, { class: hostClasses }, index.h("div", { class: "pulldown" }, this.items.length === 0 && (index.h("slot", null)), this.items.length !== 0 && this.items.map((item) => ((item.type === 'item' && this.itemRenderer(item)) ||
-      (item.type === 'group' && this.recursiveGroupRenderer(item)))))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "_items": ["parseItems"]
-  }; }
-};
-BcmPulldown.style = pulldownCss;
-
-exports.bcm_pulldown = BcmPulldown;

package/dist/cjs/bcm-result.cjs.entry.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-
-const statuses = {
-  success: {
-    icon: 'check-circle',
-    color: 'green-6'
-  },
-  info: {
-    icon: 'info-circle',
-    color: 'blue-6'
-  },
-  warning: {
-    icon: 'warning',
-    color: 'warmyellow-6'
-  },
-  error: {
-    icon: 'close-circle',
-    color: 'grey-10'
-  }
-};
-
-const resultCss = "@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}:host{display:block}:host(.hidden){display:none}.result{display:flex;flex-direction:column;align-items:center;padding:32px 24px}.result .content{margin-top:24px}.result .content .heading{margin-bottom:8px}.result .content .heading,.result .content .desc{display:block;text-align:center}.result .content .extra{background-color:#F5F5F5;padding:24px 24px;margin:32px 0}@media screen and (min-width: 576px){.result .content .extra{padding:24px 40px}}.result .content .buttons{display:flex;justify-content:center;grid-gap:8px;flex-wrap:wrap}";
-
-const BcmResult = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.status = null;
-    this.hidden = false;
-  }
-  getIcon() {
-    if (this.status != null) {
-      const icon = statuses[this.status].icon;
-      const color = statuses[this.status].color;
-      return (index.h("div", { class: "icon" }, index.h("bcm-icon", { icon: icon, color: color, type: "fill", size: 72 })));
-    }
-  }
-  componentDidRender() {
-    const slot = this.el.shadowRoot.querySelector('slot').assignedElements();
-    slot.map(el => {
-      if (String(el.tagName).toLowerCase() === 'bcm-result-footer') {
-        el.slot = 'footer';
-        this.footerArea = true;
-        this.footerHtml = el.innerHTML;
-        el.innerHTML = "";
-      }
-    });
-  }
-  render() {
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
-    return (index.h(index.Host, { class: hostClasses }, index.h("div", { class: "result" }, this.getIcon(), index.h("div", { class: "content" }, index.h("span", { class: "heading size-5 weight-semibold" }, this.heading), index.h("span", { class: "desc size-2" }, this.description), index.h("div", { class: "extra" }, index.h("slot", null)), (this.footerArea && (index.h("div", { class: "buttons", innerHTML: this.footerHtml })))))));
-  }
-  get el() { return index.getElement(this); }
-};
-BcmResult.style = resultCss;
-
-exports.bcm_result = BcmResult;

package/dist/cjs/bcm-select-box.cjs.entry.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-
-const selectBoxCss = "@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}.select-box{flex:1}:host{z-index:-999;position:absolute;opacity:0;top:-10000;left:-10000;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15)}:host(.show){opacity:1;z-index:100000}";
-
-const BcmSelectBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this._internal_id = (Math.random() * 4).toString(16).replace('.', '');
-    this.hidden = false;
-    this.isShow = false;
-  }
-  disconnectedCallback() { }
-  componentWillLoad() { }
-  componentDidLoad() { }
-  componentWillRender() { }
-  componentDidRender() { }
-  componentWillUpdate() { }
-  componentDidUpdate() { }
-  render() {
-    const classes = index$1.classnames('select-box');
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null, {
-      'show': this.isShow,
-    });
-    return (index.h(index.Host, { class: hostClasses }, index.h("div", { class: classes }, index.h("bcm-listbox", { id: "listbox-box" + this._internal_id, class: "listbox-box", _internal_id: this._internal_id, "inner-component": true, "no-caption": true, fullWidth: true, _flex: "true" }))));
-  }
-  get el() { return index.getElement(this); }
-};
-BcmSelectBox.style = selectBoxCss;
-
-exports.bcm_select_box = BcmSelectBox;

package/dist/cjs/bcm-select-group.cjs.entry.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-
-const groupCss = "@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}:host{display:block}:host(.hidden){display:none}.group{display:none}.group.visible{display:block}.group-title{color:var(--bcm-color-grey-7);padding:4px 8px;display:block}";
-
-const BcmSelectGroup = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.visible = true;
-    this.hidden = false;
-  }
-  render() {
-    const classes = index$1.classnames('group', {
-      'visible': this.visible
-    });
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
-    return (index.h(index.Host, { class: hostClasses }, index.h("div", { class: classes }, index.h("span", { class: "group-title size-1" }, " ", this.heading, " "), index.h("slot", null))));
-  }
-};
-BcmSelectGroup.style = groupCss;
-
-exports.bcm_select_group = BcmSelectGroup;

package/dist/cjs/bcm-select-option.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ce8878ec.js');
-const index$1 = require('./index-2f62bdaf.js');
-
-const optionCss = "@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}:host{display:block;width:100%;box-sizing:border-box;min-width:256px}:host(.hidden){display:none}:host-context(bcm-select-group) .option{padding-left:16px}.option{display:none;padding:4px 8px;cursor:pointer;color:var(--bcm-color-grey-8);box-sizing:border-box;width:100%}.option:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-1)}.option.selected:not(.disabled){background-color:var(--bcm-color-grey-3)}.option.disabled{background-color:var(--bcm-color-grey-5);color:var(--bcm-color-grey-6);cursor:not-allowed}.option.disabled:not(.selected){background-color:var(--bcm-color-prime-blue-1)}.option.visible{display:inline-flex}";
-
-const BcmSelectOption = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.visible = true;
-    this.hidden = false;
-  }
-  async getLabel() {
-    return this.host.innerHTML;
-  }
-  render() {
-    const classes = index$1.classnames('option', 'size-2', {
-      'selected weight-semibold': this.selected,
-      'disabled': this.disabled,
-      'visible': this.visible
-    });
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null);
-    return (index.h(index.Host, { class: hostClasses }, index.h("span", { class: classes }, index.h("slot", null))));
-  }
-  get host() { return index.getElement(this); }
-};
-BcmSelectOption.style = optionCss;
-
-exports.bcm_select_option = BcmSelectOption;