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

package/dist/boreal-web-components/p-fbe88555.entry.js

@@ -0,0 +1 @@
+import{M as t,r as s,c as i,h as e,a,g as r}from"./p-BqJlOB6b.js";import{f as o}from"./p-C4HM8wQe.js";import{s as n}from"./p-DfaYciGa.js";const h="never",l="focus",d="single",b="range";function p(t,s=[0]){if(Array.isArray(t)){const i=t.map(Number).filter((t=>!isNaN(t)));return i.length>0?i:s}try{const i=JSON.parse(t),e=(Array.isArray(i)?i:[i]).map(Number).filter((t=>!isNaN(t)));return e.length>0?e:s}catch{const i=Number(t);return isNaN(i)?s:[i]}}class u{constructor(t){this.options=t}clamp(t){return Math.min(Math.max(t,this.options.min),this.options.max)}snapToStep(t){const s=Math.round((t-this.options.min)/this.options.step)*this.options.step+this.options.min;return this.clamp(s)}applyCollision(t,s){const i=[...t],e=this.options.step;return this.options.type!==b||i.length<2||(0===s?i[0]=Math.min(i[0]??this.options.min,(i[1]??this.options.max)-e):i[1]=Math.max(i[1]??this.options.max,(i[0]??this.options.min)+e)),i}toPercent(t){const s=this.options.max-this.options.min;return 0===s?0:(t-this.options.min)/s*100}getConnectSegment(t){if(this.options.type===d)return{left:0,width:this.toPercent(t[0]??this.options.min)};const s=t[0]??this.options.min,i=t[1]??this.options.max;return{left:this.toPercent(s),width:this.toPercent(i-s+this.options.min)}}getPipPositions(){const{min:t,max:s,step:i}=this.options,e=[],a=(s-t)/i;for(let s=1;s<a;s++)e.push(this.toPercent(t+s*i));return e}getThumbCSSPosition(t,s,i){return this.toPercent(t)/100*(s-i)+i/2}}class c{static addTooltipsStates(t,s){void 0!==t&&t.classList.add(`${s}__tooltip--visible`,`${s}__tooltip--active`)}static removeTooltipsStates(t,s){void 0!==t&&t.classList.remove(`${s}__tooltip--visible`,`${s}__tooltip--active`)}static syncTooltips(t,s){t.forEach(((t,i)=>{const e=s[i];void 0!==e&&(e.value=String(t),e.setAttribute("value",String(t)),e.setAttribute("aria-valuenow",String(t)))}))}static moveConnect(t,s){t.style.left=`${s.left}%`,t.style.width=`${s.width}%`}static getThumbCSSPosition(t){const s="var(--handle-size, 16px)";return`calc(${t}% + (${s} / 2) - (${t} * ${s} / 100))`}static updateInputValue(t,s){t.value=String(s),t.setAttribute("value",String(s)),t.setAttribute("aria-valuenow",String(s))}}const v=class extends(t(o)){constructor(t){super(),s(this,t),this.bdsChange=i(this,"bdsChange"),this.valueChange=i(this,"valueChange"),this.bdsClick=i(this,"bdsClick"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.blockClass="bds-slider",this.inputEls=[],this.tooltipEls=[],this.min=0,this.max=100,this.type=d,this.label="",this.step=1,this.showLimits=!1,this.value=[0],this.disabled=!1,this.name="",this.disabledHandlers="[]",this.discrete=!1,this.tooltip=l,this.isDisabled=!1,this.isDiscrete=!1,this.internalValues=[0],this.handleClick=t=>{this.bdsClick.emit({target:t.target,value:[...this.internalValues]})}}onDisabledChange(t){this.isDisabled=t,this.syncDOMUpdates()}onDisabledHandlersChange(){this.syncDOMUpdates()}onValueChange(t){this.internalValues=this.resolveValues(t),this.syncDOMUpdates()}onConfigChange(){this.isDiscrete=this.discrete,this.internalValues=this.resolveValues(this.value),this.buildAdapter(),this.syncDOMUpdates()}onRangeChange(){this.buildAdapter(),this.syncDOMUpdates()}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){const t=this.resolveValues(this.value);this.updateValues(t,!1),this.syncDOMUpdates(),this.emitChange(t)}formStateRestoreCallback(t,s){if("string"!=typeof t)return;const i=t.split(",").map((t=>parseFloat(t))).filter((t=>!Number.isNaN(t)));0!==i.length&&(this.updateValues(i,!1),this.syncDOMUpdates(),n(this.internals,t))}syncFormValue(){n(this.internals,this.internalValues.join(","))}async getValues(){return[...this.internalValues]}async setValues(t){const s=this.resolveValues(t);this.updateValues(s,!1),this.syncDOMUpdates(),this.syncFormValue(),this.emitChange(s)}buildAdapter(){this.service=new u({min:Number(this.min),max:Number(this.max),step:Number(this.step),type:this.type,value:this.internalValues,disabledHandlers:p(this.disabledHandlers,[]),discrete:this.isDiscrete,disabled:this.isDisabled,name:String(this.name??"")})}syncDOMUpdates(){this.syncInputsToValues(),this.updateProgress(),this.syncTooltips()}handleInputEvent(t,s){const i=s?.target,e=i??this.inputEls[t];if(void 0===e)return;let a=this.service.snapToStep(parseFloat(e.value));const r=[...this.internalValues];r[t]=a;const o=this.service.applyCollision(r,t);a=o[t]??a,this.internalValues=o,c.updateInputValue(e,a),this.updateProgress(),this.syncTooltip(t,a),this.syncFormValue()}handleChangeEvent(t,s){this.handleInputEvent(t,s),this.isDisabled||this.emitChange([...this.internalValues])}onHandleFocus(t){c.addTooltipsStates(this.tooltipEls[t],this.blockClass)}onHandleBlur(t){c.removeTooltipsStates(this.tooltipEls[t],this.blockClass)}onHandleInactive(t){const s=this.inputEls[t];c.removeTooltipsStates(s,this.blockClass),s.blur()}syncInputsToValues(){c.syncTooltips(this.internalValues,this.inputEls)}updateProgress(){if(void 0===this.connectEl||void 0===this.service)return;const t=this.service.getConnectSegment(this.internalValues);c.moveConnect(this.connectEl,t)}syncTooltip(t,s){const i=this.tooltipEls[t];void 0!==i&&(i.textContent=String(s),i.style.left=`${this.getThumbPosition(s)}px`)}syncTooltips(){this.internalValues.forEach(((t,s)=>{this.syncTooltip(s,t)}))}resolveValues(t){const s=this.service;return function(t,s,i,e){const a=p(t,[Number(s)]);return e===b?a.length>=2?[a[0]??Number(s),a[1]??Number(i)]:[a[0]??Number(s),Number(i)]:[a[0]??Number(s)]}(t,this.min,this.max,this.type).map((t=>s.clamp(t)))}updateValues(t,s=!0){this.internalValues=t,s&&this.emitChange(t)}emitChange(t){this.isDisabled||(this.bdsChange.emit({value:t}),this.valueChange.emit(t),this.syncFormValue())}isHandleDisabled(t){const s=p(this.disabledHandlers,[]);return this.isDisabled||s.includes(t)}getPipPositions(){return void 0===this.service?[]:this.service.getPipPositions()}get classMap(){const t="bds-slider";return{[t]:!0,[`${t}--disabled`]:this.isDisabled,[`${t}--discrete`]:this.isDiscrete,[`${t}--label`]:Boolean(this.label.trim()),[`${t}--tooltip`]:Boolean(this.tooltip)&&this.tooltip!==h&&!1===this.isDisabled,[`${t}--tooltip-never`]:this.tooltip===h,[`${t}--tooltip-focus`]:this.tooltip===l}}getThumbPosition(t){if(void 0===this.trackEl||void 0===this.service)return 0;const s=this.trackEl.getBoundingClientRect().width,i=parseFloat(getComputedStyle(this.el).getPropertyValue("--handle-size"))||16;return this.service.getThumbCSSPosition(t,s,i)}getThumbCSSPosition(t){return c.getThumbCSSPosition(t)}renderInput(t,s){const i=this.isHandleDisabled(s);return e("input",{class:`${this.blockClass}__input`,type:"range",min:this.min,max:this.max,step:this.step,value:s,disabled:i,"data-handle":t,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":s,"aria-disabled":i?"true":void 0,"aria-describedby":`bds-slider-tooltip-${t}`,onInput:s=>this.handleInputEvent(t,s),onChange:s=>this.handleChangeEvent(t,s),onFocus:()=>this.onHandleFocus(t),onBlur:()=>this.onHandleBlur(t),onPointerUp:()=>this.onHandleInactive(t),ref:s=>{void 0!==s&&(this.inputEls[t]=s)}})}renderMinMax(){return!1===this.showLimits?null:e("div",{class:`${this.blockClass}__limits`},e("bds-typography",{variant:"helper"},this.min),e("bds-typography",{variant:"helper"},this.max))}handleTrackClick(t){if(this.isDisabled||void 0===this.trackEl)return;if(t.target.classList.contains(`${this.blockClass}__input`))return;const s=this.trackEl.getBoundingClientRect(),i=Math.min(Math.max((t.clientX-s.left)/s.width,0),1),e=Number(this.min)+i*(Number(this.max)-Number(this.min)),a=this.service.snapToStep(e),r=[...this.internalValues];if(this.type===d){if(this.isHandleDisabled(r[0]))return;r[0]=a,this.internalValues=r}else{const[t,s]=r,i=Math.abs(a-t)<=Math.abs(a-s)?0:1;if(this.isHandleDisabled(r[i]))return;r[i]=a,this.internalValues=this.service.applyCollision(r,i)}this.syncDOMUpdates(),this.emitChange([...this.internalValues])}renderTooltip(t,s){return this.tooltip===h?null:e("div",{id:`bds-slider-tooltip-${t}`,class:{[`${this.blockClass}__tooltip`]:!0,[`${this.blockClass}__tooltip--${this.tooltip}`]:!0},role:"tooltip",onClick:t=>{t.stopPropagation()},style:{left:`${this.service?.toPercent(s)??0}%`},ref:s=>{void 0!==s&&(this.tooltipEls[t]=s)}},s)}renderPips(){return this.isDiscrete?e("div",{class:`${this.blockClass}__pips`},this.getPipPositions().map(((t,s)=>e("div",{key:`pip-${s}`,class:`${this.blockClass}__pip`,style:{left:this.getThumbCSSPosition(t)}})))):null}renderLabel(){return""===this.label.trim()||void 0===this.label?null:e("bds-typography",{class:`${this.blockClass}__label`,htmlFor:this.el.id,variant:"label"},this.label)}componentWillLoad(){this.isDisabled=this.disabled,this.isDiscrete=this.discrete,this.buildAdapter(),this.internalValues=this.resolveValues(this.value)}componentDidLoad(){this.syncDOMUpdates()}componentDidUpdate(){this.syncDOMUpdates()}disconnectedCallback(){this.inputEls=[],this.tooltipEls=[]}render(){return e(a,{key:"d883f67c2dfc80f8b97f2d7394b99ad6c30798fa",class:this.classMap,"aria-disabled":this.isDisabled?"true":void 0,onClick:this.handleClick},this.renderLabel(),e("div",{key:"2704c76fbc751029ca89519950dfb90c3294d5e7",class:`${this.blockClass}__wrapper`,onClick:t=>this.handleTrackClick(t)},e("div",{key:"db67ea023a4f200069e68e02281539378e9e39db",class:`${this.blockClass}__track-base`,ref:t=>{void 0!==t&&(this.trackEl=t)}}),e("div",{key:"02163060bb531de138aae3ad1a4e7f221e7c127f",class:`${this.blockClass}__connect`,ref:t=>{void 0!==t&&(this.connectEl=t)}}),this.renderPips(),this.internalValues.map(((t,s)=>this.renderInput(s,t))),this.internalValues.map(((t,s)=>this.renderTooltip(s,t)))),this.renderMinMax())}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){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}]}}};v.style='@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}';export{v as bds_slider}

package/dist/boreal-web-components/p-fc1fa966.system.entry.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var e=function(r,o){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)if(Object.prototype.hasOwnProperty.call(r,o))e[o]=r[o]};return e(r,o)};return function(r,o){if(typeof o!=="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");e(r,o);function t(){this.constructor=r}r.prototype=o===null?Object.create(o):(t.prototype=o.prototype,new t)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++){r=arguments[o];for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))e[n]=r[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,o,t){function n(e){return e instanceof o?e:new o((function(r){r(e)}))}return new(o||(o=Promise))((function(o,i){function a(e){try{s(t.next(e))}catch(e){i(e)}}function c(e){try{s(t["throw"](e))}catch(e){i(e)}}function s(e){e.done?o(e.value):n(e.value).then(a,c)}s((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,n,i,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=c(0),a["throw"]=c(1),a["return"]=c(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(r){return s([e,r])}}function s(c){if(t)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(t=1,n&&(i=c[0]&2?n["return"]:c[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,c[1])).done)return i;if(n=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;n=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=r.call(e,o)}catch(e){c=[6,e];n=0}finally{t=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-DCKg5Cg_.system.js","./p-CW4-dkCF.system.js","./p-DSU8tkVw.system.js","./p-K7DvMlRo.system.js","./p-1mOd23lT.system.js","./p-RhSdMyWk.system.js","./p-Dk9dfU9-.system.js","./p-C-g3hhl_.system.js","./p-DnIhjwCH.system.js"],(function(e){"use strict";var r,o,t,n,i,a,c,s,b,l,d,h;return{setters:[function(e){r=e.M;o=e.r;t=e.c;n=e.h;i=e.a;a=e.g},function(e){c=e.f},function(e){s=e.a},function(e){b=e.K},function(e){l=e.K},function(e){d=e.c},function(e){h=e.u},null,null],execute:function(){var u=function(){return'@charset "UTF-8";.bds-checkbox__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-checkbox{font-family:var(--boreal-typography-font-family-primary);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-2xs);outline:none;cursor:pointer}.bds-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-checkbox__content{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-checkbox__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular);font-style:normal}.bds-checkbox__info-icon{font-size:var(--boreal-typography-font-size-xs);color:var(--boreal-icon-default-light)}.bds-checkbox__label{font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm)}.bds-checkbox__label:empty{display:none}.bds-checkbox__icon:empty{display:none}.bds-checkbox__box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-spacing-m);height:var(--boreal-spacing-m);border:var(--boreal-spacing-3xs) solid var(--boreal-stroke-default-light);background:var(--boreal-ui-inverse);border-radius:var(--boreal-spacing-2xs);-webkit-transition:background 0.2s ease;transition:background 0.2s ease}.bds-checkbox:hover .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-checkbox:focus .bds-checkbox__box,.bds-checkbox:focus-visible .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-checkbox:active .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-ui-primary-base);background:var(--boreal-ui-primary-base);color:var(--boreal-icon-inverse)}.bds-checkbox--checked:hover .bds-checkbox__box{border-color:var(--boreal-stroke-primary-dark);background:var(--boreal-ui-primary-dark)}.bds-checkbox--checked:active .bds-checkbox__box{border-color:var(--boreal-stroke-primary-dark);background:var(--boreal-ui-primary-dark)}.bds-checkbox--checked:disabled .bds-checkbox__box{border-color:var(--boreal-stroke-primary-light);background:var(--boreal-ui-primary-light)}.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-icon-default-ink)}.bds-checkbox--indeterminate:disabled .bds-checkbox__box{color:var(--boreal-icon-disabled);background:var(--boreal-ui-inverse)}.bds-checkbox--error .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox--error.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}.bds-checkbox--error.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-icon-inverse);border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}.bds-checkbox--disabled{pointer-events:none;cursor:not-allowed}.bds-checkbox--disabled .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-ui-disabled)}.bds-checkbox--disabled .bds-checkbox__label{color:var(--boreal-text-disabled)}.bds-checkbox--disabled .bds-checkbox__required-indicator{color:var(--boreal-text-danger-light)}'};var f=e("bds_checkbox",function(e){__extends(r,e);function r(r){var n=e.call(this)||this;o(n,r);n.valueChange=t(n,"valueChange");n.bdsChange=t(n,"bdsChange");if(r.$hostElement$["s-ei"]){n.internals=r.$hostElement$["s-ei"]}else{n.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=n.internals}n.inheritedAttributes={};n._keyboard=new b;n._id=d("bds-checkbox");n.isDisabled=false;n.isInvalid=false;n.name="";n.info="";n.disabled=false;n.required=false;n.checked=false;n.indeterminate=false;n.error=false;n.value="on";n.label="";n.formCheckbox=h(n,n.value);n.handleClick=function(){n.toggle()};return n}r.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.inheritedAttributes=__assign({},s(this.el))};r.prototype.componentDidLoad=function(){var e=this;this.formCheckbox.syncFormValue();this._keyboard.attach(this.el).set(l.Space,(function(){if(!e.isDisabled)e.toggle()}))};r.prototype.disconnectedCallback=function(){this._keyboard.detach()};r.prototype.onCheckedChange=function(){this.formCheckbox.syncFormValue()};r.prototype.onDisabledChange=function(e){this.isDisabled=e};r.prototype.formAssociatedCallback=function(){this.formCheckbox.formAssociatedCallback()};r.prototype.formResetCallback=function(){this.formCheckbox.formResetCallback()};r.prototype.formStateRestoreCallback=function(e){this.formCheckbox.formStateRestoreCallback(e)};r.prototype.formDisabledCallback=function(e){this.formCheckbox.formDisabledCallback(e)};r.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.checkValidity()]}))}))};r.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.reportValidity()]}))}))};r.prototype.handleInvalid=function(e){e.preventDefault();this.isInvalid=true};r.prototype.toggle=function(){if(this.isDisabled)return;this.indeterminate=false;this.checked=!this.checked;this.valueChange.emit(this.checked);this.bdsChange.emit({checked:this.checked,value:this.value})};Object.defineProperty(r.prototype,"isError",{get:function(){var e=this.error&&!this.disabled;return e||this.isInvalid},enumerable:false,configurable:true});r.prototype.getAriaChecked=function(){if(this.indeterminate)return"mixed";return"".concat(this.checked)};Object.defineProperty(r.prototype,"hideFromScreenReaders",{get:function(){return this.el.closest("bds-checkbox-card")!==null||this.isDisabled},enumerable:false,configurable:true});r.prototype.renderCheckIcon=function(){if(this.indeterminate){return n("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))}if(this.checked){return n("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M3.5 8.5L6.5 11.5L12.5 4.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}return null};r.prototype.getClasses=function(){return{"bds-checkbox":true,"bds-checkbox--checked":this.checked,"bds-checkbox--indeterminate":this.indeterminate,"bds-checkbox--error":this.isError,"bds-checkbox--disabled":this.isDisabled}};r.prototype.render=function(){var e=this;var r="".concat(this._id,"-label");return n(i,__assign(__assign({key:"2d1fa28a22f182826625c313ffaf3a98d0784d0c",class:this.getClasses()},this.inheritedAttributes),{role:"checkbox","aria-required":this.required?"true":null,"aria-checked":this.getAriaChecked(),"aria-disabled":this.isDisabled?"true":null,"aria-invalid":this.isError?"true":null,"aria-hidden":this.hideFromScreenReaders?"true":null,"aria-labelledby":r||undefined,tabindex:this.hideFromScreenReaders?-1:0,onClick:this.handleClick}),n("input",{key:"f8e3ca7085aa01a10e7fe397daf10f18024ce254",type:"checkbox",value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,"aria-hidden":"true",tabIndex:-1,onFocus:function(){return e.el.focus()}}),n("span",{key:"397626b30b104d317a8c48554e8b8f6396c9a441",class:"bds-checkbox__box"},this.renderCheckIcon()),n("span",{key:"f8aec05775f2819d3c9fd510378bb74a9e22cc5e",class:"bds-checkbox__content"},n("span",{key:"2956fccc6a6c7aa8624bb43798ece435cec7fbc0",class:"bds-checkbox__icon"},n("slot",{key:"845c326874e4b854b71a6f0a360e6e692629b683",name:"icon"})),n("label",{key:"35531d1619a81972e29bf5332012b51e19fa3223",id:r,class:"bds-checkbox__label"},this.label.trim()!==""?this.label:n("slot",null)),this.required&&n("em",{key:"81ea33ec4c831dea9029680b2ed7fff230849f4a",class:"bds-checkbox__required-indicator","aria-hidden":"true"},"*"),this.info&&n("span",{key:"237ad3a810ac31a95e59dc819ca118e8ab94763b",class:"bds-checkbox__info"},n("span",{key:"b83aa05c6b5468e7f57b3f36fd5e3ac770d5b985",class:"bds-checkbox__info-icon bds-icon-info-circle","aria-hidden":"true"}),n("bds-tooltip",{key:"572f7ab57a6144bdd5e22e0ee38a395cda7300d3"},this.info))))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return r}(r(c)));f.style=u()}}}));

package/dist/boreal-web-components/p-fc4ffa0e.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,g as s}from"./p-BqJlOB6b.js";const a=class{constructor(i){e(this,i),this.bdsClick=t(this,"bdsClick"),this.bdsClickCollapse=t(this,"bdsClickCollapse"),this.active=!1,this.router=!1,this.collapsed=!1,this.showCollapse=!1,this.href="",this.target="_self",this.downloadable=!1,this.filename="filename",this.rel=""}handleClick(e){this.active?e.preventDefault():(this.router&&e.preventDefault(),this.bdsClick.emit({element:this.el,href:this.href,router:this.router}))}get breadcrumbItem(){return""===this.href||this.active?i("span",{class:"bds-breadcrumb-item__text",onClick:e=>this.handleClick(e)},i("slot",null)):i("bds-typography",{onClick:e=>this.handleClick(e),href:this.href,target:this.target,downloadable:this.downloadable,filename:this.filename,rel:this.rel,variant:"link",element:"a",class:"bds-breadcrumb-item__text"},i("slot",null))}handleCollapseClick(e){e.preventDefault(),this.bdsClickCollapse.emit({element:this.collapsedRef})}get cssClasses(){return{"bds-breadcrumb-item":!0,"bds-breadcrumb-item--active":this.active,"bds-breadcrumb-item--collapsed":this.collapsed}}render(){return i("li",{key:"bca5cb70296f745ae669b5cd7f88e8252979fe9b",class:this.cssClasses,"aria-current":this.active?"page":null},this.breadcrumbItem,this.showCollapse&&i("bds-typography",{key:"9ed493f2a5112d5cf20c0a02d48ea8a8c69eb991",class:"bds-breadcrumb-item bds-breadcrumb-item__collapse-indicator",ref:e=>this.collapsedRef=e,onClick:e=>this.handleCollapseClick(e),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleCollapseClick(e))},variant:"link",element:"a"},"..."))}get el(){return s(this)}};a.style='@charset "UTF-8";bds-breadcrumb-item:last-child li::after{display:none}.bds-breadcrumb-item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:default}.bds-breadcrumb-item__text{font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm);font-family:var(--boreal-typography-font-family-primary)}.bds-breadcrumb-item__collapse-indicator{display:-ms-inline-flexbox;display:inline-flex}.bds-breadcrumb-item:not(.bds-breadcrumb-item--active)::after{content:var(--bds-breadcrumb-separator, "/");margin:0 var(--boreal-spacing-xs);color:var(--boreal-text-disabled);font-weight:normal;line-height:var(--boreal-typography-line-height-sm)}.bds-breadcrumb-item .bds-typography--link:not(:hover){color:var(--boreal-text-default)}.bds-breadcrumb-item--collapsed{display:none}.bds-breadcrumb-item--collapsed .bds-breadcrumb-item__text{display:none}.bds-breadcrumb-item--collapsed::after{display:none}.bds-breadcrumb-item--collapsed:has(.bds-breadcrumb-item__collapse-indicator){display:-ms-inline-flexbox;display:inline-flex}.bds-breadcrumb-item--active{font-weight:var(--boreal-typography-font-weight-semibold)}.bds-breadcrumb-item--active .bds-breadcrumb-item{color:var(--boreal-text-base)}.bds-breadcrumb-item:not(.bds-breadcrumb-item--active){cursor:pointer}';export{a as bds_breadcrumb_item}

package/dist/boreal-web-components/p-fef13445.entry.js

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

package/dist/boreal-web-components/p-iq2UuV7c.js

@@ -0,0 +1 @@
+class o{error(o,r){throw new Error(`[${o}]: ${r}`)}warn(o,r){console.warn(`[${o}]: ${r}`)}log(o,r){console.log(`[${o}]: ${r}`)}}export{o as L}

package/dist/boreal-web-components/p-qGhMe8Hk.js

@@ -0,0 +1 @@
+import{K as t,a as n}from"./p-7G4h4DI7.js";import{L as e}from"./p-iq2UuV7c.js";import{O as i}from"./p-CPvuMm5C.js";const s={KEYDOWN:"keydown",KEYUP:"keyup"},r={...i,BOTH:"both"},o={ROVING_TABINDEX:"roving-tabindex",ARIA_ACTIVE_DESCENDANT:"aria-activedescendant"},l="first",a="last";function c(t){return null!=t}function u(t,n){const e=t[n];if(null==e)return;const i=t.findIndex((t=>"0"===t.getAttribute("tabindex")));e.setAttribute("tabindex","0"),e.focus(),-1!==i&&i!==n&&t[i].setAttribute("tabindex","-1")}function h(t){return null!=t}function f(t,n){t.forEach(((t,e)=>{0===t.id.length&&(t.id=`${n}-${e}-${Math.random().toString(36).slice(2,7)}`)}))}function d(t,n,e,i){const s=t[n];null!=s&&(f(t,i),t.forEach((t=>t.setAttribute("tabindex","-1"))),e.setAttribute("aria-activedescendant",s.id),s.scrollIntoView({block:"nearest"}))}function v(t,n,e,i,s){const r=t.flat().filter(h),o=t[n]?.[e];null!=o&&(f(r,s),r.forEach((t=>t.setAttribute("tabindex","-1"))),i.setAttribute("aria-activedescendant",o.id),o.scrollIntoView({block:"nearest"}))}function b(t,n,e){if(n===o.ARIA_ACTIVE_DESCENDANT){const n=e?.getAttribute("aria-activedescendant");return null==n?-1:t.findIndex((t=>t.id===n))}return t.indexOf(document.activeElement)}function g(t,n,e){if(n===o.ARIA_ACTIVE_DESCENDANT){const n=e?.getAttribute("aria-activedescendant");if(null!=n)for(let e=0;e<t.length;e++)for(let i=0;i<t[e].length;i++)if(t[e][i]?.id===n)return{row:e,col:i};return{row:-1,col:-1}}const i=document.activeElement;for(let n=0;n<t.length;n++)for(let e=0;e<t[n].length;e++)if(t[n][e]===i)return{row:n,col:e};return{row:-1,col:-1}}function p(t){return null!=t}function w(t){const n=[];return t.forEach(((t,e)=>{t.forEach(((t,i)=>{p(t)&&n.push({row:e,col:i,cell:t})}))})),n}function m(t,n){return t[n]?.map(((t,e)=>p(t)?{row:n,col:e,cell:t}:null)).filter((t=>null!=t))??[]}function y(t,n,e,i){const s=t.length;let r=n;for(let n=0;n<s;n++){if(r<0||r>=s){if(!i)return-1;r=r<0?s-1:0}if(m(t,r).length>0)return r;r+=e}return-1}const A={alt:t=>t.altKey,control:t=>t.ctrlKey,meta:t=>t.metaKey,shift:t=>t.shiftKey};function x(t){return t in A}const k={ctrl:n.Control,cmd:n.Meta,win:n.Meta,option:n.Alt,space:t.Space};function M(t){if(" "===t)return" ";const n=t.trim().toLowerCase();return k[n]??n}function N(t){const n=(Array.isArray(t)?t:t.split("+")).map(M),e=n.filter((t=>x(t)));return{keys:n.filter((t=>!x(t))),modifiers:e}}function D(t,n){const e=[...t].sort();return[...Object.keys(A).filter((t=>n.includes(t))),...e].join("+")}class C{constructor(t={preventDefault:!0}){this._bindings=new Map,this._allowedKeys=new Set,this._pressedKeys=new Set,this._logger=new e,this._abortController=null,this._root=null,this._strategyType=o.ROVING_TABINDEX,this._idPrefix="bds-nav-item",this._defaults=t}attach(t){this.detach(),this._root=t,this._abortController=new AbortController;const{signal:n}=this._abortController,e=t=>this._dispatchKeyEvent(t),i=()=>this._pressedKeys.clear();return t.addEventListener(s.KEYDOWN,e,{signal:n}),t.addEventListener(s.KEYUP,e,{signal:n}),t.addEventListener("focusout",i,{signal:n}),globalThis.addEventListener("blur",i,{signal:n}),this}detach(){this._abortController?.abort(),this._abortController=null,this._root=null,this._pressedKeys.clear()}_ensureAttached(t){return null!=this._root&&null!=this._abortController||(this._logger.warn("KeyboardController",`${t}() was called before attach(). Call attach(el) first.`),!1)}_rebuildAllowedKeys(){this._allowedKeys.clear(),this._bindings.forEach((t=>{for(const n of[...t.keys,...t.modifiers])this._allowedKeys.add(n)}))}_dispatchKeyEvent(t){const n=t.key.toLowerCase(),e=t.type===s.KEYDOWN,i=t.type===s.KEYUP;if(!this._allowedKeys.has(n))return void(!x(n)&&i&&this._pressedKeys.delete(n));!x(n)&&e&&this._pressedKeys.add(n);const r=Object.keys(A).filter((n=>A[n](t))),o=D(Array.from(this._pressedKeys),r);let l=this._bindings.get(o);void 0===l&&this._pressedKeys.size>1&&(l=this._bindings.get(D([n],r))),void 0!==l&&(l.options.preventDefault&&e&&t.preventDefault(),this._matchesTrigger(l,t)&&(l.options.preventDefault&&i&&t.preventDefault(),l.options.stopPropagation&&t.stopPropagation(),l.handler(t))),!x(n)&&i&&this._pressedKeys.delete(n)}_matchesTrigger(t,n){const e=t.options.triggers??[s.KEYDOWN];return n.type===s.KEYDOWN&&e.includes(s.KEYDOWN)?!n.repeat||Boolean(t.options.repeat):!(n.type!==s.KEYUP||!e.includes(s.KEYUP))}set(t,n,e){if(Array.isArray(t)){const i=t.map(M);if(!i.some((t=>x(t))))return i.forEach((t=>this.set(t,n,e))),this}const{keys:i,modifiers:s}=N(t),r=D(i,s),o={...this._defaults,...e};for(const t of[...i,...s])this._allowedKeys.add(t);return this._bindings.set(r,{keys:i,modifiers:s,handler:n,options:o}),this}setActivateHandler(n,e){return this.set([t.Enter,t.Space],n,e)}onFocusOut(t){return null==this._root||null==this._abortController||this._root.addEventListener("focusout",t,{signal:this._abortController.signal}),this}rovingTabindex(t,n){return 0===t.length||u(t,Math.max(0,Math.min(n,t.length-1))),this}ariaActiveDescendant(t,n,e){if(0===t.length)return this;const i=e?.container??this._root;if(null==i)return this;const s=e?.idPrefix??"bds-nav-item";return d(t,Math.max(0,Math.min(n,t.length-1)),i,s),this}applyFocus(t,n){return this._strategyType===o.ARIA_ACTIVE_DESCENDANT?this.ariaActiveDescendant(t,n,{idPrefix:this._idPrefix}):this.rovingTabindex(t,n)}setLinearNavigation(n){return this._ensureAttached("setLinearNavigation")?(function(n,e){const{orientation:i=r.BOTH,wrap:s=!0,focusStrategy:c={type:o.ROVING_TABINDEX},initialActiveSelector:h,onNavigate:f,onItemActive:v,onActivate:g,activateKeys:p=[t.Enter,t.Space],onEscape:w,repeatThrottleMs:m=100}=n,y=c.type,A=c.type===o.ARIA_ACTIVE_DESCENDANT?c.idPrefix??`${e.root?.tagName.toLowerCase()??"bds-nav"}-item`:"bds-nav-item";e.onStrategyResolved(y,A);const x="function"==typeof n.items?n.items:()=>Array.from(e.root?.querySelectorAll(n.items)??[]);let k=-1;const M=(t,n)=>{const i=x();if(0===i.length)return;let r,c=b(i,y,e.root);if(-1===c&&null!=n&&(c=i.indexOf(n)),t===l)r=0;else if(t===a)r=i.length-1;else{const n=(-1===c?1===t?-1:0:c)+t;r=n<0?s?i.length-1:0:n>=i.length?s?0:i.length-1:n}null!=v&&y===o.ARIA_ACTIVE_DESCENDANT&&v(i[r],k>=0?i[k]:null),null!=f?f(r,i):y===o.ARIA_ACTIVE_DESCENDANT?null!=e.root&&d(i,r,e.root,A):u(i,r),k=r},N=t=>t.target;let D=0;const C=t=>n=>{if(n.repeat&&m>0){const t=Date.now();if(t-D<m)return;D=t}t(n)};if(i!==r.HORIZONTAL&&i!==r.BOTH||(e.register(t.ArrowLeft,C((t=>M(-1,N(t)))),{repeat:!0}),e.register(t.ArrowRight,C((t=>M(1,N(t)))),{repeat:!0})),i!==r.VERTICAL&&i!==r.BOTH||(e.register(t.ArrowUp,C((t=>M(-1,N(t)))),{repeat:!0}),e.register(t.ArrowDown,C((t=>M(1,N(t)))),{repeat:!0})),e.register(t.Home,(()=>M(l))),e.register(t.End,(()=>M(a))),null!=g&&p.length>0&&e.register(p,g),null!=w&&e.register(t.Escape,w),null!=e.root&&null!=e.abortController){const t=e.root,{signal:n}=e.abortController;y===o.ARIA_ACTIVE_DESCENDANT&&t.addEventListener("mousedown",(n=>{n.preventDefault(),t.focus()}),{signal:n});const i=x();if(i.length>0){let n=b(i,y,t);-1===n&&null!=h&&(n=i.findIndex((t=>t.matches(h))));const e=-1!==n?n:y===o.ROVING_TABINDEX?0:-1;-1!==e?(null!=v&&y===o.ARIA_ACTIVE_DESCENDANT&&v(i[e],null),k=e,y===o.ARIA_ACTIVE_DESCENDANT?d(i,e,t,A):function(t,n){const e=t[n];null!=e&&(t.forEach((t=>t.setAttribute("tabindex","-1"))),e.setAttribute("tabindex","0"))}(i,e)):i.forEach((t=>t.setAttribute("tabindex","-1")))}}}(n,{root:this._root,abortController:this._abortController,register:(t,n,e)=>this.set(t,n,e),onStrategyResolved:(t,n)=>{this._strategyType=t,this._idPrefix=n}}),this):this}setGridNavigation(n){return this._ensureAttached("setGridNavigation")?(function(n,e){const{wrap:i=!1,focusStrategy:s={type:o.ROVING_TABINDEX},initialActiveSelector:r,onNavigate:l,onActivate:a,activateKeys:u=[t.Enter,t.Space],onPageUp:h,onPageDown:f,onEscape:d,repeatThrottleMs:b=100}=n,A=s.type,x=s.type===o.ARIA_ACTIVE_DESCENDANT?s.idPrefix??`${e.root?.tagName.toLowerCase()??"bds-grid"}-item`:"bds-grid-item";e.onStrategyResolved(A,x);const k="function"==typeof n.items?n.items:()=>n.items,M=(t,n,i)=>{const s=t[n]?.[i];null!=s&&(null==l?A===o.ARIA_ACTIVE_DESCENDANT?null!=e.root&&v(t,n,i,e.root,x):function(t,n,e){t.flat().filter(c).forEach((t=>t.setAttribute("tabindex","-1")));const i=t[n]?.[e];null!=i&&(i.setAttribute("tabindex","0"),i.focus())}(t,n,i):l(n,i,t))},N=(t,n)=>{const s=k(),r=w(s);if(0===r.length)return;let{row:o,col:l}=g(s,A,e.root);const a=function(t,n,e){if(n<0||e<0)return null;const i=t.at(n)?.at(e);return p(i)?i:null}(s,o,l);if(p(a)||(o=r[0].row,l=r[0].col),0!==t){const n=y(s,o+t,t>0?1:-1,i);if(-1===n)return;const e=function(t,n){return t.reduce(((t,e)=>null==t||Math.abs(e.col-n)<Math.abs(t.col-n)?e:t),null)}(m(s,n),l);return void(null!=e&&M(s,e.row,e.col))}const c=m(s,o),u=c.findIndex((t=>t.col===l))+n;if(u>=0&&u<c.length){const t=c[u];return void M(s,t.row,t.col)}if(i&&s.length>1){const t=y(s,o+n,n>0?1:-1,!0);if(-1===t)return;const e=m(s,t),i=n>0?e[0]:e[e.length-1];return void M(s,i.row,i.col)}const h=n>0?c[c.length-1]:c[0];M(s,h.row,h.col)},D=t=>{const n=k(),i=w(n);if(0===i.length)return;let{row:s}=g(n,A,e.root);switch(-1!==s&&0!==m(n,s).length||(s=i[0].row),t){case"row-start":{const t=m(n,s)[0];M(n,t.row,t.col);break}case"row-end":{const t=m(n,s),e=t[t.length-1];M(n,e.row,e.col);break}case"grid-start":M(n,i[0].row,i[0].col);break;case"grid-end":{const t=i[i.length-1];M(n,t.row,t.col);break}}};let C=0;const E=t=>n=>{if(n.repeat&&b>0){const t=Date.now();if(t-C<b)return;C=t}t()};if(e.register(t.ArrowLeft,E((()=>N(0,-1))),{repeat:!0}),e.register(t.ArrowRight,E((()=>N(0,1))),{repeat:!0}),e.register(t.ArrowUp,E((()=>N(-1,0))),{repeat:!0}),e.register(t.ArrowDown,E((()=>N(1,0))),{repeat:!0}),e.register(t.Home,(()=>D("row-start"))),e.register(t.End,(()=>D("row-end"))),e.register(["control",t.Home],(()=>D("grid-start"))),e.register(["control",t.End],(()=>D("grid-end"))),null!=a&&u.length>0&&e.register(u,a),null!=h&&e.register(t.PageUp,h),null!=f&&e.register(t.PageDown,f),null!=d&&e.register(t.Escape,d),null!=e.root&&null!=e.abortController){const t=k(),n=w(t);if(n.length>0){const i=(null!=r?n.find((t=>t.cell.matches(r))):void 0)??n[0];if(A===o.ARIA_ACTIVE_DESCENDANT){v(t,i.row,i.col,e.root,x);const n=e.root,{signal:s}=e.abortController;n.addEventListener("mousedown",(t=>{t.preventDefault(),n.focus()}),{signal:s})}else!function(t,n,e){t.flat().filter(c).forEach((t=>t.setAttribute("tabindex","-1")));const i=t[n]?.[e];null!=i&&i.setAttribute("tabindex","0")}(t,i.row,i.col)}}}(n,{root:this._root,abortController:this._abortController,register:(t,n,e)=>this.set(t,n,e),onStrategyResolved:(t,n)=>{this._strategyType=t,this._idPrefix=n}}),this):this}remove(t){const{keys:n,modifiers:e}=N(t);return this._bindings.delete(D(n,e)),this._rebuildAllowedKeys(),this}}export{C as K,s as a}

package/dist/boreal-web-components/p-vzZJGcYF.system.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,a,t,l){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,s){function o(e){try{i(l.next(e))}catch(e){s(e)}}function r(e){try{i(l["throw"](e))}catch(e){s(e)}}function i(e){e.done?t(e.value):n(e.value).then(o,r)}i((l=l.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},l,n,s,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=r(0),o["throw"]=r(1),o["return"]=r(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(e){return function(a){return i([e,a])}}function i(r){if(l)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(t=0)),t)try{if(l=1,n&&(s=r[0]&2?n["return"]:r[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,r[1])).done)return s;if(n=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;n=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(s=t.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){t.label=r[1];break}if(r[0]===6&&t.label<s[1]){t.label=s[1];s=r;break}if(s&&t.label<s[2]){t.label=s[2];t.ops.push(r);break}if(s[2])t.ops.pop();t.trys.pop();continue}r=a.call(e,t)}catch(e){r=[6,e];n=0}finally{l=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-DCKg5Cg_.system.js","./p-BbPAtVJG.system.js"],(function(e,a){"use strict";var t,l,n,s;return{setters:[function(a){t=a.p;l=a.H;n=a.b;e("setNonce",a.s)},function(e){s=e.g}],execute:function(){var e=this;var o=function(){{r(l.prototype)}var e=a.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};var r=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var t=a.call(this,false);var l=this.childNodes;if(e){for(var n=0;n<l.length;n++){if(l[n].nodeType!==2){t.appendChild(l[n].cloneNode(true))}}}return t}};o().then((function(a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,s()];case 1:e.sent();return[2,n([["p-627b19a5.system",[[772,"bds-list-menu-item",{variant:[513],name:[1],disabled:[516],selected:[516],value:[513],activeItem:[516,"active-item"],href:[1],newTab:[4,"new-tab"],download:[1],currentState:[32]},null,{variant:[{checkPropsVariant:0}]}]]],["p-ba2b625a.system",[[836,"bds-text-field",{name:[513],disabled:[516],required:[516],value:[1537],error:[516],errorMessage:[1,"error-message"],customValidators:[16],validationTiming:[1,"validation-timing"],type:[513],variant:[513],placeholder:[1],readOnly:[4,"readonly"],autocomplete:[1],pattern:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],label:[1],sublabel:[1],icon:[1],helperText:[1,"helper-text"],info:[1],clearable:[4],clearOnHover:[4,"clear-on-hover"],charCount:[2,"char-count"],counter:[4],customWidth:[1,"custom-width"],isDisabled:[32],focused:[32],showPassword:[32],touched:[32],dirty:[32],currentCharCount:[32],validationError:[32],validationMessage:[32],checkValidity:[64],reportValidity:[64]},null,{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}]]],["p-1466de58.system",[[576,"bds-toggle",{name:[513],disabled:[516],required:[516],info:[1],error:[516],errorMessage:[513,"error-message"],checked:[516],placement:[513],label:[513],helperText:[513,"helper-text"],value:[1],isDisabled:[32],validationError:[32],validationMessage:[32],isChecked:[32]},null,{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}]]],["p-ab5ffa15.system",[[772,"bds-dialog",{active:[1540],preventClose:[4,"prevent-close"],height:[1],width:[1],layout:[1],contentPadding:[1,"content-padding"],backdropClose:[4,"backdrop-close"],escapeClose:[4,"escape-close"],size:[1],variant:[1],titleDialog:[1,"title-dialog"],maximizable:[4],closable:[4],open:[64],close:[64]},null,{active:[{handleIsOpenChange:0}]}]]],["p-401f1aee.system",[[772,"bds-popover",{floatingOptions:[16],disabled:[4],width:[8],header:[4],footer:[4],closable:[4],isVisible:[32]}]]],["p-7a4efddd.system",[[0,"bds-avatar",{username:[1],variant:[1],background:[1],initialsColor:[1,"initials-color"]}]]],["p-251d35df.system",[[260,"bds-badge",{variant:[1],disabled:[4]},null,{variant:[{checkPropValues:0}]}]]],["p-b12d4788.system",[[260,"bds-banner",{variant:[1],closable:[4],closeButtonLabel:[1,"close-button-label"],isClosing:[32],isOpen:[32],open:[64],close:[64]}]]],["p-74c13bed.system",[[836,"bds-checkbox",{name:[513],disabled:[516],required:[516],checked:[1540],indeterminate:[1540],error:[516],value:[1],label:[1],isDisabled:[32]},null,{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}]]],["p-32c23246.system",[[0,"bds-divider",{orientation:[513]},null,{orientation:[{checkPropValues:0}]}]]],["p-52600375.system",[[0,"bds-flag",{alignFlag:[1,"align-flag"],callSign:[4,"call-sign"],country:[1],customFlags:[16],identifier:[1],label:[4],shape:[1],shortName:[4,"short-name"]},null,{alignFlag:[{checkPropValues:0}],identifier:[{checkPropValues:0}],shape:[{checkPropValues:0}]}]]],["p-871c9a9f.system",[[260,"bds-grid",{layout:[1],rowGap:[1,"row-gap"]},null,{layout:[{checkPropValues:0}]}]]],["p-edca16b6.system",[[260,"bds-grid-item",{colSpan:[520,"col-span"],colSpanSm:[520,"col-span-sm"],colSpanMd:[520,"col-span-md"],colSpanLg:[520,"col-span-lg"],colSpanXl:[520,"col-span-xl"],colSpan2xl:[520,"col-span-2xl"],rowSpan:[520,"row-span"],offset:[514]},null,{colSpan:[{checkPropValues:0}],colSpanSm:[{checkPropValues:0}],colSpanMd:[{checkPropValues:0}],colSpanLg:[{checkPropValues:0}],colSpanXl:[{checkPropValues:0}],colSpan2xl:[{checkPropValues:0}],rowSpan:[{checkPropValues:0}],offset:[{checkPropValues:0}]}]]],["p-41cac1b8.system",[[260,"bds-list-menu",{multiple:[4],menuRole:[1,"menu-role"],selectedValues:[32],getSelectedValues:[64],setSelectedValues:[64]},[[0,"bdsSelect","handleItemClick"]]]]],["p-80822731.system",[[0,"bds-spinner",{size:[1],label:[1]},null,{size:[{checkPropValues:0}]}]]],["p-44ceff4e.system",[[260,"bds-status",{state:[1],indicator:[1]},null,{state:[{checkPropValues:0}],indicator:[{checkPropValues:0}]}]]],["p-41b48701.system",[[260,"bds-tag",{multiselect:[4],selected:[4],closeButtonLabel:[1,"close-button-label"],color:[1],readonly:[4],disabled:[4],internalSelected:[32]},null,{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}]]],["p-c7aee9f4.system",[[324,"bds-button",{label:[1],disabled:[4],name:[1],type:[1],color:[1],variant:[1],size:[1],loading:[4],disclosure:[4],currentState:[32]},null,{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}]]],["p-6a99f4c6.system",[[260,"bds-typography",{variant:[513],size:[513],state:[513],customClass:[1,"custom-class"],element:[1],align:[1],ellipsis:[4],maxLines:[2,"max-lines"],tooltipText:[1,"tooltip-text"],required:[516],htmlFor:[1,"html-for"],href:[1],target:[1],downloadable:[4],filename:[1],sanitizedHref:[32]},null,{href:[{updateSanitizedHref:0}]}],[772,"bds-tooltip",{multiline:[4],disabled:[4],floatingOptions:[16],isVisible:[32]}]]]],a)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,a,l,t){function n(e){return e instanceof l?e:new l((function(a){a(e)}))}return new(l||(l=Promise))((function(l,s){function i(e){try{r(t.next(e))}catch(e){s(e)}}function o(e){try{r(t["throw"](e))}catch(e){s(e)}}function r(e){e.done?l(e.value):n(e.value).then(i,o)}r((t=t.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var l={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},t,n,s,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=o(0),i["throw"]=o(1),i["return"]=o(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(a){return r([e,a])}}function r(o){if(t)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(l=0)),l)try{if(t=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:l.label++;return{value:o[1],done:false};case 5:l.label++;n=o[1];o=[0];continue;case 7:o=l.ops.pop();l.trys.pop();continue;default:if(!(s=l.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){l=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){l.label=o[1];break}if(o[0]===6&&l.label<s[1]){l.label=s[1];s=o;break}if(s&&l.label<s[2]){l.label=s[2];l.ops.push(o);break}if(s[2])l.ops.pop();l.trys.pop();continue}o=a.call(e,l)}catch(e){o=[6,e];n=0}finally{t=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-DCKg5Cg_.system.js","./p-BbPAtVJG.system.js"],(function(e,a){"use strict";var l,t,n,s;return{setters:[function(a){l=a.p;t=a.H;n=a.b;e("setNonce",a.s)},function(e){s=e.g}],execute:function(){var e=this;var i=function(){{o(t.prototype)}var e=a.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return l(n)};var o=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var l=a.call(this,false);var t=this.childNodes;if(e){for(var n=0;n<t.length;n++){if(t[n].nodeType!==2){l.appendChild(t[n].cloneNode(true))}}}return l}};i().then((function(a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,s()];case 1:e.sent();return[2,n(JSON.parse('[["p-bfd62034.system",[[836,"bds-checkbox-group",{"disabled":[516],"error":[516],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"info":[1],"label":[1],"name":[513],"orientation":[513],"required":[516],"type":[513],"value":[1040],"joined":[516],"isDisabled":[32],"isInvalid":[32],"checkValidity":[64],"reportValidity":[64]},[[2,"bdsChange","handleCheckboxChange"],[0,"invalid","handleInvalid"],[2,"valueChange","handleValueChange"]],{"joined":[{"onJoinedChange":0}],"orientation":[{"checkPropValues":0}],"disabled":[{"onDisabledChange":0}],"error":[{"onErrorChange":0}],"isInvalid":[{"onErrorChange":0}],"value":[{"onValuesChange":0}]}]]],["p-2db71382.system",[[260,"bds-list-menu",{"selectionMode":[1,"selection-mode"],"menuRole":[513,"menu-role"],"selectControls":[4,"select-controls"],"empty":[516],"checkable":[4],"emptyText":[1,"empty-text"],"selectedValues":[32],"getSelectedValues":[64],"setSelectedValues":[64],"getAllItems":[64]},[[0,"bdsSelectItem","handleItemClick"]],{"selectionMode":[{"checkProps":0}],"menuRole":[{"checkProps":0}]}]]],["p-4b615de8.system",[[772,"bds-list-menu-item",{"variant":[513],"name":[1],"disabled":[516],"selected":[516],"value":[513],"checkable":[516],"activeItem":[516,"active-item"],"href":[1],"newTab":[4,"new-tab"],"download":[1],"currentState":[32],"boxChecked":[32]},null,{"variant":[{"checkPropsVariant":0}],"selected":[{"handleSelectedChange":0}]}]]],["p-fa128cad.system",[[836,"bds-radio-group",{"disabled":[516],"error":[516],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"info":[1],"label":[1],"name":[513],"orientation":[513],"required":[516],"type":[513],"value":[1025],"joined":[516],"isDisabled":[32],"isInvalid":[32],"checkValidity":[64],"reportValidity":[64]},[[0,"bdsChange","handleRadioChange"],[0,"invalid","handleInvalid"]],{"joined":[{"onJoinedChange":0}],"orientation":[{"checkPropValues":0}],"disabled":[{"onDisabledChange":0}],"error":[{"onErrorChange":0}],"value":[{"onValueChange":0}]}]]],["p-bea25d3d.system",[[260,"bds-breadcrumb-item",{"active":[4],"router":[4],"collapsed":[4],"showCollapse":[4,"show-collapse"],"href":[1],"target":[1],"downloadable":[4],"filename":[1],"rel":[1]}]]],["p-e51407b2.system",[[836,"bds-checkbox-card",{"name":[513],"disabled":[516],"required":[516],"value":[513],"label":[1],"checked":[1540],"indeterminate":[516],"error":[516],"isDisabled":[32],"isInvalid":[32],"isIndeterminate":[32],"checkValidity":[64],"reportValidity":[64]},[[0,"invalid","handleInvalid"]],{"disabled":[{"onDisabledChange":0}],"indeterminate":[{"onIndeterminateChange":0}],"checked":[{"onCheckedChange":0}]}]]],["p-7626338e.system",[[260,"bds-radio-card",{"value":[513],"info":[1],"name":[1],"label":[1],"checked":[1540],"disabled":[516],"error":[516]}]]],["p-5e590291.system",[[260,"bds-select",{"value":[1537],"searchable":[4],"name":[1],"valueString":[32],"popoverVisible":[32]},null,{"popoverVisible":[{"watchPopoverVisible":0}],"value":[{"watchValue":0}],"valueString":[{"watchValueString":0}]}]]],["p-0357450d.system",[[576,"bds-slider",{"min":[514],"max":[514],"type":[513],"label":[513],"step":[514],"showLimits":[516,"show-limits"],"value":[1],"disabled":[516],"name":[513],"disabledHandlers":[513,"disabled-handlers"],"discrete":[516],"tooltip":[513],"isDisabled":[32],"isDiscrete":[32],"internalValues":[32],"getValues":[64],"setValues":[64]},null,{"disabled":[{"onDisabledChange":0}],"disabledHandlers":[{"onDisabledHandlersChange":0}],"value":[{"onValueChange":0}],"type":[{"onConfigChange":0}],"discrete":[{"onConfigChange":0}],"min":[{"onRangeChange":0}],"max":[{"onRangeChange":0}],"step":[{"onRangeChange":0}]}]]],["p-e8cde179.system",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"selectable":[4],"iconRight":[1,"icon-right"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["p-e4364a44.system",[[576,"bds-toggle",{"name":[513],"disabled":[516],"required":[516],"info":[1],"error":[516],"errorMessage":[513,"error-message"],"checked":[516],"placement":[513],"label":[513],"helperText":[513,"helper-text"],"value":[1],"isDisabled":[32],"validationError":[32],"validationMessage":[32],"isChecked":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["p-f7acf6e5.system",[[836,"bds-checkbox-button",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"error":[516],"value":[1],"label":[1],"info":[1],"isDisabled":[32],"isInvalid":[32],"checkValidity":[64],"reportValidity":[64]},[[0,"invalid","handleInvalid"]],{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["p-44b6fe6c.system",[[772,"bds-dialog",{"active":[1540],"preventClose":[4,"prevent-close"],"height":[1],"width":[1],"layout":[1],"contentPadding":[1,"content-padding"],"backdropClose":[4,"backdrop-close"],"escapeClose":[4,"escape-close"],"size":[1],"variant":[1],"titleDialog":[1,"title-dialog"],"maximizable":[4],"closable":[4],"open":[64],"close":[64]},null,{"active":[{"handleIsOpenChange":0}]}]]],["p-55aeff0c.system",[[260,"bds-radio",{"checked":[1540],"disabled":[516],"value":[1],"name":[513],"label":[1],"error":[516],"info":[1]}]]],["p-524421f7.system",[[260,"bds-radio-button",{"checked":[1540],"disabled":[516],"error":[516],"value":[1],"name":[513],"label":[1],"info":[1]}]]],["p-48712a63.system",[[0,"bds-avatar",{"username":[1],"variant":[1],"background":[1],"initialsColor":[1,"initials-color"]}]]],["p-365e8e5c.system",[[260,"bds-badge",{"variant":[1],"disabled":[4]},null,{"variant":[{"checkPropValues":0}]}]]],["p-732e98f1.system",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"open":[64],"close":[64]}]]],["p-f3bd824d.system",[[260,"bds-breadcrumb",{"separator":[1],"maxItems":[2,"max-items"],"itemsBeforeCollapse":[2,"items-before-collapse"],"itemsAfterCollapse":[2,"items-after-collapse"]},[[2,"bdsClickCollapse","onCollapsedClick"],[2,"bdsClick","onBreadcrumbClick"]],{"separator":[{"onSeparatorChange":0}],"maxItems":[{"onMaxItemsChange":0}]}]]],["p-5c8650b3.system",[[260,"bds-button-group",{"size":[1],"orientation":[1],"label":[1],"color":[1],"variant":[1]},null,{"size":[{"validateProps":0},{"propagatePropsToButtons":0}],"orientation":[{"validateProps":0}],"color":[{"validateProps":0},{"propagatePropsToButtons":0}],"variant":[{"validateProps":0},{"propagatePropsToButtons":0}]}]]],["p-25823f7d.system",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["p-65923619.system",[[260,"bds-grid",{"layout":[1],"rowGap":[1,"row-gap"]},null,{"layout":[{"checkPropValues":0}]}]]],["p-4f431941.system",[[260,"bds-grid-item",{"colSpan":[520,"col-span"],"colSpanSm":[520,"col-span-sm"],"colSpanMd":[520,"col-span-md"],"colSpanLg":[520,"col-span-lg"],"colSpanXl":[520,"col-span-xl"],"colSpan2xl":[520,"col-span-2xl"],"rowSpan":[520,"row-span"],"offset":[514]},null,{"colSpan":[{"checkPropValues":0}],"colSpanSm":[{"checkPropValues":0}],"colSpanMd":[{"checkPropValues":0}],"colSpanLg":[{"checkPropValues":0}],"colSpanXl":[{"checkPropValues":0}],"colSpan2xl":[{"checkPropValues":0}],"rowSpan":[{"checkPropValues":0}],"offset":[{"checkPropValues":0}]}]]],["p-77658a5b.system",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["p-f65e9d0c.system",[[260,"bds-status",{"state":[1],"indicator":[1]},null,{"state":[{"checkPropValues":0}],"indicator":[{"checkPropValues":0}]}]]],["p-eecc3028.system",[[260,"bds-tag",{"multiselect":[4],"selected":[4],"closeButtonLabel":[1,"close-button-label"],"color":[1],"readonly":[4],"disabled":[4],"internalSelected":[32]},null,{"color":[{"checkPropValues":0}],"selected":[{"syncSelectedFromProp":0}]}]]],["p-c07d6b82.system",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32],"openPopover":[64],"closePopover":[64]}]]],["p-bbcd3a30.system",[[260,"bds-typography",{"variant":[513],"size":[513],"state":[513],"rel":[1],"customClass":[1,"custom-class"],"element":[1],"align":[1],"ellipsis":[4],"maxLines":[2,"max-lines"],"tooltipText":[1,"tooltip-text"],"required":[516],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"downloadable":[4],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}],[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]],["p-fc1fa966.system",[[836,"bds-checkbox",{"name":[513],"info":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32],"isInvalid":[32],"checkValidity":[64],"reportValidity":[64]},[[0,"invalid","handleInvalid"]],{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["p-b54fe67f.system",[[0,"bds-divider",{"orientation":[513]},null,{"orientation":[{"checkPropValues":0}]}]]],["p-800fc096.system",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]]]'),a)]}}))}))}))}}}));

package/dist/boreal-web-components/scss/maps/_theme-connect.scss

@@ -47,6 +47,7 @@ $boreal-theme-connect: (
   'information-lighter': $boreal-color-protect-cobalt-cobalt-50,
   'white': $boreal-color-connect-black-black-8,
   'black': $boreal-color-connect-black-black-1,
+  'black-rgb': 26, 26, 26,
   'focus': $boreal-color-connect-cobalt-cobalt-4,
   'user-base': $boreal-color-connect-petrol-petrol-3,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-connect: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/boreal-web-components/scss/maps/_theme-engage.scss

@@ -47,6 +47,7 @@ $boreal-theme-engage: (
   'information-lighter': $boreal-color-engage-blue-blue-5,
   'white': $boreal-color-engage-ink-ink-0,
   'black': $boreal-color-engage-ink-ink-90,
+  'black-rgb': 19, 19, 22,
   'focus': $boreal-color-engage-blue-blue-20,
   'user-base': $boreal-color-engage-green-green-40,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-engage: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/boreal-web-components/scss/maps/_theme-protect.scss

@@ -47,6 +47,7 @@ $boreal-theme-protect: (
   'information-lighter': $boreal-color-protect-cyan-cyan-50,
   'white': $boreal-color-protect-onyx-onyx-5,
   'black': $boreal-color-protect-onyx-onyx-900,
+  'black-rgb': 14, 14, 44,
   'focus': $boreal-color-protect-cobalt-cobalt-400,
   'user-base': $boreal-color-protect-indigo-indigo-400,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-protect: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/boreal-web-components/scss/maps/_theme-proximus.scss

@@ -47,6 +47,7 @@ $boreal-theme-proximus: (
   'information-lighter': $boreal-color-proximus-cobalt-cobalt-50,
   'white': $boreal-color-proximus-neutral-neutral-50,
   'black': $boreal-color-proximus-onyx-onyx-900,
+  'black-rgb': 28, 31, 34,
   'focus': $boreal-color-proximus-cobalt-cobalt-200,
   'user-base': $boreal-color-proximus-cobalt-cobalt-50,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-proximus: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/boreal-web-components/scss/variables/_theme-connect.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cobalt-cobalt-100;
 $boreal-information-lighter: $boreal-color-protect-cobalt-cobalt-50;
 $boreal-white: $boreal-color-connect-black-black-8;
 $boreal-black: $boreal-color-connect-black-black-1;
+$boreal-black-rgb: 26, 26, 26;
 $boreal-focus: $boreal-color-connect-cobalt-cobalt-4;
 $boreal-user-base: $boreal-color-connect-petrol-petrol-3;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);

package/dist/boreal-web-components/scss/variables/_theme-engage.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-engage-blue-blue-20;
 $boreal-information-lighter: $boreal-color-engage-blue-blue-5;
 $boreal-white: $boreal-color-engage-ink-ink-0;
 $boreal-black: $boreal-color-engage-ink-ink-90;
+$boreal-black-rgb: 19, 19, 22;
 $boreal-focus: $boreal-color-engage-blue-blue-20;
 $boreal-user-base: $boreal-color-engage-green-green-40;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);

package/dist/boreal-web-components/scss/variables/_theme-protect.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cyan-cyan-200;
 $boreal-information-lighter: $boreal-color-protect-cyan-cyan-50;
 $boreal-white: $boreal-color-protect-onyx-onyx-5;
 $boreal-black: $boreal-color-protect-onyx-onyx-900;
+$boreal-black-rgb: 14, 14, 44;
 $boreal-focus: $boreal-color-protect-cobalt-cobalt-400;
 $boreal-user-base: $boreal-color-protect-indigo-indigo-400;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);

package/dist/boreal-web-components/scss/variables/_theme-proximus.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
 $boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-50;
 $boreal-white: $boreal-color-proximus-neutral-neutral-50;
 $boreal-black: $boreal-color-proximus-onyx-onyx-900;
+$boreal-black-rgb: 28, 31, 34;
 $boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
 $boreal-user-base: $boreal-color-proximus-cobalt-cobalt-50;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);