bromcom-ui 2.3.66 → 2.3.70

package/dist/bromcom-ui/bcm-timeline-item.entry.js

@@ -1,35 +1,21 @@
-import { r as registerInstance, h, f as Host, g as getElement } from './index-9dbea026.js';
-import { c as classnames } from './index-43956e3c.js';
-
-const timelineItemCss = "@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}.timeline-item{position:relative;font-size:14px;line-height:22px;padding:8px 8px 8px 30px}.timeline-item:after{content:\"\";position:absolute;left:0;top:14px;width:9px;height:9px;border-radius:100%;background-color:#ffffff;border:2px solid #4293CF;box-sizing:border-box}.timeline-item:before{content:\"\";position:absolute;top:30px;left:3px;width:2px;height:calc(100% - 23px);background-color:#e8e8e8}.timeline-item.last:before{display:none}.timeline-item.icon:after{display:none}bcm-icon{position:absolute;top:10px;left:-4px}.timeline-item.right{text-align:right;padding-left:8px;padding-right:30px}.timeline-item.right:after{left:inherit;right:0}.timeline-item.right:before{left:inherit;right:3px}.timeline-item.right bcm-icon{left:inherit;right:-4px}:host-context(.timeline.alternate){flex:0 0 50% !important;max-width:50% !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:right;padding-left:8px;padding-right:30px}:host-context(.timeline.alternate) .timeline-item.even:after{left:inherit;right:-5px}:host-context(.timeline.alternate) .timeline-item.even:before{left:inherit;right:-1px}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:inherit;right:-8px}:host-context(.timeline.alternate) .timeline-item:not(.even):after{left:-3px}:host-context(.timeline.alternate) .timeline-item:not(.even):before{left:0px}:host-context(.timeline.alternate) .timeline-item:not(.even) bcm-icon{left:-7px}@media screen and (min-width: 576px){:host-context(.timeline.alternate){flex:1 1 100% !important;max-width:100% !important;margin-left:inherit !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:left;padding-left:30px;padding-right:8px}:host-context(.timeline.alternate) .timeline-item.even:after{left:-5px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even:before{left:-1px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:-8px;right:inherit}}";
+import { r as registerInstance, h, f as Host, g as getElement } from './index-dbc63c66.js';
+import './_commonjsHelpers-2088bffa.js';
+import { c as classnames } from './index-55174f2a.js';
+import './bcm-ad02f9c9.js';
+import './string-helper-35840f91.js';
+import { S as SlotTemplate } from './slot-template-f79b82ee.js';
 
 const BcmTimelineItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Component Properties
-     */
-    this.even = false;
-    this.first = false;
-    this.last = false;
-    this.timelineType = 'left';
-    this.hidden = false;
-  }
-  componentDidRender() {
-    console.log(this.icon);
   }
   render() {
-    const classes = classnames('timeline-item', [this.timelineType], {
-      even: this.even,
-      first: this.first,
-      last: this.last,
-      icon: this.icon
-    });
-    const hostClasses = classnames(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses }, h("div", { class: classes }, this.icon && (h("bcm-icon", { icon: this.icon, size: 16, color: "prime-blue-6" })), h("slot", null))));
+    const { icon } = this;
+    const classes = classnames('bcm-timeline-item', 'size-2');
+    const iconClasses = classnames('bcm-timeline-item__icon', icon ? 'custom' : 'default');
+    return (h(Host, { class: classes }, h("i", { class: iconClasses }, icon && h("bcm-icon", { icon: icon, size: 17, color: "prime-blue-6" })), h(SlotTemplate, { className: "bcm-timeline-item__slot" })));
   }
   get el() { return getElement(this); }
 };
-BcmTimelineItem.style = timelineItemCss;
 
 export { BcmTimelineItem as bcm_timeline_item };