@genesislcap/design-system-configurator 14.193.1 → 14.193.2

package/dist/{531.531.f0f2e6ed2997f7c69e6b.js → 531.531.a42c0d6636aee1ca38e1.js}

@@ -172,7 +172,7 @@
     `)}
 `;class W extends s.Avatar{}const q={delegatesFocus:!0,mode:"open"},K={media:Y},X=W.compose(Object.assign({baseName:"avatar",template:U,styles:G,shadowOptions:q},K)),Z=(e,t)=>r.css`
   ${(0,s.badgeStyles)(e,t)}
-`,Q=(e,t)=>(0,n.badgeTemplate)(e,t);class J extends s.Badge{}const ee=void 0,te={},oe=J.compose(Object.assign({baseName:"badge",template:Q,styles:Z,shadowOptions:ee},te));var ie=o(40480);const ae=(0,ie.createLogger)("foundation-ui"),ne=r.css`
+`,Q=(e,t)=>(0,n.badgeTemplate)(e,t);class J extends s.Badge{}const ee=void 0,te={},oe=J.compose(Object.assign({baseName:"badge",template:Q,styles:Z,shadowOptions:ee},te));var ie=o(10281);const ae=(0,ie.createLogger)("foundation-ui"),ne=r.css`
   @keyframes delete-animate {
     from {
       height: 100px;
@@ -1663,9 +1663,9 @@
               <div class="title" part="title">
                 <slot name="title"></slot>
               </div>
-              <div class="exit" part="exit" @click=${e=>e.closeFlyout()}>
+              <${e}-button class="exit" part="exit" aria-label="exit" ${(0,r.ref)("exit")} appearance="stealth" @click=${e=>e.closeFlyout()}>
                 <${e}-icon name="times"></${e}-icon>
-              </div>
+              </${e}-button>
             </div>
           `)}
         <div class="content" part="content">
@@ -1679,7 +1679,7 @@
   </div>
 `,$n=r.html`
   ${e=>wn(F(e))}
-`;class Sn extends n.FoundationElement{constructor(){super(...arguments),this.position="right",this.displayHeader=!0,this.closed=!0,this.visuallyhidden=!0}closedChanged(){this.closed||setTimeout((()=>this.visuallyhidden=!1),1)}closeFlyout(){this.visuallyhidden=!0}closingFinished(){this.visuallyhidden&&(this.closed=!0,this.$emit("closed"))}}(0,x.__decorate)([r.attr],Sn.prototype,"position",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Sn.prototype,"displayHeader",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Sn.prototype,"closed",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Sn.prototype,"visuallyhidden",void 0);const Cn=void 0,kn={},Fn=Sn.compose(Object.assign({baseName:"flyout",styles:xn,template:$n,shadowOptions:Cn},kn));var _n;!function(e){e.sm="(max-width: 640px)",e.md="(min-width: 641px) and (max-width: 1023px)",e.lg="(min-width: 1024px)"}(_n||(_n={}));const On=e=>{const t=e?`-${e}`:"";return r.css`
+`;class Sn extends n.FoundationElement{constructor(){super(...arguments),this.position="right",this.displayHeader=!0,this.closed=!0,this.visuallyhidden=!0}closedChanged(){this.closed||(setTimeout((()=>this.visuallyhidden=!1),1),this.focusExit())}closeFlyout(){this.visuallyhidden=!0}closingFinished(){this.visuallyhidden&&(this.closed=!0,this.$emit("closed"))}focusExit(){this.exit.focus()}}(0,x.__decorate)([r.attr],Sn.prototype,"position",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Sn.prototype,"displayHeader",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Sn.prototype,"closed",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Sn.prototype,"visuallyhidden",void 0);const Cn=void 0,kn={},Fn=Sn.compose(Object.assign({baseName:"flyout",styles:xn,template:$n,shadowOptions:Cn},kn));var _n;!function(e){e.sm="(max-width: 640px)",e.md="(min-width: 641px) and (max-width: 1023px)",e.lg="(min-width: 1024px)"}(_n||(_n={}));const On=e=>{const t=e?`-${e}`:"";return r.css`
     ${t&&`@media only screen and ${_n[e]} {`}
     :host(.spacing${t}-1x) slot {
       gap: calc(var(--design-unit) * 2px);
@@ -1908,7 +1908,7 @@
     min-height: 40px;
     padding: 0 calc(var(--design-unit) * 2.25px);
     border-width: 0;
-    background: var(--neutral-fill-input-rest);
+    background-color: var(--neutral-fill-input-rest);
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
 
@@ -1984,6 +1984,7 @@
     overflow-y: scroll;
     scrollbar-width: thin;
     scrollbar-color: var(--neutral-layer-2) var(--neutral-layer-4);
+    list-style: none;
   }
 
   .checkbox-container zero-checkbox {
@@ -1995,10 +1996,6 @@
     cursor: not-allowed;
   }
 
-  #filter-search {
-    padding: 5px;
-  }
-
   ::-webkit-scrollbar {
     width: 12px;
   }
@@ -2052,10 +2049,34 @@
   .label-hidden {
     display: none;
   }
+
+  ol,
+  li {
+    margin: 0;
+    padding: 0;
+  }
+
+  .checkbox {
+    width: 100%;
+  }
+
+  .select-all {
+    width: 100%;
+  }
+
+  .display-value {
+    position: absolute;
+    right: 40px;
+    line-height: var(--type-ramp-base-line-height);
+    color: var(--neutral-foreground-rest);
+    font-size: var(--type-ramp-base-font-size);
+    line-height: var(--type-ramp-base-line-height);
+    font-family: var(--body-font);
+  }
 `;let Ps=class extends mt{constructor(){super(...arguments),this.isSnapshot=!0}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,x.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.fields=this.labelField?null===(t=this.valueField)||void 0===t?void 0:t.concat(" ",this.labelField):this.valueField,this.select=this.parentElement,this.select&&this.valueField&&(this.resourceName&&this.connect.isConnected||this.data)&&this.fetchGenesisData(),this.valueField||ae.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label which is supported only in select and combobox (e.g label-field="NAME")')}))}clearData(){this.select.options=[]}syncComponentData(e){var t;const o=(null!=e?e:Array.from(this.rowsSyncedWithStream.values())).map((e=>({value:e[this.valueField],label:e[this.labelField]})));(null===(t=this.select)||void 0===t?void 0:t.async)&&(this.select.loading=!1),this.select.options=o}handleStreamInserts(e){ae.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){ae.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){ae.debug("handleStreamUpdates - Method not implemented.")}};(0,x.__decorate)([(0,r.attr)({attribute:"value-field"})],Ps.prototype,"valueField",void 0),(0,x.__decorate)([(0,r.attr)({attribute:"label-field"})],Ps.prototype,"labelField",void 0),Ps=(0,x.__decorate)([(0,r.customElement)({name:"multiselect-datasource"})],Ps);const Bs=(e="foundation")=>r.html`
   <label
     part="label"
-    for="control"
+    for="display-field"
     class=${e=>{var t;return(0,w.x)("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}
   >
     <slot
@@ -2063,8 +2084,23 @@
       ${(0,r.slotted)({property:"defaultSlottedNodes",filter:n.whitespaceFilter})}
     ></slot>
   </label>
-  <div class="root" part="root">
+  <div class="root" part="root" @keydown="${(e,t)=>e.keydownHandler(t.event)}">
     <div class="control" part="control">
+      <input
+        id="display-field"
+        part="filter-search"
+        role="combobox"
+        aria-haspopup="listbox"
+        aria-controls="checkbox-container"
+        aria-expanded=${e=>e.open?"true":"false"}
+        ?readonly=${e=>!e.search}
+        @click=${e=>e.toggle()}
+        ?disabled="${e=>e.disabled}"
+        value=${(0,Ge.O)((e=>e.filterSearchValue),"string","input")}
+        placeholder="${e=>e.getDisplayValue}"
+        @input=${(e,t)=>e.inputHandler()}
+        @change=${(e,t)=>e.changeHandler(t.event)}
+      />
       <div part="indicator" class="indicator" @click=${e=>!e.disabled&&e.toggle()}>
         <svg
           viewBox="0 0 12 7"
@@ -2076,47 +2112,34 @@
           <path d="${"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"}" />
         </svg>
       </div>
-
-      <input
-        part="input"
-        readonly
-        type="text"
-        id="display-field"
-        part="display-field"
-        :value="${e=>e.getDisplayValue}"
-        :disabled="${e=>e.disabled}"
-        @click=${e=>e.toggle()}
-      />
+      ${(0,r.when)((e=>e.filterSearchValue&&e.selectedOptions.length),r.html`
+          <div class="display-value">${e=>e.getDisplayValue}</div>
+        `)}
     </div>
-    <div ${(0,r.ref)("optionsElement")} class="options">
-      ${(0,r.when)((e=>e.search),r.html`
-          <${e}-text-field
-            id="filter-search"
-            part="filter-search"
-            value=${(0,Ge.O)((e=>e.filterSearchValue),"string","input")}
-            placeholder="${e=>e.getPlaceholder}"
-            @input=${(e,t)=>e.inputHandler()}
-            @change=${(e,t)=>e.changeHandler(t.event)}
-          ></${e}-text-field>
+    ${(0,r.when)((e=>e.loading),r.html`
+          <${e}-progress slot="indicator"></${e}-progress>
         `)}
-      <div class="checkbox-container">
-        ${(0,r.when)((e=>e.loading),r.html`
-            <${e}-progress slot="indicator"></${e}-progress>
-          `)}
-        ${(0,r.when)((e=>e.all),r.html`
-            <${e}-checkbox
-              part="checkbox"
-              @click=${e=>e.selectCheckboxAll()}
-              @change=${(e,t)=>e.changeHandler(t.event)}
-              ?current-checked="${e=>e.isAllSelected}"
-              ?disabled="${(e,t)=>e.isAllOptionsDisabled}"
-            >
-              All ${e=>e.name}
-            </${e}-checkbox>
-          `)}
-        ${(0,r.repeat)((e=>e.filteredAvailableOptions),r.html`
+    <ol
+      ${(0,r.ref)("optionsElement")}
+      id="checkbox-container"
+      class="checkbox-container options"
+      aria-multiselectable="true"
+    >
+      ${(0,r.when)((e=>e.all),r.html`
+          <${e}-button
+            class="select-all"
+            @click=${e=>e.selectCheckboxAll()}
+            ?disabled="${(e,t)=>e.isAllOptionsDisabled}"
+          >
+            Select All ${e=>e.name}
+          </${e}-button>
+        `)}
+      ${(0,r.repeat)((e=>e.filteredAvailableOptions),r.html`
+          <li role="option" value=${(e,t)=>t.parent.getItemLabel(e)}>
             <${e}-checkbox
               part="checkbox"
+              class="checkbox"
+              @keydown=${(e,t)=>t.parent.checkboxKeyDown(e,t.event)}
               @click=${(e,t)=>t.parent.selectCheckboxOne(e)}
               @change=${(e,t)=>t.parent.changeHandler(t.event)}
               ?current-checked="${(e,t)=>t.parent.isOptionSelected(e)}"
@@ -2124,19 +2147,19 @@
             >
               ${(e,t)=>t.parent.getItemLabel(e)}
             </${e}-checkbox>
-          `)}
-        ${(0,r.when)((e=>e.showCreatable),r.html`
-            <${e}-button @click=${e=>e.addOption()}>Create&nbsp;"${e=>e.filterSearchValue}"</${e}-button>
-          `)}
-      </div>
-    </div>
+          </li>
+        `)}
+      ${(0,r.when)((e=>e.showCreatable),r.html`
+          <${e}-button @click=${e=>e.addOption()}>Create&nbsp;"${e=>e.filterSearchValue}"</${e}-button>
+        `)}
+    </ol>
   </div>
   <slot
     ${(0,r.slotted)({property:"slottedDatasource",filter:e=>e instanceof Ps})}
   ></slot>
 `,zs=r.html`
   ${Bs()}
-`,js=void 0,Vs={};class Gs extends n.FoundationElement{constructor(){super(...arguments),this.name="",this.autoPosition=!0,this.all=!0,this.allSelected=!1,this.search=!0,this.disabled=!1,this.creatable=!1,this.async=!1,this.debounce=500,this.filterByContains=!1,this.filterSearchValue="",this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.filteredAvailableOptions=[...this.options],this.position=ze.BELOW,this.initialisedOptions=!1}debounceChanged(e,t){this.debouncedInputHandler=nt()(this.asyncSetFilter,t)}openChanged(e,t){var o,i,a,n;t?(document.addEventListener("mousedown",this.clickOutside),null===(o=this.arrowIcon)||void 0===o||o.classList.add("flipped"),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(a=this.arrowIcon)||void 0===a||a.classList.remove("flipped"),null===(n=this.optionsElement)||void 0===n||n.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===ze.ABOVE&&(null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}toggle(){this.open||this.setDropdownPosition(),this.open=!this.open}optionsChanged(){this.allSelected&&!this.initialisedOptions&&(this.selectedOptions=this.options.map((e=>this.optionGetter(e)))),this.filteredAvailableOptions=[...this.options]}selectedOptionsChanged(){this.$fastController.isConnected&&(this.initialisedOptions=!0)}setDropdownPosition(){let e=this.position;if(this.autoPosition){let t=this.assignedSlot?this.assignedSlot.parentElement:this.parentElement;for(;t&&!t.classList.contains("content-wrapper");)t=t.parentElement;if(t){const o=t.getBoundingClientRect(),i=this.getBoundingClientRect(),a=o.top+o.height/2;e=i.top<a?ze.BELOW:ze.ABOVE}else{const t=this.getBoundingClientRect(),o=window.innerHeight,i=t.top,a=o-t.bottom;e=a<t.height&&i>a?ze.ABOVE:ze.BELOW}}e===ze.ABOVE?(this.optionsElement.classList.add("position-above"),this.optionsElement.classList.remove("position-below")):e===ze.BELOW&&(this.optionsElement.classList.add("position-below"),this.optionsElement.classList.remove("position-above"))}optionGetter(e){return"string"!=typeof e?e.value:e}getItemLabel(e){let t;return e?(t="string"==typeof e?e:e.label||e.value||"",this.valueFormatter?this.valueFormatter(t):t):""}isOptionDisabled(e){return e&&"string"!=typeof e&&e.disabled||!1}get getDisplayValue(){let e="";switch(this.selectedOptions.length){case 0:e=this.getPlaceholder;break;case 1:{const t=this.options.find((e=>this.optionGetter(e)===this.selectedOptions[0]));e=this.getItemLabel(t);break}case this.options.length:e=`All ${this.name}`.trim();break;default:e=`${this.selectedOptions.length} Selected`}return e}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}get isAllSelected(){return!this.isAllOptionsDisabled&&this.selectedOptions.length===this.getEnabledOptionsCount()}get isAllOptionsDisabled(){return this.options.length===this.options.filter(this.isOptionDisabled).length}get showCreatable(){return this.creatable&&this.filterSearchValue.length>0&&0===this.findExactMatchOptions().length}isOptionSelected(e){return this.selectedOptions.includes(this.optionGetter(e))}selectCheckboxOne(e){const t=this.optionGetter(e);this.selectedOptions.includes(t)?(this.selectedOptions=[...this.selectedOptions],this.selectedOptions.splice(this.selectedOptions.indexOf(t),1)):this.selectedOptions=[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}getEnabledOptionsCount(){return this.options.length-this.options.filter(this.isOptionDisabled).length}selectCheckboxAll(){const e=this.selectedOptions.length===this.getEnabledOptionsCount();this.selectedOptions=e?[]:this.options.filter((e=>!this.isOptionDisabled(e))).map((e=>this.optionGetter(e))),this.onAllSelectedCallback&&this.onAllSelectedCallback(!e),this.$emit("selectionChange",this.selectedOptions)}inputHandler(){this.async?(this.loading=!0,this.filteredAvailableOptions=[],this.debouncedInputHandler()):this.setFilter()}findExactMatchOptions(){const e=this.filterSearchValue.toLowerCase();return this.filteredAvailableOptions.filter((t=>{var o,i;const a="string"==typeof t?t:null!==(o=t.label)&&void 0!==o?o:t.value;return(null!==(i=null==a?void 0:a.toLowerCase())&&void 0!==i?i:"")===e}))}setFilter(){this.filteredAvailableOptions=[...this.options.filter((e=>{var t;const o=("string"==typeof e?e:null!==(t=e.label)&&void 0!==t?t:e.value).toLowerCase(),i=this.filterSearchValue.toLowerCase();return this.filterByContains?o.indexOf(i)>=0:o.startsWith(i)}))]}addOption(){this.options=[{value:this.filterSearchValue,label:this.filterSearchValue},...this.options],this.setFilter(),this.selectedOptions=[...this.selectedOptions,this.filterSearchValue]}asyncSetFilter(){if(this.slottedDatasource.length>0){const e=this.slottedDatasource[0].datasource.resourceType;e===it.v.DATASERVER&&kt(this.slottedDatasource[0],this.filterSearchValue),e===it.v.REQUEST_SERVER&&Ft(this.slottedDatasource[0],this.filterSearchValue)}else this.loading=!1,ae.warn("Multiselect-datasource is not connected. Please add a datasource to use this functionality.")}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){C(e,this)&&(this.open=!1)}}(0,x.__decorate)([r.attr],Gs.prototype,"name",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean",attribute:"auto-position"})],Gs.prototype,"autoPosition",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"all",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"allSelected",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"search",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"disabled",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"creatable",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"async",void 0),(0,x.__decorate)([r.attr],Gs.prototype,"debounce",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean",attribute:"filter-by-contains"})],Gs.prototype,"filterByContains",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"defaultSlottedNodes",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"slottedDatasource",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"valueFormatter",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"loading",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"filterSearchValue",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"open",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"options",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"selectedOptions",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"filteredAvailableOptions",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"scrollContainer",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"position",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"onAllSelectedCallback",void 0),(0,x.__decorate)([r.volatile],Gs.prototype,"getDisplayValue",null),(0,x.__decorate)([r.volatile],Gs.prototype,"getPlaceholder",null),(0,x.__decorate)([r.volatile],Gs.prototype,"isAllSelected",null),(0,x.__decorate)([r.volatile],Gs.prototype,"isAllOptionsDisabled",null),(0,x.__decorate)([r.volatile],Gs.prototype,"showCreatable",null);const Us=Gs.compose(Object.assign({baseName:"multiselect",template:zs,styles:Hs,shadowOptions:js},Vs));class Ys{constructor(e){const t=new Intl.NumberFormat(e).formatToParts(12345.6),o=[...new Intl.NumberFormat(e,{useGrouping:!1}).format(9876543210)].reverse(),i=new Map(o.map(((e,t)=>[e,t])));this._group=new RegExp(`[${t.find((e=>"group"===e.type)).value}]`,"g"),this._decimal=new RegExp(`[${t.find((e=>"decimal"===e.type)).value}]`),this._separator=new RegExp(`[$${t.find((e=>"decimal"===e.type)).value}](?:0*$|[^0]0+$)`),this._numeral=new RegExp(`[${o.join("")}]`,"g"),this._index=e=>i.get(e)}parse(e){return(e=e.trim().replace(this._group,"").replace(this._decimal,".").replace(this._numeral,this._index))?+e:NaN}hasSeparator(e){return this._separator.test(e)}}const Ws=(e,t)=>r.css`
+`,js=void 0,Vs={};class Gs extends n.FoundationElement{constructor(){super(...arguments),this.name="",this.autoPosition=!0,this.all=!0,this.allSelected=!1,this.search=!0,this.disabled=!1,this.creatable=!1,this.async=!1,this.debounce=500,this.filterByContains=!1,this.filterSearchValue="",this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.filteredAvailableOptions=[...this.options],this.position=ze.BELOW,this.initialisedOptions=!1}debounceChanged(e,t){this.debouncedInputHandler=nt()(this.asyncSetFilter,t)}openChanged(e,t){var o,i,a,n;t?(document.addEventListener("mousedown",this.clickOutside),null===(o=this.arrowIcon)||void 0===o||o.classList.add("flipped"),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(a=this.arrowIcon)||void 0===a||a.classList.remove("flipped"),null===(n=this.optionsElement)||void 0===n||n.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===ze.ABOVE&&(null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}toggle(){this.open||this.setDropdownPosition(),this.open=!this.open}optionsChanged(){this.allSelected&&!this.initialisedOptions&&(this.selectedOptions=this.options.map((e=>this.optionGetter(e)))),this.filteredAvailableOptions=[...this.options]}selectedOptionsChanged(){this.$fastController.isConnected&&(this.initialisedOptions=!0)}setDropdownPosition(){let e=this.position;if(this.autoPosition){let t=this.assignedSlot?this.assignedSlot.parentElement:this.parentElement;for(;t&&!t.classList.contains("content-wrapper");)t=t.parentElement;if(t){const o=t.getBoundingClientRect(),i=this.getBoundingClientRect(),a=o.top+o.height/2;e=i.top<a?ze.BELOW:ze.ABOVE}else{const t=this.getBoundingClientRect(),o=window.innerHeight,i=t.top,a=o-t.bottom;e=a<t.height&&i>a?ze.ABOVE:ze.BELOW}}e===ze.ABOVE?(this.optionsElement.classList.add("position-above"),this.optionsElement.classList.remove("position-below")):e===ze.BELOW&&(this.optionsElement.classList.add("position-below"),this.optionsElement.classList.remove("position-above"))}optionGetter(e){return"string"!=typeof e?e.value:e}getItemLabel(e){let t;return e?(t="string"==typeof e?e:e.label||e.value||"",this.valueFormatter?this.valueFormatter(t):t):""}isOptionDisabled(e){return e&&"string"!=typeof e&&e.disabled||!1}get getDisplayValue(){let e="";switch(this.selectedOptions.length){case 0:e=this.getPlaceholder;break;case 1:{const t=this.options.find((e=>this.optionGetter(e)===this.selectedOptions[0]));e=this.getItemLabel(t);break}case this.options.length:e=`All ${this.name}`.trim();break;default:e=`${this.selectedOptions.length} Selected`}return e}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}get isAllOptionsDisabled(){return this.options.length===this.options.filter(this.isOptionDisabled).length}get showCreatable(){return this.creatable&&this.filterSearchValue.length>0&&0===this.findExactMatchOptions().length}isOptionSelected(e){return this.selectedOptions.includes(this.optionGetter(e))}selectCheckboxOne(e){const t=this.optionGetter(e);this.selectedOptions.includes(t)?(this.selectedOptions=[...this.selectedOptions],this.selectedOptions.splice(this.selectedOptions.indexOf(t),1)):this.selectedOptions=[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}checkboxKeyDown(e,t){return" "===t.key&&(t.preventDefault(),this.selectCheckboxOne(e)),!0}getEnabledOptionsCount(){return this.options.length-this.options.filter(this.isOptionDisabled).length}selectCheckboxAll(){const e=this.selectedOptions.length===this.getEnabledOptionsCount();this.selectedOptions=e?[]:this.options.filter((e=>!this.isOptionDisabled(e))).map((e=>this.optionGetter(e))),this.onAllSelectedCallback&&this.onAllSelectedCallback(!e),this.$emit("selectionChange",this.selectedOptions)}inputHandler(){this.open||(this.open=!0),this.async?(this.loading=!0,this.filteredAvailableOptions=[],this.debouncedInputHandler()):this.setFilter()}findExactMatchOptions(){const e=this.filterSearchValue.toLowerCase();return this.filteredAvailableOptions.filter((t=>{var o,i;const a="string"==typeof t?t:null!==(o=t.label)&&void 0!==o?o:t.value;return(null!==(i=null==a?void 0:a.toLowerCase())&&void 0!==i?i:"")===e}))}setFilter(){this.filteredAvailableOptions=[...this.options.filter((e=>{var t;const o=("string"==typeof e?e:null!==(t=e.label)&&void 0!==t?t:e.value).toLowerCase(),i=this.filterSearchValue.toLowerCase();return this.filterByContains?o.indexOf(i)>=0:o.startsWith(i)}))]}addOption(){this.options=[{value:this.filterSearchValue,label:this.filterSearchValue},...this.options],this.setFilter(),this.selectedOptions=[...this.selectedOptions,this.filterSearchValue]}asyncSetFilter(){if(this.slottedDatasource.length>0){const e=this.slottedDatasource[0].datasource.resourceType;e===it.v.DATASERVER&&kt(this.slottedDatasource[0],this.filterSearchValue),e===it.v.REQUEST_SERVER&&Ft(this.slottedDatasource[0],this.filterSearchValue)}else this.loading=!1,ae.warn("Multiselect-datasource is not connected. Please add a datasource to use this functionality.")}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){C(e,this)&&(this.open=!1)}keydownHandler(e){const t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case"Escape":if(this.open){this.open=!1;break}break;case"ArrowUp":case"ArrowDown":if(!this.open){this.open=!0;break}break;default:return!0}}}(0,x.__decorate)([r.attr],Gs.prototype,"name",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean",attribute:"auto-position"})],Gs.prototype,"autoPosition",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"all",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"allSelected",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"search",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"disabled",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"creatable",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean"})],Gs.prototype,"async",void 0),(0,x.__decorate)([r.attr],Gs.prototype,"debounce",void 0),(0,x.__decorate)([(0,r.attr)({mode:"boolean",attribute:"filter-by-contains"})],Gs.prototype,"filterByContains",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"defaultSlottedNodes",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"slottedDatasource",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"valueFormatter",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"loading",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"filterSearchValue",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"open",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"options",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"selectedOptions",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"filteredAvailableOptions",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"scrollContainer",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"position",void 0),(0,x.__decorate)([r.observable],Gs.prototype,"onAllSelectedCallback",void 0),(0,x.__decorate)([r.volatile],Gs.prototype,"getDisplayValue",null),(0,x.__decorate)([r.volatile],Gs.prototype,"getPlaceholder",null),(0,x.__decorate)([r.volatile],Gs.prototype,"isAllOptionsDisabled",null),(0,x.__decorate)([r.volatile],Gs.prototype,"showCreatable",null);const Us=Gs.compose(Object.assign({baseName:"multiselect",template:zs,styles:Hs,shadowOptions:js},Vs));class Ys{constructor(e){const t=new Intl.NumberFormat(e).formatToParts(12345.6),o=[...new Intl.NumberFormat(e,{useGrouping:!1}).format(9876543210)].reverse(),i=new Map(o.map(((e,t)=>[e,t])));this._group=new RegExp(`[${t.find((e=>"group"===e.type)).value}]`,"g"),this._decimal=new RegExp(`[${t.find((e=>"decimal"===e.type)).value}]`),this._separator=new RegExp(`[$${t.find((e=>"decimal"===e.type)).value}](?:0*$|[^0]0+$)`),this._numeral=new RegExp(`[${o.join("")}]`,"g"),this._index=e=>i.get(e)}parse(e){return(e=e.trim().replace(this._group,"").replace(this._decimal,".").replace(this._numeral,this._index))?+e:NaN}hasSeparator(e){return this._separator.test(e)}}const Ws=(e,t)=>r.css`
   ${(0,s.numberFieldStyles)(e,t)}
   ::part(label) {
     color: var(--neutral-foreground-rest);
@@ -3754,4 +3777,4 @@
     <slot></slot>
   </template>
 `;var mu;!function(e){e.NOTIFICATION_EVENT="notification-event"}(mu||(mu={}));const vu={mode:"open",delegatesFocus:!0};class gu extends n.FoundationElement{constructor(){super(...arguments),this.closeTimeout=0,this.toastButtons=[]}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,x.__awaiter)(this,void 0,void 0,(function*(){if(e.connectedCallback.call(this),this.addEventListener(mu.NOTIFICATION_EVENT,(e=>{e.stopImmediatePropagation(),_a(e.detail,this.tagName,this.notificationListener)})),this.resourceName){if(!(yield this.datasource.init({resourceName:this.resourceName},!0)))return void ae.debug(`Genesis Datasource init failed for ${this.resourceName}`);this.dataSub=null===(t=this.datasource.stream)||void 0===t?void 0:t.subscribe((e=>{e.ROW&&e.SEQUENCE_ID>1&&this.handleStreamUpdate((0,ct.d)(e))}))}}))}disconnectedCallback(){var e,t;super.disconnectedCallback(),null===(e=this.dataSub)||void 0===e||e.unsubscribe(),delete this.dataSub,null===(t=this.datasource)||void 0===t||t.destroy(),delete this.datasource}handleStreamUpdate(e){const t=e.inserts;t.length>0&&t.forEach((e=>{this.showNotificationToast(e)}))}showNotificationToast(e){const{HEADER:t,MESSAGE:o,NOTIFY_SEVERITY:i}=e,a=e.CREATED_AT?new Date(e.CREATED_AT):void 0,n=e.EXPIRY?e.EXPIRY-e.CREATED_AT:void 0;let s=[];this.toastButtons&&this.toastButtons.length>0&&(s=this.toastButtons.filter((({condition:t})=>!t||t({details:e}))));((e,t,o)=>{if(!e.title)throw new Error("Title is required");if(!e.body)throw new Error("Missing required param 'body'");let i={title:e.title,body:e.body},a={};e.createdAt&&(i=Object.assign({createdAt:e.createdAt},i)),e.logLevel in ie.LogLevel&&(i=Object.assign({logLevel:e.logLevel},i)),e.toast&&(a=Object.assign({toast:e.toast},a),i=Object.assign({config:a},i)),ka(i,t,o)})({title:t,body:o,createdAt:a,toast:{details:e,type:null==i?void 0:i.toLowerCase(),buttons:s,autoClose:void 0!==n?!!n:!!this.closeTimeout,closeTimeout:null!=n?n:this.closeTimeout}},this.tagName)}}(0,x.__decorate)([r.observable],gu.prototype,"notificationListener",void 0),(0,x.__decorate)([(0,r.attr)({attribute:"resource-name"})],gu.prototype,"resourceName",void 0),(0,x.__decorate)([(0,r.attr)({attribute:"close-timeout",converter:r.nullableNumberConverter})],gu.prototype,"closeTimeout",void 0),(0,x.__decorate)([r.observable],gu.prototype,"toastButtons",void 0),(0,x.__decorate)([pt.yW],gu.prototype,"datasource",void 0);const fu=gu.compose({baseName:"notification-listener",template:hu,shadowOptions:vu}),bu=(e,t)=>o=>{const i="function"==typeof t?t:(a=t,e=>Object.assign(Object.assign({},a),e));var a;return r.FASTElement.define(class extends e{},i(o))};function yu(e){if("string"==typeof e)return e;if("function"==typeof e&&!(e=r.FASTElementDefinition.forType(e)))throw new Error("Missing FASTElement definition.");return e.name}const xu=e=>!e.navId||"header"===e.navId,wu=10;function $u(e,t=xu,o=wu){const i=[];return e.filter((e=>e.navItems&&e.navItems.some(t))).forEach(((e,a)=>{e.navItems.filter(t).map(((t,i)=>{var n,s,r,l;const d=null!==(n=t.placementIndex)&&void 0!==n?n:a*o+i;return Object.assign(Object.assign({},t),{navId:null!==(s=t.navId)&&void 0!==s?s:"header",placementIndex:d,routePath:null!==(r=t.routePath)&&void 0!==r?r:e.path,routeName:null!==(l=t.routeName)&&void 0!==l?l:e.name})})).forEach((e=>i.push(e)))})),i.sort(((e,t)=>e.placementIndex-t.placementIndex))}var Su,Cu=o(63734);!function(e){e.controlClicked="controlClicked",e.routeChanged="routeChanged"}(Su||(Su={}));class ku{constructor(e){this.analytics=(0,Cu.Ay)(e)}trackEvent(e,t){ma.v.debug(`FoundationAnalytics.trackEvent ${e} : ${JSON.stringify(t)}`),this.analytics.track(e,t)}}const Fu=n.DI.createInterface((e=>e.singleton(ku)));var _u=o(3479),Ou=o(80751),Du=o(98647);let Tu=class extends(_u.Ix.from(r.FASTElement)){connectedCallback(){super.connectedCallback(),r.DOM.queueUpdate((()=>(0,x.__awaiter)(this,void 0,void 0,(function*(){this.$router.config=this.config}))))}};Tu=(0,x.__decorate)([(0,r.customElement)({name:"foundation-router"})],Tu);class Lu extends Ou.s{constructor(){super(...arguments),this.definitions=[]}map(...e){this.definitions=[...e,...this.definitions],super.map(...e)}}(0,x.__decorate)([r.observable],Lu.prototype,"definitions",void 0);class Eu extends Du.Y{constructor(){super(...arguments),this.routes=new Lu(this)}getNavItems(e=xu){return $u(this.routes.definitions,e)}configureAnalytics(){this.contributors.push({navigate:e=>(0,x.__awaiter)(this,void 0,void 0,(function*(){this.analytics.trackEvent(Su.routeChanged,{path:e.route.endpoint.path})}))})}construct(e){return this.container.get(e)}}(0,x.__decorate)([n.Container],Eu.prototype,"container",void 0),(0,x.__decorate)([Fu],Eu.prototype,"analytics",void 0),(0,x.__decorate)([er.KJ],Eu.prototype,"user",void 0);const Au=()=>_r().register(cu)}}]);
-//# sourceMappingURL=531.e7d837b3dc03a9828045d28ab13761e4.js.map
+//# sourceMappingURL=531.4d3a32da02abd23b2434c87fceb7851e.js.map

package/dist/{548.548.cc50089b4aa8ab6ddbb5.js → 548.548.b658f759625f6af7017c.js}

@@ -3,7 +3,7 @@
     <design-system-preview></design-system-preview>
     <design-system-export slot="export" tokensPath="${e=>e.tokensPath}"></design-system-export>
   </design-system-editor>
-`;var s=n(68871),a=n(62360),i=n(77754),c=n(44405);a.DesignSystemPreview,a.DesignSystemEditor,a.DesignSystemExport;const d=(0,n(40480).createLogger)("design-system-configurator");var u=n(97478),p=n.n(u),l=n(27135),f=n.n(l),m=n(61301),h=n.n(m),v=n(49222),g=n.n(v),y=n(6626),A=n.n(y),b=n(88279),C=n.n(b),_=n(62860),E={};E.styleTagTransform=C(),E.setAttributes=g(),E.insert=h().bind(null,"head"),E.domAPI=f(),E.insertStyleElement=A();p()(_.A,E);_.A&&_.A.locals&&_.A.locals;const S=o.css`
+`;var s=n(68871),a=n(47291),i=n(95339),c=n(44405);a.DesignSystemPreview,a.DesignSystemEditor,a.DesignSystemExport;const d=(0,n(10281).createLogger)("design-system-configurator");var u=n(97478),p=n.n(u),l=n(27135),f=n.n(l),m=n(61301),h=n.n(m),v=n(49222),g=n.n(v),y=n(6626),A=n.n(y),b=n(88279),C=n.n(b),_=n(62860),E={};E.styleTagTransform=C(),E.setAttributes=g(),E.insert=h().bind(null,"head"),E.domAPI=f(),E.insertStyleElement=A();p()(_.A,E);_.A&&_.A.locals&&_.A.locals;const S=o.css`
   :host {
     display: flex;
     height: 100%;

package/dist/{653.653.6f66ff0b8ec86459d1e3.js → 653.653.fb44c5cbb4ebd12a09fc.js}

@@ -1,2 +1,2 @@
-(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[653,792],{653:(e,s,n)=>{Promise.all([n.e(418),n.e(405),n.e(480),n.e(754),n.e(548)]).then(n.bind(n,96548))}}]);
+(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[653,792],{653:(e,s,n)=>{Promise.all([n.e(418),n.e(405),n.e(281),n.e(339),n.e(548)]).then(n.bind(n,96548))}}]);
 //# sourceMappingURL=653.cd79d6d50e9f0dfe8ed96f08357afbae.js.map