bromcom-ui 2.9.0-rc.2 → 2.9.0-rc.20

package/dist/cjs/bcm-time-picker.cjs.entry.js

@@ -1,148 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ddfd6d8f.js');
-const index$1 = require('./index-fdbf5226.js');
-const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-7a3874e6.js');
-const bcm = require('./bcm-ab921827.js');
-const utils = require('./utils-fc077139.js');
-require('./_commonjsHelpers-bd20f4c0.js');
-require('./colors-e1d142ad.js');
-
-const timePickerCss = "@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}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const BcmTimePicker = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this._id = generate.Generate.UID();
-    this.time = new Date();
-    this.value = undefined;
-    this.hidden = false;
-    this.name = undefined;
-    this.fullWidth = false;
-    this.required = false;
-    this.label = undefined;
-    this.placeholder = undefined;
-    this.disabled = false;
-    this.noCaption = false;
-    this.caption = '';
-    this.captionError = undefined;
-    this.captionType = 'default';
-    this.alignment = undefined;
-    this.placement = bcm.Bcm$1.Placement['bottom-start'];
-    this.linkedComponent = undefined;
-    this.clearable = false;
-  }
-  /**
-   * @ComponentMethod
-   */
-  componentWillLoad() {
-    if (typeof this.time === 'string') {
-      const regTime = /\b([01][0-9]|2[0-3]):([0-5][0-9])\b/;
-      const regTimeCheck = regTime.test(this.time);
-      const timeSections = regTimeCheck ? this.time.split(':') : false;
-      if (timeSections) {
-        this.time = new Date(new Date().setHours(Number(timeSections[0]), Number(timeSections[1])));
-      }
-      else
-        this.time = new Date();
-    }
-  }
-  /**
-   * @desc
-   */
-  handlePickerLoad() {
-    this.value = this.picker.value;
-  }
-  /**
-   * @desc
-   * @param event
-   */
-  handlePickerChange(event) {
-    this.value = event.detail;
-  }
-  /**
-   * @desc
-   * @param value
-   */
-  async set(value) {
-    return this.picker.set(value);
-  }
-  async get() {
-    var _a;
-    return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.timestamp) || null;
-  }
-  /**
-   * @desc
-   * @param disabled
-   */
-  async setDisabled(disabled) {
-    this.disabled = disabled;
-  }
-  /**
-   * @desc
-   */
-  async getInput() {
-    return await this.picker.getInput();
-  }
-  /**
-   * @desc
-   */
-  async getValue() {
-    return this.value;
-  }
-  /**
-   * @desc
-   */
-  async isValid() {
-    return await this.picker.isValid();
-  }
-  async setClear() {
-    await this.picker.setClear();
-    await utils.delay(10);
-    return Promise.resolve();
-  }
-  async resetCaption() {
-    await utils.delay(10);
-    await this.picker.resetCaption();
-    this.captionType = 'default';
-    this.captionError = null;
-    await utils.delay(10);
-    return Promise.resolve();
-  }
-  /**
-   * @desc
-   */
-  async open() {
-    return await this.picker.open();
-  }
-  render() {
-    const hostClasses = index$1.classnames(this.hidden ? 'hidden' : null, {
-      'full-width': this.fullWidth
-    });
-    return (index.h(index.Host, { class: hostClasses }, index.h("bcm-datetime-picker", { "linked-component": this.linkedComponent, id: this._id, fullWidth: this.fullWidth, required: this.required, label: this.label, name: this.name, placeholder: this.placeholder, type: "time", clearable: this.clearable, date: this.time, ref: el => (this.picker = el), disabled: this.disabled, "on-bcm-load": () => this.handlePickerLoad(), "on-bcm-change": (e) => this.handlePickerChange(e), noCaption: this.noCaption, captionError: this.captionError, caption: this.caption, captionType: this.captionType, alignment: this.alignment, placement: this.placement })));
-  }
-  get el() { return index.getElement(this); }
-};
-__decorate([
-  isLoadDecorator.IsLoad()
-], BcmTimePicker.prototype, "el", void 0);
-BcmTimePicker.style = timePickerCss;
-
-exports.bcm_time_picker = BcmTimePicker;

package/dist/cjs/datetime-helper-eaf4fadb.js

@@ -1,11 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-class DateTimeHelper {
-}
-DateTimeHelper.convertTimeStampToDate = (timestamp) => new Date(timestamp);
-
-exports.DateTimeHelper = DateTimeHelper;

package/dist/cjs/global-b0d21446.js

@@ -1,15 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-function addHeadScript(obj) {
-  const head = document.head;
-  const script = document.createElement('script');
-  Object.keys(obj).forEach(key => {
-    script[key] = obj[key];
-  });
-  head.appendChild(script);
-}
-addHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });

package/dist/collection/components/atoms/avatar/avatar.css

@@ -1,198 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-.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;
-}
-
-/**
- * Generator
- */
-.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;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-avatar {
-  --bcm-avatar-color: var(--bcm-new-ds-color-slate-600);
-  --bcm-avatar-background-color: var(--bcm-new-ds-color-slate-100);
-  --prefix-height: 40px;
-  --prefix-font-size: font-size(2);
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: nowrap;
-  background-color: var(--bcm-avatar-background-color);
-  color: var(--bcm-avatar-color);
-  text-transform: uppercase;
-}
-.bcm-avatar.hidden {
-  display: none;
-}
-.bcm-avatar img {
-  width: 100%;
-  height: 100%;
-}
-.bcm-avatar__shape-ellipse, .bcm-avatar__shape-ellipse > img {
-  border-radius: 100px;
-}
-.bcm-avatar__shape-square, .bcm-avatar__shape-square > img {
-  border-radius: 4px;
-}
-.bcm-avatar__shape-ellipse .bcm-badge {
-  top: 0px;
-  right: 0px;
-}
-.bcm-avatar__shape-square .bcm-badge {
-  top: -2px;
-  right: -2px;
-}
-.bcm-avatar__size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  height: 24px;
-  width: 24px;
-}
-.bcm-avatar__size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  height: 32px;
-  width: 32px;
-}
-.bcm-avatar__size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  height: 40px;
-  width: 40px;
-}
-.bcm-avatar__size-custom {
-  font-size: var(--bcm-avatar-font-size);
-  line-height: calc(var(--bcm-avatar-font-size) + 8px);
-  height: var(--bcm-avatar-height);
-  width: var(--bcm-avatar-height);
-}
-.bcm-avatar__status {
-  position: relative;
-}
-.bcm-avatar__status .bcm-badge {
-  position: absolute;
-}

package/dist/collection/components/atoms/badge/badge.css

@@ -1,231 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-.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;
-}
-
-/**
- * Generator
- */
-.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;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-badge {
-  --bcm-badge-color: var(--bcm-new-ds-color-white);
-  --bcm-badge-background-color: var(--bcm-new-ds-color-slate-400);
-  --bcm-badge-spacing: 4px;
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  flex-wrap: nowrap;
-  gap: 4px;
-}
-.bcm-badge.hidden {
-  display: none;
-}
-.bcm-badge span:empty {
-  display: none;
-}
-.bcm-badge__dot {
-  color: var(--bcm-badge-color);
-  background-color: var(--bcm-badge-background-color);
-  display: inline-block;
-  border-radius: 100px;
-  position: relative;
-}
-.bcm-badge__dot-text {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: nowrap;
-  padding: 0 var(--bcm-badge-spacing);
-  z-index: 2;
-  color: var(--bcm-badge-color);
-}
-.bcm-badge__dot-size-small {
-  font-size: 10px;
-  line-height: calc(10px + 8px);
-  min-width: 6px;
-  min-height: 6px;
-}
-.bcm-badge__dot-size-small .bcm-badge__dot-text {
-  min-width: calc(10px + 8px);
-}
-.bcm-badge__dot-size-medium {
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-  min-width: 8px;
-  min-height: 8px;
-}
-.bcm-badge__dot-size-medium .bcm-badge__dot-text {
-  min-width: calc(12px + 8px);
-}
-.bcm-badge__dot-size-large {
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  min-width: 10px;
-  min-height: 10px;
-}
-.bcm-badge__dot-size-large .bcm-badge__dot-text {
-  min-width: calc(14px + 8px);
-}
-.bcm-badge__dot-blink {
-  position: relative;
-  z-index: 1;
-}
-.bcm-badge__dot-blink:after {
-  content: "";
-  position: absolute;
-  z-index: -1;
-  top: 0;
-  left: 0;
-  background: var(--bcm-badge-background-color);
-  border-radius: 100px;
-  opacity: 0.7;
-  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  transform: scale(1);
-  width: 100%;
-  height: 100%;
-}
-.bcm-badge__dot:after {
-  background-color: var(--bcm-badge-background-color);
-  animation: badge-pulse 2s infinite;
-}
-@keyframes badge-pulse {
-  0% {
-    transform: scale(0.95);
-    box-shadow: 0 0 0 0 var(--bcm-badge-background-color);
-  }
-  70% {
-    transform: scale(1);
-    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
-  }
-  100% {
-    transform: scale(0.95);
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  }
-}