@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6

package/components-build/p-DuBzr05c.js

@@ -0,0 +1 @@
+import{p as e,M as o,c as s,h as a,H as r,t as i}from"./index.js";import{f as c}from"./p-nxYzL9uu.js";import{i as t}from"./p-fUK0GCeC.js";import{K as b}from"./p-DcR7mHFE.js";import{K as d}from"./p-yLNcMg2E.js";import{c as h}from"./p-DhSchGPI.js";import{u as l}from"./p-cgdh1LO-.js";import{d as n}from"./p-B6e9eIHB.js";const k=e(class extends(o(c)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsChange=s(this,"bdsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this._keyboard=new b,this._id=h("bds-checkbox"),this.isDisabled=!1,this.isInvalid=!1,this.name="",this.info="",this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.error=!1,this.value="on",this.label="",this.formCheckbox=l(this,this.value),this.handleClick=()=>{this.toggle()}}componentWillLoad(){this.isDisabled=this.disabled,this.inheritedAttributes={...t(this.el)}}componentDidLoad(){this.formCheckbox.syncFormValue(),this._keyboard.attach(this.el).set(d.Space,(()=>{this.isDisabled||this.toggle()}))}disconnectedCallback(){this._keyboard.detach()}onCheckedChange(){this.formCheckbox.syncFormValue()}onDisabledChange(e){this.isDisabled=e}formAssociatedCallback(){this.formCheckbox.formAssociatedCallback()}formResetCallback(){this.formCheckbox.formResetCallback()}formStateRestoreCallback(e){this.formCheckbox.formStateRestoreCallback(e)}formDisabledCallback(e){this.formCheckbox.formDisabledCallback(e)}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}handleInvalid(e){e.preventDefault(),this.isInvalid=!0}toggle(){this.isDisabled||(this.indeterminate=!1,this.checked=!this.checked,this.valueChange.emit(this.checked),this.bdsChange.emit({checked:this.checked,value:this.value}))}get isError(){return this.error&&!this.disabled||this.isInvalid}getAriaChecked(){return this.indeterminate?"mixed":`${this.checked}`}get hideFromScreenReaders(){return null!==this.el.closest("bds-checkbox-card")||this.isDisabled}renderCheckIcon(){return this.indeterminate?a("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})):this.checked?a("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M3.5 8.5L6.5 11.5L12.5 4.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})):null}getClasses(){return{"bds-checkbox":!0,"bds-checkbox--checked":this.checked,"bds-checkbox--indeterminate":this.indeterminate,"bds-checkbox--error":this.isError,"bds-checkbox--disabled":this.isDisabled}}render(){const e=`${this._id}-label`;return a(r,{key:"2d1fa28a22f182826625c313ffaf3a98d0784d0c",class:this.getClasses(),...this.inheritedAttributes,role:"checkbox","aria-required":this.required?"true":null,"aria-checked":this.getAriaChecked(),"aria-disabled":this.isDisabled?"true":null,"aria-invalid":this.isError?"true":null,"aria-hidden":this.hideFromScreenReaders?"true":null,"aria-labelledby":e||void 0,tabindex:this.hideFromScreenReaders?-1:0,onClick:this.handleClick},a("input",{key:"f8e3ca7085aa01a10e7fe397daf10f18024ce254",type:"checkbox",value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,"aria-hidden":"true",tabIndex:-1,onFocus:()=>this.el.focus()}),a("span",{key:"397626b30b104d317a8c48554e8b8f6396c9a441",class:"bds-checkbox__box"},this.renderCheckIcon()),a("span",{key:"f8aec05775f2819d3c9fd510378bb74a9e22cc5e",class:"bds-checkbox__content"},a("span",{key:"2956fccc6a6c7aa8624bb43798ece435cec7fbc0",class:"bds-checkbox__icon"},a("slot",{key:"845c326874e4b854b71a6f0a360e6e692629b683",name:"icon"})),a("label",{key:"35531d1619a81972e29bf5332012b51e19fa3223",id:e,class:"bds-checkbox__label"},""!==this.label.trim()?this.label:a("slot",null)),this.required&&a("em",{key:"81ea33ec4c831dea9029680b2ed7fff230849f4a",class:"bds-checkbox__required-indicator","aria-hidden":"true"},"*"),this.info&&a("span",{key:"237ad3a810ac31a95e59dc819ca118e8ab94763b",class:"bds-checkbox__info"},a("span",{key:"b83aa05c6b5468e7f57b3f36fd5e3ac770d5b985",class:"bds-checkbox__info-icon bds-icon-info-circle","aria-hidden":"true"}),a("bds-tooltip",{key:"572f7ab57a6144bdd5e22e0ee38a395cda7300d3"},this.info))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.bds-checkbox__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-checkbox{font-family:var(--boreal-typography-font-family-primary);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-2xs);outline:none;cursor:pointer}.bds-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-checkbox__content{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-checkbox__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular);font-style:normal}.bds-checkbox__info-icon{font-size:var(--boreal-typography-font-size-xs);color:var(--boreal-icon-default-light)}.bds-checkbox__label{font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm)}.bds-checkbox__label:empty{display:none}.bds-checkbox__icon:empty{display:none}.bds-checkbox__box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-spacing-m);height:var(--boreal-spacing-m);border:var(--boreal-spacing-3xs) solid var(--boreal-stroke-default-light);background:var(--boreal-ui-inverse);border-radius:var(--boreal-spacing-2xs);-webkit-transition:background 0.2s ease;transition:background 0.2s ease}.bds-checkbox:hover .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-checkbox:focus .bds-checkbox__box,.bds-checkbox:focus-visible .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-checkbox:active .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-ui-primary-base);background:var(--boreal-ui-primary-base);color:var(--boreal-icon-inverse)}.bds-checkbox--checked:hover .bds-checkbox__box{border-color:var(--boreal-stroke-primary-dark);background:var(--boreal-ui-primary-dark)}.bds-checkbox--checked:active .bds-checkbox__box{border-color:var(--boreal-stroke-primary-dark);background:var(--boreal-ui-primary-dark)}.bds-checkbox--checked:disabled .bds-checkbox__box{border-color:var(--boreal-stroke-primary-light);background:var(--boreal-ui-primary-light)}.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-icon-default-ink)}.bds-checkbox--indeterminate:disabled .bds-checkbox__box{color:var(--boreal-icon-disabled);background:var(--boreal-ui-inverse)}.bds-checkbox--error .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox--error.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}.bds-checkbox--error.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-icon-inverse);border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}.bds-checkbox--disabled{pointer-events:none;cursor:not-allowed}.bds-checkbox--disabled .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-ui-disabled)}.bds-checkbox--disabled .bds-checkbox__label{color:var(--boreal-text-disabled)}.bds-checkbox--disabled .bds-checkbox__required-indicator{color:var(--boreal-text-danger-light)}'}},[836,"bds-checkbox",{name:[513],info:[513],disabled:[516],required:[516],checked:[1540],indeterminate:[1540],error:[516],value:[1],label:[1],isDisabled:[32],isInvalid:[32],checkValidity:[64],reportValidity:[64]},[[0,"invalid","handleInvalid"]],{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}]);function x(){"undefined"!=typeof customElements&&["bds-checkbox","bds-tooltip"].forEach((e=>{switch(e){case"bds-checkbox":customElements.get(i(e))||customElements.define(i(e),k);break;case"bds-tooltip":customElements.get(i(e))||n()}}))}export{k as B,x as d}

package/components-build/p-PmjPRW8X.js

@@ -0,0 +1 @@
+import{p as e,M as o,h as t,H as r,t as a}from"./index.js";import{a as s,g as i}from"./p-DrkDx75U.js";import{b as p}from"./p-Dh8DSJs_.js";import{d as n}from"./p-DdOPD9wW.js";const l=e(class extends(o(s)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.floatingOptions={},this.disabled=!1,this.width=320,this.header=!1,this.footer=!1,this.closable=!1,this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:i(this.floatingOptions?.hideArrow,this.floatingOptions?.offset,11),arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed",shift:!0,flip:!0}}get popoverWidth(){return"full"===this.width?"100%":"auto"===this.width?"auto":`${this.width}px`}get hooks(){return{onPositionUpdate:e=>this.handlePosition(e),onBeforeShow:()=>!this.disabled,onAfterShow:()=>this.attachClickOutside(),onAfterHide:()=>this.detachClickOutside(),onBeforeLoad:()=>this.attachTrigger(),subscribeToTrigger:e=>this.subscribe(e)}}attachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&(this.boundClickOutside=e=>this.handleClickOutside(e),document.addEventListener("mousedown",this.boundClickOutside))}detachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&null!==this.boundClickOutside&&(document.removeEventListener("mousedown",this.boundClickOutside),this.boundClickOutside=()=>{})}setArrowPosition(e){if(e.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const o=this.floatingOptions.placement,t=e.middlewareData.arrow;let r=t.x||void 0;("top-start"===o||"bottom-start"===o)&&(r=t.x?20:void 0);const a=e.middlewareData.arrow.y;Object.assign(this.arrowElement.style,{left:null!=r?`${r}px`:"",top:null!=a?`${a}px`:""})}}handleClickOutside(e){const o=e.target,t=this.listenTarget?.contains(o)||this.trigger?.contains(o)||this.triggerSlot?.contains(o),r=this.floatingContent.contains(o)||this.floatingContent===o;t||r||this.hide()}handleContentClick(e){e.stopPropagation(),this.handleFloatingClick()}handleFloatingClick(){this.floatingOptions.closeOnClick&&this.hide()}handlePosition(e){if(this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e),"full"===this.width&&null!=this.triggerSlot){const e=(this.triggerSlot.parentElement??this.triggerSlot).getBoundingClientRect().width,o=this.floatingContent.getBoundingClientRect().width;Math.round(o)!==Math.round(e)&&(this.floatingContent.style.width=`${e}px`),this.updatePosition(this.triggerSlot,this.floatingContent,this.options,(e=>{this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e)}))}else"auto"===this.width&&(this.floatingContent.style.width="")}attachTrigger(){}subscribe(e){if(void 0===e)return;this.trigger=e,e.setAttribute("part","popover-trigger"),e.setAttribute("ariaDescribedBy","popover-content"),e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded","false");const o=e.closest("bds-button, bds-input, bds-select");if(null!=o){const e=o.querySelector("button, input");this.listenTarget=e??o,this.listenTarget.addEventListener("click",(e=>this.handleShow(e))),this.listenTarget.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.show()),(()=>this.hide()))))}else this.trigger.addEventListener("click",(e=>this.handleShow(e))),this.trigger.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.show()),(()=>this.hide()))))}handleShow(e){e.stopPropagation(),this.toggle()}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}get hasHeaderSlot(){return null!==this.el.querySelector('[slot="header"]')}get hasFooterSlot(){return null!==this.el.querySelector('[slot="footer"]')}async openPopover(){this.show()}async closePopover(){this.hide()}disconnectedCallback(){this.listenTarget.removeEventListener("click",(e=>this.handleShow(e))),this.trigger.removeEventListener("click",(e=>this.handleShow(e)))}render(){return t(r,{key:"1145ed2dd0b348768e488601c1fb107d324722d6",class:"popover",style:{width:this.popoverWidth},popover:"manual",role:"tooltip","data-placement":this.getPlacement,"data-hidearrow":this.canShowArrow,"aria-hidden":this.isVisible?"false":"true",onClick:e=>this.handleContentClick(e),ref:e=>this.floatingContent=e},this.header&&t("div",{key:"17f0abca3fb63dec5cc653f04fe9f9b66f8726c7",class:"popover-header"},t("div",{key:"2a75d8bc515b5a570d205b3ed0165fa90f499e72",class:"popover-header__content"},t("span",{key:"e4e3c86e939a164bbf1d66e27ae81ad79e72f622",class:"popover-header__icon"},t("slot",{key:"dae8e922f5764e0df061d00e1610d10b9b566c1b",name:"header-icon"})),t("span",{key:"2c5712ba18797e4afd646116049bceb7bc947304",class:"popover-header__title"},t("slot",{key:"3f50071dd0967d019af5df4b42ba74fda8506288",name:"header-title"}))),this.closable&&t("bds-button",{key:"9a2cea30f338e9f9e43b86ded9307b23380d061c",class:"popover-header__close",size:p.SMALL,onBdsClick:()=>this.hide()},t("em",{key:"f58e153416d703d86a2dd6e040fc7d4db4a3493c",slot:"icon",class:"bds-icon-close"}))),this.canShowArrow&&t("div",{key:"e52f80b940678fb20fdde853ebc3f21e2bfc05eb",class:"popover-arrow",part:"arrow",ref:e=>this.arrowElement=e}),t("div",{key:"3bcaf09c7d1e4760f220241352dead7f7d67a576",class:"popover-content",tabIndex:-1,part:"popover-content"},t("slot",{key:"2b9308edf77812d1055f76266304466261563fe0"})),this.footer&&t("div",{key:"33e39c5c515bddcf0339e4af834026436e475035",class:"popover-footer",onClick:e=>e.stopPropagation()},t("slot",{key:"4155b26aef0e05a4b3c1f8692b6e8fb41b556eed",name:"footer-helper"}),t("slot",{key:"d05f3fe0bcebd6082ad19b217805fe657c78166c",name:"footer-button"})))}get el(){return this}static get style(){return'@charset "UTF-8";:root{--popover-arrow-size:var(--boreal-spacing-s);--popover-width:320px}.popover{position:fixed;margin:0;overflow:visible;border-radius:var(--boreal-radius-xs2);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular);background:var(--boreal-ui-inverse);-webkit-filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:transparent;cursor:auto}.popover-content{position:relative;padding:var(--boreal-spacing-s)}.popover[popover]:not(:popover-open){display:none}.popover-header{border-bottom:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-m) var(--boreal-spacing-xs) var(--boreal-spacing-m) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover-header__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.popover-header__title{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.popover-header__icon{font-size:var(--boreal-typography-font-size-md);margin-right:var(--boreal-spacing-3xs)}.popover-header__close{margin-left:var(--boreal-spacing-s)}.popover-header__close .bds-button{margin:0;padding:0;width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close .bds-button__content{width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close em{font-size:var(--boreal-typography-font-size-xs)}.popover-footer{border-top:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-s) var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover .popover-arrow{position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);pointer-events:none}.popover .popover-arrow::before{content:"";position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--boreal-ui-inverse);-webkit-transform:rotate(45deg);transform:rotate(45deg);inset:0}.popover[data-placement^=top] .popover-arrow{bottom:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=top] .popover-arrow::before{bottom:0}.popover[data-placement^=bottom] .popover-arrow{top:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=bottom] .popover-arrow::before{bottom:0}.popover[data-placement^=left] .popover-arrow{right:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=left] .popover-arrow::before{left:0}.popover[data-placement^=right] .popover-arrow{left:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=right] .popover-arrow::before{left:0}'}},[772,"bds-popover",{floatingOptions:[16],disabled:[4],width:[8],header:[4],footer:[4],closable:[4],isVisible:[32],openPopover:[64],closePopover:[64]}]);function h(){"undefined"!=typeof customElements&&["bds-popover","bds-button"].forEach((e=>{switch(e){case"bds-popover":customElements.get(a(e))||customElements.define(a(e),l);break;case"bds-button":customElements.get(a(e))||n()}}))}export{l as B,h as d}

package/components-build/p-cgdh1LO-.js

@@ -0,0 +1 @@
+function l(l,a){const e=()=>{l.required&&!l.checked?l.internals.setValidity({valueMissing:!0}," ",l.el):(l.internals.setValidity({}),l.isInvalid&&(l.isInvalid=!1))},o=()=>{l.internals.setFormValue(l.checked?l.value:null),e()};return{syncFormValue:o,formAssociatedCallback:()=>{o()},formResetCallback:()=>{l.checked=!1,l.isInvalid=!1,l.indeterminate=!1,l.internals.setFormValue(null),e()},formStateRestoreCallback:e=>{l.checked=e===a,o()},formDisabledCallback:a=>{l.isDisabled=a}}}export{l as u}

package/components-build/p-yLNcMg2E.js

@@ -0,0 +1 @@
+const r={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",Home:"Home",End:"End",Enter:"Enter",Escape:"Escape",Space:" ",PageUp:"PageUp",PageDown:"PageDown"},o={Alt:"alt",Control:"control",Meta:"meta"};class e{error(r,o){throw new Error(`[${r}]: ${o}`)}warn(r,o){console.warn(`[${r}]: ${o}`)}log(r,o){console.log(`[${r}]: ${o}`)}}export{r as K,e as L,o as a}