@ni/nimble-components 29.3.4 → 29.3.5

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

@@ -1095,7 +1095,7 @@ const e=document.createElement("style"),t=function(){const e=document.querySelec
 return e?e.getAttribute("content"):null}()
 null!==t&&e.setAttribute("nonce",t),document.head.appendChild(e)
 try{e.sheet.insertRule("foo:focus-visible {color:inherit}",0),Gt=!0}catch(e){Gt=!1}finally{document.head.removeChild(e)}return Gt}()?"focus-visible":"focus"
-class Oo extends mn{}const Ro=e=>`${function(e){return`:host([hidden]){display:none}:host{display:${e}}`}(e)}`,Fo=`:${To}`
+class Oo extends mn{}const Ro=e=>`${function(e){return`:host([hidden]){display:none}:host{display:${e}}`}(e)}:host{box-sizing:border-box;}*{box-sizing:border-box;}:host::before,:host::after,::before,::after{box-sizing:border-box;}`,Fo=`:${To}`
 function No(e,t,n){return isNaN(e)||e<=t?t:e>=n?n:e}function Po(e,t,n){return isNaN(e)||e<=t?0:e>=n?1:e/(n-t)}function Lo(e,t,n){return isNaN(e)?t:t+e*(n-t)}function zo(e,t){const n=Math.pow(10,t)
 return Math.round(e*n)/n}class Vo{constructor(e,t,n,i){this.r=e,this.g=t,this.b=n,this.a="number"!=typeof i||isNaN(i)?1:i}static fromObject(e){return!e||isNaN(e.r)||isNaN(e.g)||isNaN(e.b)?null:new Vo(e.r,e.g,e.b,e.a)}equalValue(e){return this.r===e.r&&this.g===e.g&&this.b===e.b&&this.a===e.a}toStringHexRGB(){return"#"+[this.r,this.g,this.b].map(this.formatHexValue).join("")}toStringHexRGBA(){return this.toStringHexRGB()+this.formatHexValue(this.a)}toStringHexARGB(){return"#"+[this.a,this.r,this.g,this.b].map(this.formatHexValue).join("")}toStringWebRGB(){return`rgb(${Math.round(Lo(this.r,0,255))},${Math.round(Lo(this.g,0,255))},${Math.round(Lo(this.b,0,255))})`}toStringWebRGBA(){return`rgba(${Math.round(Lo(this.r,0,255))},${Math.round(Lo(this.g,0,255))},${Math.round(Lo(this.b,0,255))},${No(this.a,0,1)})`}roundToPrecision(e){return new Vo(zo(this.r,e),zo(this.g,e),zo(this.b,e),zo(this.a,e))}clamp(){return new Vo(No(this.r,0,1),No(this.g,0,1),No(this.b,0,1),No(this.a,0,1))}toObject(){return{r:this.r,g:this.g,b:this.b,a:this.a}}formatHexValue(e){return function(e){const t=Math.round(No(e,0,255)).toString(16)
 return 1===t.length?"0"+t:t}(Lo(e,0,255))}}const Ho={aliceblue:{r:.941176,g:.972549,b:1},antiquewhite:{r:.980392,g:.921569,b:.843137},aqua:{r:0,g:1,b:1},aquamarine:{r:.498039,g:1,b:.831373},azure:{r:.941176,g:1,b:1},beige:{r:.960784,g:.960784,b:.862745},bisque:{r:1,g:.894118,b:.768627},black:{r:0,g:0,b:0},blanchedalmond:{r:1,g:.921569,b:.803922},blue:{r:0,g:0,b:1},blueviolet:{r:.541176,g:.168627,b:.886275},brown:{r:.647059,g:.164706,b:.164706},burlywood:{r:.870588,g:.721569,b:.529412},cadetblue:{r:.372549,g:.619608,b:.627451},chartreuse:{r:.498039,g:1,b:0},chocolate:{r:.823529,g:.411765,b:.117647},coral:{r:1,g:.498039,b:.313725},cornflowerblue:{r:.392157,g:.584314,b:.929412},cornsilk:{r:1,g:.972549,b:.862745},crimson:{r:.862745,g:.078431,b:.235294},cyan:{r:0,g:1,b:1},darkblue:{r:0,g:0,b:.545098},darkcyan:{r:0,g:.545098,b:.545098},darkgoldenrod:{r:.721569,g:.52549,b:.043137},darkgray:{r:.662745,g:.662745,b:.662745},darkgreen:{r:0,g:.392157,b:0},darkgrey:{r:.662745,g:.662745,b:.662745},darkkhaki:{r:.741176,g:.717647,b:.419608},darkmagenta:{r:.545098,g:0,b:.545098},darkolivegreen:{r:.333333,g:.419608,b:.184314},darkorange:{r:1,g:.54902,b:0},darkorchid:{r:.6,g:.196078,b:.8},darkred:{r:.545098,g:0,b:0},darksalmon:{r:.913725,g:.588235,b:.478431},darkseagreen:{r:.560784,g:.737255,b:.560784},darkslateblue:{r:.282353,g:.239216,b:.545098},darkslategray:{r:.184314,g:.309804,b:.309804},darkslategrey:{r:.184314,g:.309804,b:.309804},darkturquoise:{r:0,g:.807843,b:.819608},darkviolet:{r:.580392,g:0,b:.827451},deeppink:{r:1,g:.078431,b:.576471},deepskyblue:{r:0,g:.74902,b:1},dimgray:{r:.411765,g:.411765,b:.411765},dimgrey:{r:.411765,g:.411765,b:.411765},dodgerblue:{r:.117647,g:.564706,b:1},firebrick:{r:.698039,g:.133333,b:.133333},floralwhite:{r:1,g:.980392,b:.941176},forestgreen:{r:.133333,g:.545098,b:.133333},fuchsia:{r:1,g:0,b:1},gainsboro:{r:.862745,g:.862745,b:.862745},ghostwhite:{r:.972549,g:.972549,b:1},gold:{r:1,g:.843137,b:0},goldenrod:{r:.854902,g:.647059,b:.12549},gray:{r:.501961,g:.501961,b:.501961},green:{r:0,g:.501961,b:0},greenyellow:{r:.678431,g:1,b:.184314},grey:{r:.501961,g:.501961,b:.501961},honeydew:{r:.941176,g:1,b:.941176},hotpink:{r:1,g:.411765,b:.705882},indianred:{r:.803922,g:.360784,b:.360784},indigo:{r:.294118,g:0,b:.509804},ivory:{r:1,g:1,b:.941176},khaki:{r:.941176,g:.901961,b:.54902},lavender:{r:.901961,g:.901961,b:.980392},lavenderblush:{r:1,g:.941176,b:.960784},lawngreen:{r:.486275,g:.988235,b:0},lemonchiffon:{r:1,g:.980392,b:.803922},lightblue:{r:.678431,g:.847059,b:.901961},lightcoral:{r:.941176,g:.501961,b:.501961},lightcyan:{r:.878431,g:1,b:1},lightgoldenrodyellow:{r:.980392,g:.980392,b:.823529},lightgray:{r:.827451,g:.827451,b:.827451},lightgreen:{r:.564706,g:.933333,b:.564706},lightgrey:{r:.827451,g:.827451,b:.827451},lightpink:{r:1,g:.713725,b:.756863},lightsalmon:{r:1,g:.627451,b:.478431},lightseagreen:{r:.12549,g:.698039,b:.666667},lightskyblue:{r:.529412,g:.807843,b:.980392},lightslategray:{r:.466667,g:.533333,b:.6},lightslategrey:{r:.466667,g:.533333,b:.6},lightsteelblue:{r:.690196,g:.768627,b:.870588},lightyellow:{r:1,g:1,b:.878431},lime:{r:0,g:1,b:0},limegreen:{r:.196078,g:.803922,b:.196078},linen:{r:.980392,g:.941176,b:.901961},magenta:{r:1,g:0,b:1},maroon:{r:.501961,g:0,b:0},mediumaquamarine:{r:.4,g:.803922,b:.666667},mediumblue:{r:0,g:0,b:.803922},mediumorchid:{r:.729412,g:.333333,b:.827451},mediumpurple:{r:.576471,g:.439216,b:.858824},mediumseagreen:{r:.235294,g:.701961,b:.443137},mediumslateblue:{r:.482353,g:.407843,b:.933333},mediumspringgreen:{r:0,g:.980392,b:.603922},mediumturquoise:{r:.282353,g:.819608,b:.8},mediumvioletred:{r:.780392,g:.082353,b:.521569},midnightblue:{r:.098039,g:.098039,b:.439216},mintcream:{r:.960784,g:1,b:.980392},mistyrose:{r:1,g:.894118,b:.882353},moccasin:{r:1,g:.894118,b:.709804},navajowhite:{r:1,g:.870588,b:.678431},navy:{r:0,g:0,b:.501961},oldlace:{r:.992157,g:.960784,b:.901961},olive:{r:.501961,g:.501961,b:0},olivedrab:{r:.419608,g:.556863,b:.137255},orange:{r:1,g:.647059,b:0},orangered:{r:1,g:.270588,b:0},orchid:{r:.854902,g:.439216,b:.839216},palegoldenrod:{r:.933333,g:.909804,b:.666667},palegreen:{r:.596078,g:.984314,b:.596078},paleturquoise:{r:.686275,g:.933333,b:.933333},palevioletred:{r:.858824,g:.439216,b:.576471},papayawhip:{r:1,g:.937255,b:.835294},peachpuff:{r:1,g:.854902,b:.72549},peru:{r:.803922,g:.521569,b:.247059},pink:{r:1,g:.752941,b:.796078},plum:{r:.866667,g:.627451,b:.866667},powderblue:{r:.690196,g:.878431,b:.901961},purple:{r:.501961,g:0,b:.501961},red:{r:1,g:0,b:0},rosybrown:{r:.737255,g:.560784,b:.560784},royalblue:{r:.254902,g:.411765,b:.882353},saddlebrown:{r:.545098,g:.270588,b:.07451},salmon:{r:.980392,g:.501961,b:.447059},sandybrown:{r:.956863,g:.643137,b:.376471},seagreen:{r:.180392,g:.545098,b:.341176},seashell:{r:1,g:.960784,b:.933333},sienna:{r:.627451,g:.321569,b:.176471},silver:{r:.752941,g:.752941,b:.752941},skyblue:{r:.529412,g:.807843,b:.921569},slateblue:{r:.415686,g:.352941,b:.803922},slategray:{r:.439216,g:.501961,b:.564706},slategrey:{r:.439216,g:.501961,b:.564706},snow:{r:1,g:.980392,b:.980392},springgreen:{r:0,g:1,b:.498039},steelblue:{r:.27451,g:.509804,b:.705882},tan:{r:.823529,g:.705882,b:.54902},teal:{r:0,g:.501961,b:.501961},thistle:{r:.847059,g:.74902,b:.847059},tomato:{r:1,g:.388235,b:.278431},transparent:{r:0,g:0,b:0,a:0},turquoise:{r:.25098,g:.878431,b:.815686},violet:{r:.933333,g:.509804,b:.933333},wheat:{r:.960784,g:.870588,b:.701961},white:{r:1,g:1,b:1},whitesmoke:{r:.960784,g:.960784,b:.960784},yellow:{r:1,g:1,b:0},yellowgreen:{r:.603922,g:.803922,b:.196078}},Bo=/^rgb\(\s*((?:(?:25[0-5]|2[0-4]\d|1\d\d|\d{1,2})\s*,\s*){2}(?:25[0-5]|2[0-4]\d|1\d\d|\d{1,2})\s*)\)$/i,qo=/^rgba\(\s*((?:(?:25[0-5]|2[0-4]\d|1\d\d|\d{1,2})\s*,\s*){3}(?:0|1|0?\.\d*)\s*)\)$/i,Uo=/^#((?:[0-9a-f]{6}|[0-9a-f]{3}))$/i,jo=/^#((?:[0-9a-f]{8}|[0-9a-f]{4}))$/i
@@ -1179,7 +1179,6 @@ default:return t}}function Ed(e){return _d(e,es,"#ff4646",ss)}function Id(e){ret
         ${Ro("inline")}
 
         :host {
-            box-sizing: border-box;
             font: ${Ll};
         }
 
@@ -1342,7 +1341,6 @@ class Hd{constructor(e,t,n){this.propertyName=e,this.value=t,this.styles=n}bind(
             cursor: pointer;
             outline: none;
             border: none;
-            box-sizing: border-box;
             ${""}
             vertical-align: middle;
         }
@@ -1352,7 +1350,6 @@ class Hd{constructor(e,t,n){this.propertyName=e,this.value=t,this.styles=n}bind(
             height: 100%;
             width: 100%;
             border: ${al} solid transparent;
-            box-sizing: border-box;
             color: inherit;
             border-radius: inherit;
             fill: inherit;
@@ -1386,10 +1383,9 @@ class Hd{constructor(e,t,n){this.propertyName=e,this.value=t,this.styles=n}bind(
             width: 100%;
             height: 100%;
             pointer-events: none;
-            box-sizing: border-box;
             outline: 0px solid transparent;
             color: transparent;
-            background-clip: content-box;
+            background-clip: border-box;
             transition: outline ${Cd} ease-in-out;
         }
 
@@ -1684,7 +1680,6 @@ const Kd=xe`
         display: grid;
         contain: layout;
         overflow: visible;
-        box-sizing: border-box;
         height: ${tl};
         grid-template-columns: 1fr;
         column-gap: 8px;
@@ -1780,7 +1775,6 @@ const Jd=xe`
 
     :host {
         position: relative;
-        box-sizing: border-box;
         font: ${Gc};
         height: ${tl};
         color: ${wc};
@@ -1915,7 +1909,6 @@ const th=xe`
     ${Ro("grid")}
 
     :host {
-        box-sizing: border-box;
         grid-template-columns: auto 1fr;
         grid-template-rows: auto 1fr;
     }
@@ -2006,7 +1999,6 @@ const oh=ke`
     .positioning-region {
         display: flex;
         position: relative;
-        box-sizing: border-box;
         height: calc(${ll} * 2);
         width: 100%;
     }
@@ -2420,7 +2412,6 @@ const Sm=xe`
     ${Ro("inline-block")}
 
     :host {
-        box-sizing: border-box;
         font: ${Ll};
         --ni-private-breadcrumb-link-font-color: ${zl};
         --ni-private-breadcrumb-link-active-font-color: ${Wl};
@@ -2460,7 +2451,6 @@ const _m=xe`
 
     :host {
         height: ${tl};
-        box-sizing: border-box;
         padding-left: calc(4px - ${al});
 
         ${""}
@@ -2619,7 +2609,6 @@ const Tm=xe`
         cursor: pointer;
         outline: none;
         border: none;
-        box-sizing: border-box;
         transition: box-shadow ${Cd};
     }
 
@@ -2803,7 +2792,6 @@ const Fm=xe`
     .control {
         width: calc(${tl} / 2);
         height: calc(${tl} / 2);
-        box-sizing: border-box;
         flex-shrink: 0;
         border: ${al} solid ${La};
         padding: 2px;
@@ -3021,7 +3009,6 @@ const Um="nimble-icon-arrow-expander-down",jm="above",Wm="underline",Gm="outline
     ${Ro("inline-flex")}
 
     :host {
-        box-sizing: border-box;
         color: ${wc};
         font: ${yc};
         height: ${tl};
@@ -3099,7 +3086,6 @@ const Um="nimble-icon-arrow-expander-down",jm="above",Wm="underline",Gm="outline
 
     .control {
         align-items: center;
-        box-sizing: border-box;
         cursor: pointer;
         display: flex;
         min-height: 100%;
@@ -3126,7 +3112,6 @@ const Um="nimble-icon-arrow-expander-down",jm="above",Wm="underline",Gm="outline
     }
 
     .listbox {
-        box-sizing: border-box;
         display: inline-flex;
         flex-direction: column;
         overflow-y: auto;
@@ -3327,7 +3312,7 @@ const Um="nimble-icon-arrow-expander-down",jm="above",Wm="underline",Gm="outline
         border-right: 2px solid rgba(${za}, 0.15);
         height: calc(${tl} - 12px);
         align-self: center;
-        padding-left: 4px;
+        margin-left: 4px;
     }
 
     .dropdown-button {
@@ -3659,7 +3644,6 @@ const dg=xe`
     }
 
     .dialog-contents {
-        box-sizing: border-box;
         display: flex;
         flex-direction: column;
         position: absolute;
@@ -4218,7 +4202,7 @@ const Rv=xe`
     }
 
     ::slotted(hr) {
-        box-sizing: content-box;
+        box-sizing: border-box;
         height: 2px;
         margin: ${il};
         border: none;
@@ -4337,7 +4321,6 @@ const Hv="nimble-menu-button",Bv=xe`
     :host {
         contain: layout;
         overflow: visible;
-        box-sizing: border-box;
         height: ${tl};
         grid-template-columns: 1fr;
         column-gap: 8px;
@@ -4510,7 +4493,6 @@ const Uv="underline",jv="outline",Wv="block",Gv=xe`
     }
 
     .root {
-        box-sizing: border-box;
         position: relative;
         display: flex;
         flex-direction: row;
@@ -4625,7 +4607,7 @@ const Uv="underline",jv="outline",Wv="block",Gv=xe`
 
     .error-icon {
         order: 1;
-        padding-right: ${il};
+        margin-right: ${il};
     }
 `.withBehaviors(Bd(Uv,xe`
             .root {
@@ -4786,7 +4768,6 @@ const Xv=xe`
         position: relative;
         width: calc(${tl} / 2);
         height: calc(${tl} / 2);
-        box-sizing: border-box;
         flex-shrink: 0;
         border: ${al} solid ${La};
         border-radius: 100%;
@@ -7392,7 +7373,6 @@ const O$="nimble-rich-text-mention-listbox",R$=G`
     }
 
     .container {
-        box-sizing: border-box;
         display: flex;
         flex-direction: column;
         position: relative;
@@ -7472,7 +7452,6 @@ const O$="nimble-rich-text-mention-listbox",R$=G`
         padding: 8px;
         ${""}
         padding-right: calc(${ll});
-        box-sizing: border-box;
         position: relative;
         color: inherit;
     }
@@ -7571,7 +7550,6 @@ const O$="nimble-rich-text-mention-listbox",R$=G`
     ${y$}::part(positioning-region) {
         background: transparent;
         padding-right: 8px;
-        box-sizing: border-box;
         gap: 0px;
         height: var(--ni-private-rich-text-editor-footer-section-height);
     }
@@ -8876,7 +8854,6 @@ const dT=G`
     .viewer {
         font: inherit;
         outline: none;
-        box-sizing: border-box;
         position: relative;
         color: inherit;
         overflow-wrap: anywhere;
@@ -9477,7 +9454,6 @@ const ET="nimble-spinner",IT=xe`
         display: flex;
         height: var(--ni-private-switch-height);
         width: calc(var(--ni-private-switch-height) * 2);
-        box-sizing: border-box;
         background-color: ${Pa};
         border-radius: calc(var(--ni-private-switch-height) / 2);
         align-items: center;
@@ -9506,7 +9482,6 @@ const ET="nimble-spinner",IT=xe`
         justify-content: center;
         align-items: center;
         background-color: var(--ni-private-switch-indicator-background-color);
-        box-sizing: border-box;
         width: var(--ni-private-switch-indicator-size);
         height: var(--ni-private-switch-indicator-size);
         border-radius: calc(var(--ni-private-switch-indicator-size) / 2);
@@ -9632,7 +9607,6 @@ const TT=xe`
 
     :host {
         position: relative;
-        box-sizing: border-box;
         font: ${Gc};
         height: ${tl};
         color: ${wc};
@@ -9738,7 +9712,6 @@ const RT=xe`
     ${Ro("block")}
 
     :host {
-        box-sizing: border-box;
         font: ${yc};
         color: ${wc};
         padding-top: ${sl};
@@ -10423,7 +10396,6 @@ const aR="nimble-table-header",lR=xe`
         background-color: ${Oa};
         height: calc(${tl} + 2 * ${al});
         border-top: calc(2 * ${al}) solid transparent;
-        box-sizing: border-box;
         background-clip: padding-box;
     }
 
@@ -10432,7 +10404,6 @@ const aR="nimble-table-header",lR=xe`
         width: 100%;
         height: ${tl};
         pointer-events: none;
-        box-sizing: border-box;
         bottom: 0px;
         position: absolute;
     }
@@ -10451,9 +10422,13 @@ const aR="nimble-table-header",lR=xe`
 
     .expand-collapse-button {
         flex: 0 0 auto;
-        padding-left: calc(
-            ${ol} + (var(--ni-private-table-row-indent-level) - 1) *
-                ${tl}
+        margin-left: max(
+            calc(
+                ${ol} +
+                    (var(--ni-private-table-row-indent-level) - 1) *
+                    ${tl}
+            ),
+            0px
         );
     }
 
@@ -10465,9 +10440,13 @@ const aR="nimble-table-header",lR=xe`
         display: flex;
         align-items: center;
         justify-content: center;
-        padding-left: calc(
-            ${ol} + (var(--ni-private-table-row-indent-level) - 1) *
-                ${tl}
+        margin-left: max(
+            calc(
+                ${ol} +
+                    (var(--ni-private-table-row-indent-level) - 1) *
+                    ${tl}
+            ),
+            0px
         );
     }
 
@@ -10687,7 +10666,6 @@ const bR="nimble-table-row",yR=xe`
         align-items: center;
         height: calc(${tl} + 2 * ${al});
         border-top: calc(2 * ${al}) solid ${Oa};
-        box-sizing: border-box;
         grid-template-columns:
             calc(
                 ${tl} *
@@ -11595,7 +11573,6 @@ const NN=xe`
     ${Ro("grid")}
 
     :host {
-        box-sizing: border-box;
         grid-template-columns: auto 1fr;
         grid-template-rows: auto 1fr;
     }
@@ -11646,7 +11623,6 @@ const LN=xe`
     :host {
         align-items: center;
         height: ${tl};
-        box-sizing: border-box;
         font: ${yc};
         color: ${wc};
     }
@@ -11737,7 +11713,6 @@ const HN="outline",BN="block",qN=xe`
         font: inherit;
         flex-grow: 1;
         outline: none;
-        box-sizing: border-box;
         position: relative;
         color: inherit;
         border-radius: 0px;
@@ -11919,7 +11894,6 @@ const WN="underline",GN="outline",ZN="block",KN="frameless",XN=xe`
     }
 
     .root {
-        box-sizing: border-box;
         position: relative;
         display: flex;
         flex-direction: row;
@@ -12205,7 +12179,6 @@ const QN=xe`
     }
 
     .tooltip {
-        box-sizing: border-box;
         flex-shrink: 0;
         max-width: 440px;
         box-shadow: ${ml};
@@ -12350,7 +12323,6 @@ class aP{constructor(e,t,n){this.ltr=e,this.rtl=t,this.source=n,this.attached=nu
     .positioning-region {
         display: flex;
         position: relative;
-        box-sizing: border-box;
         height: calc(${ll} * 2);
     }