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

package/dist/esm-es5/bds-popover.entry.js

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var e=function(o,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,o){e.__proto__=o}||function(e,o){for(var t in o)if(Object.prototype.hasOwnProperty.call(o,t))e[t]=o[t]};return e(o,t)};return function(o,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(o,t);function r(){this.constructor=o}o.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}}();import{M as Mixin,r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{a as anchoredMixin,g as getOffset}from"./getOffset-DKPjeBHi.js";import{B as BUTTON_SIZES}from"./enum-C8mRvnTA.js";import"./floating.mixin-DCXSEEVH.js";import"./Keys-CzYQb3pP.js";var OFFSET=11;var bdsPopoverCss=function(){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}'};var BdsPopover=function(e){__extends(o,e);function o(o){var t=e.call(this)||this;registerInstance(t,o);t.floatingOptions={};t.disabled=false;t.width=320;t.header=false;t.footer=false;t.closable=false;t.isVisible=false;return t}Object.defineProperty(o.prototype,"options",{get:function(){var e,o,t;return{placement:(e=this.floatingOptions.placement)!==null&&e!==void 0?e:"bottom",offset:getOffset((o=this.floatingOptions)===null||o===void 0?void 0:o.hideArrow,(t=this.floatingOptions)===null||t===void 0?void 0:t.offset,OFFSET),arrow:this.floatingOptions.hideArrow?undefined:this.arrowElement,strategy:"fixed",shift:true,flip:true}},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"popoverWidth",{get:function(){if(this.width==="full")return"100%";if(this.width==="auto")return"auto";return"".concat(this.width,"px")},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"hooks",{get:function(){var e=this;return{onPositionUpdate:function(o){return e.handlePosition(o)},onBeforeShow:function(){return!e.disabled},onAfterShow:function(){return e.attachClickOutside()},onAfterHide:function(){return e.detachClickOutside()},onBeforeLoad:function(){return e.attachTrigger()},subscribeToTrigger:function(o){return e.subscribe(o)}}},enumerable:false,configurable:true});o.prototype.attachClickOutside=function(){var e=this;var o;if(((o=this.floatingOptions)===null||o===void 0?void 0:o.closeOnClickOutside)===false)return;this.boundClickOutside=function(o){return e.handleClickOutside(o)};document.addEventListener("mousedown",this.boundClickOutside)};o.prototype.detachClickOutside=function(){var e;if(((e=this.floatingOptions)===null||e===void 0?void 0:e.closeOnClickOutside)===false)return;if(this.boundClickOutside!==null){document.removeEventListener("mousedown",this.boundClickOutside);this.boundClickOutside=function(){}}};o.prototype.setArrowPosition=function(e){var o,t;if(((o=e.middlewareData)===null||o===void 0?void 0:o.arrow)&&!this.disabled&&((t=this.arrowElement)===null||t===void 0?void 0:t.isConnected)){var r=this.floatingOptions.placement;var a=e.middlewareData.arrow;var n=r==="top-start"||r==="bottom-start";var i=a.x||undefined;if(n)i=a.x?20:undefined;var s=e.middlewareData.arrow.y;Object.assign(this.arrowElement.style,{left:i!=null?"".concat(i,"px"):"",top:s!=null?"".concat(s,"px"):""})}};o.prototype.handleClickOutside=function(e){var o,t,r;var a=e.target;var n=((o=this.listenTarget)===null||o===void 0?void 0:o.contains(a))||((t=this.trigger)===null||t===void 0?void 0:t.contains(a))||((r=this.triggerSlot)===null||r===void 0?void 0:r.contains(a));var i=this.floatingContent.contains(a)||this.floatingContent===a;if(!n&&!i){this.hide()}};o.prototype.handleContentClick=function(e){e.stopPropagation();this.handleFloatingClick()};o.prototype.handleFloatingClick=function(){if(this.floatingOptions.closeOnClick)this.hide()};o.prototype.handlePosition=function(e){var o=this;var t;this.floatingContent.setAttribute("data-placement",e.placement);this.setArrowPosition(e);if(this.width==="full"&&this.triggerSlot!==null&&this.triggerSlot!==undefined){var r=(t=this.triggerSlot.parentElement)!==null&&t!==void 0?t:this.triggerSlot;var a=r.getBoundingClientRect().width;var n=this.floatingContent.getBoundingClientRect().width;if(Math.round(n)!==Math.round(a)){this.floatingContent.style.width="".concat(a,"px")}void this.updatePosition(this.triggerSlot,this.floatingContent,this.options,(function(e){o.floatingContent.setAttribute("data-placement",e.placement);o.setArrowPosition(e)}))}else if(this.width==="auto"){this.floatingContent.style.width=""}};o.prototype.attachTrigger=function(){if(this.trigger!==null&&this.trigger!==undefined)return};o.prototype.subscribe=function(e){var o=this;if(e===undefined)return;this.trigger=e;e.setAttribute("part","popover-trigger");e.setAttribute("ariaDescribedBy","popover-content");e.setAttribute("aria-haspopup","true");e.setAttribute("aria-expanded","false");var t=e.closest("bds-button, bds-input, bds-select");if(t!==null&&t!==undefined){var r=t.querySelector("button, input");var a=r!==null&&r!==void 0?r:t;this.listenTarget=a;this.listenTarget.addEventListener("click",(function(e){return o.handleShow(e)}));this.listenTarget.addEventListener("keydown",(function(e){return o.handleKeydown(e,(function(){return o.showElement()}),(function(){return o.hideElement()}))}))}else{this.trigger.addEventListener("click",(function(e){return o.handleShow(e)}));this.trigger.addEventListener("keydown",(function(e){return o.handleKeydown(e,(function(){return o.showElement()}),(function(){return o.hideElement()}))}))}};o.prototype.handleShow=function(e){e.stopPropagation();this.toggle()};Object.defineProperty(o.prototype,"canShowArrow",{get:function(){return!this.floatingOptions.hideArrow||false},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"getPlacement",{get:function(){return this.floatingOptions.placement||"bottom"},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"hasHeaderSlot",{get:function(){return this.el.querySelector('[slot="header"]')!==null},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"hasFooterSlot",{get:function(){return this.el.querySelector('[slot="footer"]')!==null},enumerable:false,configurable:true});o.prototype.disconnectedCallback=function(){var e=this;this.listenTarget.removeEventListener("click",(function(o){return e.handleShow(o)}));this.trigger.removeEventListener("click",(function(o){return e.handleShow(o)}))};o.prototype.render=function(){var e=this;return h(Host,{key:"d9bdf356fc8aa99312073be3589cf50f4bd1afbe",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:function(o){return e.handleContentClick(o)},ref:function(o){return e.floatingContent=o}},this.header&&h("div",{key:"a9172eb13620a218c1a37bd52eddaa6f9b53739c",class:"popover-header"},h("div",{key:"3b8774f0f8f461ce164220d53c48139e95a1b8f5",class:"popover-header__content"},h("span",{key:"86cc8cedf2c7970834a61c8374fc23d67417c2dd",class:"popover-header__icon"},h("slot",{key:"1e356d9b87672942ef4d19f33f5de9c707d02cb2",name:"header-icon"})),h("span",{key:"c014a7a269a4cc79841d4350e7e8efc4fc39cb06",class:"popover-header__title"},h("slot",{key:"39ce847785bbad57635834c7957146b89245438e",name:"header-title"}))),this.closable&&h("bds-button",{key:"a54358b74d8d29f5afeaa9f6fe1f07343f6784c6",class:"popover-header__close",size:BUTTON_SIZES.SMALL,onBdsClick:function(){return e.hide()}},h("em",{key:"efdca5b8e1f0560a15e063e832f1aeb9c754a820",slot:"icon",class:"bds-icon-close"}))),this.canShowArrow&&h("div",{key:"16870352c06b06de9b67e542e9e1753c7e3bff66",class:"popover-arrow",part:"arrow",ref:function(o){return e.arrowElement=o}}),h("div",{key:"b5dddeeedcc5ba9d107af57a25d9ca350a0621a8",class:"popover-content",tabIndex:-1,part:"popover-content"},h("slot",{key:"4bfc174186ab356747175464922c0d6b09d6b608"})),this.footer&&h("div",{key:"8476df1ee6751d6cba4cc52efad6675ea74bdc18",class:"popover-footer",onClick:function(e){return e.stopPropagation()}},h("slot",{key:"de60d356d96ae56c8e0a1349f6bafa87700998c6",name:"footer-helper"}),h("slot",{key:"21e59115a077f31b7b05aeea29cd23394642dd4d",name:"footer-button"})))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}(Mixin(anchoredMixin));BdsPopover.style=bdsPopoverCss();export{BdsPopover as bds_popover};
+var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(t,r);function o(){this.constructor=t}t.prototype=r===null?Object.create(r):(o.prototype=r.prototype,new o)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,o){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function a(e){try{f(o.next(e))}catch(e){i(e)}}function s(e){try{f(o["throw"](e))}catch(e){i(e)}}function f(e){e.done?r(e.value):n(e.value).then(a,s)}f((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return f([e,t])}}function f(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{a as anchoredMixin,g as getOffset}from"./getOffset-DCLpJBcp.js";import{B as BUTTON_SIZES}from"./enum-DlVzZK7o.js";import"./Logger-iq2UuV7c.js";import"./floating.mixin-DCXSEEVH.js";import"./Keys-7G4h4DI7.js";var OFFSET=11;var bdsPopoverCss=function(){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}'};var BdsPopover=function(e){__extends(t,e);function t(t){var r=e.call(this)||this;registerInstance(r,t);r.floatingOptions={};r.disabled=false;r.width=320;r.header=false;r.footer=false;r.closable=false;r.isVisible=false;return r}Object.defineProperty(t.prototype,"options",{get:function(){var e,t,r;return{placement:(e=this.floatingOptions.placement)!==null&&e!==void 0?e:"bottom",offset:getOffset((t=this.floatingOptions)===null||t===void 0?void 0:t.hideArrow,(r=this.floatingOptions)===null||r===void 0?void 0:r.offset,OFFSET),arrow:this.floatingOptions.hideArrow?undefined:this.arrowElement,strategy:"fixed",shift:true,flip:true}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"popoverWidth",{get:function(){if(this.width==="full")return"100%";if(this.width==="auto")return"auto";return"".concat(this.width,"px")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hooks",{get:function(){var e=this;return{onPositionUpdate:function(t){return e.handlePosition(t)},onBeforeShow:function(){return!e.disabled},onAfterShow:function(){return e.attachClickOutside()},onAfterHide:function(){return e.detachClickOutside()},onBeforeLoad:function(){return e.attachTrigger()},subscribeToTrigger:function(t){return e.subscribe(t)}}},enumerable:false,configurable:true});t.prototype.attachClickOutside=function(){var e=this;var t;if(((t=this.floatingOptions)===null||t===void 0?void 0:t.closeOnClickOutside)===false)return;this.boundClickOutside=function(t){return e.handleClickOutside(t)};document.addEventListener("mousedown",this.boundClickOutside)};t.prototype.detachClickOutside=function(){var e;if(((e=this.floatingOptions)===null||e===void 0?void 0:e.closeOnClickOutside)===false)return;if(this.boundClickOutside!==null){document.removeEventListener("mousedown",this.boundClickOutside);this.boundClickOutside=function(){}}};t.prototype.setArrowPosition=function(e){var t,r;if(((t=e.middlewareData)===null||t===void 0?void 0:t.arrow)&&!this.disabled&&((r=this.arrowElement)===null||r===void 0?void 0:r.isConnected)){var o=this.floatingOptions.placement;var n=e.middlewareData.arrow;var i=o==="top-start"||o==="bottom-start";var a=n.x||undefined;if(i)a=n.x?20:undefined;var s=e.middlewareData.arrow.y;Object.assign(this.arrowElement.style,{left:a!=null?"".concat(a,"px"):"",top:s!=null?"".concat(s,"px"):""})}};t.prototype.handleClickOutside=function(e){var t,r,o;var n=e.target;var i=((t=this.listenTarget)===null||t===void 0?void 0:t.contains(n))||((r=this.trigger)===null||r===void 0?void 0:r.contains(n))||((o=this.triggerSlot)===null||o===void 0?void 0:o.contains(n));var a=this.floatingContent.contains(n)||this.floatingContent===n;if(!i&&!a){this.hide()}};t.prototype.handleContentClick=function(e){e.stopPropagation();this.handleFloatingClick()};t.prototype.handleFloatingClick=function(){if(this.floatingOptions.closeOnClick)this.hide()};t.prototype.handlePosition=function(e){var t=this;var r;this.floatingContent.setAttribute("data-placement",e.placement);this.setArrowPosition(e);if(this.width==="full"&&this.triggerSlot!==null&&this.triggerSlot!==undefined){var o=(r=this.triggerSlot.parentElement)!==null&&r!==void 0?r:this.triggerSlot;var n=o.getBoundingClientRect().width;var i=this.floatingContent.getBoundingClientRect().width;if(Math.round(i)!==Math.round(n)){this.floatingContent.style.width="".concat(n,"px")}void this.updatePosition(this.triggerSlot,this.floatingContent,this.options,(function(e){t.floatingContent.setAttribute("data-placement",e.placement);t.setArrowPosition(e)}))}else if(this.width==="auto"){this.floatingContent.style.width=""}};t.prototype.attachTrigger=function(){if(this.trigger!==null&&this.trigger!==undefined)return};t.prototype.subscribe=function(e){var t=this;if(e===undefined)return;this.trigger=e;e.setAttribute("part","popover-trigger");e.setAttribute("ariaDescribedBy","popover-content");e.setAttribute("aria-haspopup","true");e.setAttribute("aria-expanded","false");var r=e.closest("bds-button, bds-input, bds-select");if(r!==null&&r!==undefined){var o=r.querySelector("button, input");var n=o!==null&&o!==void 0?o:r;this.listenTarget=n;this.listenTarget.addEventListener("click",(function(e){return t.handleShow(e)}));this.listenTarget.addEventListener("keydown",(function(e){return t.handleKeydown(e,(function(){return t.show()}),(function(){return t.hide()}))}))}else{this.trigger.addEventListener("click",(function(e){return t.handleShow(e)}));this.trigger.addEventListener("keydown",(function(e){return t.handleKeydown(e,(function(){return t.show()}),(function(){return t.hide()}))}))}};t.prototype.handleShow=function(e){e.stopPropagation();this.toggle()};Object.defineProperty(t.prototype,"canShowArrow",{get:function(){return!this.floatingOptions.hideArrow||false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"getPlacement",{get:function(){return this.floatingOptions.placement||"bottom"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hasHeaderSlot",{get:function(){return this.el.querySelector('[slot="header"]')!==null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hasFooterSlot",{get:function(){return this.el.querySelector('[slot="footer"]')!==null},enumerable:false,configurable:true});t.prototype.openPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.show();return[2]}))}))};t.prototype.closePopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.hide();return[2]}))}))};t.prototype.disconnectedCallback=function(){var e=this;this.listenTarget.removeEventListener("click",(function(t){return e.handleShow(t)}));this.trigger.removeEventListener("click",(function(t){return e.handleShow(t)}))};t.prototype.render=function(){var e=this;return h(Host,{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:function(t){return e.handleContentClick(t)},ref:function(t){return e.floatingContent=t}},this.header&&h("div",{key:"17f0abca3fb63dec5cc653f04fe9f9b66f8726c7",class:"popover-header"},h("div",{key:"2a75d8bc515b5a570d205b3ed0165fa90f499e72",class:"popover-header__content"},h("span",{key:"e4e3c86e939a164bbf1d66e27ae81ad79e72f622",class:"popover-header__icon"},h("slot",{key:"dae8e922f5764e0df061d00e1610d10b9b566c1b",name:"header-icon"})),h("span",{key:"2c5712ba18797e4afd646116049bceb7bc947304",class:"popover-header__title"},h("slot",{key:"3f50071dd0967d019af5df4b42ba74fda8506288",name:"header-title"}))),this.closable&&h("bds-button",{key:"9a2cea30f338e9f9e43b86ded9307b23380d061c",class:"popover-header__close",size:BUTTON_SIZES.SMALL,onBdsClick:function(){return e.hide()}},h("em",{key:"f58e153416d703d86a2dd6e040fc7d4db4a3493c",slot:"icon",class:"bds-icon-close"}))),this.canShowArrow&&h("div",{key:"e52f80b940678fb20fdde853ebc3f21e2bfc05eb",class:"popover-arrow",part:"arrow",ref:function(t){return e.arrowElement=t}}),h("div",{key:"3bcaf09c7d1e4760f220241352dead7f7d67a576",class:"popover-content",tabIndex:-1,part:"popover-content"},h("slot",{key:"2b9308edf77812d1055f76266304466261563fe0"})),this.footer&&h("div",{key:"33e39c5c515bddcf0339e4af834026436e475035",class:"popover-footer",onClick:function(e){return e.stopPropagation()}},h("slot",{key:"4155b26aef0e05a4b3c1f8692b6e8fb41b556eed",name:"footer-helper"}),h("slot",{key:"d05f3fe0bcebd6082ad19b217805fe657c78166c",name:"footer-button"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}(Mixin(anchoredMixin));BdsPopover.style=bdsPopoverCss();export{BdsPopover as bds_popover};

package/dist/esm-es5/bds-radio-button.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";var bdsRadioButtonCss=function(){return'@charset "UTF-8";.bds-radio-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--boreal-spacing-2xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);border:1px solid transparent;border-radius:var(--boreal-radius-s);background-color:var(--boreal-ui-default-base);color:var(--boreal-text-default);cursor:pointer;outline:none;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-button input[type=checkbox],.bds-radio-button input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio-button [slot=icon]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio-button:hover:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-radio-button:focus-visible,.bds-radio-button:focus{z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus);outline:none}.bds-radio-button:active:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-radio-button--checked{background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-primary-base);color:var(--boreal-text-primary-base)}.bds-radio-button--checked:hover,.bds-radio-button--checked:focus-visible,.bds-radio-button--checked:focus,.bds-radio-button--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-radio-button--error{background-color:var(--boreal-ui-inverse);color:var(--boreal-text-danger-base)}.bds-radio-button--error:hover,.bds-radio-button--error:focus-visible,.bds-radio-button--error:focus,.bds-radio-button--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-radio-button--error.bds-radio-button--checked{border-color:var(--boreal-stroke-danger-base)}.bds-radio-button--disabled{cursor:not-allowed;pointer-events:none;background-color:var(--boreal-ui-inverse);color:var(--boreal-text-disabled)}.bds-radio-button--disabled.bds-radio-button--checked{border-color:var(--boreal-stroke-primary-light);color:var(--boreal-text-primary-light)}.bds-radio-button__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.bds-radio-button__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio-button__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-radio-button__icon:empty{display:none}.bds-radio-button__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}'};var BdsRadioButton=function(){function e(e){var o=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange");this.checked=false;this.disabled=false;this.error=false;this.value="on";this.name="";this.label="";this.info="";this.handleClick=function(){return o.select()};this.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();o.select()}}}e.prototype.componentDidLoad=function(){this.el.setAttribute("role","radio");this.el.setAttribute("aria-checked",String(this.checked));this.el.setAttribute("tabindex","-1")};e.prototype.select=function(){if(this.disabled||this.checked)return;this.checked=true;this.el.setAttribute("aria-checked","true");this.bdsChange.emit({checked:true,value:this.value})};Object.defineProperty(e.prototype,"classMap",{get:function(){return{"bds-radio-button":true,"bds-radio-button--checked":this.checked,"bds-radio-button--error":this.error,"bds-radio-button--disabled":this.disabled}},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;return h(Host,{key:"a93a54d210b0b5f05e82f5e19f8fecd9502257ae",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("input",{key:"93c8fdba9be5708bb17114f76131ecf88457a6e1",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:function(){return e.el.focus()}}),h("span",{key:"a51c3c748941b943b16570d13463321ecd122f38",class:"bds-radio-button__icon"},h("slot",{key:"cbbe2373b77ec5743b2eb45e1acc7d753f0de206",name:"icon"})),h("span",{key:"e4d8f4ae5a6538540536908fabe23e5fe49ce2c1",class:"bds-radio-button__label"},this.label||h("slot",{key:"2cc5aee872ab7ffd933d626a8f95f406c434a399"})),this.info&&h("span",{key:"92b187ede0488712d778958de1b599fab975cbf0",class:"bds-radio-button__info"},h("span",{key:"9f840b4ba88fcae4ed226b242c508c96ec73abb6",class:"bds-radio-button__info-icon bds-icon-info-circle","aria-hidden":"true"}),h("bds-tooltip",{key:"fdf5d00827aae240d8cbe803b3f98c786c45f967"},this.info)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();BdsRadioButton.style=bdsRadioButtonCss();export{BdsRadioButton as bds_radio_button};

package/dist/esm-es5/bds-radio-card.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";var bdsRadioCardCss=function(){return'@charset "UTF-8";.bds-radio-card--transition{-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);background-color:var(--boreal-ui-inverse);padding:var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);border-radius:var(--boreal-radius-xs);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light)}.bds-radio-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-radio-card:focus-within,.bds-radio-card:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-radio-card:focus-visible{outline:none}.bds-radio-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio-card__container{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-xs);-ms-flex-align:start;align-items:flex-start}.bds-radio-card__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:var(--bds-radio-button-size, 18px);height:var(--bds-radio-button-size, 18px);margin-top:var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-full);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-card__dot{width:var(--bds-radio-dot-size, 10px);height:var(--bds-radio-dot-size, 10px);border-radius:var(--boreal-radius-full);background-color:transparent;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio-card__header{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-3xs);color:var(--boreal-text-default)}.bds-radio-card__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md)}.bds-radio-card__info-icon{font-size:var(--boreal-typography-font-size-xs);color:var(--boreal-icon-default-light)}.bds-radio-card__icon:empty{display:none}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__container{-ms-flex-align:center;align-items:center}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__content{height:var(--boreal-spacing-l)}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__button{margin-top:0}.bds-radio-card--checked{border-color:var(--boreal-stroke-primary-base)}.bds-radio-card--checked:hover,.bds-radio-card--checked:focus,.bds-radio-card--checked:focus-within,.bds-radio-card--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-radio-card--checked .bds-radio-card__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio-card--checked .bds-radio-card__header,.bds-radio-card--checked .bds-radio-card__description{color:var(--boreal-text-primary-base)}.bds-radio-card--disabled{pointer-events:none}.bds-radio-card--disabled .bds-radio-card__header,.bds-radio-card--disabled .bds-radio-card__description{color:var(--boreal-text-disabled)}.bds-radio-card--disabled:not(.bds-radio-card--checked) .bds-radio-card__button{background-color:var(--boreal-ui-disabled)}.bds-radio-card--disabled.bds-radio-card--checked,.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__button{border-color:var(--boreal-ui-primary-light)}.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-primary-light)}.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__header,.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__description{color:var(--boreal-ui-primary-light)}.bds-radio-card--error{border-color:var(--boreal-stroke-danger-base)}.bds-radio-card--error:hover,.bds-radio-card--error:focus,.bds-radio-card--error:focus-within,.bds-radio-card--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-radio-card--error .bds-radio-card__header,.bds-radio-card--error .bds-radio-card__description{color:var(--boreal-text-danger-base)}.bds-radio-card--error .bds-radio-card__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio-card--error.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-danger-base)}'};var BdsRadioCard=function(){function a(a){var r=this;registerInstance(this,a);this.bdsChange=createEvent(this,"bdsChange");this.value="on";this.info="";this.name="";this.label="";this.checked=false;this.disabled=false;this.error=false;this.handleClick=function(){return r.select()};this.handleKeyDown=function(a){if(a.key===" "){a.preventDefault();r.select()}}}a.prototype.select=function(){if(this.disabled||this.checked)return;this.checked=true;this.bdsChange.emit({checked:true,value:this.value})};a.prototype.componentDidLoad=function(){var a=this;requestAnimationFrame((function(){a.el.classList.add("bds-radio-card--transition")}))};Object.defineProperty(a.prototype,"isError",{get:function(){return this.error&&!this.disabled},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"hostClasses",{get:function(){return{"bds-radio-card":true,"bds-radio-card--disabled":this.disabled,"bds-radio-card--checked":this.checked,"bds-radio-card--error":this.isError}},enumerable:false,configurable:true});a.prototype.render=function(){var a=this;return h(Host,{key:"731577746499239383ad4ee961cc947398e11dcb",class:this.hostClasses,role:"radio","aria-checked":"".concat(this.checked),"aria-disabled":this.disabled?"true":"false","aria-invalid":this.isError?"true":"false",tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{key:"d35243914c0364136c0a316a444fd09a511072e6",class:"bds-radio-card__container"},h("input",{key:"d3a05c87dd20bd81799b2f9239deae2489664f39",class:"bds-radio-card__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:-1,onFocus:function(){return a.el.focus()}}),h("span",{key:"5fe503bdaf293f0385314b9bdda22118bba66b5d",class:"bds-radio-card__button"},h("span",{key:"cfbfee8d72258a6e5e462499737d20f21ac25cdb",class:"bds-radio-card__dot"})),h("div",{key:"988d2d636e09b2683a7cb475eaaf95295dc49966",class:"bds-radio-card__content"},h("div",{key:"618afb1a448ee6b2ce1d2affc525dc00ea2974e4",class:"bds-radio-card__header"},h("div",{key:"bf34a2ed964c1a30d1c306ad6d3bc059de8cd4d3",class:"bds-radio-card__icon"},h("slot",{key:"d4429397ec53ee30ff38144297987aa606a883c8",name:"icon"})),h("div",{key:"c34ec3aa8d7ba68b46394ea041d90a2805d0d00f",class:"bds-radio-card__title"},this.label||h("slot",{key:"d55874f8542acafdc6164b8012057e039ebfc0eb"}))),h("bds-typography",{key:"569dfe9079fc9b7f5cba562cd0d7d68ba738f713",variant:"helper"},h("slot",{key:"bc0e69fba40b230195be2f93f35fee162cc629ce",name:"description"})))),this.info&&h("span",{key:"c90eab4eead6352f51bb6036cdff56d4241d1dda",class:"bds-radio-card__info-icon","aria-label":this.info},h("em",{key:"850a2ae5521eb2d8e3c01a5bd1ad19d3bb87e73c",class:"bds-icon-info-circle"},h("bds-tooltip",{key:"188e3c5950d7a68b3e068bf6361e07850fdc907d"},this.info))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();BdsRadioCard.style=bdsRadioCardCss();export{BdsRadioCard as bds_radio_card};

package/dist/esm-es5/bds-radio-group.entry.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var t=function(i,r){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var r in i)if(Object.prototype.hasOwnProperty.call(i,r))t[r]=i[r]};return t(i,r)};return function(i,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(i,r);function e(){this.constructor=i}i.prototype=r===null?Object.create(r):(e.prototype=r.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,r,e){function n(t){return t instanceof r?t:new r((function(i){i(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?r(t.value):n(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,n,o,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(e=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=i.call(t,r)}catch(t){s=[6,t];n=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{O as ORIENTATIONS}from"./orientation-CPvuMm5C.js";import{K as KEYBOARD}from"./Keys-7G4h4DI7.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var bdsRadioGroupCss=function(){return'@charset "UTF-8";.bds-radio-group{--bds-divider-gap:var(--boreal-spacing-3xs);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs)}.bds-radio-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-radio-group[orientation=horizontal] .bds-radio-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-radio-group[type=radiobutton] .bds-radio-group__options{display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:var(--boreal-spacing-3xs);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);overflow:hidden}.bds-radio-group[type=radiobutton][orientation=vertical] .bds-radio-group__options{-ms-flex-direction:column;flex-direction:column}.bds-radio-group[type=radiobutton].bds-radio-group--error .bds-radio-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-radio-button.bds-radio-button--error{color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'};var LEAF_TAGS=["BDS-RADIO","BDS-RADIO-BUTTON","BDS-RADIO-CARD"];var BdsRadioGroup=function(t){__extends(i,t);function i(i){var r=t.call(this)||this;registerInstance(r,i);r.bdsChange=createEvent(r,"bdsChange");r.valueChange=createEvent(r,"valueChange");if(i.$hostElement$["s-ei"]){r.internals=i.$hostElement$["s-ei"]}else{r.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=r.internals}r._id=createId("bds-radio-group");r.isDisabled=false;r.isInvalid=false;r.disabled=false;r.error=false;r.errorMessage="";r.helperText="";r.info="";r.label="";r.orientation="vertical";r.required=false;r.type="radio";r.value="";r.joined=false;r.handleKeyDown=function(t){var i=t.target;if(!LEAF_TAGS.includes(i.tagName))return;switch(t.key){case KEYBOARD.ArrowDown:case KEYBOARD.ArrowRight:r.navigateTo(i,true);t.preventDefault();break;case KEYBOARD.ArrowUp:case KEYBOARD.ArrowLeft:r.navigateTo(i,false);t.preventDefault();break}};r.handleSlotChange=function(){r.updateLayoutCount()};r._buttonCount=0;return r}i.prototype.onJoinedChange=function(){this.insertDividers()};i.prototype.checkPropValues=function(){validatePropValue(Object.values(ORIENTATIONS),ORIENTATIONS.VERTICAL,this.el,"orientation");this.insertDividers()};i.prototype.onDisabledChange=function(t){this.isDisabled=t;this.radioElements.forEach((function(i){return i.disabled=t}))};i.prototype.onErrorChange=function(t){this.radioElements.forEach((function(i){return i.error=t}))};i.prototype.onValueChange=function(t){this.radioElements.forEach((function(i){i.checked=i.value===t;i.setAttribute("aria-checked",String(i.value===t))}));var i=this.radioElements.find((function(t){return t.checked}));this.updateTabIndexes(i!==null&&i!==void 0?i:null)};i.prototype.componentWillLoad=function(){var t;this.checkPropValues();this.isDisabled=this.disabled;if(this.value===""){var i=Array.from(this.el.querySelectorAll("bds-radio[checked], bds-radio-button[checked], bds-radio-card[checked]")).at(-1);if(i!==undefined){this.value=(t=i.getAttribute("value"))!==null&&t!==void 0?t:""}}};i.prototype.componentDidLoad=function(){var t,i;var r=this.radioElements.filter((function(t){return t.checked}));if(r.length>1){r.slice(0,-1).forEach((function(t){return t.checked=false}))}this.onValueChange(this.value);if(this.error)this.radioElements.forEach((function(t){return t.error=true}));this.updateLayoutCount();this.updateTabIndexes((i=(t=this.radioElements.find((function(t){return t.checked})))!==null&&t!==void 0?t:this.radioElements.find((function(t){return!t.disabled})))!==null&&i!==void 0?i:null);this.updateFormValidity()};i.prototype.formAssociatedCallback=function(){this.syncFormValue()};i.prototype.formResetCallback=function(){var t=this;this.value="";this.isInvalid=false;this.radioElements.forEach((function(i){i.checked=false;i.setAttribute("aria-checked","false");if(!t.error)i.error=false}));this.internals.setFormValue(null);this.updateFormValidity();var i=this.radioElements.find((function(t){return!t.disabled}));this.updateTabIndexes(i!==null&&i!==void 0?i:null)};i.prototype.formStateRestoreCallback=function(t,i){var r=typeof t==="string"?t:"";this.value=r;this.internals.setFormValue(r!==""?r:null)};i.prototype.formDisabledCallback=function(t){this.isDisabled=t;this.radioElements.forEach((function(i){return i.disabled=t}))};i.prototype.handleRadioChange=function(t){var i=t.target;if(!LEAF_TAGS.includes(i.tagName))return;this.radioElements.filter((function(t){return t!==i})).forEach((function(t){t.checked=false;t.setAttribute("aria-checked","false")}));this.value=t.detail.value;this.internals.setFormValue(this.value);this.updateTabIndexes(i);this.updateFormValidity();this.bdsChange.emit({value:this.value});this.valueChange.emit(this.value)};i.prototype.handleInvalid=function(t){if(this.errorMessage!==""){t.preventDefault();this.isInvalid=true;this.radioElements.forEach((function(t){return t.error=true}))}};i.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.checkValidity()]}))}))};i.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.reportValidity()]}))}))};i.prototype.navigateTo=function(t,i){var r=this.radioElements.filter((function(t){return!t.disabled}));if(r.length===0)return;var e=r.indexOf(t);var n=(r.length+e+(i?1:-1))%r.length;var o=r[n];o.checked=true;o.setAttribute("aria-checked","true");this.radioElements.filter((function(t){return t!==o})).forEach((function(t){t.checked=false;t.setAttribute("aria-checked","false")}));this.value=o.value;this.internals.setFormValue(this.value);this.updateTabIndexes(o);this.updateFormValidity();this.bdsChange.emit({value:this.value});this.valueChange.emit(this.value);o.focus()};i.prototype.insertDividers=function(){this.el.querySelectorAll("bds-divider[data-injected]").forEach((function(t){return t.remove()}));if(this.type!=="radiobutton"||this.joined)return;var t=this.orientation===ORIENTATIONS.HORIZONTAL?ORIENTATIONS.VERTICAL:ORIENTATIONS.HORIZONTAL;var i=this.radioElements.filter((function(t){return t.tagName==="BDS-RADIO-BUTTON"}));i.forEach((function(i,r){var e;if(r===0)return;var n=document.createElement("bds-divider");n.setAttribute("orientation",t);n.setAttribute("data-injected","");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(n,i)}))};Object.defineProperty(i.prototype,"radioElements",{get:function(){return Array.from(this.el.querySelectorAll("bds-radio, bds-radio-button, bds-radio-card"))},enumerable:false,configurable:true});i.prototype.syncFormValue=function(){this.internals.setFormValue(this.value!==""?this.value:null);this.updateFormValidity()};i.prototype.updateFormValidity=function(){if(this.required&&this.value===""){var t=this.radioElements.find((function(t){return!t.disabled}));this.internals.setValidity({valueMissing:true},this.errorMessage!==""?this.errorMessage:"Please select an option.",t)}else{this.internals.setValidity({});if(this.isInvalid){this.isInvalid=false;if(!this.error)this.radioElements.forEach((function(t){return t.error=false}))}}};i.prototype.updateLayoutCount=function(){var t=this.radioElements.length;this.el.style.setProperty("--layout-count","".concat(t));if(t!==this._buttonCount){this._buttonCount=t;this.insertDividers()}};i.prototype.updateTabIndexes=function(t){this.radioElements.forEach((function(t){return t.setAttribute("tabindex","-1")}));if(t!==null)t.setAttribute("tabindex","0")};Object.defineProperty(i.prototype,"isError",{get:function(){var t=this.error&&!this.disabled;return t||this.isInvalid},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"classMap",{get:function(){return{"bds-radio-group":true,"bds-radio-group--disabled":this.isDisabled,"bds-radio-group--error":this.isError,"bds-radio-group--required":this.required}},enumerable:false,configurable:true});i.prototype.render=function(){var t="".concat(this._id,"-label");var i="".concat(this._id,"-helper");var r=this.isError;var e=this.isDisabled?"disabled":r?"error":"default";var n=r&&this.errorMessage!==""?this.errorMessage:this.helperText;return h(Host,{key:"983eacc6649cdca62de5a73780c3ca0eb8e26879",class:this.classMap,role:"radiogroup","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":n!==""?i:undefined,"aria-invalid":r?"true":undefined,"aria-required":this.required?"true":undefined,onKeyDown:this.handleKeyDown},this.label&&h("bds-typography",{key:"80461fca6630261b13198a69185cf92dda18704f",id:t,variant:"label",state:e,required:this.required,tooltipText:this.info!==""?this.info:undefined},this.label),h("div",{key:"6fda8a3d053c9b3998177d29b8dc593c1d21f5cf",class:"bds-radio-group__options"},h("slot",{key:"5d8a8a9d040b862173ea8d43e34c260377114f58",onSlotchange:this.handleSlotChange})),n&&h("bds-typography",{key:"31bd0d32d0e72e12be4ff04677ab99b3a7139fd0",id:i,variant:"helper",state:e},n))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{joined:[{onJoinedChange:0}],orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return i}(Mixin(formAssociatedMixin));BdsRadioGroup.style=bdsRadioGroupCss();export{BdsRadioGroup as bds_radio_group};

package/dist/esm-es5/bds-radio.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";var bdsRadioCss=function(){return'@charset "UTF-8";.bds-radio__content,.bds-radio__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-radio__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);cursor:pointer;outline:none}.bds-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio__content{gap:var(--boreal-spacing-3xs)}.bds-radio__icon{-ms-flex-negative:0;flex-shrink:0;line-height:1}.bds-radio__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default)}.bds-radio__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:18px;height:18px;border-radius:var(--boreal-radius-full);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__dot{width:10px;height:10px;border-radius:var(--boreal-radius-full);background-color:transparent;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__dot{background-color:var(--boreal-ui-base-light)}.bds-radio:is(:focus-visible,:focus) .bds-radio__button{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-radio:active:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-radio--checked .bds-radio__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio--error .bds-radio__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio--disabled{cursor:not-allowed;pointer-events:none}.bds-radio--disabled .bds-radio__button{border-color:var(--boreal-stroke-default-light);background-color:var(--boreal-ui-disabled)}.bds-radio--disabled .bds-radio__label{color:var(--boreal-text-disabled)}.bds-radio--disabled.bds-radio--checked .bds-radio__button{border-color:var(--boreal-ui-primary-light)}.bds-radio--disabled.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-light)}'};var BdsRadio=function(){function e(e){var a=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange");this.checked=false;this.disabled=false;this.value="on";this.name="";this.label="";this.error=false;this.info="";this.handleClick=function(){return a.select()};this.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();a.select()}}}e.prototype.componentDidLoad=function(){this.el.setAttribute("role","radio");this.el.setAttribute("aria-checked",String(this.checked));this.el.setAttribute("tabindex","-1")};e.prototype.select=function(){if(this.disabled||this.checked)return;this.checked=true;this.el.setAttribute("aria-checked","true");this.bdsChange.emit({checked:true,value:this.value})};Object.defineProperty(e.prototype,"classMap",{get:function(){return{"bds-radio":true,"bds-radio--checked":this.checked,"bds-radio--error":this.error,"bds-radio--disabled":this.disabled}},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;return h(Host,{key:"460a06887759af9d8ff04be3b76e93c48a6e59f6",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("input",{key:"10e93de9010a5002d4a6605ef35f3a5273f20dc2",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:function(){return e.el.focus()}}),h("span",{key:"e660d053bec4d6fb7a134230aad1317c1cc839cd",class:"bds-radio__button"},h("span",{key:"2a983b9b97396c9d0f0485e7b00309292c398cd6",class:"bds-radio__dot"})),h("span",{key:"e616d473595a3efd5f01f2896d8481d91c9195ac",class:"bds-radio__content"},h("span",{key:"50e7006d945aad95fb2c01d7beae98672e5fc532",class:"bds-radio__icon"},h("slot",{key:"d2f2018dbc9cb25e996b33be2fbfab3b96c84f14",name:"icon"})),h("span",{key:"b39791291a81d307dae7f45b4d764695d34d8f8f",class:"bds-radio__label"},this.label||h("slot",{key:"1aef7b131da161b51afb52383913d5187332352f"})),this.info&&h("span",{key:"943d3e05512fab78db5700d5c1527c3db9eeb272",class:"bds-radio__info"},h("span",{key:"d2a2a78eac436334545013539f8410c73ed06b2e",class:"bds-radio__info-icon bds-icon-info-circle","aria-hidden":"true"}),h("bds-tooltip",{key:"f6add279f359fde8c9727219a6126b776c755eff"},this.info))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();BdsRadio.style=bdsRadioCss();export{BdsRadio as bds_radio};

package/dist/esm-es5/bds-select.entry.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{i as inheritAttributes}from"./attributes-U9yfbs7i.js";import{L as Logger}from"./Logger-iq2UuV7c.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";function getCleanText(e){var t;var i=e;if(i!==null){return((t=i.textContent)===null||t===void 0?void 0:t.trim())||""}return""}function updateElementProp(e,t,i){if(e!==null){e[t]=i}}function updateElementAttr(e,t,i){if(e!==null&&e!==undefined){e.setAttribute(t,i)}}function addElementListener(e,t,i){if(e!==null&&e!==undefined){e.addEventListener(t,i)}}function removeElementListener(e,t,i){if(e!==null&&e!==undefined){e.removeEventListener(t,i)}}var bdsSelectCss=function(){return'@charset "UTF-8";bds-select{position:relative;display:-ms-flexbox;display:flex}bds-select .bds-list-menu{--bds-list-menu-max-width:100%}'};var BdsSelect=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange");this.valueChange=createEvent(this,"valueChange");this.inheritedAttributes={};this.hostForm=null;this.value="";this.searchable=false;this.name="";this.valueString="";this.popoverVisible=false;this.listId="bds-select-list-".concat(createId());this._preventFocusOpen=false;this.listenListMenu=function(e){var i;e.stopPropagation();if(t.bdsList!==null){var n=e.detail;t._preventFocusOpen=true;t.setValue(n||"");void((i=t.bdsPopover)===null||i===void 0?void 0:i.closePopover())}};this.listenClearInput=function(){t.setValue("");t.valueString="";t.resetChildren()};this.listenField=function(e){var i;e.stopPropagation();var n=e.target.value;if(n===""){t.resetChildren();return}if(!t.popoverVisible){void((i=t.bdsPopover)===null||i===void 0?void 0:i.openPopover())}t.searcherElement(n)};this.listenBlurInput=function(e){var i=e.relatedTarget;if(i&&t.el.contains(i)){return}t.resetValueField();t.resetChildren()};this.listenKeydown=function(e){var i,n;var s=e;if(s.key!=="Tab"||!t.popoverVisible||t.searchable)return;e.preventDefault();var l=t.value!==""?(i=t.bdsList)===null||i===void 0?void 0:i.querySelector('bds-list-menu-item[value="'.concat(t.value,'"]')):null;var r=l!==null&&l!==void 0?l:(n=t.bdsList)===null||n===void 0?void 0:n.querySelector('bds-list-menu-item:not([disabled]):not([hidden]):not([variant="label"])');r===null||r===void 0?void 0:r.focus()};this.listenMouseDown=function(){t._preventFocusOpen=true};this.listenFocusInput=function(){var e;if(t._preventFocusOpen){t._preventFocusOpen=false;return}void((e=t.bdsPopover)===null||e===void 0?void 0:e.openPopover())};this.stopFieldValueChange=function(e){e.stopPropagation()};this.listenFormReset=function(){var e;t.value="";t.valueString="";(e=t.bdsList)===null||e===void 0?void 0:e.setSelectedValues("").catch((function(){(new Logger).warn("bds-select","No options available to reset the value")}))}}e.prototype.watchPopoverVisible=function(e){updateElementAttr(this.bdsInput,"aria-expanded",e.toString());updateElementAttr(this.el,"aria-expanded",e.toString())};e.prototype.watchValue=function(){this.loadValue()};e.prototype.watchValueString=function(e){updateElementAttr(this.bdsField,"value",e)};e.prototype.componentWillLoad=function(){this.inheritedAttributes=__assign({},inheritAttributes(this.el,["role"]))};e.prototype.componentDidLoad=function(){this.hostForm=this.el.closest("form");addElementListener(this.hostForm,"reset",this.listenFormReset);this.assignListeners();this.loadDefaultProps();this.loadValue()};e.prototype.disconnectedCallback=function(){removeElementListener(this.hostForm,"reset",this.listenFormReset);this.removeListeners()};Object.defineProperty(e.prototype,"bdsList",{get:function(){if(this.el!==null){return this.el.querySelector("bds-list-menu")}return null},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"bdsField",{get:function(){if(this.el!==null){return this.el.querySelector("bds-text-field")}return null},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"bdsInput",{get:function(){if(this.bdsField!==null){return this.bdsField.querySelector("input")}return null},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"bdsPopover",{get:function(){if(this.el!==null){return this.el.querySelector("bds-popover")}return null},enumerable:false,configurable:true});e.prototype.assignListeners=function(){addElementListener(this.bdsList,"bdsChange",this.listenListMenu);addElementListener(this.bdsField,"bdsClear",this.listenClearInput);addElementListener(this.bdsField,"bdsInput",this.listenField);addElementListener(this.bdsField,"valueChange",this.stopFieldValueChange);addElementListener(this.bdsInput,"blur",this.listenBlurInput);addElementListener(this.bdsInput,"keydown",this.listenKeydown);if(this.searchable){addElementListener(this.bdsInput,"focus",this.listenFocusInput);addElementListener(this.el,"mousedown",this.listenMouseDown)}this.listenPopOver()};e.prototype.removeListeners=function(){removeElementListener(this.bdsList,"bdsChange",this.listenListMenu);removeElementListener(this.bdsField,"bdsClear",this.listenClearInput);removeElementListener(this.bdsField,"bdsInput",this.listenField);removeElementListener(this.bdsField,"valueChange",this.stopFieldValueChange);removeElementListener(this.bdsInput,"blur",this.listenBlurInput);removeElementListener(this.bdsInput,"keydown",this.listenKeydown);removeElementListener(this.bdsInput,"focus",this.listenFocusInput);removeElementListener(this.el,"mousedown",this.listenMouseDown)};e.prototype.loadDefaultProps=function(){this.loadDefaultTextFieldProps();this.loadDefaultListMenuProps()};e.prototype.loadDefaultTextFieldProps=function(){updateElementProp(this.bdsField,"clearable",true);updateElementProp(this.bdsField,"selectable",!this.searchable);updateElementProp(this.bdsField,"iconRight","bds-icon-chevron-down");updateElementAttr(this.bdsInput,"role","combobox");updateElementAttr(this.bdsInput,"aria-haspopup","listbox");updateElementAttr(this.bdsInput,"aria-expanded","false");updateElementAttr(this.bdsInput,"aria-autocomplete",!this.searchable?"none":"list");updateElementAttr(this.bdsInput,"aria-controls",this.listId)};e.prototype.loadDefaultListMenuProps=function(){updateElementAttr(this.bdsList,"menu-role","listbox");updateElementAttr(this.bdsList,"id",this.listId)};e.prototype.setValue=function(e){this.value=e;this.bdsChange.emit(e);this.valueChange.emit(e)};e.prototype.listenPopOver=function(){var e=this;var t={hideArrow:true,onAfterShow:function(){e.popoverVisible=true;return true},onAfterHide:function(){e.popoverVisible=false;e.resetValueField();e.resetChildren();return true}};updateElementProp(this.bdsPopover,"floatingOptions",t)};e.prototype.resetValueField=function(){var e,t;if(this.value===""){(e=this.bdsField)===null||e===void 0?void 0:e.setAttribute("value","")}else if(this.valueString!==""){(t=this.bdsField)===null||t===void 0?void 0:t.setAttribute("value",this.valueString)}};e.prototype.searcherElement=function(e){var t=this;var i,n;var s=e.toLowerCase();(i=this.bdsList)===null||i===void 0?void 0:i.querySelectorAll("bds-list-menu-item").forEach((function(e){var i=e.getAttribute("value")||"";var n=e.querySelector(".bds-list-item__content-left__text");var l=n!==null?getCleanText(n):"";var r=l.toLowerCase().includes(s)||i.toLowerCase().includes(s);updateElementProp(e,"hidden",!r);updateElementAttr(e,"tabindex",r?"0":"-1");if(r)t.showParentLabel(e)}));var l=(n=this.bdsList)===null||n===void 0?void 0:n.querySelectorAll("bds-list-menu-item:not([hidden])");updateElementProp(this.bdsList,"empty",(l===null||l===void 0?void 0:l.length)===0)};e.prototype.showParentLabel=function(e){var t=e.previousElementSibling;while(t!==null){if(t.variant==="label"){updateElementProp(t,"hidden",false);break}t=t.previousElementSibling}};e.prototype.resetChildren=function(){var e;(e=this.bdsList)===null||e===void 0?void 0:e.querySelectorAll("bds-list-menu-item").forEach((function(e){updateElementProp(e,"hidden",false)}))};e.prototype.loadValue=function(){var e=this;var t;var i=this.value;if(i===""||this.bdsList===null||this.bdsField===null){this.valueString="";(t=this.bdsList)===null||t===void 0?void 0:t.setSelectedValues("").catch((function(){(new Logger).warn("bds-select","No options available to select the value")}));return}var n=this.bdsList.querySelector('bds-list-menu-item[value="'.concat(i,'"]'));if(n===null)return;var s=n.querySelector(".bds-list-item__content-left__text");var l=getCleanText(s);this.bdsList.setSelectedValues(i).then((function(){e.valueString=l;n.scrollIntoView({block:"nearest"})})).catch((function(){(new Logger).warn("bds-select","Failed to set selected value")}))};e.prototype.render=function(){return h(Host,__assign({key:"03665a810a8bccc7613bb617624253edf36ba543",role:"none"},this.inheritedAttributes),h("slot",{key:"dd6e528ceaf121f372ce82cc1682a676d6a5a64a",name:"field"}),h("input",{key:"4ff9a9348bac3c0a838950357523fd379e44d497",type:"hidden",value:this.value,name:this.name}),h("bds-popover",{key:"4f03fb1eb766c29ccaf26cf6450b8346d3681dc7",width:"full"},h("slot",{key:"80e28f34ed9369a1a8f3f687dbbda40aa246e3fb",name:"list"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{popoverVisible:[{watchPopoverVisible:0}],value:[{watchValue:0}],valueString:[{watchValueString:0}]}},enumerable:false,configurable:true});return e}();BdsSelect.style=bdsSelectCss();export{BdsSelect as bds_select};

package/dist/esm-es5/bds-slider.entry.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var t=function(i,e){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)if(Object.prototype.hasOwnProperty.call(i,e))t[e]=i[e]};return t(i,e)};return function(i,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");t(i,e);function r(){this.constructor=i}i.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(t,i,e,r){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function a(t){try{l(r.next(t))}catch(t){s(t)}}function o(t){try{l(r["throw"](t))}catch(t){s(t)}}function l(t){t.done?e(t.value):n(t.value).then(a,o)}l((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,n,s,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=o(0),a["throw"]=o(1),a["return"]=o(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(i){return l([t,i])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(e=0)),e)try{if(r=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=i.call(t,e)}catch(t){o=[6,t];n=0}finally{r=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var r=0,n=i.length,s;r<n;r++){if(s||!(r in i)){if(!s)s=Array.prototype.slice.call(i,0,r);s[r]=i[r]}}return t.concat(s||Array.prototype.slice.call(i))};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{s as setFormValue}from"./internals-DfaYciGa.js";var SLIDER_TOOLTIP={NEVER:"never",FOCUS:"focus"};var SLIDER_TYPE={SINGLE:"single",RANGE:"range"};function parseValues(t,i){if(i===void 0){i=[0]}if(Array.isArray(t)){var e=t.map(Number).filter((function(t){return!isNaN(t)}));return e.length>0?e:i}try{var r=JSON.parse(t);var n=Array.isArray(r)?r:[r];var e=n.map(Number).filter((function(t){return!isNaN(t)}));return e.length>0?e:i}catch(e){var s=Number(t);return isNaN(s)?i:[s]}}function serializeFormValue(t){return t.join(",")}function resolveValues(t,i,e,r){var n,s,a,o;var l=parseValues(t,[Number(i)]);if(r===SLIDER_TYPE.RANGE){if(l.length>=2){return[(n=l[0])!==null&&n!==void 0?n:Number(i),(s=l[1])!==null&&s!==void 0?s:Number(e)]}return[(a=l[0])!==null&&a!==void 0?a:Number(i),Number(e)]}return[(o=l[0])!==null&&o!==void 0?o:Number(i)]}var SliderService=function(){function t(t){this.options=t}t.prototype.clamp=function(t){return Math.min(Math.max(t,this.options.min),this.options.max)};t.prototype.snapToStep=function(t){var i=Math.round((t-this.options.min)/this.options.step)*this.options.step+this.options.min;return this.clamp(i)};t.prototype.applyCollision=function(t,i){var e,r,n,s;var a=__spreadArray([],t,true);var o=this.options.step;if(this.options.type!==SLIDER_TYPE.RANGE||a.length<2)return a;if(i===0){var l=(e=a[1])!==null&&e!==void 0?e:this.options.max;a[0]=Math.min((r=a[0])!==null&&r!==void 0?r:this.options.min,l-o)}else{var u=(n=a[0])!==null&&n!==void 0?n:this.options.min;a[1]=Math.max((s=a[1])!==null&&s!==void 0?s:this.options.max,u+o)}return a};t.prototype.toPercent=function(t){var i=this.options.max-this.options.min;if(i===0)return 0;return(t-this.options.min)/i*100};t.prototype.getConnectSegment=function(t){var i,e,r;if(this.options.type===SLIDER_TYPE.SINGLE){return{left:0,width:this.toPercent((i=t[0])!==null&&i!==void 0?i:this.options.min)}}var n=(e=t[0])!==null&&e!==void 0?e:this.options.min;var s=(r=t[1])!==null&&r!==void 0?r:this.options.max;return{left:this.toPercent(n),width:this.toPercent(s-n+this.options.min)}};t.prototype.getPipPositions=function(){var t=this.options,i=t.min,e=t.max,r=t.step;var n=[];var s=(e-i)/r;for(var a=1;a<s;a++){var o=i+a*r;n.push(this.toPercent(o))}return n};t.prototype.getThumbCSSPosition=function(t,i,e){var r=this.toPercent(t)/100;var n=i-e;return r*n+e/2};return t}();var SliderDOMController=function(){function t(){}t.addTooltipsStates=function(t,i){if(t===undefined)return;t.classList.add("".concat(i,"__tooltip--visible"),"".concat(i,"__tooltip--active"))};t.removeTooltipsStates=function(t,i){if(t===undefined)return;t.classList.remove("".concat(i,"__tooltip--visible"),"".concat(i,"__tooltip--active"))};t.syncTooltips=function(t,i){t.forEach((function(t,e){var r=i[e];if(r===undefined)return;r.value=String(t);r.setAttribute("value",String(t));r.setAttribute("aria-valuenow",String(t))}))};t.moveConnect=function(t,i){t.style.left="".concat(i.left,"%");t.style.width="".concat(i.width,"%")};t.getThumbCSSPosition=function(t){var i="var(--handle-size, 16px)";return"calc(".concat(t,"% + (").concat(i," / 2) - (").concat(t," * ").concat(i," / 100))")};t.updateInputValue=function(t,i){t.value=String(i);t.setAttribute("value",String(i));t.setAttribute("aria-valuenow",String(i))};return t}();var bdsSliderCss=function(){return'@charset "UTF-8";.bds-slider{display:block;width:100%;--handle-size:16px}.bds-slider--range .bds-slider__input{pointer-events:none}.bds-slider--tooltip{margin-top:var(--boreal-spacing-xl)}.bds-slider--tooltip.bds-slider--label{margin-top:var(--boreal-spacing-ml)}.bds-slider--disabled .bds-slider__tooltip{display:none}.bds-slider--disabled .bds-slider__wrapper{cursor:auto}.bds-slider--disabled .bds-slider__connect{background:var(--boreal-ui-primary-light)}.bds-slider__label{margin-bottom:var(--boreal-spacing-3xs)}.bds-slider__wrapper{position:relative;width:100%;height:var(--handle-size);overflow:visible;cursor:pointer}.bds-slider__track-base{position:absolute;left:0;right:0;top:50%;height:var(--boreal-spacing-2xs);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--boreal-base-light);border-radius:var(--boreal-radius-full);pointer-events:none;z-index:1}.bds-slider__connect{position:absolute;top:50%;height:4px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--boreal-ui-primary-base);border-radius:var(--boreal-radius-full);pointer-events:none;z-index:2}.bds-slider__input{position:absolute;left:0;top:50%;width:100%;height:var(--handle-size);-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;background:transparent;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;pointer-events:none;z-index:5}.bds-slider__input::-webkit-slider-runnable-track{height:var(--handle-size);background:transparent;border:none;appearance:none;-webkit-appearance:none}.bds-slider__input::-webkit-slider-thumb{width:var(--handle-size);height:var(--handle-size);margin-top:0;border-radius:var(--boreal-radius-full);background:var(--boreal-ui-inverse);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs);cursor:-webkit-grab;cursor:grab;pointer-events:auto;appearance:none;-webkit-appearance:none}.bds-slider__input::-moz-range-track{height:var(--handle-size);background:transparent;border:none}.bds-slider__input::-moz-range-thumb{width:var(--handle-size);height:var(--handle-size);border-radius:var(--boreal-radius-full);background:var(--boreal-ui-inverse);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);box-shadow:var(--boreal-depth-box-shadow-xs);cursor:grab;pointer-events:auto}.bds-slider__input:focus-visible::-webkit-slider-thumb,.bds-slider__input:active::-webkit-slider-thumb{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-slider__input:focus-visible::-webkit-slider-thumb .bds-slider__tooltip--active,.bds-slider__input:active::-webkit-slider-thumb .bds-slider__tooltip--active{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__input:focus-visible::-moz-range-thumb,.bds-slider__input:active::-moz-range-thumb{box-shadow:var(--boreal-depth-box-shadow-active)}.bds-slider__input:focus-visible::-moz-range-thumb .bds-slider__tooltip--active,.bds-slider__input:active::-moz-range-thumb .bds-slider__tooltip--active{box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__input:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.bds-slider__input:active::-moz-range-thumb{cursor:grabbing}.bds-slider__input:disabled{pointer-events:none}.bds-slider__input:disabled.bds-slider__connect{background:var(--boreal-ui-disabled)}.bds-slider__input:disabled::-webkit-slider-thumb{background:var(--boreal-ui-disabled);border-color:var(--boreal-base-light);-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.bds-slider__input:disabled::-moz-range-thumb{background:var(--boreal-ui-disabled);border-color:var(--boreal-base-light);box-shadow:none;cursor:not-allowed}.bds-slider__pips{position:absolute;left:0;right:0;top:50%;height:var(--boreal-spacing-2xs);-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;z-index:3}.bds-slider__pip{position:absolute;top:0;width:var(--boreal-spacing-3xs);height:100%;background:var(--boreal-ui-inverse);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bds-slider__limits{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--boreal-spacing-3xs)}.bds-slider__tooltip{position:absolute;bottom:calc(100% + 10px);-webkit-transform:translateX(-50%);transform:translateX(-50%);color:var(--boreal-text-default);background:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-2xs);font-size:var(--boreal-typography-font-size-xs);font-family:var(--boreal-typography-font-family-primary);white-space:nowrap;cursor:auto;pointer-events:fill;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-slider__tooltip--active{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__tooltip--never{opacity:0}.bds-slider__tooltip--focus{opacity:0;-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease}.bds-slider__tooltip--focus.bds-slider__tooltip--visible{opacity:1}'};var BdsSlider=function(t){__extends(i,t);function i(i){var e=t.call(this)||this;registerInstance(e,i);e.bdsChange=createEvent(e,"bdsChange");e.valueChange=createEvent(e,"valueChange");e.bdsClick=createEvent(e,"bdsClick");if(i.$hostElement$["s-ei"]){e.internals=i.$hostElement$["s-ei"]}else{e.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=e.internals}e.blockClass="bds-slider";e.inputEls=[];e.tooltipEls=[];e.min=0;e.max=100;e.type=SLIDER_TYPE.SINGLE;e.label="";e.step=1;e.showLimits=false;e.value=[0];e.disabled=false;e.name="";e.disabledHandlers="[]";e.discrete=false;e.tooltip=SLIDER_TOOLTIP.FOCUS;e.isDisabled=false;e.isDiscrete=false;e.internalValues=[0];e.handleClick=function(t){var i=t.target;e.bdsClick.emit({target:i,value:__spreadArray([],e.internalValues,true)})};return e}i.prototype.onDisabledChange=function(t){this.isDisabled=t;this.syncDOMUpdates()};i.prototype.onDisabledHandlersChange=function(){this.syncDOMUpdates()};i.prototype.onValueChange=function(t){this.internalValues=this.resolveValues(t);this.syncDOMUpdates()};i.prototype.onConfigChange=function(){this.isDiscrete=this.discrete;this.internalValues=this.resolveValues(this.value);this.buildAdapter();this.syncDOMUpdates()};i.prototype.onRangeChange=function(){this.buildAdapter();this.syncDOMUpdates()};i.prototype.formAssociatedCallback=function(){this.syncFormValue()};i.prototype.formResetCallback=function(){var t=this.resolveValues(this.value);this.updateValues(t,false);this.syncDOMUpdates();this.emitChange(t)};i.prototype.formStateRestoreCallback=function(t,i){if(typeof t!=="string")return;var e=t.split(",").map((function(t){return parseFloat(t)})).filter((function(t){return!Number.isNaN(t)}));if(e.length===0)return;this.updateValues(e,false);this.syncDOMUpdates();setFormValue(this.internals,t)};i.prototype.syncFormValue=function(){setFormValue(this.internals,serializeFormValue(this.internalValues))};i.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,__spreadArray([],this.internalValues,true)]}))}))};i.prototype.setValues=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=this.resolveValues(t);this.updateValues(i,false);this.syncDOMUpdates();this.syncFormValue();this.emitChange(i);return[2]}))}))};i.prototype.buildAdapter=function(){var t;this.service=new SliderService({min:Number(this.min),max:Number(this.max),step:Number(this.step),type:this.type,value:this.internalValues,disabledHandlers:parseValues(this.disabledHandlers,[]),discrete:this.isDiscrete,disabled:this.isDisabled,name:String((t=this.name)!==null&&t!==void 0?t:"")})};i.prototype.syncDOMUpdates=function(){this.syncInputsToValues();this.updateProgress();this.syncTooltips()};i.prototype.handleInputEvent=function(t,i){var e;var r=i===null||i===void 0?void 0:i.target;var n=r!==null&&r!==void 0?r:this.inputEls[t];if(n===undefined)return;var s=this.service.snapToStep(parseFloat(n.value));var a=__spreadArray([],this.internalValues,true);a[t]=s;var o=this.service.applyCollision(a,t);s=(e=o[t])!==null&&e!==void 0?e:s;this.internalValues=o;SliderDOMController.updateInputValue(n,s);this.updateProgress();this.syncTooltip(t,s);this.syncFormValue()};i.prototype.handleChangeEvent=function(t,i){this.handleInputEvent(t,i);if(this.isDisabled)return;this.emitChange(__spreadArray([],this.internalValues,true))};i.prototype.onHandleFocus=function(t){SliderDOMController.addTooltipsStates(this.tooltipEls[t],this.blockClass)};i.prototype.onHandleBlur=function(t){SliderDOMController.removeTooltipsStates(this.tooltipEls[t],this.blockClass)};i.prototype.onHandleInactive=function(t){var i=this.inputEls[t];SliderDOMController.removeTooltipsStates(i,this.blockClass);i.blur()};i.prototype.syncInputsToValues=function(){SliderDOMController.syncTooltips(this.internalValues,this.inputEls)};i.prototype.updateProgress=function(){if(this.connectEl===undefined||this.service===undefined)return;var t=this.service.getConnectSegment(this.internalValues);SliderDOMController.moveConnect(this.connectEl,t)};i.prototype.syncTooltip=function(t,i){var e=this.tooltipEls[t];if(e===undefined)return;e.textContent=String(i);e.style.left="".concat(this.getThumbPosition(i),"px")};i.prototype.syncTooltips=function(){var t=this;this.internalValues.forEach((function(i,e){t.syncTooltip(e,i)}))};i.prototype.resolveValues=function(t){var i=this.service;return resolveValues(t,this.min,this.max,this.type).map((function(t){return i.clamp(t)}))};i.prototype.updateValues=function(t,i){if(i===void 0){i=true}this.internalValues=t;if(i){this.emitChange(t)}};i.prototype.emitChange=function(t){if(this.isDisabled)return;var i={value:t};this.bdsChange.emit(i);this.valueChange.emit(t);this.syncFormValue()};i.prototype.isHandleDisabled=function(t){var i=parseValues(this.disabledHandlers,[]);return this.isDisabled||i.includes(t)};i.prototype.getPipPositions=function(){if(this.service===undefined)return[];return this.service.getPipPositions()};Object.defineProperty(i.prototype,"classMap",{get:function(){var t;var i="bds-slider";return t={},t[i]=true,t["".concat(i,"--disabled")]=this.isDisabled,t["".concat(i,"--discrete")]=this.isDiscrete,t["".concat(i,"--label")]=Boolean(this.label.trim()),t["".concat(i,"--tooltip")]=Boolean(this.tooltip)&&this.tooltip!==SLIDER_TOOLTIP.NEVER&&this.isDisabled===false,t["".concat(i,"--tooltip-never")]=this.tooltip===SLIDER_TOOLTIP.NEVER,t["".concat(i,"--tooltip-focus")]=this.tooltip===SLIDER_TOOLTIP.FOCUS,t},enumerable:false,configurable:true});i.prototype.getThumbPosition=function(t){if(this.trackEl===undefined||this.service===undefined)return 0;var i=this.trackEl.getBoundingClientRect().width;var e=parseFloat(getComputedStyle(this.el).getPropertyValue("--handle-size"))||16;return this.service.getThumbCSSPosition(t,i,e)};i.prototype.getThumbCSSPosition=function(t){return SliderDOMController.getThumbCSSPosition(t)};i.prototype.renderInput=function(t,i){var e=this;var r=this.isHandleDisabled(i);return h("input",{class:"".concat(this.blockClass,"__input"),type:"range",min:this.min,max:this.max,step:this.step,value:i,disabled:r,"data-handle":t,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":i,"aria-disabled":r?"true":undefined,"aria-describedby":"bds-slider-tooltip-".concat(t),onInput:function(i){return e.handleInputEvent(t,i)},onChange:function(i){return e.handleChangeEvent(t,i)},onFocus:function(){return e.onHandleFocus(t)},onBlur:function(){return e.onHandleBlur(t)},onPointerUp:function(){return e.onHandleInactive(t)},ref:function(i){if(i!==undefined){e.inputEls[t]=i}}})};i.prototype.renderMinMax=function(){if(this.showLimits===false)return null;return h("div",{class:"".concat(this.blockClass,"__limits")},h("bds-typography",{variant:"helper"},this.min),h("bds-typography",{variant:"helper"},this.max))};i.prototype.handleTrackClick=function(t){if(this.isDisabled||this.trackEl===undefined)return;var i=t.target;if(i.classList.contains("".concat(this.blockClass,"__input")))return;var e=this.trackEl.getBoundingClientRect();var r=Math.min(Math.max((t.clientX-e.left)/e.width,0),1);var n=Number(this.min)+r*(Number(this.max)-Number(this.min));var s=this.service.snapToStep(n);var a=__spreadArray([],this.internalValues,true);if(this.type===SLIDER_TYPE.SINGLE){if(this.isHandleDisabled(a[0]))return;a[0]=s;this.internalValues=a}else{var o=a[0],l=a[1];var u=Math.abs(s-o);var d=Math.abs(s-l);var h=u<=d?0:1;if(this.isHandleDisabled(a[h]))return;a[h]=s;this.internalValues=this.service.applyCollision(a,h)}this.syncDOMUpdates();this.emitChange(__spreadArray([],this.internalValues,true))};i.prototype.renderTooltip=function(t,i){var e;var r=this;var n,s;if(this.tooltip===SLIDER_TOOLTIP.NEVER)return null;return h("div",{id:"bds-slider-tooltip-".concat(t),class:(e={},e["".concat(this.blockClass,"__tooltip")]=true,e["".concat(this.blockClass,"__tooltip--").concat(this.tooltip)]=true,e),role:"tooltip",onClick:function(t){t.stopPropagation()},style:{left:"".concat((s=(n=this.service)===null||n===void 0?void 0:n.toPercent(i))!==null&&s!==void 0?s:0,"%")},ref:function(i){if(i!==undefined){r.tooltipEls[t]=i}}},i)};i.prototype.renderPips=function(){var t=this;if(!this.isDiscrete)return null;return h("div",{class:"".concat(this.blockClass,"__pips")},this.getPipPositions().map((function(i,e){return h("div",{key:"pip-".concat(e),class:"".concat(t.blockClass,"__pip"),style:{left:t.getThumbCSSPosition(i)}})})))};i.prototype.renderLabel=function(){if(this.label.trim()===""||this.label===undefined)return null;return h("bds-typography",{class:"".concat(this.blockClass,"__label"),htmlFor:this.el.id,variant:"label"},this.label)};i.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.isDiscrete=this.discrete;this.buildAdapter();this.internalValues=this.resolveValues(this.value)};i.prototype.componentDidLoad=function(){this.syncDOMUpdates()};i.prototype.componentDidUpdate=function(){this.syncDOMUpdates()};i.prototype.disconnectedCallback=function(){this.inputEls=[];this.tooltipEls=[]};i.prototype.render=function(){var t=this;return h(Host,{key:"d883f67c2dfc80f8b97f2d7394b99ad6c30798fa",class:this.classMap,"aria-disabled":this.isDisabled?"true":undefined,onClick:this.handleClick},this.renderLabel(),h("div",{key:"2704c76fbc751029ca89519950dfb90c3294d5e7",class:"".concat(this.blockClass,"__wrapper"),onClick:function(i){return t.handleTrackClick(i)}},h("div",{key:"db67ea023a4f200069e68e02281539378e9e39db",class:"".concat(this.blockClass,"__track-base"),ref:function(i){if(i!==undefined)t.trackEl=i}}),h("div",{key:"02163060bb531de138aae3ad1a4e7f221e7c127f",class:"".concat(this.blockClass,"__connect"),ref:function(i){if(i!==undefined)t.connectEl=i}}),this.renderPips(),this.internalValues.map((function(i,e){return t.renderInput(e,i)})),this.internalValues.map((function(i,e){return t.renderTooltip(e,i)}))),this.renderMinMax())};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{disabled:[{onDisabledChange:0}],disabledHandlers:[{onDisabledHandlersChange:0}],value:[{onValueChange:0}],type:[{onConfigChange:0}],discrete:[{onConfigChange:0}],min:[{onRangeChange:0}],max:[{onRangeChange:0}],step:[{onRangeChange:0}]}},enumerable:false,configurable:true});return i}(Mixin(formAssociatedMixin));BdsSlider.style=bdsSliderCss();export{BdsSlider as bds_slider};

package/dist/esm-es5/bds-spinner.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var SPINNER_SIZES={SMALL:"sm",MEDIUM:"md",LARGE:"lg"};var bdsSpinnerCss=function(){return'@charset "UTF-8";bds-spinner{display:inline-block;position:relative;width:1em;height:1em}bds-spinner::before,bds-spinner::after{content:"";position:absolute;border-color:transparent transparent var(--boreal-primary-base) transparent;border-radius:50%;border-width:3px;border-style:solid;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}bds-spinner::before{opacity:0.2;border-style:dashed;-webkit-animation:spin 0.8s linear infinite;animation:spin 0.8s linear infinite}bds-spinner::after{-webkit-animation:draw-arc 0.8s linear infinite;animation:draw-arc 0.8s linear infinite}.bds-spinner--small{width:var(--boreal-layout-m);height:var(--boreal-layout-m)}.bds-spinner--medium{width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-spinner--large{width:var(--boreal-layout-xl);height:var(--boreal-layout-xl)}.bds-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'};var BdsSpinner=function(){function e(e){registerInstance(this,e);this.size=SPINNER_SIZES.SMALL;this.label="Loading"}e.prototype.checkPropValues=function(){validatePropValue(Object.values(SPINNER_SIZES),SPINNER_SIZES.SMALL,this.el,"size")};e.prototype.componentWillLoad=function(){this.checkPropValues()};Object.defineProperty(e.prototype,"getClassMap",{get:function(){return{"bds-spinner":true,"bds-spinner--small":this.size===SPINNER_SIZES.SMALL,"bds-spinner--medium":this.size===SPINNER_SIZES.MEDIUM,"bds-spinner--large":this.size===SPINNER_SIZES.LARGE}},enumerable:false,configurable:true});e.prototype.render=function(){return h(Host,{key:"d114eb6445b81a4e7beafd0ff08b8aaf6e1a96e7",class:this.getClassMap,role:"status","aria-label":this.label,"aria-live":"polite","aria-busy":"true"},h("span",{key:"fa45675b2e258eca9c44a9374a65f26c781343d5",class:"bds-spinner__sr-only"},this.label))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:[{checkPropValues:0}]}},enumerable:false,configurable:true});return e}();BdsSpinner.style=bdsSpinnerCss();export{BdsSpinner as bds_spinner};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var SPINNER_SIZES={SMALL:"sm",MEDIUM:"md",LARGE:"lg"};var bdsSpinnerCss=function(){return'@charset "UTF-8";bds-spinner{display:inline-block;position:relative;width:1em;height:1em}bds-spinner::before,bds-spinner::after{content:"";position:absolute;border-color:transparent transparent var(--boreal-primary-base) transparent;border-radius:50%;border-width:3px;border-style:solid;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}bds-spinner::before{opacity:0.2;border-style:dashed;-webkit-animation:spin 0.8s linear infinite;animation:spin 0.8s linear infinite}bds-spinner::after{-webkit-animation:draw-arc 0.8s linear infinite;animation:draw-arc 0.8s linear infinite}.bds-spinner--small{width:var(--boreal-layout-m);height:var(--boreal-layout-m)}.bds-spinner--medium{width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-spinner--large{width:var(--boreal-layout-xl);height:var(--boreal-layout-xl)}.bds-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'};var BdsSpinner=function(){function e(e){registerInstance(this,e);this.size=SPINNER_SIZES.SMALL;this.label="Loading"}e.prototype.checkPropValues=function(){validatePropValue(Object.values(SPINNER_SIZES),SPINNER_SIZES.SMALL,this.el,"size")};e.prototype.componentWillLoad=function(){this.checkPropValues()};Object.defineProperty(e.prototype,"getClassMap",{get:function(){return{"bds-spinner":true,"bds-spinner--small":this.size===SPINNER_SIZES.SMALL,"bds-spinner--medium":this.size===SPINNER_SIZES.MEDIUM,"bds-spinner--large":this.size===SPINNER_SIZES.LARGE}},enumerable:false,configurable:true});e.prototype.render=function(){return h(Host,{key:"7e7846adadb6224abfcaaf2478768b72ec712659",class:this.getClassMap,role:"status","aria-label":this.label,"aria-live":"polite","aria-busy":"true"},h("span",{key:"1c6aad446ed35a3adcb4e4f28fd4a3e7b9b7cb3a",class:"bds-spinner__sr-only"},this.label))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:[{checkPropValues:0}]}},enumerable:false,configurable:true});return e}();BdsSpinner.style=bdsSpinnerCss();export{BdsSpinner as bds_spinner};

package/dist/esm-es5/bds-status.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{P as PROCESS_STATUS}from"./states-Bfazyxqi.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var INDICATOR_TYPES={NONE:"none",DOT:"dot",ICON:"icon"};var bdsStatusCss=function(){return'@charset "UTF-8";.bds-status{color:var(--boreal-text-default-ink);text-align:center;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-style:normal;font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);min-height:var(--boreal-spacing-ml);border-radius:var(--boreal-radius-xs)}.bds-status>[slot=icon]{display:none}.bds-status--icon>[slot=icon]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-s);height:var(--boreal-layout-s)}.bds-status__dot{background-color:var(--boreal-icon-default-light);width:var(--boreal-spacing-xs);height:var(--boreal-spacing-xs);border-radius:var(--boreal-radius-full)}.bds-status--neutral{color:var(--boreal-text-default-ink);background-color:var(--boreal-ui-default-lighter)}.bds-status--neutral>.bds-status__dot{background-color:var(--boreal-icon-default-lighter)}.bds-status--neutral>[slot=icon]{color:var(--boreal-icon-default-lighter)}.bds-status--neutral>.bds-status__dot{background-color:var(--boreal-icon-default-light)}.bds-status--pending{color:var(--boreal-text-warning-dark);background-color:var(--boreal-ui-warning-lighter)}.bds-status--pending>.bds-status__dot{background-color:var(--boreal-icon-warning-base)}.bds-status--pending>[slot=icon]{color:var(--boreal-icon-warning-base)}.bds-status--in-progress{color:var(--boreal-text-information-dark);background-color:var(--boreal-ui-info-lighter)}.bds-status--in-progress>.bds-status__dot{background-color:var(--boreal-icon-info-base)}.bds-status--in-progress>[slot=icon]{color:var(--boreal-icon-info-base)}.bds-status--complete{color:var(--boreal-text-success-dark);background-color:var(--boreal-ui-success-lighter)}.bds-status--complete>.bds-status__dot{background-color:var(--boreal-icon-success-base)}.bds-status--complete>[slot=icon]{color:var(--boreal-icon-success-base)}.bds-status--cancel{color:var(--boreal-text-danger-dark);background-color:var(--boreal-ui-danger-lighter)}.bds-status--cancel>.bds-status__dot{background-color:var(--boreal-icon-danger-base)}.bds-status--cancel>[slot=icon]{color:var(--boreal-icon-danger-base)}'};var BdsStatus=function(){function a(a){registerInstance(this,a);this.state=PROCESS_STATUS.NEUTRAL;this.indicator=INDICATOR_TYPES.NONE}a.prototype.checkPropValues=function(){validatePropValue(Object.values(PROCESS_STATUS),PROCESS_STATUS.NEUTRAL,this.el,"state");validatePropValue(Object.values(INDICATOR_TYPES),INDICATOR_TYPES.NONE,this.el,"indicator")};a.prototype.componentWillLoad=function(){this.checkPropValues()};Object.defineProperty(a.prototype,"classMap",{get:function(){var a;return a={"bds-status":true},a["bds-status--".concat(this.state)]=true,a["bds-status--".concat(this.indicator)]=true,a},enumerable:false,configurable:true});a.prototype.render=function(){return h(Host,{key:"36cf2dfe777002b02d126d38cb9ed2bce3f828a6",class:this.classMap,role:"status"},this.indicator===INDICATOR_TYPES.DOT?h("div",{class:"bds-status__dot","aria-hidden":"true"}):"",h("slot",{key:"99ab1fa89dc28f3ffca617508b5c577abf874d7a",name:"icon"}),h("slot",{key:"8ff726d294fc524950ac0255c71f4ba65b3c9b96"}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{state:[{checkPropValues:0}],indicator:[{checkPropValues:0}]}},enumerable:false,configurable:true});return a}();BdsStatus.style=bdsStatusCss();export{BdsStatus as bds_status};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{P as PROCESS_STATUS}from"./states-Bfazyxqi.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var INDICATOR_TYPES={NONE:"none",DOT:"dot",ICON:"icon"};var bdsStatusCss=function(){return'@charset "UTF-8";.bds-status{color:var(--boreal-text-default-ink);text-align:center;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-style:normal;font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);min-height:var(--boreal-spacing-ml);border-radius:var(--boreal-radius-xs)}.bds-status>[slot=icon]{display:none}.bds-status--icon>[slot=icon]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-s);height:var(--boreal-layout-s)}.bds-status__dot{background-color:var(--boreal-icon-default-light);width:var(--boreal-spacing-xs);height:var(--boreal-spacing-xs);border-radius:var(--boreal-radius-full)}.bds-status--neutral{color:var(--boreal-text-default-ink);background-color:var(--boreal-ui-default-lighter)}.bds-status--neutral>.bds-status__dot{background-color:var(--boreal-icon-default-lighter)}.bds-status--neutral>[slot=icon]{color:var(--boreal-icon-default-lighter)}.bds-status--neutral>.bds-status__dot{background-color:var(--boreal-icon-default-light)}.bds-status--pending{color:var(--boreal-text-warning-dark);background-color:var(--boreal-ui-warning-lighter)}.bds-status--pending>.bds-status__dot{background-color:var(--boreal-icon-warning-base)}.bds-status--pending>[slot=icon]{color:var(--boreal-icon-warning-base)}.bds-status--in-progress{color:var(--boreal-text-information-dark);background-color:var(--boreal-ui-info-lighter)}.bds-status--in-progress>.bds-status__dot{background-color:var(--boreal-icon-info-base)}.bds-status--in-progress>[slot=icon]{color:var(--boreal-icon-info-base)}.bds-status--complete{color:var(--boreal-text-success-dark);background-color:var(--boreal-ui-success-lighter)}.bds-status--complete>.bds-status__dot{background-color:var(--boreal-icon-success-base)}.bds-status--complete>[slot=icon]{color:var(--boreal-icon-success-base)}.bds-status--cancel{color:var(--boreal-text-danger-dark);background-color:var(--boreal-ui-danger-lighter)}.bds-status--cancel>.bds-status__dot{background-color:var(--boreal-icon-danger-base)}.bds-status--cancel>[slot=icon]{color:var(--boreal-icon-danger-base)}'};var BdsStatus=function(){function a(a){registerInstance(this,a);this.state=PROCESS_STATUS.NEUTRAL;this.indicator=INDICATOR_TYPES.NONE}a.prototype.checkPropValues=function(){validatePropValue(Object.values(PROCESS_STATUS),PROCESS_STATUS.NEUTRAL,this.el,"state");validatePropValue(Object.values(INDICATOR_TYPES),INDICATOR_TYPES.NONE,this.el,"indicator")};a.prototype.componentWillLoad=function(){this.checkPropValues()};Object.defineProperty(a.prototype,"classMap",{get:function(){var a;return a={"bds-status":true},a["bds-status--".concat(this.state)]=true,a["bds-status--".concat(this.indicator)]=true,a},enumerable:false,configurable:true});a.prototype.render=function(){return h(Host,{key:"9a952b22de8565fcca464d045f71ea86c92c8632",class:this.classMap,role:"status"},this.indicator===INDICATOR_TYPES.DOT?h("div",{class:"bds-status__dot","aria-hidden":"true"}):"",h("slot",{key:"47e03b139fcb4da8b15fe115518856c54d02a320",name:"icon"}),h("slot",{key:"e512e975c2df8fa3e3380f27808eec96be5ad455"}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{state:[{checkPropValues:0}],indicator:[{checkPropValues:0}]}},enumerable:false,configurable:true});return a}();BdsStatus.style=bdsStatusCss();export{BdsStatus as bds_status};

package/dist/esm-es5/bds-tag.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var TAG_COLORS={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"};var bdsTagCss=function(){return'@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}'};var BdsTag=function(){function e(e){var a=this;registerInstance(this,e);this.bdsClose=createEvent(this,"bdsClose");this.bdsSelect=createEvent(this,"bdsSelect");this._id=createId("bds-tag");this.internalSelected=false;this.multiselect=false;this.selected=false;this.closeButtonLabel="Close tag";this.color=TAG_COLORS.GRAY;this.readonly=false;this.disabled=false;this.handleClose=function(e){if(a.disabled)return;if(e!==undefined){e.preventDefault();e.stopPropagation()}a.bdsClose.emit({id:a._id,selected:a.internalSelected,el:a.el})};this.handleKeyDown=function(e){if(a.disabled)return;var r=[" ","Enter"];var t=["Delete","Backspace"];if(!a.readonly&&t.includes(e.key)){a.handleClose(e);return}if(r.includes(e.key)&&e.target===a.el){e.preventDefault();a.handleSelection()}};this.handleSelection=function(){if(a.disabled)return;if(a.multiselect){a.internalSelected=!a.internalSelected;a.bdsSelect.emit({id:a._id,selected:a.internalSelected,el:a.el})}}}e.prototype.componentWillLoad=function(){this.syncSelectedFromProp(this.selected);this.checkPropValues();this.validateMultiselectRole()};e.prototype.checkPropValues=function(){validatePropValue(Object.values(TAG_COLORS),TAG_COLORS.GRAY,this.el,"color")};e.prototype.syncSelectedFromProp=function(e){this.internalSelected=e};e.prototype.validateMultiselectRole=function(){if(!this.multiselect)return;var e='[role="listbox"], [role="group"], bds-tag-group';var a=this.el;if(a.closest(e)===null){console.warn('[BorealDS Tag] Missing required ARIA parent. Expected role="listbox", role="group", or <bds-tag-group> when multiselect=true.')}};e.prototype.getClasses=function(){var e;return e={"bds-tag":true},e["bds-tag--".concat(this.color)]=true,e["bds-tag--disabled"]=this.disabled,e["bds-tag--selected"]=this.internalSelected,e};e.prototype.renderTag=function(){return h(Fragment,null,h("span",{"aria-hidden":"true",class:"bds-tag__icon"},h("slot",{name:"icon"})),h("span",{class:"bds-tag__text"},h("slot",null)))};e.prototype.renderCloseIcon=function(){var e=this;return h("button",{class:"bds-tag__close-button","aria-label":this.closeButtonLabel,onClick:function(a){return e.handleClose(a)},disabled:this.disabled,type:"button"},h("em",{class:"bds-icon-close","aria-hidden":"true"}))};e.prototype.render=function(){var e=this;var a=this.getClasses();var r=!this.readonly;var t=this.multiselect;return h(Host,{key:"0864f3764aef3354e5b2c7494a5c9c2cb261582f",class:a,role:t?"option":undefined,tabIndex:t&&!this.disabled?0:-1,"aria-disabled":this.disabled?"true":undefined,"aria-selected":t?"".concat(this.internalSelected):undefined,onKeyDown:!this.disabled?function(a){return e.handleKeyDown(a)}:undefined,onClick:!this.disabled?this.handleSelection:undefined,id:this._id},this.renderTag(),r&&this.renderCloseIcon())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}},enumerable:false,configurable:true});return e}();BdsTag.style=bdsTagCss();export{BdsTag as bds_tag};
+import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var TAG_COLORS={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"};var bdsTagCss=function(){return'@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}'};var BdsTag=function(){function e(e){var a=this;registerInstance(this,e);this.bdsClose=createEvent(this,"bdsClose");this.bdsSelect=createEvent(this,"bdsSelect");this._id=createId("bds-tag");this.internalSelected=false;this.multiselect=false;this.selected=false;this.closeButtonLabel="Close tag";this.color=TAG_COLORS.GRAY;this.readonly=false;this.disabled=false;this.handleClose=function(e){if(a.disabled)return;if(e!==undefined){e.preventDefault();e.stopPropagation()}a.bdsClose.emit({id:a._id,selected:a.internalSelected,el:a.el})};this.handleKeyDown=function(e){if(a.disabled)return;var t=[" ","Enter"];var o=["Delete","Backspace"];if(!a.readonly&&o.includes(e.key)){a.handleClose(e);return}if(t.includes(e.key)&&e.target===a.el){e.preventDefault();a.handleSelection()}};this.handleSelection=function(){if(a.disabled)return;if(a.multiselect){a.internalSelected=!a.internalSelected;a.bdsSelect.emit({id:a._id,selected:a.internalSelected,el:a.el})}}}e.prototype.componentWillLoad=function(){this.syncSelectedFromProp(this.selected);this.checkPropValues();this.validateMultiselectRole()};e.prototype.checkPropValues=function(){validatePropValue(Object.values(TAG_COLORS),TAG_COLORS.GRAY,this.el,"color")};e.prototype.syncSelectedFromProp=function(e){this.internalSelected=e};e.prototype.validateMultiselectRole=function(){if(!this.multiselect)return;var e='[role="listbox"], [role="group"], bds-tag-group';var a=this.el;if(a.closest(e)===null){console.warn('[BorealDS Tag] Missing required ARIA parent. Expected role="listbox", role="group", or <bds-tag-group> when multiselect=true.')}};e.prototype.getClasses=function(){var e;return e={"bds-tag":true},e["bds-tag--".concat(this.color)]=true,e["bds-tag--disabled"]=this.disabled,e["bds-tag--selected"]=this.internalSelected,e};e.prototype.renderTag=function(){return h(Fragment,null,h("span",{"aria-hidden":"true",class:"bds-tag__icon"},h("slot",{name:"icon"})),h("span",{class:"bds-tag__text"},h("slot",null)))};e.prototype.renderCloseIcon=function(){var e=this;return h("button",{class:"bds-tag__close-button","aria-label":this.closeButtonLabel,onClick:function(a){return e.handleClose(a)},disabled:this.disabled,type:"button"},h("em",{class:"bds-icon-close","aria-hidden":"true"}))};e.prototype.render=function(){var e=this;var a=this.getClasses();var t=!this.readonly;var o=this.multiselect;return h(Host,{key:"bd62a05fccbfa4aed3b7f72b9edf800c3ab05362",class:a,role:o?"option":undefined,tabIndex:o&&!this.disabled?0:-1,"aria-disabled":this.disabled?"true":undefined,"aria-selected":o?"".concat(this.internalSelected):undefined,onKeyDown:!this.disabled?function(a){return e.handleKeyDown(a)}:undefined,onClick:!this.disabled?this.handleSelection:undefined,id:this._id},this.renderTag(),t&&this.renderCloseIcon())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}},enumerable:false,configurable:true});return e}();BdsTag.style=bdsTagCss();export{BdsTag as bds_tag};

package/dist/esm-es5/bds-text-field.entry.js

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function a(){this.constructor=t}t.prototype=i===null?Object.create(i):(a.prototype=i.prototype,new a)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,a){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function n(e){try{l(a.next(e))}catch(e){r(e)}}function o(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(n,o)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,s,r,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=o(0),n["throw"]=o(1),n["return"]=o(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,o[0]&&(i=0)),i)try{if(a=1,s&&(r=o[0]&2?s["return"]:o[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,o[1])).done)return r;if(s=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;s=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];s=0}finally{a=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,s=t.length,r;a<s;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin,s as setFormValue,r as runValidators}from"./form-associated.mixin-CvK2d92c.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var ARIA_LABELS={Clear:"Clear",ShowPassword:"Show password",HidePassword:"Hide password"};var ICONS={Close:"bds-icon-close",SightOn:"bds-icon-sight-on",SightOff:"bds-icon-sight-off"};var TEXT_FIELD_TYPES={TEXT:"text",PASSWORD:"password"};var TEXT_FIELD_VARIANTS={OUTLINE:"outline",PLAIN:"plain"};var TEXT_FIELD_VALIDATION_TIMING={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"};var bdsTextFieldCss=function(){return'@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease;transition:color 0.3s ease, opacity 0.3s ease}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}'};var BdsTextField=function(e){__extends(t,e);function t(t){var i=e.call(this)||this;registerInstance(i,t);i.valueChange=createEvent(i,"valueChange");i.bdsInput=createEvent(i,"bdsInput");i.bdsChange=createEvent(i,"bdsChange");i.bdsFocus=createEvent(i,"bdsFocus");i.bdsBlur=createEvent(i,"bdsBlur");i.bdsClear=createEvent(i,"bdsClear");i.bdsValidationChange=createEvent(i,"bdsValidationChange");if(t.$hostElement$["s-ei"]){i.internals=t.$hostElement$["s-ei"]}else{i.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=i.internals}i.name="";i.disabled=false;i.required=false;i.isDisabled=false;i.value="";i.error=false;i.errorMessage="";i.customValidators=[];i.validationTiming=TEXT_FIELD_VALIDATION_TIMING.BLUR;i.type=TEXT_FIELD_TYPES.TEXT;i.variant=TEXT_FIELD_VARIANTS.OUTLINE;i.placeholder="";i.readOnly=false;i.autocomplete="off";i.pattern="";i.minLength=0;i.maxLength=0;i.label="";i.sublabel="";i.icon="";i.helperText="";i.info="";i.clearable=false;i.clearOnHover=false;i.charCount=0;i.counter=false;i.customWidth="";i.focused=false;i.showPassword=false;i.touched=false;i.dirty=false;i.currentCharCount=0;i.validationError=false;i.validationMessage="";i._valueAtFocus="";i._id=createId("bds-text-field");i.invalidHandler=function(e){e.preventDefault();i.validationError=true;i.validationMessage=i.internals.validationMessage;i.bdsValidationChange.emit({valid:false,validity:i.internals.validity,value:i.value,touched:i.touched,dirty:i.dirty})};return i}t.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.checkValidity()]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.reportValidity()]}))}))};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.checkPropValues=function(){validatePropValue(Object.values(TEXT_FIELD_TYPES),TEXT_FIELD_TYPES.TEXT,this.el,"type");validatePropValue(Object.values(TEXT_FIELD_VARIANTS),TEXT_FIELD_VARIANTS.OUTLINE,this.el,"variant");validatePropValue(Object.values(TEXT_FIELD_VALIDATION_TIMING),TEXT_FIELD_VALIDATION_TIMING.BLUR,this.el,"validationTiming")};t.prototype.componentWillLoad=function(){this.checkPropValues();this.isDisabled=this.disabled;this.currentCharCount=this.value.length};t.prototype.componentDidLoad=function(){this.el.addEventListener("invalid",this.invalidHandler)};t.prototype.disconnectedCallback=function(){this.el.removeEventListener("invalid",this.invalidHandler)};t.prototype.onCustomValidatorsChange=function(){this.updateValidity()};t.prototype.onValueChange=function(e){setFormValue(this.internals,e);this.currentCharCount=e.length;this.updateValidity();this.valueChange.emit(e)};t.prototype.formAssociatedCallback=function(){setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.formResetCallback=function(){this.value="";this.touched=false;this.dirty=false;this.currentCharCount=0;this.validationError=false;this.validationMessage="";setFormValue(this.internals,null);this.updateValidity()};t.prototype.formStateRestoreCallback=function(e,t){this.value=typeof e==="string"?e:"";setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.updateValidity=function(e){if(e===void 0){e=false}var t=runValidators(this.internals,__spreadArray(__spreadArray([],this.validators,true),this.customValidators,true),this.el);if(e){this.validationError=!t;this.validationMessage=t?"":this.internals.validationMessage;this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}};t.prototype.handleInput=function(e){this.value=e.target.value;this.dirty=true;this.bdsInput.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.INPUT){this.updateValidity(true)}};t.prototype.handleChange=function(e){this.bdsChange.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE){this.updateValidity(true)}};t.prototype.handleFocus=function(e){this.focused=true;this._valueAtFocus=this.value;this.bdsFocus.emit({event:e})};t.prototype.handleBlur=function(e){this.focused=false;this.touched=true;this.bdsBlur.emit({event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.BLUR){this.updateValidity(true)}else if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE&&this.value!==this._valueAtFocus){this.updateValidity(true)}};t.prototype.handleShowPassword=function(){this.showPassword=!this.showPassword};t.prototype.handleClear=function(){var e;this.value="";this.dirty=true;this.validationError=false;this.validationMessage="";this.bdsClear.emit();(e=this.el.querySelector("input"))===null||e===void 0?void 0:e.focus()};t.prototype.handleMouseDown=function(e){if(this.readOnly){e.preventDefault()}};Object.defineProperty(t.prototype,"validators",{get:function(){var e=this;return[{key:"valueMissing",isValid:function(){return!e.required||e.value!==""},message:"This field is required. Please fill it out."},{key:"tooShort",isValid:function(){return e.minLength===0||e.value.length>=e.minLength},message:"Please enter at least ".concat(this.minLength," characters.")},{key:"patternMismatch",isValid:function(){if(e.pattern===""||e.value==="")return true;try{return new RegExp(e.pattern).test(e.value)}catch(e){return true}},message:"Please match the requested format."}]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"effectiveMaxLength",{get:function(){if(this.maxLength!==0)return this.maxLength;if(this.counter&&this.charCount>0)return this.charCount;return undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"classMap",{get:function(){return{"bds-text-field":true,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===TEXT_FIELD_VARIANTS.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hostStyle",{get:function(){return this.customWidth!==""?{"--bds-text-field-width":this.customWidth}:undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"iconClear",{get:function(){return this.clearable||this.clearOnHover?ICONS.Close:""},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"showPasswordIcon",{get:function(){return this.showPassword?ICONS.SightOn:ICONS.SightOff},enumerable:false,configurable:true});t.prototype.render=function(){var e=this;var t="".concat(this._id,"-label");var i="".concat(this._id,"-helper");var a=(this.clearable||this.clearOnHover)&&this.value!==""&&!this.isDisabled&&!this.readOnly;var s=this.error||this.validationError;var r=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;var n=r!==""||this.counter&&this.charCount>0;var o=this.isDisabled?"disabled":s?"error":"default";return h(Host,{key:"96b7e057fa7f25e8f7d13b7de0fd17f12de602bb",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:function(){var t;return!e.readOnly&&((t=e.el.querySelector("input"))===null||t===void 0?void 0:t.focus())}},this.label!==""&&h("bds-typography",{key:"e827b43ea347037ff2d404229aaefdd258d2ad22",id:t,variant:"label",htmlFor:this._id,required:this.required,tooltipText:this.info!==""?this.info:undefined,state:o},this.label),h("div",{key:"f579762db25f65031917874dbb4c2347b5d9f027",class:"bds-text-field__container"},(this.icon!==""||this.sublabel!=="")&&h("span",{key:"191d2ccec9baf8b739163eea112dce9a1073f4bd",class:"bds-text-field__sublabel"},this.icon!==""&&h("em",{key:"1cc1b1b7ece610b2a18ba872c4b7035d2239731b",class:this.icon}),this.sublabel),h("slot",{key:"ba7b08573b6ae35c10649125991a2bbed15f31f3",name:"prefix"}),h("input",{key:"6391338c4f636382cf19f888dc810baaf6820c80",id:this._id,class:"bds-text-field__control","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":n&&r!==""?i:undefined,"aria-invalid":this.error||this.validationError?"true":undefined,"aria-required":this.required?"true":undefined,type:this.type===TEXT_FIELD_TYPES.PASSWORD&&this.showPassword?TEXT_FIELD_TYPES.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly,tabIndex:this.readOnly?-1:undefined,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:this.pattern!==""?this.pattern:undefined,minLength:this.minLength!==0?this.minLength:undefined,maxLength:this.effectiveMaxLength,onMouseDown:function(t){return e.handleMouseDown(t)},onInput:function(t){return e.handleInput(t)},onChange:function(t){return e.handleChange(t)},onFocus:function(t){return e.handleFocus(t)},onBlur:function(t){return e.handleBlur(t)}}),(a||this.type===TEXT_FIELD_TYPES.PASSWORD)&&h("div",{key:"e5dc4cab3d536ef09eaeae96ca68a7d4b4e15d92",class:"bds-text-field__actions"},a&&h("button",{key:"b18d06de000c3ea465be221dcbb77ab49bb3949f",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":ARIA_LABELS.Clear,onClick:function(){return e.handleClear()}},h("em",{key:"0aa5d75c5214b7832a2a2e80a1cd2c42af5bea9a",class:this.iconClear})),this.type===TEXT_FIELD_TYPES.PASSWORD&&h("button",{key:"fd97135cca8d32178461bf7109c9b6a7eec543e9",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?ARIA_LABELS.HidePassword:ARIA_LABELS.ShowPassword,onClick:function(){return e.handleShowPassword()}},h("em",{key:"0de72e7756ad62bbe4fb5f925526071720f358db",class:this.showPasswordIcon})))),n&&h("div",{key:"9d1c0e8920511650ab6711f2f813c01491d52414",class:"bds-text-field__footer"},r!==""&&h("bds-typography",{key:"f27235a7a38f34b9a9f7bae762c3c6be12acd8b0",id:i,variant:"helper",state:o},r),this.counter&&this.charCount>0&&h("span",{key:"3aa43ea8bd6a35963f0983ec8814e0ce19ee71ce",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsTextField.style=bdsTextFieldCss();export{BdsTextField as bds_text_field};
+var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function a(){this.constructor=t}t.prototype=i===null?Object.create(i):(a.prototype=i.prototype,new a)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,a){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function n(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(o,n)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,s,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=n(0),o["throw"]=n(1),o["return"]=n(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function n(e){return function(t){return l([e,t])}}function l(n){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,n[0]&&(i=0)),i)try{if(a=1,s&&(r=n[0]&2?s["return"]:n[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,n[1])).done)return r;if(s=0,r)n=[n[0]&2,r.value];switch(n[0]){case 0:case 1:r=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;s=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!r||n[1]>r[0]&&n[1]<r[3])){i.label=n[1];break}if(n[0]===6&&i.label<r[1]){i.label=r[1];r=n;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(n);break}if(r[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];s=0}finally{a=r=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,s=t.length,r;a<s;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{s as setFormValue,r as runValidators}from"./internals-DfaYciGa.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var ARIA_LABELS={Clear:"Clear",ShowPassword:"Show password",HidePassword:"Hide password"};var ICONS={Close:"bds-icon-close",SightOn:"bds-icon-sight-on",SightOff:"bds-icon-sight-off"};var TEXT_FIELD_TYPES={TEXT:"text",PASSWORD:"password"};var TEXT_FIELD_VARIANTS={OUTLINE:"outline",PLAIN:"plain"};var TEXT_FIELD_VALIDATION_TIMING={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"};var bdsTextFieldCss=function(){return'@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__control[aria-expanded=true]~.bds-text-field__actions .bds-text-field__action--icon-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--selectable .bds-text-field__container input{cursor:pointer;pointer-events:auto}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}'};var BdsTextField=function(e){__extends(t,e);function t(t){var i=e.call(this)||this;registerInstance(i,t);i.valueChange=createEvent(i,"valueChange");i.bdsInput=createEvent(i,"bdsInput");i.bdsChange=createEvent(i,"bdsChange");i.bdsFocus=createEvent(i,"bdsFocus");i.bdsBlur=createEvent(i,"bdsBlur");i.bdsClear=createEvent(i,"bdsClear");i.bdsValidationChange=createEvent(i,"bdsValidationChange");if(t.$hostElement$["s-ei"]){i.internals=t.$hostElement$["s-ei"]}else{i.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=i.internals}i.name="";i.disabled=false;i.required=false;i.isDisabled=false;i.value="";i.error=false;i.errorMessage="";i.customValidators=[];i.validationTiming=TEXT_FIELD_VALIDATION_TIMING.BLUR;i.type=TEXT_FIELD_TYPES.TEXT;i.variant=TEXT_FIELD_VARIANTS.OUTLINE;i.placeholder="";i.readOnly=false;i.autocomplete="off";i.pattern="";i.minLength=0;i.maxLength=0;i.label="";i.sublabel="";i.icon="";i.helperText="";i.info="";i.clearable=false;i.clearOnHover=false;i.charCount=0;i.counter=false;i.customWidth="";i.selectable=false;i.iconRight="";i.focused=false;i.showPassword=false;i.touched=false;i.dirty=false;i.currentCharCount=0;i.validationError=false;i.validationMessage="";i._valueAtFocus="";i._id=createId("bds-text-field");i.invalidHandler=function(e){e.preventDefault();i.validationError=true;i.validationMessage=i.internals.validationMessage;i.bdsValidationChange.emit({valid:false,validity:i.internals.validity,value:i.value,touched:i.touched,dirty:i.dirty})};return i}t.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.checkValidity()]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.reportValidity()]}))}))};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.checkPropValues=function(){validatePropValue(Object.values(TEXT_FIELD_TYPES),TEXT_FIELD_TYPES.TEXT,this.el,"type");validatePropValue(Object.values(TEXT_FIELD_VARIANTS),TEXT_FIELD_VARIANTS.OUTLINE,this.el,"variant");validatePropValue(Object.values(TEXT_FIELD_VALIDATION_TIMING),TEXT_FIELD_VALIDATION_TIMING.BLUR,this.el,"validationTiming")};t.prototype.componentWillLoad=function(){this.checkPropValues();this.isDisabled=this.disabled;this.currentCharCount=this.value.length};t.prototype.componentDidLoad=function(){this.el.addEventListener("invalid",this.invalidHandler)};t.prototype.disconnectedCallback=function(){this.el.removeEventListener("invalid",this.invalidHandler)};t.prototype.onCustomValidatorsChange=function(){this.updateValidity()};t.prototype.onValueChange=function(e){setFormValue(this.internals,e);this.currentCharCount=e.length;this.updateValidity(this.touched||this.validationError);this.valueChange.emit(e)};t.prototype.formAssociatedCallback=function(){setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.formResetCallback=function(){this.value="";this.touched=false;this.dirty=false;this.currentCharCount=0;this.validationError=false;this.validationMessage="";setFormValue(this.internals,null);this.updateValidity()};t.prototype.formStateRestoreCallback=function(e,t){this.value=typeof e==="string"?e:"";setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.updateValidity=function(e){if(e===void 0){e=false}var t=runValidators(this.internals,__spreadArray(__spreadArray([],this.validators,true),this.customValidators,true),this.el);if(e){this.validationError=!t;this.validationMessage=t?"":this.internals.validationMessage;this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}};t.prototype.handleInput=function(e){this.value=e.target.value;this.dirty=true;this.bdsInput.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.INPUT){this.updateValidity(true)}};t.prototype.handleChange=function(e){this.bdsChange.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE){this.updateValidity(true)}};t.prototype.handleFocus=function(e){this.focused=true;this._valueAtFocus=this.value;this.bdsFocus.emit({event:e})};t.prototype.handleBlur=function(e){this.focused=false;this.touched=true;this.bdsBlur.emit({event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.BLUR){this.updateValidity(true)}else if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE&&this.value!==this._valueAtFocus){this.updateValidity(true)}};t.prototype.handleShowPassword=function(){this.showPassword=!this.showPassword};t.prototype.handleClear=function(){var e;this.value="";this.dirty=true;this.validationError=false;this.validationMessage="";this.bdsClear.emit();(e=this.el.querySelector("input"))===null||e===void 0?void 0:e.focus()};t.prototype.handleMouseDown=function(e){if(this.readOnly){e.preventDefault()}};Object.defineProperty(t.prototype,"validators",{get:function(){var e=this;return[{key:"valueMissing",isValid:function(){return!e.required||e.value!==""},message:"This field is required. Please fill it out."},{key:"tooShort",isValid:function(){return e.minLength===0||e.value.length>=e.minLength},message:"Please enter at least ".concat(this.minLength," characters.")},{key:"patternMismatch",isValid:function(){if(e.pattern===""||e.value==="")return true;try{return new RegExp(e.pattern).test(e.value)}catch(e){return true}},message:"Please match the requested format."}]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"effectiveMaxLength",{get:function(){if(this.maxLength!==0)return this.maxLength;if(this.counter&&this.charCount>0)return this.charCount;return undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"classMap",{get:function(){return{"bds-text-field":true,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===TEXT_FIELD_VARIANTS.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover,"bds-text-field--selectable":this.selectable}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hostStyle",{get:function(){return this.customWidth!==""?{"--bds-text-field-width":this.customWidth}:undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"iconClear",{get:function(){return this.clearable||this.clearOnHover?ICONS.Close:""},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"showPasswordIcon",{get:function(){return this.showPassword?ICONS.SightOn:ICONS.SightOff},enumerable:false,configurable:true});t.prototype.render=function(){var e=this;var t="".concat(this._id,"-label");var i="".concat(this._id,"-helper");var a=(this.clearable||this.clearOnHover)&&this.value!==""&&!this.isDisabled&&!this.readOnly;var s=this.error||this.validationError;var r=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;var o=r!==""||this.counter&&this.charCount>0;var n=this.isDisabled?"disabled":s?"error":"default";return h(Host,{key:"6481e9c4eac94aee0b9a24fdaae8a00d3ae100b3",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:function(){var t;return!e.readOnly&&((t=e.el.querySelector("input"))===null||t===void 0?void 0:t.focus())}},this.label!==""&&h("bds-typography",{key:"f21f1a20b452876a3d3e91276318142e517d4099",id:t,variant:"label",htmlFor:this._id,required:this.required,tooltipText:this.info!==""?this.info:undefined,state:n},this.label),h("div",{key:"08c4e6498a31ee97f8ab1e3b6f2774bd30b933df",class:"bds-text-field__container"},(this.icon!==""||this.sublabel!=="")&&h("span",{key:"aad475c4e9b6870ea2dae597a14aa9a42a3eb837",class:"bds-text-field__sublabel"},this.icon!==""&&h("em",{key:"f6cdaddf127e35143fcc3749395438e2082eb7c1",class:this.icon}),this.sublabel),h("slot",{key:"29fae2b0cf57634c0fa64eacc450a4989d4bbbf0",name:"prefix"}),h("slot",{key:"446a355e5d028e0a8ed0401c2f6452ab32a51959",name:"tags"}),h("input",{key:"d4dbc554a0121ac773d965d39277291562924e3f",id:this._id,class:"bds-text-field__control","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":o&&r!==""?i:undefined,"aria-invalid":this.error||this.validationError?"true":undefined,"aria-required":this.required?"true":undefined,type:this.type===TEXT_FIELD_TYPES.PASSWORD&&this.showPassword?TEXT_FIELD_TYPES.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly||this.selectable,tabIndex:this.readOnly?-1:undefined,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:this.pattern!==""?this.pattern:undefined,minLength:this.minLength!==0?this.minLength:undefined,maxLength:this.effectiveMaxLength,onMouseDown:function(t){return e.handleMouseDown(t)},onInput:function(t){return e.handleInput(t)},onChange:function(t){return e.handleChange(t)},onFocus:function(t){return e.handleFocus(t)},onBlur:function(t){return e.handleBlur(t)}}),(a||this.type===TEXT_FIELD_TYPES.PASSWORD||this.iconRight!=="")&&h("div",{key:"47964ef2af3f328434fee12cbea2db2976c12d13",class:"bds-text-field__actions"},a&&h("button",{key:"f5265e5b44d1025697b4bb8237d4c6fccf5e1c2a",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":ARIA_LABELS.Clear,onClick:function(){return e.handleClear()}},h("em",{key:"bddaa1e6a9f347fea502e9d59eef0e008329b76b",class:this.iconClear})),this.type===TEXT_FIELD_TYPES.PASSWORD&&h("button",{key:"deb294a70355419c49748f7821db56c83e811115",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?ARIA_LABELS.HidePassword:ARIA_LABELS.ShowPassword,onClick:function(){return e.handleShowPassword()}},h("em",{key:"29945864601c1461054da11465ac0695a9c4432e",class:this.showPasswordIcon})),this.iconRight!==""&&h("span",{key:"a69939fe890b5c05a7752bbdba6cff9c159ea08c",class:"bds-text-field__action bds-text-field__action--icon-right","aria-hidden":"true"},h("i",{key:"db51d8c6dc8a3d74f26190ea8859a3fb19fad879",class:this.iconRight})))),o&&h("div",{key:"0052fb8c0e466d74afc7e30d55ae8016f48fe20b",class:"bds-text-field__footer"},r!==""&&h("bds-typography",{key:"aa7528b125145b7b36582dd1607cc80bf85948e4",id:i,variant:"helper",state:n},r),this.counter&&this.charCount>0&&h("span",{key:"5274eea422b00ec03da9f0b3ff90d055336b2727",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsTextField.style=bdsTextFieldCss();export{BdsTextField as bds_text_field};

package/dist/esm-es5/bds-toggle.entry.js

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var e=function(t,s){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]};return e(t,s)};return function(t,s){if(typeof s!=="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");e(t,s);function i(){this.constructor=t}t.prototype=s===null?Object.create(s):(i.prototype=s.prototype,new i)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,s=1,i=arguments.length;s<i;s++){t=arguments[s];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin,s as setFormValue}from"./form-associated.mixin-CvK2d92c.js";import{a as inheritAriaAttributes}from"./attributes-CaHOghy5.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";var TOGGLE_PLACEMENT={LEFT:"left",RIGHT:"right"};var bdsToggleCss=function(){return'@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light);box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}'};var BdsToggle=function(e){__extends(t,e);function t(t){var s=e.call(this)||this;registerInstance(s,t);s.valueChange=createEvent(s,"valueChange");s.bdsChange=createEvent(s,"bdsChange");if(t.$hostElement$["s-ei"]){s.internals=t.$hostElement$["s-ei"]}else{s.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=s.internals}s.inheritedAttributes={};s.disabled=false;s.required=false;s.info="";s.error=false;s.errorMessage="";s.checked=false;s.placement=TOGGLE_PLACEMENT.LEFT;s.label="";s.helperText="";s.value="on";s._id=createId("bds-toggle");s.isDisabled=false;s.validationError=false;s.validationMessage="";s.isChecked=false;s.handleClick=function(){return s.toggle()};s.handleKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();s.toggle()}};s.handleInvalid=function(e){e.preventDefault();s.validate()};return s}t.prototype.componentWillLoad=function(){this.isChecked=this.checked||false;this.isDisabled=this.disabled||false;this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el));this.syncFormValue()};t.prototype.onCheckedChange=function(e){this.isChecked=e;this.syncFormValue()};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.formAssociatedCallback=function(){this.syncFormValue()};t.prototype.formDisabledCallback=function(e){this.isDisabled=e};t.prototype.formResetCallback=function(){this.isChecked=false;this.internals.setValidity({});setFormValue(this.internals,null)};t.prototype.formStateRestoreCallback=function(e,t){this.isChecked=e===this.value;this.internals.setValidity({});this.syncFormValue()};t.prototype.syncFormValue=function(){setFormValue(this.internals,this.isChecked?this.value:null)};t.prototype.validate=function(){if(!this.isDisabled&&this.required&&!this.isChecked){var e=this.el.querySelector("input");this.validationError=true;this.validationMessage="This field is required";this.internals.setValidity({valueMissing:true},this.validationMessage,e!==null&&e!==void 0?e:this.el)}else{this.validationError=false;this.validationMessage="";this.internals.setValidity({})}};t.prototype.toggle=function(){if(this.isDisabled)return;this.isChecked=!this.isChecked;this.syncFormValue();this.validate();this.valueChange.emit(this.isChecked);this.bdsChange.emit({checked:this.isChecked,value:this.value})};Object.defineProperty(t.prototype,"containerClasses",{get:function(){var e;return e={},e["bds-toggle__container"]=true,e["bds-toggle__container--inverse"]=this.placement===TOGGLE_PLACEMENT.RIGHT,e["bds-toggle__container--checked"]=this.isChecked,e["bds-toggle__container--disabled"]=this.isDisabled,e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"canShowLabel",{get:function(){return this.label!==undefined&&this.label.trim()!==""&&this.label!==undefined&&this.label!==null},enumerable:false,configurable:true});t.prototype.render=function(){var e="bds-toggle";var t=this.error||this.validationError;var s=this.isDisabled?"disabled":t?"error":"default";var i=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;return h(Host,__assign(__assign({key:"8aa5ec26708ce8eb834020353e2e01e882cefad6"},this.inheritedAttributes),{onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e}),h("div",{key:"a62ae102ba2167be5e03758c5bfc6197e8f3b73c",part:"container",class:this.containerClasses},this.canShowLabel&&h("bds-typography",{key:"c6129d113b083f9db5bad181f5a8cf1ae161b593",variant:"label",class:"".concat(e,"__label"),htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),h("label",{key:"570a0637d106b24823d39945e1b7a68a4cec4f36",class:"".concat(e,"__switch"),htmlFor:this._id,onClick:function(e){return e.preventDefault()}},h("input",{key:"197a94215e42e7a8a9d5a5652ad1163b501799ab",class:"".concat(e,"__input"),"aria-invalid":this.error||this.validationError?"true":undefined,"aria-label":this.label||null,id:this._id,type:"checkbox",name:this.name,required:this.required,disabled:this.isDisabled,checked:this.isChecked,onInvalid:this.handleInvalid}),h("span",{key:"09ac81f91f9dc92c4e4cac593db4be4697243ce0",class:"".concat(e,"__slider ").concat(e,"__slider--round")}))),i!==""&&h("bds-typography",{key:"4a35755ec9e280dfedb839826683f1272c76223d",class:"".concat(e,"__helper-text"),variant:"helper",state:s,onClick:function(e){return e.stopPropagation()}},i))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsToggle.style=bdsToggleCss();export{BdsToggle as bds_toggle};
+var __extends=this&&this.__extends||function(){var e=function(t,s){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]};return e(t,s)};return function(t,s){if(typeof s!=="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");e(t,s);function i(){this.constructor=t}t.prototype=s===null?Object.create(s):(i.prototype=s.prototype,new i)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,s=1,i=arguments.length;s<i;s++){t=arguments[s];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import{s as setFormValue}from"./internals-DfaYciGa.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";var TOGGLE_PLACEMENT={LEFT:"left",RIGHT:"right"};var bdsToggleCss=function(){return'@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}'};var BdsToggle=function(e){__extends(t,e);function t(t){var s=e.call(this)||this;registerInstance(s,t);s.valueChange=createEvent(s,"valueChange");s.bdsChange=createEvent(s,"bdsChange");if(t.$hostElement$["s-ei"]){s.internals=t.$hostElement$["s-ei"]}else{s.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=s.internals}s.inheritedAttributes={};s.disabled=false;s.required=false;s.info="";s.error=false;s.errorMessage="";s.checked=false;s.placement=TOGGLE_PLACEMENT.LEFT;s.label="";s.helperText="";s.value="on";s._id=createId("bds-toggle");s.isDisabled=false;s.validationError=false;s.validationMessage="";s.isChecked=false;s.handleClick=function(){return s.toggle()};s.handleKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();s.toggle()}};s.handleInvalid=function(e){e.preventDefault();s.validate()};return s}t.prototype.componentWillLoad=function(){this.isChecked=this.checked||false;this.isDisabled=this.disabled||false;this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el));this.syncFormValue()};t.prototype.onCheckedChange=function(e){this.isChecked=e;this.syncFormValue()};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.formAssociatedCallback=function(){this.syncFormValue()};t.prototype.formDisabledCallback=function(e){this.isDisabled=e};t.prototype.formResetCallback=function(){this.isChecked=false;this.internals.setValidity({});setFormValue(this.internals,null)};t.prototype.formStateRestoreCallback=function(e,t){this.isChecked=e===this.value;this.internals.setValidity({});this.syncFormValue()};t.prototype.syncFormValue=function(){setFormValue(this.internals,this.isChecked?this.value:null)};t.prototype.validate=function(){if(!this.isDisabled&&this.required&&!this.isChecked){var e=this.el.querySelector("input");this.validationError=true;this.validationMessage="This field is required";this.internals.setValidity({valueMissing:true},this.validationMessage,e!==null&&e!==void 0?e:this.el)}else{this.validationError=false;this.validationMessage="";this.internals.setValidity({})}};t.prototype.toggle=function(){if(this.isDisabled)return;this.isChecked=!this.isChecked;this.syncFormValue();this.validate();this.valueChange.emit(this.isChecked);this.bdsChange.emit({checked:this.isChecked,value:this.value})};Object.defineProperty(t.prototype,"containerClasses",{get:function(){var e;return e={},e["bds-toggle__container"]=true,e["bds-toggle__container--inverse"]=this.placement===TOGGLE_PLACEMENT.RIGHT,e["bds-toggle__container--checked"]=this.isChecked,e["bds-toggle__container--disabled"]=this.isDisabled,e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"canShowLabel",{get:function(){return this.label!==undefined&&this.label.trim()!==""&&this.label!==undefined&&this.label!==null},enumerable:false,configurable:true});t.prototype.render=function(){var e="bds-toggle";var t=this.error||this.validationError;var s=this.isDisabled?"disabled":t?"error":"default";var i=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;return h(Host,__assign(__assign({key:"b5d27825358eaadb5cbca86e48488350e6099d8f"},this.inheritedAttributes),{onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e}),h("div",{key:"9b7bb4c4551beb61ed72c9ee4a4d7ee14e746c4e",part:"container",class:this.containerClasses},this.canShowLabel&&h("bds-typography",{key:"a95e1b66d8452b983002348b9456aa0c3674b202",variant:"label",class:"".concat(e,"__label"),htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),h("label",{key:"954125135521cd6e65c2e6c3dfa41216e6f52dd3",class:"".concat(e,"__switch"),htmlFor:this._id,onClick:function(e){return e.preventDefault()}},h("input",{key:"c3e0ee266aba0bd6e8ca7fb2d3efaeb412161806",class:"".concat(e,"__input"),"aria-invalid":this.error||this.validationError?"true":undefined,"aria-label":this.label||null,id:this._id,type:"checkbox",name:this.name,required:this.required,disabled:this.isDisabled,checked:this.isChecked,onInvalid:this.handleInvalid}),h("span",{key:"68912685234edb7c6ec972231c7f951531862f7c",class:"".concat(e,"__slider ").concat(e,"__slider--round")}))),i!==""&&h("bds-typography",{key:"3e5645d234edc1f3efe7805260def2c74bc7cd44",class:"".concat(e,"__helper-text"),variant:"helper",state:s,onClick:function(e){return e.stopPropagation()}},i))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsToggle.style=bdsToggleCss();export{BdsToggle as bds_toggle};