@ni/nimble-components 15.5.1 → 15.5.3

package/dist/all-components-bundle.min.js

@@ -4070,6 +4070,11 @@ const $p=class extends Di{}.compose({baseName:"tab-panel",baseClass:Di,template:
 `,styles:yp})
 ii.getOrCreate().withPrefix("nimble").register($p())
 const kp=vt`
+    ${mo("flex")}
+`,Cp=j` <template> Nimble table here </template> `
+const _p=class extends ke{}.compose({baseName:"table",template:Cp,styles:kp})
+ii.getOrCreate().withPrefix("nimble").register(_p())
+const zp=vt`
     ${mo("grid")}
 
     :host {
@@ -4092,7 +4097,7 @@ const kp=vt`
         grid-column-end: 4;
     }
 `
-const Cp=class extends qi{constructor(){super(),this.activeindicator=!1}}.compose({baseName:"tabs",baseClass:qi,template:(t,e)=>j`
+const Ip=class extends qi{constructor(){super(),this.activeindicator=!1}}.compose({baseName:"tabs",baseClass:qi,template:(t,e)=>j`
     <template class="${t=>t.orientation}">
         ${Pt(0,e)}
         <div class="tablist" part="tablist" role="tablist">
@@ -4111,9 +4116,9 @@ const Cp=class extends qi{constructor(){super(),this.activeindicator=!1}}.compos
             <slot name="tabpanel" part="tabpanel" ${Et("tabpanels")}></slot>
         </div>
     </template>
-`,styles:kp})
-ii.getOrCreate().withPrefix("nimble").register(Cp())
-const _p=vt`
+`,styles:zp})
+ii.getOrCreate().withPrefix("nimble").register(Ip())
+const Op=vt`
     ${mo("flex")}
 
     :host {
@@ -4131,15 +4136,15 @@ const _p=vt`
             rgba(${ar}, 0.3);
         margin: calc(${fr} / 4) calc(${fr} / 2);
     }
-`,zp=j`
+`,Hp=j`
     <template slot="end">
         <div class="separator"></div>
         <slot></slot>
     </template>
 `
-const Ip=class extends ke{}.compose({baseName:"tabs-toolbar",template:zp,styles:_p})
-ii.getOrCreate().withPrefix("nimble").register(Ip())
-const Op="outline",Hp="block",Sp=vt`
+const Sp=class extends ke{}.compose({baseName:"tabs-toolbar",template:Hp,styles:Op})
+ii.getOrCreate().withPrefix("nimble").register(Sp())
+const Ap="outline",Vp="block",Rp=vt`
     ${mo("inline-flex")}
 
     :host {
@@ -4231,12 +4236,12 @@ const Op="outline",Hp="block",Sp=vt`
     :host([resize='vertical']) .control {
         resize: vertical;
     }
-`.withBehaviors(sh(Op,vt`
+`.withBehaviors(sh(Ap,vt`
             .control {
                 border-color: rgba(${ar}, 0.3);
                 background-color: transparent;
             }
-        `),sh(Hp,vt`
+        `),sh(Vp,vt`
             .control {
                 background-color: rgba(${ar}, 0.1);
             }
@@ -4250,8 +4255,8 @@ const Op="outline",Hp="block",Sp=vt`
                 background-color: rgba(${ar}, 0.1);
             }
         `))
-class Ap extends Ki{constructor(){super(...arguments),this.appearance=Op}}yo([st],Ap.prototype,"appearance",void 0)
-const Vp=Ap.compose({baseName:"text-area",baseClass:Ki,template:(t,e)=>j`
+class Ep extends Ki{constructor(){super(...arguments),this.appearance=Ap}}yo([st],Ep.prototype,"appearance",void 0)
+const Mp=Ep.compose({baseName:"text-area",baseClass:Ki,template:(t,e)=>j`
     <template
         class="
             ${t=>t.readOnly?"readonly":""}
@@ -4306,9 +4311,9 @@ const Vp=Ap.compose({baseName:"text-area",baseClass:Ki,template:(t,e)=>j`
             ${Ct("control")}
         ></textarea>
     </template>
-`,styles:Sp,shadowOptions:{delegatesFocus:!0}})
-ii.getOrCreate().withPrefix("nimble").register(Vp())
-const Rp="underline",Ep="outline",Mp="block",Lp="frameless",Tp=vt`
+`,styles:Rp,shadowOptions:{delegatesFocus:!0}})
+ii.getOrCreate().withPrefix("nimble").register(Mp())
+const Lp="underline",Tp="outline",Bp="block",Pp="frameless",Dp=vt`
     ${mo("inline-block")}
     ${Hh}
 
@@ -4480,12 +4485,12 @@ const Rp="underline",Ep="outline",Mp="block",Lp="frameless",Tp=vt`
     slot[name='actions']::slotted(*) {
         ${mr.cssCustomProperty}: 24px;
     }
-`.withBehaviors(sh(Rp,vt`
+`.withBehaviors(sh(Lp,vt`
             .root {
                 border-bottom-width: ${xr};
                 padding-bottom: 0;
             }
-        `),sh(Mp,vt`
+        `),sh(Bp,vt`
             .root {
                 background-color: rgba(${ar}, 0.1);
             }
@@ -4513,12 +4518,12 @@ const Rp="underline",Ep="outline",Mp="block",Lp="frameless",Tp=vt`
             :host([disabled]) .root {
                 background-color: rgba(${ar}, 0.07);
             }
-        `),sh(Ep,vt`
+        `),sh(Tp,vt`
             .root {
                 border-width: ${xr};
                 padding: 0;
             }
-        `),sh(Lp,vt`
+        `),sh(Pp,vt`
             .control {
                 padding-left: ${xr};
                 padding-right: ${xr};
@@ -4536,8 +4541,8 @@ const Rp="underline",Ep="outline",Mp="block",Lp="frameless",Tp=vt`
                 filter: invert(100%);
             }
         `))
-class Bp extends ki{constructor(){super(...arguments),this.appearance=Rp,this.errorVisible=!1,this.fullBleed=!1}}yo([st],Bp.prototype,"appearance",void 0),yo([st({attribute:"error-text"})],Bp.prototype,"errorText",void 0),yo([st({attribute:"error-visible",mode:"boolean"})],Bp.prototype,"errorVisible",void 0),yo([st({attribute:"full-bleed",mode:"boolean"})],Bp.prototype,"fullBleed",void 0)
-const Pp=Bp.compose({baseName:"text-field",baseClass:ki,template:(t,e)=>j`
+class Fp extends ki{constructor(){super(...arguments),this.appearance=Lp,this.errorVisible=!1,this.fullBleed=!1}}yo([st],Fp.prototype,"appearance",void 0),yo([st({attribute:"error-text"})],Fp.prototype,"errorText",void 0),yo([st({attribute:"error-visible",mode:"boolean"})],Fp.prototype,"errorVisible",void 0),yo([st({attribute:"full-bleed",mode:"boolean"})],Fp.prototype,"fullBleed",void 0)
+const Np=Fp.compose({baseName:"text-field",baseClass:ki,template:(t,e)=>j`
     <template
         class="
             ${t=>t.readOnly?"readonly":""}
@@ -4597,7 +4602,7 @@ const Pp=Bp.compose({baseName:"text-field",baseClass:ki,template:(t,e)=>j`
             ${Bt(0,e)}
         </div>
     </template>
-`,styles:Tp,shadowOptions:{delegatesFocus:!0},end:j`
+`,styles:Dp,shadowOptions:{delegatesFocus:!0},end:j`
         <${ii.tagFor(Ch)}
             severity="error"
             class="error-icon"
@@ -4607,8 +4612,8 @@ const Pp=Bp.compose({baseName:"text-field",baseClass:ki,template:(t,e)=>j`
         </span>
         ${fh}
     `})
-ii.getOrCreate().withPrefix("nimble").register(Pp())
-const Dp=vt`
+ii.getOrCreate().withPrefix("nimble").register(Np())
+const qp=vt`
     .positioning-region {
         display: flex;
         padding: ${br} ${fr};
@@ -4633,7 +4638,7 @@ const Dp=vt`
         margin-left: auto;
     }
 `
-const Fp=class extends Gi{}.compose({baseName:"toolbar",baseClass:Gi,template:(t,e)=>j`
+const Up=class extends Gi{}.compose({baseName:"toolbar",baseClass:Gi,template:(t,e)=>j`
     <template
         aria-label="${t=>t.ariaLabel}"
         aria-labelledby="${t=>t.ariaLabelledby}"
@@ -4654,9 +4659,9 @@ const Fp=class extends Gi{}.compose({baseName:"toolbar",baseClass:Gi,template:(t
             ${Bt(0,e)}
         </div>
     </template>
-`,styles:Dp,shadowOptions:{delegatesFocus:!0}})
-ii.getOrCreate().withPrefix("nimble").register(Fp())
-const Np=vt`
+`,styles:qp,shadowOptions:{delegatesFocus:!0}})
+ii.getOrCreate().withPrefix("nimble").register(Up())
+const jp=vt`
     ${mo("inline-flex")}
 
     :host {
@@ -4741,7 +4746,7 @@ const Np=vt`
             .status-icon {
                 opacity: 0.6;
             }
-        `)),qp=j`
+        `)),Wp=j`
             ${_t((t=>t.tooltipVisible),j`
             <${ii.tagFor(xo)}
                 class="anchored-region"
@@ -4774,11 +4779,11 @@ const Np=vt`
             </${ii.tagFor(xo)}>
         `)}
 `
-class Up extends po{constructor(){super(...arguments),this.iconVisible=!1}}yo([st],Up.prototype,"severity",void 0),yo([st({attribute:"icon-visible",mode:"boolean"})],Up.prototype,"iconVisible",void 0)
-const jp=Up.compose({baseName:"tooltip",baseClass:po,template:qp,styles:Np})
-ii.getOrCreate().withPrefix("nimble").register(jp())
-const Wp="group-selected",Kp="all",Xp="leaves-only",Gp="none"
-class Yp{constructor(t,e,s){this.ltr=t,this.rtl=e,this.source=s,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(t))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const Qp=vt`
+class Kp extends po{constructor(){super(...arguments),this.iconVisible=!1}}yo([st],Kp.prototype,"severity",void 0),yo([st({attribute:"icon-visible",mode:"boolean"})],Kp.prototype,"iconVisible",void 0)
+const Xp=Kp.compose({baseName:"tooltip",baseClass:po,template:Wp,styles:jp})
+ii.getOrCreate().withPrefix("nimble").register(Xp())
+const Gp="group-selected",Yp="all",Qp="leaves-only",Jp="none"
+class Zp{constructor(t,e,s){this.ltr=t,this.rtl=e,this.source=s,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(t))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const tu=vt`
     ${mo("block")}
 
     :host {
@@ -4794,7 +4799,7 @@ class Yp{constructor(t,e,s){this.ltr=t,this.rtl=e,this.source=s,this.attached=nu
     }
 
     ${""}
-    :host([${Wp}])::after {
+    :host([${Gp}])::after {
         background: ${pr};
         border-radius: 0px;
         content: '';
@@ -4816,7 +4821,7 @@ class Yp{constructor(t,e,s){this.ltr=t,this.rtl=e,this.source=s,this.attached=nu
         background: ${nr};
     }
 
-    :host([${Wp}]) .positioning-region:hover {
+    :host([${Gp}]) .positioning-region:hover {
         background: ${or};
     }
 
@@ -4928,7 +4933,7 @@ class Yp{constructor(t,e,s){this.ltr=t,this.rtl=e,this.source=s,this.attached=nu
         display: block;
     }
 `.withBehaviors(new class{constructor(t,e){this.cache=new WeakMap,this.ltr=t,this.rtl=e}bind(t){this.attach(t)}unbind(t){const e=this.cache.get(t)
-e&&Qn.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new Yp(this.ltr,this.rtl,t),s=Qn.getValueFor(t)
+e&&Qn.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new Zp(this.ltr,this.rtl,t),s=Qn.getValueFor(t)
 Qn.subscribe(e),e.attach(s),this.cache.set(t,e)}}(vt`
             .expand-collapse-button {
                 left: var(
@@ -4960,11 +4965,11 @@ Qn.subscribe(e),e.attach(s),this.cache.set(t,e)}}(vt`
                 transform: rotate(135deg);
             }
         `))
-const Jp=class extends vo{constructor(){super(...arguments),this.treeView=null,this.handleSelectedChange=t=>{t.target===this&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}}connectedCallback(){super.connectedCallback(),this.addEventListener("selected-change",this.handleSelectedChange),this.treeView=this.getParentTreeView(),this.treeView&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("selected-change",this.handleSelectedChange),this.treeView=null}clearTreeGroupSelection(){const t=this.treeView?.querySelectorAll("[group-selected]")
-t?.forEach((t=>t.removeAttribute(Wp)))}setGroupSelectionOnRootParentTreeItem(t){this.clearTreeGroupSelection()
+const eu=class extends vo{constructor(){super(...arguments),this.treeView=null,this.handleSelectedChange=t=>{t.target===this&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}}connectedCallback(){super.connectedCallback(),this.addEventListener("selected-change",this.handleSelectedChange),this.treeView=this.getParentTreeView(),this.treeView&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("selected-change",this.handleSelectedChange),this.treeView=null}clearTreeGroupSelection(){const t=this.treeView?.querySelectorAll("[group-selected]")
+t?.forEach((t=>t.removeAttribute(Gp)))}setGroupSelectionOnRootParentTreeItem(t){this.clearTreeGroupSelection()
 let e=t
 for(;e?.parentElement!==this.treeView;)e=e?.parentElement
-e&&e.setAttribute(Wp,"true")}getParentTreeView(){return this.parentElement.closest("[role='tree']")}}.compose({baseName:"tree-item",baseClass:vo,template:(t,e)=>j`
+e&&e.setAttribute(Gp,"true")}getParentTreeView(){return this.parentElement.closest("[role='tree']")}}.compose({baseName:"tree-item",baseClass:vo,template:(t,e)=>j`
     <template
         role="treeitem"
         slot="${t=>t.isNestedItem()?"item":void 0}"
@@ -5004,9 +5009,9 @@ e&&e.setAttribute(Wp,"true")}getParentTreeView(){return this.parentElement.close
                 </div>
             `)}
     </template>
-`,styles:Qp,expandCollapseGlyph:gl.data})
-ii.getOrCreate().withPrefix("nimble").register(Jp())
-const Zp=vt`
+`,styles:tu,expandCollapseGlyph:gl.data})
+ii.getOrCreate().withPrefix("nimble").register(eu())
+const su=vt`
     ${mo("flex")}
 
     :host {
@@ -5019,14 +5024,14 @@ const Zp=vt`
         outline: none;
     }
 `
-class tu extends go{constructor(){super(...arguments),this.selectionMode=Kp}handleClick(t){if(t.defaultPrevented)return!1
+class iu extends go{constructor(){super(...arguments),this.selectionMode=Yp}handleClick(t){if(t.defaultPrevented)return!1
 if(!(t.target instanceof Element&&uo(t.target)))return!0
 const e=t.target
-return!e.disabled&&(this.canSelect(e)?e.selected=!0:this.itemHasChildren(e)&&(e.expanded=!e.expanded),!0)}canSelect(t){switch(this.selectionMode){case Kp:return!0
-case Gp:return!1
-case Xp:return!this.itemHasChildren(t)
-default:return!0}}itemHasChildren(t){return null!==t.querySelector('[role="treeitem"]')}}yo([st({attribute:"selection-mode"})],tu.prototype,"selectionMode",void 0)
-const eu=tu.compose({baseName:"tree-view",baseClass:go,template:(t,e)=>j`
+return!e.disabled&&(this.canSelect(e)?e.selected=!0:this.itemHasChildren(e)&&(e.expanded=!e.expanded),!0)}canSelect(t){switch(this.selectionMode){case Yp:return!0
+case Jp:return!1
+case Qp:return!this.itemHasChildren(t)
+default:return!0}}itemHasChildren(t){return null!==t.querySelector('[role="treeitem"]')}}yo([st({attribute:"selection-mode"})],iu.prototype,"selectionMode",void 0)
+const ou=iu.compose({baseName:"tree-view",baseClass:go,template:(t,e)=>j`
     <template
         role="tree"
         ${Ct("treeView")}
@@ -5038,9 +5043,9 @@ const eu=tu.compose({baseName:"tree-view",baseClass:go,template:(t,e)=>j`
     >
         <slot ${Et("slottedTreeItems")}></slot>
     </template>
-`,styles:Zp})
-ii.getOrCreate().withPrefix("nimble").register(eu())
-const su=j`
+`,styles:su})
+ii.getOrCreate().withPrefix("nimble").register(ou())
+const nu=j`
     <div>
         <ul>
             ${function(t,e,s=zt){return new St(t,"function"==typeof e?e:()=>e,Object.assign(Object.assign({},zt),s))}((t=>t.dies),j` <li>
@@ -5049,8 +5054,8 @@ const su=j`
                 </li>`)}
         </ul>
     </div>
-`,iu=vt``,ou="top-left",nu="top",ru="linear"
-class au extends ke{constructor(){super(...arguments),this.quadrant=ou,this.orientation=nu,this.maxCharacters=4,this.dieLabelsHidden=!1,this.dieLabelsSuffix="",this.colorsScaleMode=ru,this.highlightedValues=[],this.dies=[],this.colorScale={colors:[],values:[]}}}yo([st],au.prototype,"quadrant",void 0),yo([st],au.prototype,"orientation",void 0),yo([st({attribute:"max-characters",converter:tt})],au.prototype,"maxCharacters",void 0),yo([st({attribute:"die-labels-hidden",mode:"boolean"})],au.prototype,"dieLabelsHidden",void 0),yo([st({attribute:"die-labels-suffix"})],au.prototype,"dieLabelsSuffix",void 0),yo([st({attribute:"colors-scale-mode"})],au.prototype,"colorsScaleMode",void 0),yo([g],au.prototype,"highlightedValues",void 0),yo([g],au.prototype,"dies",void 0),yo([g],au.prototype,"colorScale",void 0)
-const lu=au.compose({baseName:"wafer-map",template:su,styles:iu})
-ii.getOrCreate().withPrefix("nimble").register(lu())}()
+`,ru=vt``,au="top-left",lu="top",cu="linear"
+class du extends ke{constructor(){super(...arguments),this.quadrant=au,this.orientation=lu,this.maxCharacters=4,this.dieLabelsHidden=!1,this.dieLabelsSuffix="",this.colorsScaleMode=cu,this.highlightedValues=[],this.dies=[],this.colorScale={colors:[],values:[]}}}yo([st],du.prototype,"quadrant",void 0),yo([st],du.prototype,"orientation",void 0),yo([st({attribute:"max-characters",converter:tt})],du.prototype,"maxCharacters",void 0),yo([st({attribute:"die-labels-hidden",mode:"boolean"})],du.prototype,"dieLabelsHidden",void 0),yo([st({attribute:"die-labels-suffix"})],du.prototype,"dieLabelsSuffix",void 0),yo([st({attribute:"colors-scale-mode"})],du.prototype,"colorsScaleMode",void 0),yo([g],du.prototype,"highlightedValues",void 0),yo([g],du.prototype,"dies",void 0),yo([g],du.prototype,"colorScale",void 0)
+const hu=du.compose({baseName:"wafer-map",template:nu,styles:ru})
+ii.getOrCreate().withPrefix("nimble").register(hu())}()
 //# sourceMappingURL=all-components-bundle.min.js.map