bromcom-ui 2.8.1-rc.10-0 → 2.8.1-rc.10-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-e03a7e41.entry.js → p-02c42184.entry.js} +1 -1
- package/dist/bromcom-ui/{p-50dedc69.entry.js → p-06a45faf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0e247b5c.entry.js → p-089069a9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2a8b1592.js → p-09c105f8.js} +1 -1
- package/dist/bromcom-ui/{p-04869d82.entry.js → p-09e8d92e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-851a15f4.entry.js → p-09fbb3b8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fff16d5e.entry.js → p-0d1e483d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-033bc73e.entry.js → p-0dfca6d7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a32b3d70.entry.js → p-0fa13944.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a3d9a134.js → p-11d582b5.js} +1 -1
- package/dist/bromcom-ui/{p-1fac3b1b.entry.js → p-148f83a6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2cd16cba.entry.js → p-19476cc8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e803d804.entry.js → p-1a4ec3c9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-83385ad0.entry.js → p-1a918f69.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c1326b6b.entry.js → p-1e9d406f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e1ec4ae0.entry.js → p-23bda383.entry.js} +1 -1
- package/dist/bromcom-ui/{p-af2ce958.entry.js → p-243b178e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-50a6e6ad.entry.js → p-295d7119.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ccf71804.entry.js → p-2a123374.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b655061c.entry.js → p-2b00934e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9b2fbdbe.js → p-34b8ec60.js} +1 -1
- package/dist/bromcom-ui/{p-92f92499.entry.js → p-3661e4d1.entry.js} +1 -1
- package/dist/bromcom-ui/{p-03db2686.entry.js → p-4886e703.entry.js} +1 -1
- package/dist/bromcom-ui/{p-134cb719.entry.js → p-53712b34.entry.js} +1 -1
- package/dist/bromcom-ui/p-65d74e36.entry.js +5 -0
- package/dist/bromcom-ui/{p-ce99fc13.entry.js → p-6ade0512.entry.js} +1 -1
- package/dist/bromcom-ui/{p-844ddccb.entry.js → p-6e9c67c4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-02a232a6.entry.js → p-721c9f7d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e5f2263f.entry.js → p-7259beea.entry.js} +1 -1
- package/dist/bromcom-ui/{p-88bde8d0.entry.js → p-759ed536.entry.js} +1 -1
- package/dist/bromcom-ui/{p-98067117.entry.js → p-818d7779.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f2c540cc.js → p-86221bd5.js} +1 -1
- package/dist/bromcom-ui/{p-8c2af9eb.entry.js → p-885f5588.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c8ccc4e9.entry.js → p-90426981.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e2660e43.entry.js → p-91d43275.entry.js} +1 -1
- package/dist/bromcom-ui/{p-95c94d6b.entry.js → p-95b7a1ae.entry.js} +1 -1
- package/dist/bromcom-ui/{p-811034bb.entry.js → p-99a858ed.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9b6b06b7.entry.js → p-9a067c18.entry.js} +1 -1
- package/dist/bromcom-ui/{p-516a396f.entry.js → p-9d0a5fa5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-fcc88dea.entry.js → p-9d60c905.entry.js} +1 -1
- package/dist/bromcom-ui/{p-948c5685.entry.js → p-a1aa14b8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-bad48e36.entry.js → p-a23fbb1b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a4129ba5.entry.js → p-ac73dc85.entry.js} +1 -1
- package/dist/bromcom-ui/{p-05069d60.entry.js → p-ad5d5452.entry.js} +1 -1
- package/dist/bromcom-ui/{p-104a911e.entry.js → p-b45f1818.entry.js} +1 -1
- package/dist/bromcom-ui/p-babbf589.js +5 -0
- package/dist/bromcom-ui/{p-60db4bb4.entry.js → p-bd50f5c7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a61d0671.entry.js → p-be88442c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6d54838e.entry.js → p-c9d15e14.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8496349d.js → p-d002a5ca.js} +1 -1
- package/dist/bromcom-ui/{p-86ba62bc.entry.js → p-d10b2420.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c6a39efd.entry.js → p-d52bdae8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ff944406.entry.js → p-e291a70c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c7e477c2.entry.js → p-e63cd734.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2fb6a382.entry.js → p-ea808b98.entry.js} +1 -1
- package/dist/bromcom-ui/{p-327e6b40.entry.js → p-f9ef85d4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cbf609ed.entry.js → p-fa958e3a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-95ac600e.js → p-ff2f2303.js} +1 -1
- package/dist/cjs/bcm-accordion.cjs.entry.js +1 -1
- package/dist/cjs/bcm-alert.cjs.entry.js +1 -1
- package/dist/cjs/bcm-attendance.cjs.entry.js +1 -1
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bcm-button-group.cjs.entry.js +1 -1
- package/dist/cjs/bcm-button_7.cjs.entry.js +4 -4
- package/dist/cjs/bcm-card.cjs.entry.js +1 -1
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +1 -1
- package/dist/cjs/bcm-chip.cjs.entry.js +1 -1
- package/dist/cjs/bcm-collapse.cjs.entry.js +1 -1
- package/dist/cjs/bcm-color-input.cjs.entry.js +3 -3
- package/dist/cjs/bcm-colorful_2.cjs.entry.js +9 -23
- package/dist/cjs/bcm-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-default.cjs.entry.js +1 -1
- package/dist/cjs/bcm-drawer.cjs.entry.js +3 -3
- package/dist/cjs/bcm-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/bcm-form-2.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input-custom.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input.cjs.entry.js +4 -4
- package/dist/cjs/bcm-item.cjs.entry.js +1 -1
- package/dist/cjs/bcm-items.cjs.entry.js +1 -1
- package/dist/cjs/bcm-list.cjs.entry.js +4 -4
- package/dist/cjs/bcm-menu.cjs.entry.js +4 -4
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal-2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover.cjs.entry.js +3 -3
- package/dist/cjs/bcm-progress.cjs.entry.js +1 -1
- package/dist/cjs/bcm-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/bcm-radio.cjs.entry.js +3 -3
- package/dist/cjs/bcm-range.cjs.entry.js +1 -1
- package/dist/cjs/bcm-rc-overflow_2.cjs.entry.js +4 -4
- package/dist/cjs/bcm-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bcm-step.cjs.entry.js +2 -2
- package/dist/cjs/bcm-stepper.cjs.entry.js +4 -4
- package/dist/cjs/bcm-switch.cjs.entry.js +1 -1
- package/dist/cjs/bcm-tab-group.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab-item-header.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab-item.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tag.cjs.entry.js +2 -2
- package/dist/cjs/bcm-textarea.cjs.entry.js +2 -2
- package/dist/cjs/bcm-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-toast.cjs.entry.js +1 -1
- package/dist/cjs/{generate-fbd410e1.js → generate-a326693e.js} +1 -1
- package/dist/cjs/{input-template-68bd0585.js → input-template-f4d1834d.js} +1 -1
- package/dist/cjs/{json-parse-decarator-6a4b6957.js → json-parse-decarator-a72e223c.js} +1 -1
- package/dist/cjs/{number-helper-4d112085.js → number-helper-ca12966b.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +2 -2
- package/dist/cjs/old-bcm-popover.cjs.entry.js +1 -1
- package/dist/cjs/{stepper-states-21ff9922.js → stepper-states-2e52f5b2.js} +1 -1
- package/dist/cjs/{tooltip-helper-e87e3189.js → tooltip-helper-a11a36cc.js} +3 -3
- package/dist/cjs/{validators-d4b3d110.js → validators-3697c8dc.js} +1 -1
- package/dist/collection/components/molecules/linked/linked.js +6 -20
- package/dist/components/generate.js +1 -1
- package/dist/components/linked.js +6 -20
- package/dist/esm/bcm-accordion.entry.js +1 -1
- package/dist/esm/bcm-alert.entry.js +1 -1
- package/dist/esm/bcm-attendance.entry.js +1 -1
- package/dist/esm/bcm-avatar_2.entry.js +3 -3
- package/dist/esm/bcm-breadcrumb.entry.js +1 -1
- package/dist/esm/bcm-button-group.entry.js +1 -1
- package/dist/esm/bcm-button_7.entry.js +4 -4
- package/dist/esm/bcm-card.entry.js +1 -1
- package/dist/esm/bcm-checkbox-lite_9.entry.js +1 -1
- package/dist/esm/bcm-chip.entry.js +1 -1
- package/dist/esm/bcm-collapse.entry.js +1 -1
- package/dist/esm/bcm-color-input.entry.js +3 -3
- package/dist/esm/bcm-colorful_2.entry.js +9 -23
- package/dist/esm/bcm-date-picker.entry.js +1 -1
- package/dist/esm/bcm-datetime-picker.entry.js +1 -1
- package/dist/esm/bcm-default.entry.js +1 -1
- package/dist/esm/bcm-drawer.entry.js +3 -3
- package/dist/esm/bcm-dropdown.entry.js +2 -2
- package/dist/esm/bcm-expansion-panel.entry.js +1 -1
- package/dist/esm/bcm-form-2.entry.js +1 -1
- package/dist/esm/bcm-input-custom.entry.js +1 -1
- package/dist/esm/bcm-input.entry.js +4 -4
- package/dist/esm/bcm-item.entry.js +1 -1
- package/dist/esm/bcm-items.entry.js +1 -1
- package/dist/esm/bcm-list.entry.js +4 -4
- package/dist/esm/bcm-menu.entry.js +4 -4
- package/dist/esm/bcm-modal-2-footer.entry.js +3 -3
- package/dist/esm/bcm-modal-2-header.entry.js +3 -3
- package/dist/esm/bcm-modal-2.entry.js +3 -3
- package/dist/esm/bcm-modal.entry.js +1 -1
- package/dist/esm/bcm-popconfirm-box.entry.js +1 -1
- package/dist/esm/bcm-popconfirm.entry.js +1 -1
- package/dist/esm/bcm-popover.entry.js +3 -3
- package/dist/esm/bcm-progress.entry.js +1 -1
- package/dist/esm/bcm-radio-group.entry.js +3 -3
- package/dist/esm/bcm-radio.entry.js +3 -3
- package/dist/esm/bcm-range.entry.js +1 -1
- package/dist/esm/bcm-rc-overflow_2.entry.js +4 -4
- package/dist/esm/bcm-skeleton.entry.js +1 -1
- package/dist/esm/bcm-step.entry.js +2 -2
- package/dist/esm/bcm-stepper.entry.js +4 -4
- package/dist/esm/bcm-switch.entry.js +1 -1
- package/dist/esm/bcm-tab-group.entry.js +3 -3
- package/dist/esm/bcm-tab-item-header.entry.js +3 -3
- package/dist/esm/bcm-tab-item.entry.js +3 -3
- package/dist/esm/bcm-tag.entry.js +2 -2
- package/dist/esm/bcm-textarea.entry.js +2 -2
- package/dist/esm/bcm-time-picker.entry.js +1 -1
- package/dist/esm/bcm-toast.entry.js +1 -1
- package/dist/esm/{generate-078b420f.js → generate-21bf7157.js} +1 -1
- package/dist/esm/{input-template-2fa28387.js → input-template-1c1d8658.js} +1 -1
- package/dist/esm/{json-parse-decarator-22e8e247.js → json-parse-decarator-8bbed2b0.js} +1 -1
- package/dist/esm/{number-helper-ed541ffb.js → number-helper-53aabc3d.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +2 -2
- package/dist/esm/old-bcm-popover.entry.js +1 -1
- package/dist/esm/{stepper-states-d7a39df1.js → stepper-states-aba688ef.js} +1 -1
- package/dist/esm/{tooltip-helper-b0776da6.js → tooltip-helper-2b15bcb1.js} +3 -3
- package/dist/esm/{validators-f8caf3b9.js → validators-db449fed.js} +1 -1
- package/dist/types/components/molecules/linked/linked.d.ts +0 -3
- package/package.json +1 -1
- package/dist/bromcom-ui/p-a46dbcbe.entry.js +0 -5
- package/dist/bromcom-ui/p-f0082c91.js +0 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as o,c as t,h as p,H as i,g as e}from"./p-da1055cb.js";import{c as r}from"./p-d65a1e21.js";import{C as n}from"./p-843905c8.js";import{G as c}from"./p-
|
|
5
|
+
import{r as o,c as t,h as p,H as i,g as e}from"./p-da1055cb.js";import{c as r}from"./p-d65a1e21.js";import{C as n}from"./p-843905c8.js";import{G as c}from"./p-09c105f8.js";import{S as m}from"./p-8d0ca8c2.js";import{s}from"./p-dbc4c30c.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-a429e85b.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};a.style='@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}.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-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{h as e,r,c as t,f as i,H as s,g as a}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as c,s as o}from"./p-2a8b1592.js";import"./p-f0082c91.js";import"./p-8d0ca8c2.js";import"./p-8496349d.js";import"./p-7e44e6b5.js";import{g as p}from"./p-8c018ae0.js";import{a as d}from"./p-a429e85b.js";import{c as n}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{s as m}from"./p-95ac600e.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a60a2dd0.js";const l=({_title:r,description:t,status:i,valid:s,index:a,loading:c,active:o,stepChange:p,statusIcon:d,icon:m,disabled:l,headerHidden:b})=>{const h=n("bcm-stepper__header-item",`bcm-stepper__header-item--${i}`,{"bcm-stepper__header-item--active":o,"bcm-stepper__header-item--valid":s,"bcm-stepper__header-item--invalid":!s,"bcm-stepper__header-item--disabled":l,hidden:b}),_={success:"fal fa-check",warning:"fal fa-exclamation-triangle",error:"fal fa-times"},u=(m||d&&_[i])&&e("bcm-icon",{icon:m||_[i]});return e("div",{class:h},e("div",{class:"bcm-stepper__header-item--container",onClick:()=>!l&&p(a)},e("div",{class:"bcm-stepper__header-item-icon size-3"},c?e("bcm-icon",{icon:"far fa-spinner-third fa-spin"}):u||a),e("div",{class:"bcm-stepper__header-item-title size-2"},r),e("div",{class:"bcm-stepper__header-item-description size-1"},t)))},b=class{constructor(e){r(this,e),this.bcmStepChange=t(this,"bcm-step-change",7),this.bcmStepperBeforeChange=t(this,"bcm-step-before-change",7),this.hidden=!1,this._id=c.UID(),this.direction=d.Direction.horizontal,this.linear=!1,this.size=d.Size.medium,this.icon=!1,this.active=1,this.stepperId=c.UID(),this.data=[],this.tick={}}async dataChanged(){this.initState()}componentDidLoad(){this.initState()}disconnectedCallback(){this.reset()}async initState(){const{stepperId:e,data:r,direction:t,linear:i,size:s,icon:a,active:c,el:o}=this,p=r.length>0?r:this.getSlotElements();await m.setValue({id:e,el:o,direction:t,linear:i,size:s,icon:a,active:c,steps:p}),this.markForCheck()}componentDidRender(){this.setSteps(this.getItems())}setSteps(e){const r=p(this.el,"bcm-step");r.length>0&&r.forEach(((r,t)=>{const i=e.find((e=>!r.headerHidden&&e.id===r.id));i&&(c.setAttributes(r,Object.assign({title:"",_title:i.title||i._title||"",status:i.status||"default",disabled:i.disabled||!1,valid:i.valid||!0,loading:i.loading||!1,index:i.index||t,active:i.active||!1,innerHtml:i.innerHtml||""},1==r.hidden&&{headerHidden:!0})),(r.hidden=!1)&&r.removeAttribute("hidden"))}))}markForCheck(){this.tick=c.UID()}handleChangeBcmHidden(){this.initState()}getActiveIndex(){return m.getActiveIndex(this.stepperId)}getSlotElements(){return o((()=>p(this.el,"bcm-step")),[])}async onStepChange(e){return e&&(m.changeActiveStep(this.stepperId,e),this.bcmStepChange.emit(e)),i(this.el),Promise.resolve(e)}async prev(){const e=this.getActiveIndex()-1;if(e>=1)if(this.linear)await this.onStepChange(e);else{if(this.getItems()[e-1].disabled)return;await this.onStepChange(e)}return i(this.el),Promise.resolve(this.getActiveIndex())}async next(e){let r;r=0==e?0:1==r?1:e||this.getActiveIndex();const t=await this.getCurrentStep(),s=this.getItems()[this.getItems().length-1];return t.valid?(this.linear&&s.id!=t.id&&(t.status="success"),r<this.getItems().length&&await this.onStepChange(r+1)):t.status="error",i(this.el),Promise.resolve(this.getActiveIndex())}async setActive(e){if(e)if("number"==typeof e)if(this.linear){const r=this.getItems().filter((r=>r.index<e));(null==r?void 0:r.map((e=>({id:e.id,status:e.status,disabled:e.disabled}))).every((e=>"success"==e.status||"default"==e.status)))&&(null==r||r.forEach((e=>{e.status="success",e.disabled=!1})),await this.next(e-1))}else m.setActiveIndex(this.stepperId,e),await this.next(e-1);else console.warn("index must be a number")}async reset(){return await this.onStepChange(1),m.stepperReset(this.stepperId),Promise.resolve(this.getActiveIndex())}async getCurrentStep(){var e;return o((()=>this.getItems().filter((e=>1==e.active))[0]),null!==(e=this.getItems()[0])&&void 0!==e?e:null)}async getSteps(){return Promise.resolve(this.getItems())}getItems(){return o((()=>{var e;return null===(e=m.getValue(this.stepperId).steps)||void 0===e?void 0:e.filter((e=>!e.headerHidden))}),[])}headerClick(e){this.bcmStepperBeforeChange.emit({current:this.getActiveIndex()-1,next:e})}async handleBcmStepBeforeChange(e){if(!e.defaultPrevented&&e.target===this.el){const{next:r}=e.detail;this.next(r)}}render(){const{hidden:r,direction:t,linear:i,size:a}=this,c=n("bcm-ui-element tw-font-sans tw-antialiased","bcm-stepper","bcm-stepper__direction-"+t,"bcm-stepper__size-"+a,{"bcm-stepper__linear":i,hidden:r}),o=e=>n("bcm-stepper__header-line",`bcm-stepper__header-line--${(null==e?void 0:e.disabled)?"disabled":"error"===(null==e?void 0:e.status)?"default":null==e?void 0:e.status}`),p=this.getItems();return e(s,{class:c},e("span",{hidden:!0,id:`bcm-stepper__steps-${this._id}`},e("slot",null)),e("main",null,e("header",{class:"bcm-stepper__header"},null==p?void 0:p.map(((r,t)=>[e(l,Object.assign({},r,{stepChange:e=>this.headerClick(e-1)})),p.length>t+1&&e("div",{class:o(r)})]))),e("section",{class:"bcm-stepper__body"},this.data&&this.data.length>0?null==p?void 0:p.map((r=>e("bcm-step",Object.assign({},r)))):e("slot",null))))}get el(){return a(this)}static get watchers(){return{data:["dataChanged"]}}};b.style='@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}.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-stepper{display:block;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:150px}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-new-ds-color-blue-600);color:var(--bcm-new-ds-color-slate-700);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-new-ds-color-blue-600);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-700)}.bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-600)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-7)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:"";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-new-ds-color-blue-600);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0;border-radius:3px 0 0 3px}.bcm-stepper__header-item::before{left:0;border-radius:0 3px 3px 0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:"";border:2px solid var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-new-ds-color-blue-600);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}';export{b as bcm_stepper}
|
|
5
|
+
import{h as e,r,c as t,f as i,H as s,g as a}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as c,s as o}from"./p-09c105f8.js";import"./p-babbf589.js";import"./p-8d0ca8c2.js";import"./p-d002a5ca.js";import"./p-7e44e6b5.js";import{g as p}from"./p-8c018ae0.js";import{a as d}from"./p-a429e85b.js";import{c as n}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{s as m}from"./p-ff2f2303.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a60a2dd0.js";const l=({_title:r,description:t,status:i,valid:s,index:a,loading:c,active:o,stepChange:p,statusIcon:d,icon:m,disabled:l,headerHidden:b})=>{const h=n("bcm-stepper__header-item",`bcm-stepper__header-item--${i}`,{"bcm-stepper__header-item--active":o,"bcm-stepper__header-item--valid":s,"bcm-stepper__header-item--invalid":!s,"bcm-stepper__header-item--disabled":l,hidden:b}),_={success:"fal fa-check",warning:"fal fa-exclamation-triangle",error:"fal fa-times"},u=(m||d&&_[i])&&e("bcm-icon",{icon:m||_[i]});return e("div",{class:h},e("div",{class:"bcm-stepper__header-item--container",onClick:()=>!l&&p(a)},e("div",{class:"bcm-stepper__header-item-icon size-3"},c?e("bcm-icon",{icon:"far fa-spinner-third fa-spin"}):u||a),e("div",{class:"bcm-stepper__header-item-title size-2"},r),e("div",{class:"bcm-stepper__header-item-description size-1"},t)))},b=class{constructor(e){r(this,e),this.bcmStepChange=t(this,"bcm-step-change",7),this.bcmStepperBeforeChange=t(this,"bcm-step-before-change",7),this.hidden=!1,this._id=c.UID(),this.direction=d.Direction.horizontal,this.linear=!1,this.size=d.Size.medium,this.icon=!1,this.active=1,this.stepperId=c.UID(),this.data=[],this.tick={}}async dataChanged(){this.initState()}componentDidLoad(){this.initState()}disconnectedCallback(){this.reset()}async initState(){const{stepperId:e,data:r,direction:t,linear:i,size:s,icon:a,active:c,el:o}=this,p=r.length>0?r:this.getSlotElements();await m.setValue({id:e,el:o,direction:t,linear:i,size:s,icon:a,active:c,steps:p}),this.markForCheck()}componentDidRender(){this.setSteps(this.getItems())}setSteps(e){const r=p(this.el,"bcm-step");r.length>0&&r.forEach(((r,t)=>{const i=e.find((e=>!r.headerHidden&&e.id===r.id));i&&(c.setAttributes(r,Object.assign({title:"",_title:i.title||i._title||"",status:i.status||"default",disabled:i.disabled||!1,valid:i.valid||!0,loading:i.loading||!1,index:i.index||t,active:i.active||!1,innerHtml:i.innerHtml||""},1==r.hidden&&{headerHidden:!0})),(r.hidden=!1)&&r.removeAttribute("hidden"))}))}markForCheck(){this.tick=c.UID()}handleChangeBcmHidden(){this.initState()}getActiveIndex(){return m.getActiveIndex(this.stepperId)}getSlotElements(){return o((()=>p(this.el,"bcm-step")),[])}async onStepChange(e){return e&&(m.changeActiveStep(this.stepperId,e),this.bcmStepChange.emit(e)),i(this.el),Promise.resolve(e)}async prev(){const e=this.getActiveIndex()-1;if(e>=1)if(this.linear)await this.onStepChange(e);else{if(this.getItems()[e-1].disabled)return;await this.onStepChange(e)}return i(this.el),Promise.resolve(this.getActiveIndex())}async next(e){let r;r=0==e?0:1==r?1:e||this.getActiveIndex();const t=await this.getCurrentStep(),s=this.getItems()[this.getItems().length-1];return t.valid?(this.linear&&s.id!=t.id&&(t.status="success"),r<this.getItems().length&&await this.onStepChange(r+1)):t.status="error",i(this.el),Promise.resolve(this.getActiveIndex())}async setActive(e){if(e)if("number"==typeof e)if(this.linear){const r=this.getItems().filter((r=>r.index<e));(null==r?void 0:r.map((e=>({id:e.id,status:e.status,disabled:e.disabled}))).every((e=>"success"==e.status||"default"==e.status)))&&(null==r||r.forEach((e=>{e.status="success",e.disabled=!1})),await this.next(e-1))}else m.setActiveIndex(this.stepperId,e),await this.next(e-1);else console.warn("index must be a number")}async reset(){return await this.onStepChange(1),m.stepperReset(this.stepperId),Promise.resolve(this.getActiveIndex())}async getCurrentStep(){var e;return o((()=>this.getItems().filter((e=>1==e.active))[0]),null!==(e=this.getItems()[0])&&void 0!==e?e:null)}async getSteps(){return Promise.resolve(this.getItems())}getItems(){return o((()=>{var e;return null===(e=m.getValue(this.stepperId).steps)||void 0===e?void 0:e.filter((e=>!e.headerHidden))}),[])}headerClick(e){this.bcmStepperBeforeChange.emit({current:this.getActiveIndex()-1,next:e})}async handleBcmStepBeforeChange(e){if(!e.defaultPrevented&&e.target===this.el){const{next:r}=e.detail;this.next(r)}}render(){const{hidden:r,direction:t,linear:i,size:a}=this,c=n("bcm-ui-element tw-font-sans tw-antialiased","bcm-stepper","bcm-stepper__direction-"+t,"bcm-stepper__size-"+a,{"bcm-stepper__linear":i,hidden:r}),o=e=>n("bcm-stepper__header-line",`bcm-stepper__header-line--${(null==e?void 0:e.disabled)?"disabled":"error"===(null==e?void 0:e.status)?"default":null==e?void 0:e.status}`),p=this.getItems();return e(s,{class:c},e("span",{hidden:!0,id:`bcm-stepper__steps-${this._id}`},e("slot",null)),e("main",null,e("header",{class:"bcm-stepper__header"},null==p?void 0:p.map(((r,t)=>[e(l,Object.assign({},r,{stepChange:e=>this.headerClick(e-1)})),p.length>t+1&&e("div",{class:o(r)})]))),e("section",{class:"bcm-stepper__body"},this.data&&this.data.length>0?null==p?void 0:p.map((r=>e("bcm-step",Object.assign({},r)))):e("slot",null))))}get el(){return a(this)}static get watchers(){return{data:["dataChanged"]}}};b.style='@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}.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-stepper{display:block;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:150px}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-new-ds-color-blue-600);color:var(--bcm-new-ds-color-slate-700);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-new-ds-color-blue-600);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-700)}.bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-600)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-7)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:"";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-new-ds-color-blue-600);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0;border-radius:3px 0 0 3px}.bcm-stepper__header-item::before{left:0;border-radius:0 3px 3px 0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:"";border:2px solid var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-new-ds-color-blue-600);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}';export{b as bcm_stepper}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{c as t}from"./p-a60a2dd0.js";import{G as e,s}from"./p-
|
|
5
|
+
import{c as t}from"./p-a60a2dd0.js";import{G as e,s}from"./p-09c105f8.js";import{f as a}from"./p-da1055cb.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}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
require('./colors-e1d142ad.js');
|
|
12
12
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
13
13
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index$1 = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const index$2 = require('./index-fdbf5226.js');
|
|
12
12
|
const index = require('./index-4506fcd7.js');
|
|
13
13
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
require('./colors-e1d142ad.js');
|
|
12
12
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
13
13
|
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const colorHelper = require('./color-helper-d6d2028b.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
const numberHelper = require('./number-helper-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
|
+
const numberHelper = require('./number-helper-ca12966b.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-3697c8dc.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const bcm = require('./bcm-634604e3.js');
|
|
18
18
|
const index$1 = require('./index-fdbf5226.js');
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
-
const generate = require('./generate-
|
|
11
|
+
const generate = require('./generate-a326693e.js');
|
|
12
12
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
13
13
|
require('./colors-e1d142ad.js');
|
|
14
14
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const bcm = require('./bcm-634604e3.js');
|
|
12
12
|
const index$1 = require('./index-fdbf5226.js');
|
|
13
13
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index$1 = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const bcm = require('./bcm-634604e3.js');
|
|
12
12
|
const index$2 = require('./index-fdbf5226.js');
|
|
13
13
|
const index = require('./index-4506fcd7.js');
|
|
@@ -19,9 +19,9 @@ const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
|
19
19
|
const labelTemplate = require('./label-template-cc69bc21.js');
|
|
20
20
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
21
21
|
require('./datetime-helper-eaf4fadb.js');
|
|
22
|
-
require('./number-helper-
|
|
23
|
-
require('./validators-
|
|
24
|
-
const tooltipHelper = require('./tooltip-helper-
|
|
22
|
+
require('./number-helper-ca12966b.js');
|
|
23
|
+
require('./validators-3697c8dc.js');
|
|
24
|
+
const tooltipHelper = require('./tooltip-helper-a11a36cc.js');
|
|
25
25
|
require('./element-dragger-a8562f82.js');
|
|
26
26
|
require('./colors-e1d142ad.js');
|
|
27
27
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
11
|
const colorHelper = require('./color-helper-d6d2028b.js');
|
|
12
|
-
const generate = require('./generate-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
13
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
14
14
|
const slotTemplate = require('./slot-template-3e59d7d8.js');
|
|
15
15
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
-
const generate = require('./generate-
|
|
11
|
+
const generate = require('./generate-a326693e.js');
|
|
12
12
|
const bcm = require('./bcm-634604e3.js');
|
|
13
13
|
const utils = require('./utils-fc077139.js');
|
|
14
14
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const index$1 = require('./index-fdbf5226.js');
|
|
12
12
|
const colorHelper = require('./color-helper-d6d2028b.js');
|
|
13
13
|
require('./colors-e1d142ad.js');
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
-
const generate = require('./generate-
|
|
11
|
+
const generate = require('./generate-a326693e.js');
|
|
12
12
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
13
13
|
require('./colors-e1d142ad.js');
|
|
14
14
|
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
require('./color-helper-d6d2028b.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
|
+
require('./number-helper-ca12966b.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-3697c8dc.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
require('./bcm-634604e3.js');
|
|
18
18
|
require('./colors-56282b00.js');
|
|
@@ -11,10 +11,10 @@ const index = require('./index-906fb4e5.js');
|
|
|
11
11
|
const _commonjsHelpers = require('./_commonjsHelpers-bd20f4c0.js');
|
|
12
12
|
require('./color-helper-d6d2028b.js');
|
|
13
13
|
require('./datetime-helper-eaf4fadb.js');
|
|
14
|
-
const generate = require('./generate-
|
|
15
|
-
require('./number-helper-
|
|
14
|
+
const generate = require('./generate-a326693e.js');
|
|
15
|
+
require('./number-helper-ca12966b.js');
|
|
16
16
|
require('./string-helper-45cffee0.js');
|
|
17
|
-
require('./validators-
|
|
17
|
+
require('./validators-3697c8dc.js');
|
|
18
18
|
require('./element-dragger-a8562f82.js');
|
|
19
19
|
const utils = require('./utils-fc077139.js');
|
|
20
20
|
const floatingUi = require('./floating-ui-74eb26d6.js');
|
|
@@ -17277,11 +17277,11 @@ const BcmLinked = class {
|
|
|
17277
17277
|
}
|
|
17278
17278
|
calculatePosition() {
|
|
17279
17279
|
const el = this.el;
|
|
17280
|
-
if (el && this.target()
|
|
17280
|
+
if (el && this.target()) {
|
|
17281
17281
|
if (this.isOpen) {
|
|
17282
17282
|
floatingUi.FloatingUI({
|
|
17283
17283
|
ref: this.target(),
|
|
17284
|
-
floating:
|
|
17284
|
+
floating: el,
|
|
17285
17285
|
placement: this.placement,
|
|
17286
17286
|
offset: 4,
|
|
17287
17287
|
autoHidden: el.getAttribute("main-linked") === "true" ? false : true,
|
|
@@ -17313,18 +17313,7 @@ const BcmLinked = class {
|
|
|
17313
17313
|
}
|
|
17314
17314
|
}
|
|
17315
17315
|
componentDidLoad() {
|
|
17316
|
-
this.htmlContent = this.el.querySelector(".linked-content");
|
|
17317
17316
|
this.init();
|
|
17318
|
-
this.updateBody();
|
|
17319
|
-
}
|
|
17320
|
-
updateBody() {
|
|
17321
|
-
const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
|
|
17322
|
-
if (this.isOpen) {
|
|
17323
|
-
bcmOverlayContainer.appendChild(this.htmlContent);
|
|
17324
|
-
}
|
|
17325
|
-
else {
|
|
17326
|
-
this.htmlContent.remove();
|
|
17327
|
-
}
|
|
17328
17317
|
}
|
|
17329
17318
|
triggerWatch(newValue) {
|
|
17330
17319
|
if (newValue === bcm.Bcm$1.TriggerType.hover) {
|
|
@@ -17332,7 +17321,6 @@ const BcmLinked = class {
|
|
|
17332
17321
|
}
|
|
17333
17322
|
}
|
|
17334
17323
|
watchIsOpen() {
|
|
17335
|
-
this.updateBody();
|
|
17336
17324
|
this.bcmOpen.emit(this.isOpen);
|
|
17337
17325
|
}
|
|
17338
17326
|
onLinkedDataDismis() {
|
|
@@ -17347,7 +17335,8 @@ const BcmLinked = class {
|
|
|
17347
17335
|
wait && (await utils.delay(50));
|
|
17348
17336
|
const target = this.target();
|
|
17349
17337
|
if (target) {
|
|
17350
|
-
|
|
17338
|
+
const bcmOverlayContainer = document.querySelector("#bcm-overlay-container");
|
|
17339
|
+
bcmOverlayContainer.appendChild(this.el);
|
|
17351
17340
|
target.setAttribute("linked-is-open", "true");
|
|
17352
17341
|
this.isOpen = true;
|
|
17353
17342
|
this.calculatePosition();
|
|
@@ -17377,7 +17366,7 @@ const BcmLinked = class {
|
|
|
17377
17366
|
if (this.trigger === bcm.Bcm$1.TriggerType.hover)
|
|
17378
17367
|
return;
|
|
17379
17368
|
const isTarget = generate.Generate.findEventPath(e, this.target());
|
|
17380
|
-
const isSelf = generate.Generate.findEventPath(e, this.
|
|
17369
|
+
const isSelf = generate.Generate.findEventPath(e, this.el);
|
|
17381
17370
|
const isLinked = generate.Generate.findEventPathWithNodeName(e, "BCM-LINKED");
|
|
17382
17371
|
if (!isTarget && !isSelf && !isLinked) {
|
|
17383
17372
|
this.hide();
|
|
@@ -17424,12 +17413,9 @@ const BcmLinked = class {
|
|
|
17424
17413
|
this.isMouseOverLink = false;
|
|
17425
17414
|
this.show();
|
|
17426
17415
|
}
|
|
17427
|
-
disconnectedCallback() {
|
|
17428
|
-
this.hide(false);
|
|
17429
|
-
}
|
|
17430
17416
|
render() {
|
|
17431
17417
|
const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
|
|
17432
|
-
return (index$1.h(index$1.Host, { class: "tw-
|
|
17418
|
+
return (index$1.h(index$1.Host, { class: "tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip tw-block tw-overscroll-contain tw-scroll-smooth tw-rounded tw-bg-white tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100", style: Object.assign(Object.assign({}, openStyle), { overflow: "auto" }) }, index$1.h("slot", null)));
|
|
17433
17419
|
}
|
|
17434
17420
|
get el() { return index$1.getElement(this); }
|
|
17435
17421
|
static get watchers() { return {
|
|
@@ -10,7 +10,7 @@ const index = require('./index-ddfd6d8f.js');
|
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
11
|
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
12
12
|
const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
|
|
13
|
-
const generate = require('./generate-
|
|
13
|
+
const generate = require('./generate-a326693e.js');
|
|
14
14
|
const bcm = require('./bcm-634604e3.js');
|
|
15
15
|
const utils = require('./utils-fc077139.js');
|
|
16
16
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
@@ -11,7 +11,7 @@ const elementDragger = require('./element-dragger-a8562f82.js');
|
|
|
11
11
|
const index$1 = require('./index-fdbf5226.js');
|
|
12
12
|
const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
|
|
13
13
|
const utils = require('./utils-fc077139.js');
|
|
14
|
-
const generate = require('./generate-
|
|
14
|
+
const generate = require('./generate-a326693e.js');
|
|
15
15
|
const bcm = require('./bcm-634604e3.js');
|
|
16
16
|
const popoverPlacement = require('./popover-placement-3c8f3a72.js');
|
|
17
17
|
const labelTemplate = require('./label-template-cc69bc21.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
require('./colors-e1d142ad.js');
|
|
12
12
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
13
13
|
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
require('./color-helper-d6d2028b.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
|
+
require('./number-helper-ca12966b.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-3697c8dc.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const bcm = require('./bcm-634604e3.js');
|
|
18
18
|
const index$1 = require('./index-fdbf5226.js');
|
|
@@ -9,8 +9,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
11
|
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
12
|
-
const jsonParseDecarator = require('./json-parse-decarator-
|
|
13
|
-
const generate = require('./generate-
|
|
12
|
+
const jsonParseDecarator = require('./json-parse-decarator-a72e223c.js');
|
|
13
|
+
const generate = require('./generate-a326693e.js');
|
|
14
14
|
const bcm = require('./bcm-634604e3.js');
|
|
15
15
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
16
16
|
require('./colors-e1d142ad.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const index$1 = require('./index-fdbf5226.js');
|
|
12
12
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
13
13
|
const colorHelper = require('./color-helper-d6d2028b.js');
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
11
|
-
const generate = require('./generate-
|
|
11
|
+
const generate = require('./generate-a326693e.js');
|
|
12
12
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
13
13
|
const bcm = require('./bcm-634604e3.js');
|
|
14
14
|
require('./colors-e1d142ad.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const index$1 = require('./index-fdbf5226.js');
|
|
12
12
|
require('./colors-e1d142ad.js');
|
|
13
13
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
11
|
-
const numberHelper = require('./number-helper-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
|
+
const numberHelper = require('./number-helper-ca12966b.js');
|
|
12
12
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
13
|
-
const validators = require('./validators-
|
|
13
|
+
const validators = require('./validators-3697c8dc.js');
|
|
14
14
|
const bcm = require('./bcm-634604e3.js');
|
|
15
15
|
const captionTemplate = require('./caption-template-8d099fd6.js');
|
|
16
|
-
const inputTemplate = require('./input-template-
|
|
16
|
+
const inputTemplate = require('./input-template-f4d1834d.js');
|
|
17
17
|
const index$1 = require('./index-fdbf5226.js');
|
|
18
18
|
const utils = require('./utils-fc077139.js');
|
|
19
19
|
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const bcm = require('./bcm-634604e3.js');
|
|
12
12
|
const index$1 = require('./index-fdbf5226.js');
|
|
13
13
|
const colorHelper = require('./color-helper-d6d2028b.js');
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
|
-
const generate = require('./generate-
|
|
10
|
+
const generate = require('./generate-a326693e.js');
|
|
11
11
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
12
12
|
require('./colors-e1d142ad.js');
|
|
13
13
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
@@ -8,13 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index$1 = require('./index-ddfd6d8f.js');
|
|
10
10
|
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
11
|
-
const jsonParseDecarator = require('./json-parse-decarator-
|
|
11
|
+
const jsonParseDecarator = require('./json-parse-decarator-a72e223c.js');
|
|
12
12
|
require('./color-helper-d6d2028b.js');
|
|
13
13
|
require('./datetime-helper-eaf4fadb.js');
|
|
14
|
-
const generate = require('./generate-
|
|
15
|
-
const numberHelper = require('./number-helper-
|
|
14
|
+
const generate = require('./generate-a326693e.js');
|
|
15
|
+
const numberHelper = require('./number-helper-ca12966b.js');
|
|
16
16
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
17
|
-
const validators = require('./validators-
|
|
17
|
+
const validators = require('./validators-3697c8dc.js');
|
|
18
18
|
require('./element-dragger-a8562f82.js');
|
|
19
19
|
const popoverPlacement = require('./popover-placement-3c8f3a72.js');
|
|
20
20
|
const utils = require('./utils-fc077139.js');
|
|
@@ -10,11 +10,11 @@ const index = require('./index-ddfd6d8f.js');
|
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
11
|
require('./color-helper-d6d2028b.js');
|
|
12
12
|
require('./datetime-helper-eaf4fadb.js');
|
|
13
|
-
const generate = require('./generate-
|
|
14
|
-
require('./number-helper-
|
|
13
|
+
const generate = require('./generate-a326693e.js');
|
|
14
|
+
require('./number-helper-ca12966b.js');
|
|
15
15
|
require('./string-helper-45cffee0.js');
|
|
16
|
-
require('./validators-
|
|
17
|
-
const tooltipHelper = require('./tooltip-helper-
|
|
16
|
+
require('./validators-3697c8dc.js');
|
|
17
|
+
const tooltipHelper = require('./tooltip-helper-a11a36cc.js');
|
|
18
18
|
require('./element-dragger-a8562f82.js');
|
|
19
19
|
require('./bcm-634604e3.js');
|
|
20
20
|
const isLoadDecorator = require('./is-load-decorator-137dded1.js');
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
require('./color-helper-d6d2028b.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
|
+
require('./number-helper-ca12966b.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-3697c8dc.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
require('./bcm-634604e3.js');
|
|
18
18
|
const index$1 = require('./index-fdbf5226.js');
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
require('./color-helper-d6d2028b.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
|
+
require('./number-helper-ca12966b.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-3697c8dc.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
require('./bcm-634604e3.js');
|
|
18
18
|
require('./colors-56282b00.js');
|
|
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
require('./color-helper-d6d2028b.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
|
+
require('./number-helper-ca12966b.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-3697c8dc.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const utils = require('./utils-fc077139.js');
|
|
18
18
|
const bcm = require('./bcm-634604e3.js');
|
|
@@ -11,7 +11,7 @@ const index$1 = require('./index-fdbf5226.js');
|
|
|
11
11
|
const bcm = require('./bcm-634604e3.js');
|
|
12
12
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
13
13
|
const slotTemplate = require('./slot-template-3e59d7d8.js');
|
|
14
|
-
const generate = require('./generate-
|
|
14
|
+
const generate = require('./generate-a326693e.js');
|
|
15
15
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
16
16
|
require('./colors-e1d142ad.js');
|
|
17
17
|
|
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
11
|
const colorHelper = require('./color-helper-d6d2028b.js');
|
|
12
|
-
const generate = require('./generate-
|
|
12
|
+
const generate = require('./generate-a326693e.js');
|
|
13
13
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
14
14
|
const popoverPlacement = require('./popover-placement-3c8f3a72.js');
|
|
15
15
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-ddfd6d8f.js');
|
|
10
10
|
const index$1 = require('./index-fdbf5226.js');
|
|
11
|
-
const generate = require('./generate-
|
|
11
|
+
const generate = require('./generate-a326693e.js');
|
|
12
12
|
const bcm = require('./bcm-634604e3.js');
|
|
13
13
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
14
14
|
require('./colors-e1d142ad.js');
|