bromcom-ui 2.8.1-rc.8 → 2.8.1-rc.9
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-366e081b.entry.js → p-00fd6de2.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e9bd0969.entry.js → p-016a9d78.entry.js} +1 -1
- package/dist/bromcom-ui/{p-64c9f4fa.entry.js → p-0372f13a.entry.js} +1 -1
- package/dist/bromcom-ui/p-037a40a6.entry.js +5 -0
- package/dist/bromcom-ui/{p-dd13436d.entry.js → p-09d1d69d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-bd69dcfb.entry.js → p-0a404cf9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-202721fe.entry.js → p-10d55ac5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e09c0562.entry.js → p-125d13c0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9f3893a5.entry.js → p-1736eee9.entry.js} +1 -1
- package/dist/bromcom-ui/p-2053339a.entry.js +5 -0
- package/dist/bromcom-ui/{p-a575e4f0.js → p-28345f61.js} +1 -1
- package/dist/bromcom-ui/{p-f430c2df.entry.js → p-284542a6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-64955418.entry.js → p-34efb8eb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5607e7f9.entry.js → p-3642f316.entry.js} +1 -1
- package/dist/bromcom-ui/p-3b3f7c54.entry.js +5 -0
- package/dist/bromcom-ui/{p-bafd4b8d.entry.js → p-3c15cdb7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c196a929.entry.js → p-40d258ce.entry.js} +1 -1
- package/dist/bromcom-ui/{p-bc2e4265.entry.js → p-494df97b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3cec75ba.entry.js → p-4cbc9da5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-94e72f51.js → p-508580f7.js} +1 -1
- package/dist/bromcom-ui/{p-f5cd37e0.entry.js → p-585fbc98.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f1b7a4d9.entry.js → p-5de5cb0d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e6257831.entry.js → p-6af5bc87.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ef999b8f.entry.js → p-6b692c54.entry.js} +1 -1
- package/dist/bromcom-ui/{p-305964a3.entry.js → p-6cf8afd4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0b9f7527.entry.js → p-6ea2108c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-413f88a7.entry.js → p-73f70b2f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-036e44bb.entry.js → p-7aa855fc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ab9ce666.entry.js → p-7b5ddef4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-36cd0820.entry.js → p-8114163e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-183fd65c.entry.js → p-83bae50b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1d942570.entry.js → p-88078128.entry.js} +1 -1
- package/dist/bromcom-ui/p-8aa77fd1.js +5 -0
- package/dist/bromcom-ui/{p-ac58b4de.entry.js → p-8c2bf4ad.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e2cd4645.entry.js → p-90981da9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1f77d25a.entry.js → p-92924b7e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-eb970381.entry.js → p-997c4fbd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3597fec4.entry.js → p-9b0855f6.entry.js} +1 -1
- package/dist/bromcom-ui/p-a3453263.js +5 -0
- package/dist/bromcom-ui/{p-faaff3b9.entry.js → p-a6f5fe0b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-96a89000.entry.js → p-ab51aa2b.entry.js} +1 -1
- package/dist/bromcom-ui/{p-84ae9894.js → p-b3584d64.js} +1 -1
- package/dist/bromcom-ui/{p-25fff5b8.entry.js → p-b94bdddf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7d6b77a8.entry.js → p-bc7ccd4e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a0d7a266.entry.js → p-bfb70c75.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9ab731b8.entry.js → p-c5bd9dd7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e841a487.entry.js → p-c818a4fc.entry.js} +1 -1
- package/dist/bromcom-ui/{p-082857fd.entry.js → p-c8c9d35e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-52597308.entry.js → p-cc45ea99.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e15e0a6e.entry.js → p-d657a132.entry.js} +1 -1
- package/dist/bromcom-ui/{p-a7d6e814.entry.js → p-daf2ed63.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3478c7cd.entry.js → p-e17e1e3e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d9058428.entry.js → p-e28100e6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3ad13ae4.entry.js → p-e60380c6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7c658944.entry.js → p-ebc87fe9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-67b4ea5b.js → p-ed9bf8e9.js} +1 -1
- package/dist/bromcom-ui/{p-bc3de030.entry.js → p-ee75e899.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9fa58866.entry.js → p-f8b03d4d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6dfffdab.js → p-fe1532b5.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 +20 -9
- package/dist/cjs/bcm-content.cjs.entry.js +22 -0
- 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 +3 -10
- 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/bromcom-ui.cjs.js +1 -1
- package/dist/cjs/{generate-61ee151f.js → generate-cf48ed2d.js} +10 -1
- package/dist/cjs/{input-template-e6649490.js → input-template-129e6e5b.js} +1 -1
- package/dist/cjs/{json-parse-decarator-8cc180e7.js → json-parse-decarator-f0554ad2.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{number-helper-4464fee7.js → number-helper-453e02ee.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-abd1909f.js → stepper-states-3082dce8.js} +1 -1
- package/dist/cjs/{tooltip-helper-8f10ada8.js → tooltip-helper-748b4ab6.js} +3 -3
- package/dist/cjs/{validators-a47182ee.js → validators-2fcf98d3.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/molecules/dropdown/dropdown.js +1 -8
- package/dist/collection/components/molecules/linked/linked.js +17 -6
- package/dist/collection/components/other/content/content.js +15 -0
- package/dist/collection/helper/generate.js +9 -0
- package/dist/components/bcm-content.d.ts +11 -0
- package/dist/components/bcm-content.js +35 -0
- package/dist/components/bcm-dropdown.js +1 -8
- package/dist/components/generate.js +10 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/linked.js +17 -6
- 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 +20 -9
- package/dist/esm/bcm-content.entry.js +18 -0
- 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 +3 -10
- 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/bromcom-ui.js +1 -1
- package/dist/esm/{generate-db9c8448.js → generate-03cf1f82.js} +10 -1
- package/dist/esm/{input-template-07d9878b.js → input-template-6137ed1b.js} +1 -1
- package/dist/esm/{json-parse-decarator-656d0c85.js → json-parse-decarator-699aaeeb.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{number-helper-e49ced06.js → number-helper-61c91978.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-01c80b02.js → stepper-states-0fc18a9f.js} +1 -1
- package/dist/esm/{tooltip-helper-a139b7be.js → tooltip-helper-a06cb0a2.js} +3 -3
- package/dist/esm/{validators-b8934173.js → validators-c6a4a8ac.js} +1 -1
- package/dist/types/components/molecules/dropdown/dropdown.d.ts +0 -1
- package/dist/types/components/molecules/linked/linked.d.ts +2 -0
- package/dist/types/components/other/content/content.d.ts +6 -0
- package/dist/types/components.d.ts +13 -0
- package/package.json +1 -1
- package/dist/bromcom-ui/p-275070fd.js +0 -5
- package/dist/bromcom-ui/p-4e1632d2.entry.js +0 -5
- package/dist/bromcom-ui/p-710f545e.entry.js +0 -5
- package/dist/bromcom-ui/p-b1aa3243.js +0 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as e,h as t,H as a,g as i}from"./p-da1055cb.js";import{G as n}from"./p-
|
|
5
|
+
import{r as e,h as t,H as a,g as i}from"./p-da1055cb.js";import{G as n}from"./p-8aa77fd1.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const r=class{constructor(t){e(this,t),this._id=n.UID(),this.data=[]}render(){const{data:e}=this,i="bcm-attendance";return t(a,{class:i},t("span",{hidden:!0},t("slot",null)),e.map((e=>{var a,n;return t("div",{class:`${i}__item`},t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / AM`},t("span",{class:`${i}__item-am ${i}__item-status-${null!==(a=e.am)&&void 0!==a?a:"default"}`})),t("bcm-tooltip",{trigger:"hover",message:`${e.weekday||null} / PM`},t("span",{class:`${i}__item-pm ${i}__item-status-${null!==(n=e.pm)&&void 0!==n?n:"default"}`})))})))}get el(){return i(this)}};r.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-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}';export{r as bcm_attendance}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,h as i,H as e,g as s}from"./p-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{I as n}from"./p-c23b6240.js";import{G as h}from"./p-
|
|
5
|
+
import{r as t,h as i,H as e,g as s}from"./p-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{I as n}from"./p-c23b6240.js";import{G as h}from"./p-8aa77fd1.js";import{B as p}from"./p-a429e85b.js";import{d as r}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const o=class{constructor(i){t(this,i),this._id=h.UID(),this.time=new Date,this.value=void 0,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1}componentWillLoad(){if("string"==typeof this.time){const t=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=t?new Date((new Date).setHours(Number(t[0]),Number(t[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async setClear(){return await this.picker.setClear(),await r(10),Promise.resolve()}async resetCaption(){return await r(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await r(10),Promise.resolve()}async open(){return await this.picker.open()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(e,{class:t},i("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:t=>this.picker=t,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}};(function(t,i,e,s){var a,n=arguments.length,h=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(h=(n<3?a(h):n>3?a(i,e,h):a(i,e))||h);n>3&&h&&Object.defineProperty(i,e,h)})([n()],o.prototype,"el",void 0),o.style='@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}';export{o as bcm_time_picker}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{h as n}from"./p-da1055cb.js";import{d as e}from"./p-3fac58f7.js";import{B as s}from"./p-a429e85b.js";import{c as a}from"./p-d65a1e21.js";import{s as t}from"./p-
|
|
5
|
+
import{h as n}from"./p-da1055cb.js";import{d as e}from"./p-3fac58f7.js";import{B as s}from"./p-a429e85b.js";import{c as a}from"./p-d65a1e21.js";import{s as t}from"./p-8aa77fd1.js";const i=({elementType:i,rows:o,id:c,internalId:r,type:l,placeholder:p,value:u,size:f,pattern:d,unit:m,unitPrefix:b,maxLength:x,disabled:w,clearable:h,focused:y,readonly:v,isPasswordVisible:C,passwordToggle:g,noDefaultIcon:j,inValid:_,captionType:k,resize:z,autocomplete:I,_suffix:T,_prefix:L,changePasswordVisibility:B,handleClear:D,steps:O,ref:P,handleBlur:V,handleFocus:F,handleInput:H,handleChange:M,isEyeDropperSupported:E,eyeDropper:S})=>{const q=s.HtmlElementType[i]||s.HtmlElementType.input;l="password"===l&&C?"text":l,u=t((()=>u),""),u=y?u:u+(u&&(null==m?void 0:m.length)>0?" "+m:"");const A="color"===(l=(null==m?void 0:m.length)>0&&!y?"text":l);l="color"===l?"text":l;var G=a("bcm-input__container",q===s.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+s.Size[f],"resize-"+z,"textarea-"+f),q===s.HtmlElementType.input&&a("input-size-"+s.Size[f]),{focused:y,clearable:h,disabled:w,readonly:v,invalid:_,unit:(null==m?void 0:m.length)>0,error:"error"===k});const J=a("caret-container",{unit:(null==m?void 0:m.length)>0,disabled:w||v||_}),K="bcm-input__container--"+f,N=a(K,"unit-prefix");return n("div",{class:G,id:c+"-container"},n("span",{hidden:!0},n("slot",null)),n("span",{class:"input-prefix"},n("slot",{name:"prefix"}),L&&L.length>0&&n("span",{innerHTML:L}),b&&n("span",{class:N},b),A&&n("i",{class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-slate-300",style:{backgroundColor:u}})),n(q,Object.assign({tabindex:"0",id:c+"-input","bcm-internal-id":r,class:"bcm-input-element "+K},q===s.HtmlElementType.input&&{type:l,autocomplete:I?"on":"off",pattern:d},q===s.HtmlElementType.textarea&&{rows:o,resize:z},{value:u,maxLength:x,placeholder:p,disabled:w,readOnly:v,ref:n=>P(n),onBlur:n=>(n=>{n.target.parentElement.classList.remove("focused"),V(n)})(n),onFocus:n=>(n=>{n.target.parentElement.classList.add("focused"),F(n)})(n),onInput:n=>H(n),onChange:n=>M(n)})),n("span",{class:"input-suffix-content"},h&&!w&&!v&&n("span",{class:"input-suffix input-suffix-button input-clear-button",onClick:n=>D(n)},n("bcm-icon",{icon:"far fa-times"}))),n("span",{class:"input-suffix-content"},("password"===l||"text"===l)&&g&&n("span",{class:"input-suffix input-suffix-button",onClick:()=>B()},n("bcm-icon",{icon:C?"far fa-eye-slash":"far fa-eye"}))),n("span",{class:"input-suffix-content"},Object.keys(e).includes(l)&&!j&&n("span",{class:"input-suffix"},n("bcm-icon",{icon:e[l]}))),n("span",{class:"input-suffix-content"},"number"===l&&n("div",{class:J},n("span",{class:"bcm-input-caret",onClick:()=>O("up")},n("bcm-icon",{icon:"fas fa-caret-up"})),n("span",{class:"bcm-input-caret",onClick:()=>O("down")},n("bcm-icon",{icon:"fas fa-caret-down"})))),n("span",{class:"input-suffix-content"},"number"!==l&&n("span",{class:"input-suffix"},n("slot",{name:"suffix"}),T&&T.length>0&&n("span",{innerHTML:T})),A&&E()&&n("span",{class:"input-suffix"},n("span",null,n("i",{class:"far fa-eye-dropper",onClick:()=>S()})))))};export{i as I}
|
|
@@ -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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.js');
|
|
13
|
+
const numberHelper = require('./number-helper-453e02ee.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-2fcf98d3.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.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-453e02ee.js');
|
|
23
|
+
require('./validators-2fcf98d3.js');
|
|
24
|
+
const tooltipHelper = require('./tooltip-helper-748b4ab6.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.js');
|
|
13
|
+
require('./number-helper-453e02ee.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-2fcf98d3.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-cf48ed2d.js');
|
|
15
|
+
require('./number-helper-453e02ee.js');
|
|
16
16
|
require('./string-helper-45cffee0.js');
|
|
17
|
-
require('./validators-
|
|
17
|
+
require('./validators-2fcf98d3.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() && this.htmlContent) {
|
|
17281
17281
|
if (this.isOpen) {
|
|
17282
17282
|
floatingUi.FloatingUI({
|
|
17283
17283
|
ref: this.target(),
|
|
17284
|
-
floating:
|
|
17284
|
+
floating: this.htmlContent,
|
|
17285
17285
|
placement: this.placement,
|
|
17286
17286
|
offset: 4,
|
|
17287
17287
|
autoHidden: el.getAttribute("main-linked") === "true" ? false : true,
|
|
@@ -17313,8 +17313,18 @@ const BcmLinked = class {
|
|
|
17313
17313
|
}
|
|
17314
17314
|
}
|
|
17315
17315
|
componentDidLoad() {
|
|
17316
|
+
this.htmlContent = this.el.querySelector(".linked-content");
|
|
17316
17317
|
this.init();
|
|
17317
|
-
|
|
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
|
+
}
|
|
17318
17328
|
}
|
|
17319
17329
|
triggerWatch(newValue) {
|
|
17320
17330
|
if (newValue === bcm.Bcm$1.TriggerType.hover) {
|
|
@@ -17322,6 +17332,7 @@ const BcmLinked = class {
|
|
|
17322
17332
|
}
|
|
17323
17333
|
}
|
|
17324
17334
|
watchIsOpen() {
|
|
17335
|
+
this.updateBody();
|
|
17325
17336
|
this.bcmOpen.emit(this.isOpen);
|
|
17326
17337
|
}
|
|
17327
17338
|
onLinkedDataDismis() {
|
|
@@ -17336,7 +17347,7 @@ const BcmLinked = class {
|
|
|
17336
17347
|
wait && (await utils.delay(50));
|
|
17337
17348
|
const target = this.target();
|
|
17338
17349
|
if (target) {
|
|
17339
|
-
document.body.appendChild(this.el);
|
|
17350
|
+
// document.body.appendChild(this.el);
|
|
17340
17351
|
target.setAttribute("linked-is-open", "true");
|
|
17341
17352
|
this.isOpen = true;
|
|
17342
17353
|
this.calculatePosition();
|
|
@@ -17366,7 +17377,7 @@ const BcmLinked = class {
|
|
|
17366
17377
|
if (this.trigger === bcm.Bcm$1.TriggerType.hover)
|
|
17367
17378
|
return;
|
|
17368
17379
|
const isTarget = generate.Generate.findEventPath(e, this.target());
|
|
17369
|
-
const isSelf = generate.Generate.findEventPath(e, this.
|
|
17380
|
+
const isSelf = generate.Generate.findEventPath(e, this.htmlContent);
|
|
17370
17381
|
const isLinked = generate.Generate.findEventPathWithNodeName(e, "BCM-LINKED");
|
|
17371
17382
|
if (!isTarget && !isSelf && !isLinked) {
|
|
17372
17383
|
this.hide();
|
|
@@ -17415,7 +17426,7 @@ const BcmLinked = class {
|
|
|
17415
17426
|
}
|
|
17416
17427
|
render() {
|
|
17417
17428
|
const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
|
|
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)));
|
|
17429
|
+
return (index$1.h(index$1.Host, { class: "tw-hidden" }, index$1.h("div", { class: "linked-content 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))));
|
|
17419
17430
|
}
|
|
17420
17431
|
get el() { return index$1.getElement(this); }
|
|
17421
17432
|
static get watchers() { return {
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* Copyright (c) Bromcom.
|
|
4
|
+
*/
|
|
5
|
+
'use strict';
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
|
+
|
|
9
|
+
const index = require('./index-ddfd6d8f.js');
|
|
10
|
+
|
|
11
|
+
const BcmContent = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.el.slot = "content";
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
return (index.h(index.Host, null, index.h("slot", null)));
|
|
18
|
+
}
|
|
19
|
+
get el() { return index.getElement(this); }
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.bcm_content = BcmContent;
|
|
@@ -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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.js');
|
|
13
|
+
require('./number-helper-453e02ee.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-2fcf98d3.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-f0554ad2.js');
|
|
13
|
+
const generate = require('./generate-cf48ed2d.js');
|
|
14
14
|
const bcm = require('./bcm-634604e3.js');
|
|
15
15
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
16
16
|
require('./colors-e1d142ad.js');
|
|
@@ -81,13 +81,6 @@ const BcmDropdown = class {
|
|
|
81
81
|
handleSlotItems({ detail }) {
|
|
82
82
|
this.data = detail;
|
|
83
83
|
}
|
|
84
|
-
componentDidLoad() {
|
|
85
|
-
var _a;
|
|
86
|
-
const bcmContent = this.el.querySelector('bcm-content');
|
|
87
|
-
if (bcmContent) {
|
|
88
|
-
(_a = document.getElementById(this.menuId)) === null || _a === void 0 ? void 0 : _a.appendChild(bcmContent);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
84
|
setActiveAttribute(e) {
|
|
92
85
|
if (e.detail) {
|
|
93
86
|
this.bcmDropdownChange.emit(e.detail);
|
|
@@ -107,7 +100,7 @@ const BcmDropdown = class {
|
|
|
107
100
|
'bcm-dropdown__icon--open': isOpen,
|
|
108
101
|
});
|
|
109
102
|
const dropdownIcon = (index.h("span", { class: iconClasses }, index.h("bcm-icon", { icon: this.dropdownIcon })));
|
|
110
|
-
return (index.h(index.Host, { class: hostClasses }, index.h("span", { hidden: true }, index.h("slot", null)), this.noStyle && index.h("slot", null), !this.noStyle && (index.h("bcm-button", Object.assign({ class: "main-button", id: `${this._id}-button` }, attributes, (icon && { icon }), (href && type === 'split' && { href }), (target && type === 'split' && { target }), (fullWidth && { fullWidth })), index.h("slot", null), type === 'dropdown' && dropdownIcon)), !this.noStyle && type === 'split' && (index.h("bcm-button", Object.assign({ id: `${this._id}-button-split`, class: "split-button" }, attributes), dropdownIcon)), index.h("bcm-linked", { id: `${this.menuId}`, "target-id": `${this._id}-button${type === 'split' ? '-split' : ''}`, placement: this.placement || (type === 'dropdown' ? 'bottom-start' : 'bottom-end'), "max-height": this.maxHeight, "min-height": this.minHeight, height: this.height, "on-bcm-open": e => { var _a; return ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.id) == this.menuId && (this.isOpen = e.detail); } }, this.data && this.data.length > 0 && index.h("bcm-menu", { data: this.data, selectable: this.selectable, "on-bcm-click": e => this.bcmClick.emit(e.detail), "onBcm-menu-change": e => this.setActiveAttribute(e), gap: this.gap, dropdown: true }))));
|
|
103
|
+
return (index.h(index.Host, { class: hostClasses }, index.h("span", { hidden: true }, index.h("slot", null)), this.noStyle && index.h("slot", null), !this.noStyle && (index.h("bcm-button", Object.assign({ class: "main-button", id: `${this._id}-button` }, attributes, (icon && { icon }), (href && type === 'split' && { href }), (target && type === 'split' && { target }), (fullWidth && { fullWidth })), index.h("slot", null), type === 'dropdown' && dropdownIcon)), !this.noStyle && type === 'split' && (index.h("bcm-button", Object.assign({ id: `${this._id}-button-split`, class: "split-button" }, attributes), dropdownIcon)), index.h("bcm-linked", { id: `${this.menuId}`, "target-id": `${this._id}-button${type === 'split' ? '-split' : ''}`, placement: this.placement || (type === 'dropdown' ? 'bottom-start' : 'bottom-end'), "max-height": this.maxHeight, "min-height": this.minHeight, height: this.height, "on-bcm-open": e => { var _a; return ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.id) == this.menuId && (this.isOpen = e.detail); } }, this.data && this.data.length > 0 && index.h("bcm-menu", { data: this.data, selectable: this.selectable, "on-bcm-click": e => this.bcmClick.emit(e.detail), "onBcm-menu-change": e => this.setActiveAttribute(e), gap: this.gap, dropdown: true }), index.h("slot", { name: "content" }))));
|
|
111
104
|
}
|
|
112
105
|
get el() { return index.getElement(this); }
|
|
113
106
|
static get watchers() { return {
|
|
@@ -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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.js');
|
|
11
|
+
const numberHelper = require('./number-helper-453e02ee.js');
|
|
12
12
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
13
|
-
const validators = require('./validators-
|
|
13
|
+
const validators = require('./validators-2fcf98d3.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-129e6e5b.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-cf48ed2d.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-cf48ed2d.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-f0554ad2.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-cf48ed2d.js');
|
|
15
|
+
const numberHelper = require('./number-helper-453e02ee.js');
|
|
16
16
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
17
|
-
const validators = require('./validators-
|
|
17
|
+
const validators = require('./validators-2fcf98d3.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-cf48ed2d.js');
|
|
14
|
+
require('./number-helper-453e02ee.js');
|
|
15
15
|
require('./string-helper-45cffee0.js');
|
|
16
|
-
require('./validators-
|
|
17
|
-
const tooltipHelper = require('./tooltip-helper-
|
|
16
|
+
require('./validators-2fcf98d3.js');
|
|
17
|
+
const tooltipHelper = require('./tooltip-helper-748b4ab6.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-cf48ed2d.js');
|
|
13
|
+
require('./number-helper-453e02ee.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-2fcf98d3.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-cf48ed2d.js');
|
|
13
|
+
require('./number-helper-453e02ee.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-2fcf98d3.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-cf48ed2d.js');
|
|
13
|
+
require('./number-helper-453e02ee.js');
|
|
14
14
|
require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-2fcf98d3.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-cf48ed2d.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-cf48ed2d.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-cf48ed2d.js');
|
|
12
12
|
const bcm = require('./bcm-634604e3.js');
|
|
13
13
|
require('./_commonjsHelpers-bd20f4c0.js');
|
|
14
14
|
require('./colors-e1d142ad.js');
|
|
@@ -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
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-cf48ed2d.js');
|
|
13
|
+
require('./number-helper-453e02ee.js');
|
|
14
14
|
const stringHelper = require('./string-helper-45cffee0.js');
|
|
15
|
-
require('./validators-
|
|
15
|
+
require('./validators-2fcf98d3.js');
|
|
16
16
|
require('./element-dragger-a8562f82.js');
|
|
17
17
|
const bcm = require('./bcm-634604e3.js');
|
|
18
18
|
const utils = require('./utils-fc077139.js');
|