@ni/nimble-components 7.8.3 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/all-components-bundle.js +86 -71
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +2586 -108
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/all-components.d.ts +1 -1
  6. package/dist/esm/all-components.js +1 -1
  7. package/dist/esm/all-components.js.map +1 -1
  8. package/dist/esm/{listbox-option → list-option}/index.d.ts +2 -2
  9. package/dist/esm/{listbox-option → list-option}/index.js +4 -4
  10. package/dist/esm/list-option/index.js.map +1 -0
  11. package/dist/esm/{listbox-option → list-option}/styles.d.ts +0 -0
  12. package/dist/esm/{listbox-option → list-option}/styles.js +0 -0
  13. package/dist/esm/list-option/styles.js.map +1 -0
  14. package/dist/esm/nimble-components/src/all-components.d.ts +1 -1
  15. package/dist/esm/nimble-components/src/{listbox-option → list-option}/index.d.ts +2 -2
  16. package/dist/esm/nimble-components/src/{listbox-option → list-option}/styles.d.ts +0 -0
  17. package/dist/esm/nimble-components/src/select/index.d.ts +0 -1
  18. package/dist/esm/nimble-components/src/text-field/types.d.ts +2 -1
  19. package/dist/esm/nimble-components/src/tree-item/index.d.ts +0 -4
  20. package/dist/esm/nimble-components/src/tree-view/index.d.ts +3 -0
  21. package/dist/esm/select/index.d.ts +0 -1
  22. package/dist/esm/select/index.js +0 -5
  23. package/dist/esm/select/index.js.map +1 -1
  24. package/dist/esm/text-field/styles.js +34 -9
  25. package/dist/esm/text-field/styles.js.map +1 -1
  26. package/dist/esm/text-field/types.d.ts +2 -1
  27. package/dist/esm/text-field/types.js +1 -0
  28. package/dist/esm/text-field/types.js.map +1 -1
  29. package/dist/esm/tree-item/index.d.ts +0 -4
  30. package/dist/esm/tree-item/index.js +2 -45
  31. package/dist/esm/tree-item/index.js.map +1 -1
  32. package/dist/esm/tree-view/index.d.ts +3 -0
  33. package/dist/esm/tree-view/index.js +38 -1
  34. package/dist/esm/tree-view/index.js.map +1 -1
  35. package/package.json +3 -3
  36. package/dist/esm/listbox-option/index.js.map +0 -1
  37. package/dist/esm/listbox-option/styles.js.map +0 -1
@@ -239,7 +239,31 @@ r=r.createCSS(),t&&o.push(t)}r instanceof X||r instanceof CSSStyleSheet?(""!==i.
239
239
  return i.length&&o.withBehaviors(...i),o}class ft{constructor(t,e){this.target=t,this.propertyName=e}bind(t){t[this.propertyName]=this.target}unbind(){}}function bt(t){return new k("fast-ref",ft,t)}function wt(t,e){const s="function"==typeof e?e:()=>e
240
240
  return(e,i)=>t(e,i)?s(e,i):null}function xt(t){return t?function(e,s,i){return 1===e.nodeType&&e.matches(t)}:function(t,e,s){return 1===t.nodeType}}class yt{constructor(t,e){this.target=t,this.options=e,this.source=null}bind(t){const e=this.options.property
241
241
  this.shouldUpdate=f.getAccessors(t).some((t=>t.name===e)),this.source=t,this.updateTarget(this.computeNodes()),this.shouldUpdate&&this.observe()}unbind(){this.updateTarget(i),this.source=null,this.shouldUpdate&&this.disconnect()}handleEvent(){this.updateTarget(this.computeNodes())}computeNodes(){let t=this.getNodes()
242
- return void 0!==this.options.filter&&(t=t.filter(this.options.filter)),t}updateTarget(t){this.source[this.options.property]=t}}class $t extends yt{constructor(t,e){super(t,e)}observe(){this.target.addEventListener("slotchange",this)}disconnect(){this.target.removeEventListener("slotchange",this)}getNodes(){return this.target.assignedNodes(this.options)}}function Ct(t){return"string"==typeof t&&(t={property:t}),new k("fast-slotted",$t,t)}class kt extends yt{constructor(t,e){super(t,e),this.observer=null,e.childList=!0}observe(){null===this.observer&&(this.observer=new MutationObserver(this.handleEvent.bind(this))),this.observer.observe(this.target,this.options)}disconnect(){this.observer.disconnect()}getNodes(){return"subtree"in this.options?Array.from(this.target.querySelectorAll(this.options.selector)):Array.from(this.target.childNodes)}}class _t{handleStartContentChange(){this.startContainer.classList.toggle("start",this.start.assignedNodes().length>0)}handleEndContentChange(){this.endContainer.classList.toggle("end",this.end.assignedNodes().length>0)}}const zt=(t,e)=>Y`<span part="end" ${bt("endContainer")} class=${t=>e.end?"end":void 0}><slot name="end" ${bt("end")} @slotchange="${t=>t.handleEndContentChange()}">${e.end||""}</slot></span>`,It=(t,e)=>Y`<span part="start" ${bt("startContainer")} class="${t=>e.start?"start":void 0}"><slot name="start" ${bt("start")} @slotchange="${t=>t.handleStartContentChange()}">${e.start||""}</slot></span>`
242
+ return void 0!==this.options.filter&&(t=t.filter(this.options.filter)),t}updateTarget(t){this.source[this.options.property]=t}}class $t extends yt{constructor(t,e){super(t,e)}observe(){this.target.addEventListener("slotchange",this)}disconnect(){this.target.removeEventListener("slotchange",this)}getNodes(){return this.target.assignedNodes(this.options)}}function Ct(t){return"string"==typeof t&&(t={property:t}),new k("fast-slotted",$t,t)}class kt extends yt{constructor(t,e){super(t,e),this.observer=null,e.childList=!0}observe(){null===this.observer&&(this.observer=new MutationObserver(this.handleEvent.bind(this))),this.observer.observe(this.target,this.options)}disconnect(){this.observer.disconnect()}getNodes(){return"subtree"in this.options?Array.from(this.target.querySelectorAll(this.options.selector)):Array.from(this.target.childNodes)}}class _t{handleStartContentChange(){this.startContainer.classList.toggle("start",this.start.assignedNodes().length>0)}handleEndContentChange(){this.endContainer.classList.toggle("end",this.end.assignedNodes().length>0)}}const zt=(t,e)=>Y`
243
+ <span
244
+ part="end"
245
+ ${bt("endContainer")}
246
+ class=${t=>e.end?"end":void 0}
247
+ >
248
+ <slot name="end" ${bt("end")} @slotchange="${t=>t.handleEndContentChange()}">
249
+ ${e.end||""}
250
+ </slot>
251
+ </span>
252
+ `,It=(t,e)=>Y`
253
+ <span
254
+ part="start"
255
+ ${bt("startContainer")}
256
+ class="${t=>e.start?"start":void 0}"
257
+ >
258
+ <slot
259
+ name="start"
260
+ ${bt("start")}
261
+ @slotchange="${t=>t.handleStartContentChange()}"
262
+ >
263
+ ${e.start||""}
264
+ </slot>
265
+ </span>
266
+ `
243
267
 
244
268
  ;/*! *****************************************************************************
245
269
  Copyright (c) Microsoft Corporation.
@@ -258,7 +282,23 @@ return void 0!==this.options.filter&&(t=t.filter(this.options.filter)),t}updateT
258
282
  function Ot(t,e,s,i){var o,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i
259
283
  if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i)
260
284
  else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,s,r):o(e,s))||r)
261
- return n>3&&r&&Object.defineProperty(e,s,r),r}Y`<span part="end" ${bt("endContainer")}><slot name="end" ${bt("end")} @slotchange="${t=>t.handleEndContentChange()}"></slot></span>`,Y`<span part="start" ${bt("startContainer")}><slot name="start" ${bt("start")} @slotchange="${t=>t.handleStartContentChange()}"></slot></span>`
285
+ return n>3&&r&&Object.defineProperty(e,s,r),r}Y`
286
+ <span part="end" ${bt("endContainer")}>
287
+ <slot
288
+ name="end"
289
+ ${bt("end")}
290
+ @slotchange="${t=>t.handleEndContentChange()}"
291
+ ></slot>
292
+ </span>
293
+ `,Y`
294
+ <span part="start" ${bt("startContainer")}>
295
+ <slot
296
+ name="start"
297
+ ${bt("start")}
298
+ @slotchange="${t=>t.handleStartContentChange()}"
299
+ ></slot>
300
+ </span>
301
+ `
262
302
  const St=new Map
263
303
  "metadata"in Reflect||(Reflect.metadata=function(t,e){return function(s){Reflect.defineMetadata(t,e,s)}},Reflect.defineMetadata=function(t,e,s){let i=St.get(s)
264
304
  void 0===i&&St.set(s,i=new Map),i.set(t,e)},Reflect.getOwnMetadata=function(t,e){const s=St.get(e)
@@ -816,7 +856,10 @@ function Ro(t,e,s,i){var o,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPr
816
856
  if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i)
817
857
  else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,s,r):o(e,s))||r)
818
858
  return n>3&&r&&Object.defineProperty(e,s,r),r}const Po=Y`<slot></slot>`,Fo=mt`
819
- :host{display:contents}`,Bo=Is.create({name:"direction",cssCustomPropertyName:null}).withDefault(Me.ltr),Do=Is.create({name:"theme",cssCustomPropertyName:null}).withDefault(qi.Light)
859
+ :host {
860
+ display: contents;
861
+ }
862
+ `,Bo=Is.create({name:"direction",cssCustomPropertyName:null}).withDefault(Me.ltr),Do=Is.create({name:"theme",cssCustomPropertyName:null}).withDefault(qi.Light)
820
863
  class No extends de{constructor(){super(...arguments),this.direction=Me.ltr,this.theme=qi.Light}directionChanged(t,e){null!=e?Bo.setValueFor(this,e):Bo.deleteValueFor(this)}themeChanged(t,e){null!=e?Do.setValueFor(this,e):Do.deleteValueFor(this)}}Ro([ot({attribute:"direction"})],No.prototype,"direction",void 0),Ro([ot({attribute:"theme"})],No.prototype,"theme",void 0)
821
864
  const jo=No.compose({baseName:"theme-provider",styles:Fo,template:Po})
822
865
  function qo(t,e){const{red:s,green:i,blue:o}=ji(t)
@@ -847,42 +890,634 @@ Do.subscribe(e,t),e.attach(s),this.cache.set(t,e)}unbind(t){const e=this.cache.g
847
890
  e&&Do.unsubscribe(e)}}const Rr=(t,e,s)=>new Tr(t,e,s),Pr=mt`
848
891
  ${ls("inline-block")}
849
892
 
850
- :host{box-sizing:border-box;font:${Pn};--ni-private-breadcrumb-link-font-color:${Fn}}.list{display:flex;flex-wrap:wrap}:host(.prominent-links){--ni-private-breadcrumb-link-active-font-color:${Fn}}::slotted(*:first-child){padding-left:0px}::slotted(*:not([href]):last-child){font:${An}}`.withBehaviors(Rr(mt`
893
+ :host {
894
+ box-sizing: border-box;
895
+ font: ${Pn};
896
+ --ni-private-breadcrumb-link-font-color: ${Fn};
897
+ }
898
+
899
+ .list {
900
+ display: flex;
901
+ flex-wrap: wrap;
902
+ }
903
+
904
+ :host(.prominent-links) {
905
+ --ni-private-breadcrumb-link-active-font-color: ${Fn};
906
+ }
907
+
908
+ ::slotted(*:first-child) {
909
+ padding-left: 0px;
910
+ }
911
+
912
+ ::slotted(*:not([href]):last-child) {
913
+ font: ${An};
914
+ }
915
+ `.withBehaviors(Rr(mt`
851
916
  ${""}
852
- :host{--ni-private-breadcrumb-link-active-font-color:${Pi}}:host(.prominent-links){--ni-private-breadcrumb-link-font-color:${Pi}}`,mt`
917
+ :host {
918
+ --ni-private-breadcrumb-link-active-font-color: ${Pi};
919
+ }
920
+
921
+ :host(.prominent-links) {
922
+ --ni-private-breadcrumb-link-font-color: ${Pi};
923
+ }
924
+ `,mt`
853
925
  ${""}
854
- :host{--ni-private-breadcrumb-link-active-font-color:${Fi}}:host(.prominent-links){--ni-private-breadcrumb-link-font-color:${Fi}}`,mt`
926
+ :host {
927
+ --ni-private-breadcrumb-link-active-font-color: ${Fi};
928
+ }
929
+
930
+ :host(.prominent-links) {
931
+ --ni-private-breadcrumb-link-font-color: ${Fi};
932
+ }
933
+ `,mt`
855
934
  ${""}
856
- :host{--ni-private-breadcrumb-link-active-font-color:${qo(Vi,.6)}}:host(.prominent-links){--ni-private-breadcrumb-link-font-color:${Fi}}`))
857
- const Fr=class extends Be{}.compose({baseName:"breadcrumb",baseClass:Be,template:(t,e)=>Y`<template role="navigation"><div role="list" class="list" part="list"><slot ${Ct({property:"slottedBreadcrumbItems",filter:xt()})}></slot></div></template>`,styles:Pr})
935
+ :host {
936
+ --ni-private-breadcrumb-link-active-font-color: ${qo(Vi,.6)};
937
+ }
938
+
939
+ :host(.prominent-links) {
940
+ --ni-private-breadcrumb-link-font-color: ${Fi};
941
+ }
942
+ `))
943
+ const Fr=class extends Be{}.compose({baseName:"breadcrumb",baseClass:Be,template:(t,e)=>Y`
944
+ <template role="navigation">
945
+ <div role="list" class="list" part="list">
946
+ <slot
947
+ ${Ct({property:"slottedBreadcrumbItems",filter:xt()})}
948
+ ></slot>
949
+ </div>
950
+ </template>
951
+ `,styles:Pr})
858
952
  Es.getOrCreate().withPrefix("nimble").register(Fr())
859
953
  const Br={name:"add_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 7H9V3H7v4H3v2h4v4h2V9h4V7z"/></svg>'},Dr={name:"arrow_down_right_and_arrow_up_left_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.171 13.933l-2.276-2.247-.447 2.284-1.732-5.246 5.217 1.753-2.284.456 2.291 2.26zM2 2.746l2.29 2.261-2.283.456 5.217 1.753L5.492 1.97l-.447 2.284-2.276-2.247z"/></svg>'},Nr={name:"arrow_expander_down_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M3.5 4.737l1.11-.732 3.357 5.472L11.397 4l1.103.743L7.955 12 3.5 4.737z"/></svg>'},jr={name:"arrow_expander_left_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11.263 3.5l.732 1.11-5.472 3.357L12 11.397l-.743 1.103L4 7.955 11.263 3.5z"/></svg>'},qr={name:"arrow_expander_right_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4.737 12.5l-.732-1.11 5.472-3.357L4 4.603 4.743 3.5 12 8.045 4.737 12.5z"/></svg>'},Ur={name:"arrow_expander_up_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.5 11.263l-1.11.732-3.357-5.472L4.603 12 3.5 11.257 8.045 4l4.455 7.263z"/></svg>'},Kr={name:"arrow_left_from_line_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12 14h2V2h-2zM2 7.982L7.9 5 6.588 7.004 11 7v2H6.613L7.9 11z"/></svg>'},Wr={name:"arrow_partial_rotate_left_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 11.988a3.086 3.086 0 003.143-3.025 3.08 3.08 0 00-3.085-3.02v.088l.826 2.067-5.598-2.796L8.884 2.5l-.742 1.932a4.619 4.619 0 014.572 4.53A4.629 4.629 0 018 13.5z"/></svg>'},Yr={name:"arrow_right_to_line_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12 14h2V2h-2zm-6.9-3l1.287-2H2V7l4.412.004L5.1 5 11 7.982z"/></svg>'},Xr={name:"arrow_rotate_right_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.9 2.773v1.715a3.366 3.366 0 013.3 3.428 3.366 3.366 0 01-3.3 3.429 3.36 3.36 0 01-3.293-3.366h.095l2.255.901-3.05-6.107L1.85 8.88l2.108-.808A5.039 5.039 0 008.9 13.059a5.05 5.05 0 004.95-5.143A5.05 5.05 0 008.9 2.773z"/></svg>'},Gr={name:"arrow_u_rotate_left_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.857 9.453l-2.571-1.68v.908a3 3 0 003 3 3 3 0 003-3V3.11H14v5.571a4.714 4.714 0 01-4.714 4.715A4.714 4.714 0 014.57 8.68v-.908L2 9.453l3.403-6.849z"/></svg>'},Qr={name:"arrow_up_left_and_arrow_down_right_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4.195 4.977l-.451 2.296L2 2l5.256 1.762-2.301.458 6.849 6.803.452-2.296L14 14l-5.256-1.762 2.301-.458-6.85-6.803z"/></svg>'},Jr={name:"arrows_maximize_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.26 8.735L14 14l-5.25-1.763 2.295-.457-3.03-3.022L8 8.742l-.015.016.015.014-3.023 3.023 2.296.45L2 13.985l1.762-5.243.458 2.295 3.015-3.015.007-.007L7.258 8l-.016-.015L7.227 8l-3.03-3.03-.457 2.295L2 2l5.25 1.762-2.295.458 3.03 3.022.015.016.015-.016L8 7.227l3.023-3.022-2.296-.45L14 2.015l-1.762 5.243-.458-2.295L8.742 8l.016.015L8.773 8l3.03 3.03.457-2.295z"/></svg>'},Zr={name:"arrows_repeat_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.75 11.75L10 14l-6-3 6-3-1.25 2.25zM8 11h1a4 4 0 004-4M7.25 5.75L6 8l6-3-6-3 1.25 2.25zM8 5H7a4 4 0 00-4 4"/></svg>'},ta={name:"bars_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 13v-2h12v2zm0-4V7h12v2zm0-4V3h12v2z"/></svg>'},ea={name:"bell_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 14a2.05 2.05 0 01-2-2h4a2.05 2.05 0 01-2 2zm-5.25-3s0-.746.5-.746h.065c.935 0 1.435-4.918 1.435-4.918 0-.504.25-.504.25-.504h.067c.075-.037.183-.143.183-.463v-.484c.105-.842.953-1.331 2.25-1.43v-.262c0-.081.09-.15.219-.193h.562c.129.043.219.112.219.193v.263c1.297.098 2.145.587 2.25 1.43v.483c0 .32.108.426.183.463H11s.25 0 .25.483v.02s.5 4.92 1.5 4.92c.5 0 .5.745.5.745z"/></svg>'},sa={name:"bell_and_comment_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.836 4.75H9.57a.71.71 0 00-.71.71v2.032a.71.71 0 00.71.711h.356L9.57 9.625l2.488-1.422h1.778a.71.71 0 00.71-.71V5.46a.71.71 0 00-.71-.711zM8.196 11H2.75s0-.746.5-.746h.065c.935 0 1.435-4.918 1.435-4.918 0-.504.25-.504.25-.504h.067c.075-.037.183-.143.183-.463v-.484c.105-.842.953-1.331 2.25-1.43v-.262c0-.081.09-.15.219-.193h.562c.129.043.219.112.219.193v.263c1.224.092 2.04.537 2.217 1.294H9.57a1.713 1.713 0 00-1.71 1.71v2.032a1.712 1.712 0 00.844 1.475zM6 12h4a2.05 2.05 0 01-2 2 2.05 2.05 0 01-2-2zm7.25-1H9.18l2.868-1.64c.198.527.431.894.702.894.5 0 .5.746.5.746z"/></svg>'},ia={name:"bell_circle_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7.042 11h2a1 1 0 01-2 0zm4.5-1h-7s0-.497.333-.497h.043c.624 0 .957-3.28.957-3.28 0-.335.167-.335.167-.335h.044c.05-.025.122-.095.122-.309v-.322c.07-.561.636-.888 1.5-.953v-.175c0-.054.06-.1.146-.129h.375c.086.029.146.075.146.129v.175c.865.065 1.43.392 1.5.953v.322c0 .214.072.284.122.309h.045s.166 0 .166.322v.014s.334 3.279 1 3.279c.334 0 .334.497.334.497zm-3.5-7.5a5.5 5.5 0 11-5.5 5.5 5.506 5.506 0 015.5-5.5m0-1a6.5 6.5 0 106.5 6.5 6.5 6.5 0 00-6.5-6.5z"/></svg>'},oa={name:"bell_solid_circle_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M1.5 8A6.5 6.5 0 008 14.5 6.5 6.5 0 0014.5 8 6.5 6.5 0 008 1.5 6.5 6.5 0 001.5 8zM8 12a1.025 1.025 0 01-1-1h2a1.025 1.025 0 01-1 1zm-3.5-2s0-.497.333-.497h.043c.624 0 .957-3.28.957-3.28 0-.335.167-.335.167-.335h.045c.05-.025.122-.095.122-.309v-.322c.07-.561.635-.888 1.5-.953v-.175c0-.054.06-.1.145-.129h.376c.085.029.145.075.145.129v.175c.865.065 1.43.392 1.5.953v.322c0 .214.073.284.122.309H10s.167 0 .167.322v.014s.333 3.279 1 3.279c.333 0 .333.497.333.497z"/></svg>'},na={name:"block_with_ribbon_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v10h4.762A4.496 4.496 0 0113 5.762V2zm12 7.5a3.5 3.5 0 10-6 2.442V14l2.5-1.667L13 14v-2.058A3.485 3.485 0 0014 9.5zM10.5 8A1.5 1.5 0 119 9.5 1.5 1.5 0 0110.5 8z"/></svg>'},ra={name:"calendar_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4 4.023V2.977A.976.976 0 014.977 2h.046A.976.976 0 016 2.977v1.046A.977.977 0 015.023 5h-.046A.977.977 0 014 4.023zM13 4v.023A1.98 1.98 0 0111.023 6h-.046A1.98 1.98 0 019 4.023V4H7v.023A1.98 1.98 0 015.023 6h-.046A1.98 1.98 0 013 4.023V4a1 1 0 00-1 1v8a1 1 0 001 1h10a1 1 0 001-1V5a1 1 0 00-1-1zm-7 8H4v-1h2zm.001-1.999H4V9h2.001zm0-2.001H4V7h2.001zM9 12H7v-1h2zm0-1.999H7V9h2zM9 8H7V7h2zm3 4h-2v-1h2zm.001-1.999H10V9h2.001zm0-2.001H10V7h2.001zM10 4.023V2.977A.976.976 0 0110.977 2h.046a.976.976 0 01.977.977v1.046a.977.977 0 01-.977.977h-.046A.977.977 0 0110 4.023z"/></svg>'},aa={name:"chart_diagram_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11 10V7H8V5h1V2H6v3h1v2H4v3H3v3h3v-3H5V8h5v2H9v3h3v-3z"/></svg>'},la={name:"chart_diagram_child_focus_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12 10V7H8V5h1V2H6v3h1v2H3v3H2v3h3v-3H4V8h3v2H6v3h3v-3H8V8h3v2h-1v3h3v-3zm-8 2H3v-1h1zm4 0H7v-1h1zm4 0h-1v-1h1z"/></svg>'},ca={name:"chart_diagram_parent_focus_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12 10V7H8V5h1V2H6v3h1v2H3v3H2v3h3v-3H4V8h3v2H6v3h3v-3H8V8h3v2h-1v3h3v-3zM7 4V3h1v1z"/></svg>'},ha={name:"chart_diagram_parent_focus_two_child_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11 10V7H8V5h1V2H6v3h1v2H4v3H3v3h3v-3H5V8h5v2H9v3h3v-3zm-6 2H4v-1h1zm6 0h-1v-1h1z"/></svg>'},da={name:"check_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 5.287L6.182 12 3 8.867l1.363-1.343L6.24 9.37 11.693 4z"/></svg>'},ua={name:"check_dot_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle class="cls-1" cx="12.5" cy="11.5" r="1.5"/><path class="cls-2" d="M14 4.693l-8.182 8.182L2 9.057 3.636 7.42l2.25 2.25 6.546-6.545z"/></svg>'},pa={name:"circle_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm0 9.429A3.429 3.429 0 1111.429 8 3.429 3.429 0 018 11.429z"/></svg>'},va={name:"circle_broken_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7 14A6.1 6.1 0 017 2v2.686a3.475 3.475 0 000 6.628zM9 2v2.686a3.475 3.475 0 010 6.628V14A6.1 6.1 0 009 2z"/></svg>'},ga={name:"circle_check_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm-1.212 9.2L4 8.388 5.225 7.2l1.553 1.61 4.06-4.01L12 6.013z"/></svg>'},ma={name:"circle_partial_broken_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M9 2v2.686a3.475 3.475 0 010 6.628V14A6.1 6.1 0 009 2z"/><path class="cls-2" d="M7 11.314a3.475 3.475 0 010-6.628V2a6.1 6.1 0 000 12z"/></svg>'},fa={name:"circle_slash_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm.075 1.714a4.281 4.281 0 013.573 6.647L5.714 4.427a4.262 4.262 0 012.36-.713zM3.789 8a4.261 4.261 0 01.713-2.36l5.934 5.933A4.281 4.281 0 013.789 8z"/></svg>'},ba={name:"circle_x_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm.075 1.714a4.263 4.263 0 012.409.743l-2.37 2.37-2.4-2.4a4.262 4.262 0 012.36-.713zM4.502 5.64l2.4 2.4-2.37 2.37a4.273 4.273 0 01-.03-4.77zm3.573 6.647a4.256 4.256 0 01-2.31-.685l2.349-2.35 2.322 2.322a4.261 4.261 0 01-2.361.713zm3.573-1.925L9.326 8.039l2.35-2.349a4.251 4.251 0 01-.028 4.67z"/></svg>'},wa={name:"clipboard_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11 5H5a2 2 0 012-2V2a1 1 0 012 0v1a2 2 0 012 2zm1-2v9H4V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1zm-2 4H5v1h5zM8 9H5v1h3z"/></svg>'},xa={name:"clock_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6m.576 4.87l1.555-1.557a1.635 1.635 0 01.84-.256 1.979 1.979 0 01-.23.791c-.115.163-1.356 1.41-1.571 1.626a1.278 1.278 0 010 1.085l2.376 2.38a1.597 1.597 0 01.458 1.072 1.621 1.621 0 01-1.222-.613c-.456-.456-1.94-1.963-2.207-2.235a1.275 1.275 0 110-2.293"/></svg>'},ya={name:"clock_cog_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.108 7.392l.955-.957a1.004 1.004 0 01.516-.157 1.215 1.215 0 01-.14.486c-.072.1-.834.866-.966.999a.785.785 0 010 .666l1.341 1.344a.981.981 0 01.281.658.996.996 0 01-.75-.376c-.28-.28-1.073-1.088-1.237-1.255a.783.783 0 110-1.408m5.69 2.292L14 7.324l-1.327-.113a4.76 4.76 0 00-.402-1.26l1.02-.86-1.527-1.811-1.019.86a4.726 4.726 0 00-.563-.344 4.61 4.61 0 00-.612-.265l.114-1.329L7.324 2l-.113 1.329a4.77 4.77 0 00-1.26.401l-.86-1.02L3.28 4.237l.858 1.02A4.771 4.771 0 003.53 6.43l-1.329-.114L2 8.676l1.329.114a4.69 4.69 0 00.401 1.26l-1.02.86 1.526 1.811 1.02-.859a4.666 4.666 0 001.175.608l-.113 1.33 2.358.2.114-1.328a4.688 4.688 0 001.26-.4l.86 1.02 1.81-1.527-.858-1.02a4.687 4.687 0 00.608-1.175zM8 11.45A3.45 3.45 0 1111.45 8 3.45 3.45 0 018 11.45z"/></svg>'},$a={name:"clock_triangle_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 3a4.951 4.951 0 00-2.152.505L7.096 6H3.422A4.997 4.997 0 108 3zm2.003 7.616a453.75 453.75 0 01-1.675-1.7 1.061 1.061 0 110-1.907l1.294-1.297a1.36 1.36 0 01.699-.212 1.646 1.646 0 01-.19.658c-.097.136-1.13 1.173-1.309 1.353a1.063 1.063 0 010 .903l1.817 1.82a1.33 1.33 0 01.381.891 1.35 1.35 0 01-1.017-.51z"/><path class="cls-2" d="M5.477 5H1.522L3.5 1.045 5.477 5z"/></svg>'},Ca={name:"clone_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5 5h5V2H2v8h3zm1 1v8h8V6z"/></svg>'},ka={name:"cloud_upload_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.476 7.298l-1.927 3.848 1.48-.568v3.407h.948v-3.407l1.42.568zM15 9.005a2.374 2.374 0 01-2.371 2.371h-.998l-.5-1h1.498a1.371 1.371 0 10-.516-2.64A3.77 3.77 0 104.797 5.99 2.238 2.238 0 002 8.148a2.223 2.223 0 002.057 2.22l1.758.009-.448.894a10.567 10.567 0 01-2.31-.121 3.224 3.224 0 01.993-6.225 4.77 4.77 0 019.236 1.68c0 .04 0 .081-.002.121A2.375 2.375 0 0115 9.006z"/></svg>'},_a={name:"cloud_with_arrow_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.429 10.1l.001-.101A3.998 3.998 0 004.69 8.59a2.715 2.715 0 00-2.557 2.7 2.782 2.782 0 001.725 2.516 4.854 4.854 0 001.225.19h.004c.19.006 6.792 0 6.792 0a1.987 1.987 0 00.55-3.897zm-.55 3.06l-7.183-.008a1.867 1.867 0 01.156-3.728 1.891 1.891 0 01.464.06 3.16 3.16 0 116.13 1.462 1.149 1.149 0 11.433 2.213zM4.5 4.5a1 1 0 111-1 1 1 0 01-1 1zm5.138.681l.496-1.241H7v-.828h3.134l-.496-1.293L13 3.502z"/></svg>'},za={name:"cog_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6.823 2l-2.217.914.516 1.25a4.743 4.743 0 00-.95.944L2.925 4.59l-.922 2.212 1.247.52a4.82 4.82 0 00-.002 1.34L2 9.176l.914 2.218 1.248-.515a4.824 4.824 0 00.945.949l-.518 1.247 2.214.921.519-1.246a4.68 4.68 0 00.674.048 4.74 4.74 0 00.666-.047L9.176 14l2.218-.914-.515-1.248a4.828 4.828 0 00.95-.945l1.245.518.922-2.214-1.247-.519a4.73 4.73 0 00.002-1.34L14 6.824l-.914-2.218-1.25.515a4.739 4.739 0 00-.944-.949l.518-1.246-2.212-.922-.52 1.247a4.714 4.714 0 00-.676-.049 4.808 4.808 0 00-.663.047zm1.175 9a2.999 2.999 0 112.77-1.847 2.984 2.984 0 01-2.77 1.846M8 6.801a1.2 1.2 0 10.46.093A1.198 1.198 0 008 6.8"/></svg>'},Ia={name:"cog_database_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.147 11.648c-.01.006-.02.014-.032.02a4.1 4.1 0 01-.46.224l-.012.005c-.033.015-.068.028-.103.042-.051.019-.11.036-.162.055-.094.034-.186.068-.285.099-.034.01-.064.024-.1.033-.019.007-.042.012-.062.019q-.279.078-.58.144l-.133.03q-.324.068-.668.12l-.135.02c-.214.03-.431.057-.653.079l-.103.012a17.446 17.446 0 01-.903.06c-.254.01-.507.018-.759.018a18.75 18.75 0 01-1.66-.078l-.105-.012a15.901 15.901 0 01-.65-.08l-.134-.018c-.23-.036-.455-.076-.67-.122l-.132-.029a9.372 9.372 0 01-.582-.145l-.059-.017c-.036-.01-.067-.023-.1-.034a7.034 7.034 0 01-.285-.1c-.054-.018-.112-.035-.165-.055l-.101-.041-.01-.005a4.076 4.076 0 01-.462-.223l-.03-.02a2.343 2.343 0 01-.334-.24c-.014-.012-.033-.022-.045-.033v1.013c0 .364.524.749 1.427 1.051a8.098 8.098 0 00.697.197 14.793 14.793 0 003.4.363 14.818 14.818 0 003.403-.362 8.38 8.38 0 00.697-.197c.904-.303 1.43-.688 1.43-1.052v-1.013c-.015.012-.034.022-.047.034a2.478 2.478 0 01-.333.238m.38-1.883c0-.762-2.27-1.61-5.529-1.61-3.256 0-5.524.848-5.524 1.61 0 .365.525.75 1.427 1.052a9.254 9.254 0 00.698.197 14.8 14.8 0 003.399.362 14.817 14.817 0 003.401-.362 8.375 8.375 0 00.7-.197c.902-.302 1.428-.687 1.428-1.052M3.931 7.697L2.802 7.6l.171-1.979 1.129.095a3.984 3.984 0 01.516-.985l-.729-.856 1.537-1.28.73.855a4.085 4.085 0 011.071-.336L7.323 2l2.004.17-.097 1.114a3.949 3.949 0 01.52.223 4.027 4.027 0 01.478.288l.866-.721 1.296 1.52-.866.72a3.961 3.961 0 01.341 1.058l1.127.095-.133 1.539a10.211 10.211 0 00-2.482-.618c.007-.048.021-.094.026-.143a2.48 2.48 0 00-1.346-2.416 2.543 2.543 0 00-2.938.45 2.408 2.408 0 00-.698 2.14 11.88 11.88 0 00-1.482.311l-.008-.033zm4.067-.468c-.331 0-.697.012-1.077.035a.972.972 0 01-.026-.314.99.99 0 01.292-.618 1.011 1.011 0 011.174-.18.992.992 0 01.539.967.923.923 0 01-.036.132 17.817 17.817 0 00-.866-.022z"/></svg>'},Oa={name:"cog_database_inset_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.751 7.338L14 6.824l-.914-2.218-1.25.515a4.74 4.74 0 00-.944-.949l.518-1.246-2.212-.922-.52 1.247a4.715 4.715 0 00-.676-.049 4.803 4.803 0 00-.663.047L6.823 2l-2.217.914.516 1.25a4.741 4.741 0 00-.95.944L2.925 4.59l-.922 2.212 1.247.52a4.816 4.816 0 00-.002 1.34L2 9.176l.914 2.218 1.248-.515a4.823 4.823 0 00.945.949l-.518 1.247 2.214.921.519-1.246a4.673 4.673 0 00.674.048 4.737 4.737 0 00.666-.047L9.176 14l2.218-.914-.515-1.248a4.826 4.826 0 00.95-.945l1.245.518.922-2.214-1.247-.519a4.729 4.729 0 00.002-1.34zm-1.06 2.418c0 .244-.35.5-.954.703a5.157 5.157 0 01-.466.131 9.896 9.896 0 01-2.273.243 9.88 9.88 0 01-2.271-.243 5.454 5.454 0 01-.466-.131c-.603-.202-.953-.46-.953-.703V9.08c.008.008.02.015.03.023a1.567 1.567 0 00.223.16l.02.013a2.725 2.725 0 00.309.15l.006.002.068.028c.035.013.074.025.11.037.062.023.125.046.19.066.023.008.043.016.067.023l.04.011c.123.036.253.069.389.098l.087.02c.144.03.295.057.448.08l.09.012c.142.021.286.038.434.054l.07.008c.162.014.327.027.491.035l.112.005a11.63 11.63 0 001.013 0l.11-.005c.165-.008.33-.02.493-.035l.069-.008c.148-.015.293-.033.436-.054l.09-.012q.23-.035.447-.08l.088-.02c.135-.03.264-.062.388-.097l.042-.012.066-.023c.066-.02.128-.043.19-.066.036-.012.075-.024.109-.037l.069-.028.007-.003a2.744 2.744 0 00.308-.149l.022-.014a1.651 1.651 0 00.222-.159l.03-.023zm0-1.76c0 .243-.35.5-.954.703a5.157 5.157 0 01-.466.13 9.897 9.897 0 01-2.273.243 9.88 9.88 0 01-2.271-.242 5.44 5.44 0 01-.466-.132c-.603-.202-.953-.459-.953-.703V7.32c.008.008.02.014.03.022a1.566 1.566 0 00.223.16l.02.013a2.716 2.716 0 00.309.15l.006.003c.022.01.046.018.068.027l.11.038c.062.022.125.045.19.066.023.007.043.016.067.023l.04.011c.123.035.253.067.389.097l.087.02c.144.03.295.057.448.08l.09.013c.142.02.286.038.434.053l.07.008a11.715 11.715 0 001.726.035c.165-.008.33-.02.493-.035l.069-.008c.148-.015.293-.033.436-.053l.09-.012q.23-.036.447-.081l.088-.02q.202-.044.388-.097c.014-.004.029-.007.042-.012.023-.006.043-.015.067-.022.065-.02.127-.044.19-.066l.108-.037.069-.028.008-.003a2.735 2.735 0 00.307-.15l.022-.013a1.657 1.657 0 00.222-.16c.009-.007.021-.014.03-.022zm-.953-1.05a5.625 5.625 0 01-.467.132 9.896 9.896 0 01-2.272.24 9.885 9.885 0 01-2.271-.24 6.179 6.179 0 01-.466-.133c-.603-.201-.954-.459-.954-.702 0-.51 1.515-1.076 3.69-1.076 2.177 0 3.694.567 3.694 1.076 0 .243-.351.5-.954.702z"/></svg>'},Sa={name:"cog_small_cog_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6.712 5.956a.76.76 0 01-.224.477.787.787 0 01-.909.139.762.762 0 01-.19-1.224.781.781 0 01.907-.14.767.767 0 01.416.748zM14 11.61l-.441 1.088-.62-.246a2.276 2.276 0 01-.232.268 2.386 2.386 0 01-.23.2l.263.606-1.09.46-.263-.606a2.353 2.353 0 01-.662.008l-.248.612-1.1-.435.249-.612a2.273 2.273 0 01-.256-.215 2.358 2.358 0 01-.218-.243l-.614.26-.466-1.077.614-.259a2.287 2.287 0 01-.008-.654l-.62-.246.44-1.087.62.246a2.38 2.38 0 01.234-.27 2.463 2.463 0 01.229-.198l-.263-.606 1.09-.46.263.605a2.422 2.422 0 01.662-.008l.248-.612 1.1.436-.248.612a2.351 2.351 0 01.473.458l.614-.26.466 1.076-.613.26a2.339 2.339 0 01.008.654zm-1.934-1.591a1.495 1.495 0 00-2.085.011 1.454 1.454 0 00.01 2.081 1.479 1.479 0 00.486.313 1.495 1.495 0 001.6-.324 1.454 1.454 0 00-.01-2.081zM9.036 8.33l-1.189.99-.564-.661a3.104 3.104 0 01-.827.26l-.075.86-1.547-.13.074-.862a3.075 3.075 0 01-.77-.394l-.671.557-1.001-1.174.67-.557a3.015 3.015 0 01-.264-.817L2 6.328 2.132 4.8l.872.074a3.08 3.08 0 01.4-.762l-.564-.66 1.188-.99.565.66a3.159 3.159 0 01.827-.26L5.494 2l1.548.131-.074.861a3.046 3.046 0 01.402.172 3.111 3.111 0 01.369.223l.669-.557L9.41 4.004l-.67.557a3.06 3.06 0 01.264.818l.871.073-.132 1.53-.872-.074a3.026 3.026 0 01-.4.762zM7.874 6.054a1.916 1.916 0 00-1.04-1.868 1.965 1.965 0 00-2.27.348 1.907 1.907 0 00.478 3.06 1.965 1.965 0 002.27-.347 1.903 1.903 0 00.562-1.193zm3.376 4.467a.6.6 0 00-.64.13.591.591 0 00-.131.196.584.584 0 00.33.761.597.597 0 00.64-.13.59.59 0 00.13-.195.583.583 0 00-.135-.637.596.596 0 00-.194-.125z"/></svg>'},Aa={name:"cog_zoomed_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 3.11l-1.178-.632-1.875 2.133a5.424 5.424 0 00-.716-.094L8.766 2l-2.138.627.2 2.863a5.226 5.226 0 00-.527.47l-2.77-.738-1.056 1.95L4.656 9.04a5.188 5.188 0 00-.087.704L2 11.144l.659 2.1 2.914-.197a4.961 4.961 0 00.453.525l-.13.427h7.232a.818.818 0 00.87-.759L14 13.2zm-1.335 7.876a2.877 2.877 0 01-3.741 1.477 2.768 2.768 0 01-1.51-3.66 2.876 2.876 0 013.729-1.482 2.76 2.76 0 011.535 3.637z"/></svg>'},Ma={name:"comment_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 3.5v6a1.5 1.5 0 01-1.5 1.5H8.75L3.5 14l.75-3H3.5A1.5 1.5 0 012 9.5v-6A1.5 1.5 0 013.5 2h9A1.5 1.5 0 0114 3.5z"/></svg>'},Va={name:"computer_and_monitor_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 12V6H5v6h4v1H7v1h5v-1h-2v-1zm-8-1V7h7v4zm1-6H4V4h3zm1 0V3H3v7h1v3h2v1H3a1 1 0 01-1-1V3a1 1 0 011-1h5a1 1 0 011 1v2z"/></svg>'},Ea={name:"copy_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5 5h5V2H2v8h3zm1 1v8h8V6zm7 7H7V7h6z"/></svg>'},Ha={name:"copy_text_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5 5h5V2H2v8h3zm1 1v8h8V6zm7 7H7V7h6zm-1-4H8V8h4zm-1 2H8v-1h3z"/></svg>'},La={name:"dashboard_builder_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4.646 6.646L7 4.293l2 2 1.646-1.646.707.707L9 7.707l-2-2-1.646 1.647zM14 2v12H2V2zM8 9H4v3h4zm4 2H9v1h3zm0-2H9v1h3zm0-5H4v4h8V4zm-5 6H5v1h2z"/></svg>'},Ta={name:"dashboard_builder_legend_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v12h12V2zm10 10H4v-1.293l2.04-2.04 3.804 2.983L12 9.74zm0-7h-2v1h2v2.405L9.805 10.35 5.96 7.333 4 9.293V6h2V5H4V4h8zM9 6H7V5h2z"/></svg>'},Ra={name:"dashboard_builder_templates_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v12h12V2zm11 11H3V3h10z"/><path class="cls-1" d="M9 9h3v1H9zM12 4H4v4h8zm-1 3H5V5h6zM8 9H4v3h4zm-1 2H5v-1h2zM9 11h3v1H9z"/></svg>'},Pa={name:"dashboard_builder_tile_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4.646 10.646L7 8.293l2 2 1.646-1.646.707.707L9 11.707l-2-2-1.646 1.647zM14 2v12H2V2zM4 7h3V4H4zm8 1H4v4h8V8zm0-4H8v3h4z"/></svg>'},Fa={name:"database_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.588 11.46a2.69 2.69 0 00.36-.257c.015-.012.036-.023.051-.036v1.093c0 .395-.57.81-1.551 1.137a9.133 9.133 0 01-.757.212A16.17 16.17 0 017.997 14a16.144 16.144 0 01-3.69-.391 8.83 8.83 0 01-.757-.213C2.57 13.069 2 12.655 2 12.26v-1.093c.013.013.033.023.049.036a2.61 2.61 0 00.362.26c.012.006.021.013.033.02a4.294 4.294 0 00.502.241l.01.005.11.046c.058.02.121.039.18.06.1.036.202.073.308.106.037.012.07.026.11.037.018.006.042.011.063.017.2.06.412.11.633.159l.142.031c.234.049.478.092.727.13.048.008.098.014.146.02a17.346 17.346 0 00.82.1 24.659 24.659 0 00.98.065c.273.01.55.019.822.019.273 0 .548-.008.824-.02.06-.003.119-.006.179-.007.268-.014.536-.034.801-.057l.112-.014c.24-.023.476-.052.708-.086.048-.006.098-.012.147-.02.25-.038.491-.081.725-.13.05-.012.096-.021.144-.031.219-.049.429-.1.63-.157.022-.008.047-.013.069-.02.037-.01.07-.024.108-.036.107-.034.206-.07.309-.107.057-.02.12-.038.176-.06.037-.014.075-.028.111-.045l.013-.005a4.316 4.316 0 00.5-.241.415.415 0 00.035-.022m0-2.845l-.035.022a4.46 4.46 0 01-.5.241l-.013.005c-.036.016-.074.03-.111.045l-.176.06c-.103.037-.202.073-.31.107-.037.012-.07.025-.107.036-.022.007-.047.012-.069.02a10.638 10.638 0 01-.774.187q-.35.075-.725.13c-.049.009-.099.014-.147.021-.232.034-.468.063-.708.086L9.8 9.59c-.265.024-.533.044-.801.057l-.18.008c-.275.012-.55.02-.823.02a19 19 0 01-.823-.02l-.18-.008a20.583 20.583 0 01-.8-.057l-.113-.013c-.241-.024-.475-.052-.706-.086-.048-.006-.098-.012-.146-.02a12.62 12.62 0 01-1.502-.32c-.021-.006-.045-.01-.063-.017-.04-.012-.073-.025-.11-.037a7.688 7.688 0 01-.309-.107c-.058-.02-.121-.039-.179-.06l-.11-.045-.01-.005a4.436 4.436 0 01-.502-.241c-.012-.007-.02-.014-.033-.02a2.544 2.544 0 01-.362-.26c-.016-.013-.036-.023-.049-.036v1.093c0 .394.57.81 1.55 1.136a8.83 8.83 0 00.757.213 16.145 16.145 0 003.69.39 16.171 16.171 0 003.694-.39 9.133 9.133 0 00.757-.213c.98-.327 1.551-.742 1.551-1.136V8.322c-.015.013-.036.024-.05.036a2.69 2.69 0 01-.361.258m0-2.845l-.035.022a4.463 4.463 0 01-.5.241l-.013.005c-.036.016-.074.03-.111.045l-.176.06c-.103.037-.202.073-.31.107-.037.012-.07.026-.107.036-.022.007-.047.012-.069.02q-.302.084-.63.156l-.144.031q-.351.075-.725.132c-.049.006-.099.012-.147.02-.232.032-.468.061-.708.085l-.112.013a19.05 19.05 0 01-.98.066c-.276.01-.55.018-.824.018a20.457 20.457 0 01-1.802-.084l-.114-.013c-.241-.024-.475-.053-.706-.086l-.146-.02c-.249-.038-.493-.081-.727-.13-.05-.01-.094-.022-.142-.032-.22-.048-.432-.1-.633-.157l-.063-.018c-.04-.011-.073-.025-.11-.037a7.688 7.688 0 01-.309-.107l-.179-.06-.11-.045-.01-.005a4.438 4.438 0 01-.502-.241c-.012-.007-.02-.014-.033-.02a2.544 2.544 0 01-.362-.26C2.033 5.5 2.013 5.488 2 5.476V6.57c0 .394.57.81 1.55 1.136a8.83 8.83 0 00.757.213 16.144 16.144 0 003.69.39 16.17 16.17 0 003.694-.39 9.133 9.133 0 00.757-.213c.98-.327 1.551-.742 1.551-1.136V5.477c-.015.013-.036.024-.05.036a2.69 2.69 0 01-.361.258M14 3.738C14 2.915 11.535 2 7.998 2 4.463 2 2 2.915 2 3.738c0 .394.57.81 1.55 1.135.113.039.23.074.355.11q.192.053.402.103a16.152 16.152 0 003.69.39 16.17 16.17 0 003.692-.39 9.13 9.13 0 00.759-.213C13.429 4.548 14 4.132 14 3.738"/></svg>'},Ba={name:"database_check_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5.919 12.103a11.87 11.87 0 01-1.594-.26 7.445 7.445 0 01-.644-.182c-.835-.28-1.32-.635-1.32-.973v-.936c.011.01.029.02.042.031a2.226 2.226 0 00.308.222l.028.018a3.65 3.65 0 00.428.206l.009.005.093.038c.049.019.103.034.153.051.086.032.173.063.262.092.032.01.06.022.094.032l.054.014c.17.05.35.095.538.136l.121.027c.2.042.408.078.62.111.041.007.083.012.124.018.197.028.396.052.6.073l.038.005-.613.613zm-2.238-7.74a8.567 8.567 0 00.645.182 13.68 13.68 0 003.143.334 13.697 13.697 0 003.144-.334 7.753 7.753 0 00.646-.182c.835-.28 1.32-.635 1.32-.973 0-.704-2.098-1.488-5.11-1.488-3.01 0-5.107.784-5.107 1.488 0 .338.486.694 1.32.973zm5.047 6.495l.008.007.008-.008zm-5.047-4.07a7.471 7.471 0 00.644.182 13.675 13.675 0 003.143.335 13.697 13.697 0 003.146-.335 7.694 7.694 0 00.644-.181c.835-.28 1.321-.636 1.321-.973v-.937c-.013.012-.03.02-.043.032a2.29 2.29 0 01-.307.22.353.353 0 01-.03.02 3.788 3.788 0 01-.426.206l-.01.004c-.031.014-.064.026-.096.039-.047.017-.101.033-.15.05-.087.032-.172.064-.263.092-.032.01-.06.023-.092.032l-.058.016q-.257.073-.537.134l-.122.027q-.3.063-.618.112l-.124.017c-.198.029-.399.053-.604.074l-.095.01a16.15 16.15 0 01-.835.057c-.235.01-.468.016-.701.016a17.43 17.43 0 01-1.535-.072l-.097-.011a14.698 14.698 0 01-.6-.074l-.125-.017c-.212-.033-.42-.07-.62-.112l-.12-.027a8.673 8.673 0 01-.54-.134c-.018-.006-.037-.01-.053-.016-.034-.01-.062-.022-.094-.032a6.551 6.551 0 01-.262-.091c-.05-.018-.104-.034-.153-.052l-.093-.038-.01-.004a3.768 3.768 0 01-.427-.207l-.028-.017a2.167 2.167 0 01-.308-.223c-.013-.011-.031-.02-.042-.03v.936c0 .337.485.692 1.32.972zm0 2.436a7.471 7.471 0 00.644.182 13.147 13.147 0 002.644.328l.318-.318.323.324a14.377 14.377 0 002.473-.222l1.753-1.753-.063.028-.01.004c-.031.014-.063.027-.096.04-.047.017-.101.033-.15.05-.087.032-.171.063-.263.091-.032.01-.06.022-.092.032-.018.006-.04.01-.058.017a9.015 9.015 0 01-.66.16q-.298.064-.617.112l-.124.017c-.198.029-.399.054-.604.074l-.095.011c-.225.02-.454.037-.682.049l-.153.007a16.115 16.115 0 01-1.402 0l-.154-.007a17.43 17.43 0 01-.68-.049l-.097-.011a14.689 14.689 0 01-.6-.074c-.042-.006-.084-.01-.125-.017a10.679 10.679 0 01-1.28-.274l-.053-.015c-.034-.01-.062-.021-.094-.032a6.551 6.551 0 01-.262-.09c-.05-.018-.104-.034-.153-.053-.03-.012-.063-.024-.093-.038l-.01-.004a3.77 3.77 0 01-.427-.207l-.028-.017a2.169 2.169 0 01-.308-.223c-.014-.01-.031-.02-.042-.03v.936c0 .337.485.693 1.32.972zm9.269-1.6L8.736 11.84l-1.449-1.45-1.053 1.055 2.458 2.458 5.268-5.268z"/></svg>'},Da={name:"desktop_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 3H2v8h5v1H5v1h6v-1H9v-1h5V3zm0 7H3V4h10z"/></svg>'},Na={name:"donut_chart_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10.872 10.956a4.123 4.123 0 01-6.997-2.962v-.007H2v.007a5.995 5.995 0 0010.301 4.182zM8.372 2v1.884a4.13 4.13 0 012.992 6.501l1.429 1.224A6.008 6.008 0 008.37 2zM2.048 7.236h1.897a4.117 4.117 0 013.675-3.352V2A6.012 6.012 0 002.05 7.236z"/></svg>'},ja={name:"dot_solid_dot_stroke_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7 8a3 3 0 11-3-3 3 3 0 013 3zm5-2a2 2 0 102 2 2.002 2.002 0 00-2-2m0-1a3 3 0 11-3 3 3 3 0 013-3z"/></svg>'},qa={name:"download_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 9v5H2V9h1v4h10V9zm-5.982 2L11 5.1 8.996 6.412 9 2H7v4.387L5 5.1z"/></svg>'},Ua={name:"electronic_chip_zoomed_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 14H7.333V9.333a2 2 0 012-2H14V13a1 1 0 01-1 1zM12 2a.667.667 0 00-.667.667v2h1.334v-2A.667.667 0 0012 2zM8.444 2a.667.667 0 00-.666.667v2H9.11v-2A.667.667 0 008.444 2zM2 8.444a.667.667 0 00.667.667h2V7.778h-2A.667.667 0 002 8.444zM2 12a.667.667 0 00.667.667h2v-1.334h-2A.667.667 0 002 12zm11.556-8.222v.889a.444.444 0 01-.445.444H10.89a.444.444 0 01-.445-.444v-.89H10v.89a.444.444 0 01-.444.444H7.333a.444.444 0 01-.444-.444v-.89H4.667a.889.889 0 00-.89.89v2.222h.89a.444.444 0 01.444.444v2.223a.444.444 0 01-.444.444h-.89v.444h.89a.444.444 0 01.444.445v2.222a.444.444 0 01-.444.445h-.89V14H6.89V8.222A1.333 1.333 0 018.222 6.89H14V3.778z"/></svg>'},Ka={name:"exclamation_mark_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6.371 11.873h3.256V14H6.37zM6.316 2l.37 8.542h2.628L9.684 2z"/></svg>'},Wa={name:"eye_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7.856 3.657A7.004 7.004 0 001 8.001a7.588 7.588 0 007.146 4.342A7.002 7.002 0 0015 8a7.586 7.586 0 00-7.144-4.344m-1.199 7.289A5.108 5.108 0 012.443 8s.665-2.585 4.33-3.037a2.786 2.786 0 00-1.414 1.223l2.787 1.22H4.977a3.47 3.47 0 00-.053.576 3.348 3.348 0 001.734 2.962m2.85.02a3.4 3.4 0 00.107-5.908 5.006 5.006 0 013.942 2.944s-.603 2.44-4.05 2.963"/></svg>'},Ya={name:"fancy_a_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10.597 9.844H7.865A7.465 7.465 0 016.19 11.96a3.323 3.323 0 01-2.042.667 2.835 2.835 0 01-1.964-.753L2 11.706l1.153-1.152.157.251a1.347 1.347 0 001.2.716 1.976 1.976 0 001.385-.625 11.546 11.546 0 001.722-2.403l2.252-3.88a7.585 7.585 0 00-.679-.037 2.365 2.365 0 00-1.66.54 1.967 1.967 0 00-.556 1.51V6.7l-.067.106-1.564.762.045-.423a3.845 3.845 0 01.645-1.874 3.312 3.312 0 011.34-1.177 6.74 6.74 0 012.208-.443c.127 0 .277-.013.471-.029l.369-.03 1.387-.257.087 2.154.33 3.886a4.862 4.862 0 00.29 1.701.498.498 0 00.528.31c.057 0 .277 0 .641-.03L14 11.33l-.172.83-3.003.506zm-.086-.896l-.275-3.22-1.855 3.22z"/></svg>'},Xa={name:"file_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4 3v10h8V7H8V3zm5 0v3h3z"/></svg>'},Ga={name:"file_drawer_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 4v10h12V4zm8 4H6V6h4zm4-5H2V2h12z"/></svg>'},Qa={name:"file_search_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 6v6h-3.333a3.662 3.662 0 00.249-1.302A3.701 3.701 0 007.22 7 3.654 3.654 0 006 7.223V2h4v4zm-3-4v3h3zm-1.126 8.698a2.697 2.697 0 01-4.73 1.772L2.521 14l-.48-.823 2.613-1.523a2.698 2.698 0 115.22-.956zm-.952 0a1.745 1.745 0 10-1.745 1.745 1.747 1.747 0 001.745-1.745z"/></svg>'},Ja={name:"filter_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 3.045v1.29h.787a2.069 2.069 0 102.907 2.903l1.32 2.173v4.522l1.973-1.846V9.411l3.878-5.076h1.134v-1.29zm2.033 4.059a1.154 1.154 0 010-2.308c.023 0 .045.006.068.007l1.002 1.575a1.154 1.154 0 01-1.07.726z"/></svg>'},Za={name:"floppy_disk_checkmark_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.455 5h-1.041l-1.005 1H12v3H4V6h3.782L6.79 5H3.583A.585.585 0 003 5.598V12.5l1.5 1.497 7.858.003a.602.602 0 00.6-.6L13 5.545A.513.513 0 0012.455 5zM11 13H8v-2H6v2H5v-3h6zm2-10.99L9.091 5.9 7 3.79l.919-.89 1.164 1.208L12.128 1.1l.872.91"/></svg>'},tl={name:"floppy_disk_star_arrow_right_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5.5 2.5a1 1 0 10-1 1 1 1 0 001-1zm7.5.002L9.638.819l.496 1.293H7v.828h3.134L9.638 4.18zM12.455 5H3.583A.585.585 0 003 5.598V12.5l1.5 1.497 7.858.003a.602.602 0 00.6-.6L13 5.545A.513.513 0 0012.455 5zM11 13H8v-2H6v2H5v-3h6zm1-4H4V6h8z"/></svg>'},el={name:"floppy_disk_three_dots_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6 3a1 1 0 10-1 1 1 1 0 001-1zm3 0a1 1 0 10-1 1 1 1 0 001-1zm3 0a1 1 0 10-1 1 1 1 0 001-1zm.455 2H3.583A.585.585 0 003 5.598V12.5l1.5 1.497 7.858.003a.602.602 0 00.6-.6L13 5.545A.513.513 0 0012.455 5zM11 13H8v-2H6v2H5v-3h6zm1-4H4V6h8z"/></svg>'},sl={name:"folder_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7 4V3H2v10h12V4zm6 2H3V5h10z"/></svg>'},il={name:"folder_open_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7 3v1.002h6V6h-1V5H3v1H2V3zM2 13h11l1-6H2z"/></svg>'},ol={name:"forward_slash_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6.027 14l2.5-12h1.5l-2.5 12h-1.5z"/></svg>'},nl={name:"four_dots_square_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6.5 11A1.5 1.5 0 115 9.5 1.5 1.5 0 016.5 11zM5 3.5A1.5 1.5 0 106.5 5 1.5 1.5 0 005 3.5zm7.5 7.5A1.5 1.5 0 1111 9.5a1.5 1.5 0 011.5 1.5zM11 3.5A1.5 1.5 0 1012.5 5 1.5 1.5 0 0011 3.5z"/></svg>'},rl={name:"function_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 12.643h-1.572l-.898-1.283-.923 1.283h-1.54l1.658-2.146-1.632-2.14h1.572l.883 1.258.888-1.258h1.545l-1.635 2.111zM9.544 4.667H9.31a3.141 3.141 0 00-.394-.1 2.455 2.455 0 00-.483-.05 1.32 1.32 0 00-.832.241 1.334 1.334 0 00-.405.895l-.128.937h1.846v1.282H6.812l-.376 2.462a3.578 3.578 0 01-.462 1.357 2.583 2.583 0 01-.784.808 3.015 3.015 0 01-.938.387A4.823 4.823 0 013.184 13q-.275 0-.629-.03A3.529 3.529 0 012 12.892v-1.815h.12a.56.56 0 00.424.244 2.538 2.538 0 00.5.052 1.304 1.304 0 00.898-.29 1.584 1.584 0 00.424-.985l.33-2.226H3.256V6.59H5.05l.178-1.162a2.942 2.942 0 01.444-1.244 2.516 2.516 0 01.76-.734 2.643 2.643 0 01.94-.356A5.61 5.61 0 018.357 3q.294 0 .588.025t.599.076z"/></svg>'},al={name:"gauge_simple_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10.969 5.196a1.763 1.763 0 011.142-.49 1.763 1.763 0 01-.49 1.142L9.205 8.263l.008.025.065.184.03.093a1.352 1.352 0 01.032.295 1.385 1.385 0 01-2.769 0 1.343 1.343 0 01.033-.294l.034-.11.055-.16.012-.033.014-.014a1.389 1.389 0 01.625-.625l.015-.015.033-.011.16-.055.11-.035a1.32 1.32 0 01.588 0l.11.035.16.055.033.011zM14 8.86a5.979 5.979 0 01-1.799 4.28l-1.309-1.308a4.085 4.085 0 00.83-4.78l.55-.55a2.576 2.576 0 00.64-1.082A5.968 5.968 0 0114 8.86zm-6-6a5.998 5.998 0 00-4.201 10.28l1.308-1.308a4.14 4.14 0 014.645-6.725l.564-.564a2.57 2.57 0 011.07-.635A5.97 5.97 0 008 2.86z"/></svg>'},ll={name:"grid_three_by_three_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 3v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1zm4 9H4v-2h2zm.001-2.999H4V7h2.001zm0-3.001H4V4h2.001zM9 12H7v-2h2zm0-2.999H7V7h2zM9 6H7V4h2zm3 6h-2v-2h2zm.001-2.999H10V7h2.001zm0-3.001H10V4h2.001z"/></svg>'},cl={name:"grid_two_by_two_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4 9h3v3H4zm5 0h3v3H9zM4 4h3v3H4zm5 0h3v3H9zM2 14h12V2H2z"/></svg>'},hl={name:"hammer_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M9 14H6V8h3zM8.875 2H6.723A1.991 1.991 0 015 3a2.486 2.486 0 01-2-1H2v4h1a1.797 1.797 0 011.5-1C5.551 5 5.997 6.99 6 7h3c.333-1.539 1-2.436 1.741-2.436C12.222 4.564 14 6.615 14 6.615S13 2 8.875 2z"/></svg>'},dl={name:"hashtag_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7.76 14l.752-2.914H6.045L5.299 14H3.532l.746-2.914H2v-1.72h2.712l.701-2.807H2.947v-1.72h2.91L6.567 2h1.766l-.71 2.838h2.46L10.8 2h1.768l-.717 2.838H14v1.72h-2.599l-.706 2.807h2.374v1.72h-2.807L9.501 14zM6.447 9.392h2.506l.72-2.85H7.167z"/></svg>'},ul={name:"home_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7.988 2L2.5 9H4v5h3v-3h2v3h3V9h1.5L7.988 2z"/></svg>'},pl={name:"hourglass_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10.774 13.4h-.047v-.49h-.404a2.491 2.491 0 00.355-1.258c0-1.826-2.083-2.886-2.083-3.652s2.083-1.826 2.083-3.652a2.491 2.491 0 00-.355-1.257h.404V2.6h.047a.556.556 0 00.499-.6H4.727a.556.556 0 00.499.6h.047v.49h.404a2.491 2.491 0 00-.355 1.258c0 1.826 2.083 2.87 2.083 3.652s-2.083 1.826-2.083 3.652a2.491 2.491 0 00.355 1.257h-.404v.491h-.047a.556.556 0 00-.499.6h6.546a.556.556 0 00-.499-.6zM8 12.957c-1.565 0-1.975-.585-1.975-1.305a7.183 7.183 0 011.723-.656c.268 0 .289-3.513 0-3.779l-.988-1h2.454l-.962 1c-.268.286-.275 3.779 0 3.779a7.651 7.651 0 011.738.656c0 .72-.409 1.305-1.99 1.305z"/></svg>'},vl={name:"indeterminant_checkbox_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12 3a1.001 1.001 0 011 1v8a1.001 1.001 0 01-1 1H4a1.001 1.001 0 01-1-1V4a1.001 1.001 0 011-1h8m0-1H4a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2V4a2 2 0 00-2-2zM4 4v8h8V4zm6 6H6V6h4z"/></svg>'},gl={name:"info_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7.415 7.75v3.69H6.376v1.576h4.24V11.44H9.6V6.175H6.376V7.75zm.276-2.698a1.19 1.19 0 002.035-.838 1.164 1.164 0 00-.346-.846 1.193 1.193 0 00-1.693 0 1.158 1.158 0 00-.35.846 1.144 1.144 0 00.354.838z"/></svg>'},ml={name:"info_circle_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm-.697 2.28a.951.951 0 011.35 0 .928.928 0 01.276.675.952.952 0 01-1.905 0 .924.924 0 01.279-.674zM9.7 12H6.3v-1.264h.833V7.777H6.3V6.513h2.584v4.223H9.7z"/></svg>'},fl={name:"key_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.045 7.348l-.652-.652 1.444-.14zm-3.818.698l-4.912 4.912-.395-.396 4.12-4.12zm4.734-2.918l-1.697.136-.395-.395L11 3.176l.72-.067 1.304 1.304zm-3.524-.386l-.651-.653.791-.791zm-1.955-.653v2.607l-5.074 5.075L2 12.946l.791.791 1.432.129.326-.326v-.652l.652-.652h.652l.326-.325v-.652h.651l.978-.978.014-.652.312-.326h.652l.652-.651h2.607l1.676-1.676L14 4.089l-1.955-1.955-2.887.28z"/></svg>'},bl={name:"laptop_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 11V3H3v8H2v2h12v-2zm-2 1H5v-1h6zm1-1.996H4V4h8z"/></svg>'},wl={name:"layer_group_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M3.555 9.546l.89-.445 5.333 2.667 1.778-.89.889.449v1.33L9.778 13.99l-6.223-3.11zm0-6.222L6.222 1.99l6.223 3.112v1.333L9.778 7.768l-6.223-3.11zm0 3.11l.89-.444 5.333 2.667 1.778-.89.889.448v1.33L9.778 10.88 3.555 7.768z"/></svg>'},xl={name:"lightning_bolt_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4.732 7.953L6.909 2h3.636L8.364 7.013h2.909L4.727 14l2.21-6.049z"/></svg>'},yl={name:"link_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M7.465 5.592A2.908 2.908 0 019.963 7.02l-1.06 1.065c-.053-.103-.095-.192-.144-.276a1.48 1.48 0 00-1.277-.769 1.43 1.43 0 00-.977.394c-.75.694-1.469 1.421-2.165 2.168a1.431 1.431 0 00.054 2.038 1.507 1.507 0 001.039.432 1.28 1.28 0 00.953-.417c.103-.11.435-.44.81-.805a3.458 3.458 0 001.908.188c-1.006 1.035-2.179 2.187-2.996 2.38a2.982 2.982 0 01-.693.082 2.91 2.91 0 01-2.182-4.842A46.793 46.793 0 015.53 6.356a2.826 2.826 0 011.935-.764M10.583 2.5a3.001 3.001 0 00-.69.081 10.376 10.376 0 00-2.996 2.377 3.474 3.474 0 01.568-.054 3.58 3.58 0 011.31.249c.38-.332.701-.646.875-.834a1.221 1.221 0 01.913-.395 1.513 1.513 0 011.074.469 1.433 1.433 0 01.022 2.005c-.7.743-1.42 1.47-2.165 2.167a1.419 1.419 0 01-.975.395 1.483 1.483 0 01-1.28-.768c-.048-.085-.089-.175-.151-.298L6.043 8.987a2.882 2.882 0 002.493 1.42 2.808 2.808 0 001.93-.76 54.2 54.2 0 002.266-2.266A2.911 2.911 0 0010.583 2.5"/></svg>'},$l={name:"link_cancel_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M9.202 9.45a2.638 2.638 0 01.687 2.519l-1.364.002c.032-.1.062-.183.085-.269a1.343 1.343 0 00-.326-1.312 1.297 1.297 0 00-.88-.374 37.657 37.657 0 00-2.779.002 1.298 1.298 0 00-1.273 1.341 1.367 1.367 0 00.39.944 1.162 1.162 0 00.878.344c.137-.005.562-.002 1.036.004a3.137 3.137 0 001.104 1.344 8.133 8.133 0 01-3.45-.395 2.705 2.705 0 01-.496-.392A2.64 2.64 0 014.52 8.702a42.45 42.45 0 012.951-.003 2.564 2.564 0 011.731.751m3.984.017a2.723 2.723 0 00-.495-.39 9.414 9.414 0 00-3.447-.398 3.151 3.151 0 01.4.33 3.247 3.247 0 01.68 1c.457.031.864.035 1.096.027a1.108 1.108 0 01.839.331 1.373 1.373 0 01.389.99 1.3 1.3 0 01-1.272 1.3c-.926.028-1.854.033-2.78.002a1.287 1.287 0 01-.878-.372 1.345 1.345 0 01-.328-1.313c.023-.086.054-.17.093-.289l-1.371.031a2.614 2.614 0 00.688 2.51 2.547 2.547 0 001.726.751c.968.033 1.94.025 2.908 0a2.641 2.641 0 001.752-4.51m-2.701-3.208L8.71 4.485l1.775-1.775-.71-.71L8 3.775 6.225 2l-.71.71L7.29 4.485 5.515 6.259l.71.71L8 5.195l1.775 1.774z"/></svg>'},Cl={name:"list_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4 13H2v-2h2zm10-2H6v2h8zM4 7H2v2h2zm10 0H6v2h8zM4 3H2v2h2zm10 0H6v2h8z"/></svg>'},kl={name:"list_tree_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10 5v2h4v2h-4v2h4v2H8V5H5V3h9v2zM2 5h2V3H2zm5 6H5v2h2zm0-4H5v2h2z"/></svg>'},_l={name:"list_tree_database_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.953 11.81c.013-.011.032-.02.046-.031v.917c0 .33-.523.678-1.42.953a8.234 8.234 0 01-.694.178 16.116 16.116 0 01-3.382.328 16.089 16.089 0 01-3.38-.328 8.77 8.77 0 01-.693-.179c-.898-.274-1.42-.622-1.42-.952v-.917c.012.01.031.02.045.03a2.34 2.34 0 00.332.218l.03.017a4.235 4.235 0 00.46.202l.01.005.1.037c.053.018.11.034.164.05.093.031.186.062.283.09.033.01.064.022.1.031l.058.015c.184.048.378.092.58.132.043.009.084.018.13.026.214.042.438.078.666.11l.134.017c.21.028.425.051.646.072l.104.01c.242.021.487.037.731.049l.166.007c.251.01.504.016.754.016s.501-.007.754-.016l.164-.007c.246-.012.491-.028.734-.048l.102-.011c.22-.02.436-.044.649-.072.044-.006.09-.01.134-.017q.343-.048.664-.11c.046-.008.088-.017.132-.026q.3-.06.577-.13c.02-.007.043-.012.063-.017.034-.009.064-.021.099-.031.098-.028.189-.059.283-.09.052-.017.11-.032.16-.05.035-.012.07-.024.103-.037l.012-.005a4.252 4.252 0 00.457-.202c.013-.006.022-.013.032-.018a2.468 2.468 0 00.33-.216zm-5.45-2.946c-3.237 0-5.492.767-5.492 1.457 0 .33.523.679 1.42.952a9.998 9.998 0 00.694.179 16.101 16.101 0 003.378.327 16.12 16.12 0 003.382-.327 8.892 8.892 0 00.694-.18C13.477 11 14 10.652 14 10.322c0-.69-2.257-1.457-5.497-1.457zM14 6V5H5V3h2V2H2v1h2v5.581a9.632 9.632 0 011-.255V6h3v2h6V7H9V6z"/></svg>'},zl={name:"lock_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12 8V7a3.888 3.888 0 00-4-4 3.822 3.822 0 00-2.81 1.078A4.349 4.349 0 004.062 7v1H3v6h10V8zM6.062 6.986a2.407 2.407 0 01.566-1.516A1.834 1.834 0 018 5a1.883 1.883 0 012 2v1H6.062z"/></svg>'},Il={name:"magnifying_glass_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.073 12.29l-2.926-2.926a3.971 3.971 0 10-.783.783l2.927 2.926zM7.01 9.84a2.83 2.83 0 112.83-2.83 2.833 2.833 0 01-2.83 2.83z"/></svg>'},Ol={name:"markdown_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14.25 3H1.75a.74.74 0 00-.75.73v8.54a.74.74 0 00.75.73h12.5a.74.74 0 00.75-.73V3.73a.74.74 0 00-.75-.73zm-6.285 7.059h-.991V7.773L5.982 9.35l-.99-1.577v2.286H4V5.934h.91L5.982 7.51l1.073-1.576h.91zm2.459.007L8.848 7.945h1.1V5.934h.99v2.01H12z"/></svg>'},Sl={name:"minus_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4 7h8v2H4z"/></svg>'},Al={name:"minus_wide_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M3 7h10v2H3z"/></svg>'},Ml={name:"mobile_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10.462 2.077H4.538A.54.54 0 004 2.615v10.77a.54.54 0 00.538.538h5.924a.54.54 0 00.538-.538V2.615a.54.54 0 00-.538-.538zM10 12H5V3h5z"/></svg>'},Vl={name:"notebook_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 2h1v3h-1zm0 8h1V6h-1zm0 4h1v-3h-1zM4 7h6V6H4zm0-2h6V4H4zM2 2h10v12H2z"/></svg>'},El={name:"paste_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M9 5V3H3v6h2v1H2V2h8v3zM6 6v8h8V6z"/></svg>'},Hl={name:"pencil_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11.413 2.674c.326-.288 1.04-.013 1.807.857.768.869.952 1.61.626 1.898l-1.378 1.218-2.433-2.757zm-7.381 9.493l2.97-1.396-1.477.254.064-1.459-.48.25.156-1.013-1.754 2.774zm3.319-1.002L2 13.435 4.917 8.41l3.15-2.78L10.5 8.383zm4.293-3.866L9.21 4.544c-.177-.202.222-.543.394-.349l2.434 2.756c.175.2-.224.54-.394.348m-.783.7L8.428 5.244c-.178-.201.22-.542.393-.347l2.433 2.755c.176.199-.223.54-.393.347"/></svg>'},Ll={name:"pot_with_lid_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11 4V2H5v2H2v1h12V4zM6 4V3h4v1zm-4 9h1v1h10v-1h1V6H2z"/></svg>'},Tl={name:"question_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M11.303 5.594a3.294 3.294 0 01-.195 1.176 2.63 2.63 0 01-.549.885 3.96 3.96 0 01-.852.672 7.46 7.46 0 01-1.121.54v1.501H6.27V8.15q.467-.125.845-.256a3.199 3.199 0 00.793-.429 2.098 2.098 0 00.608-.612 1.45 1.45 0 00.22-.791 1.042 1.042 0 00-.423-.939 2.163 2.163 0 00-1.195-.28 3.338 3.338 0 00-1.068.204 4.853 4.853 0 00-1.09.526h-.263V3.566a8.148 8.148 0 011.296-.372A8.205 8.205 0 017.77 3a4.196 4.196 0 012.579.718 2.241 2.241 0 01.954 1.876zM8.77 13H6.112v-1.737H8.77z"/></svg>'},Rl={name:"running_arrow_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 7.985l-8.002 4.013L8 8 5.998 3.987zM3.995 2.997L2 2l3 6-3 6 2.002-1.005L6.5 8z"/></svg>'},Pl={name:"server_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 3H3v3h10zM9 5H4V4h5zM3 7v3h10V7zm6 2H4V8h5zm3 4H3v-2h10v1a1 1 0 01-1 1z"/></svg>'},Fl={name:"share_square_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.984 2.012l-2.069 6.153-.565-2.722-3.544 3.544-.822-.822 3.544-3.544-2.723-.566zM2 4v10h10v-4h-2v2H4V6h2V4z"/></svg>'},Bl={name:"shield_check_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v5.11C2 10.39 8 14 8 14s6-3.281 6-6.89V2zm4.788 8.2L4 7.388 5.225 6.2l1.553 1.61 4.06-4.01L12 5.013z"/></svg>'},Dl={name:"shield_xmark_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v5.11C2 10.39 8 14 8 14s6-3.281 6-6.89V2zm9.5 7.346L10.346 10.5 8 8.154 5.654 10.5 4.5 9.346 6.846 7 4.5 4.654 5.654 3.5 8 5.846 10.346 3.5 11.5 4.654 9.154 7z"/></svg>'},Nl={name:"signal_bars_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M4 14H2V2h2zm3-9H5v9h2zm3 3H8v6h2zm3 3h-2v3h2z"/></svg>'},jl={name:"sine_graph_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 12H2v-1.63a4.61 4.61 0 001.766-1.967c.636-1.06 1.082-1.705 1.902-1.705s1.266.644 1.902 1.705c.615 1.026 1.312 2.189 2.766 2.189 1.453 0 2.15-1.163 2.764-2.189a6.459 6.459 0 01.9-1.267zm0-6.054a4.613 4.613 0 00-1.764 1.967c-.635 1.061-1.08 1.705-1.9 1.705-.82 0-1.266-.644-1.902-1.705-.615-1.026-1.312-2.189-2.766-2.189S3.517 6.887 2.902 7.913A6.468 6.468 0 012 9.18V4h12z"/></svg>'},ql={name:"skip_arrow_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10.002 8.29L2 12.304v-8.01zM14 2h-2v12h2z"/></svg>'},Ul={name:"spinner",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M3.967 7.143h-.762a4.885 4.885 0 013.938-3.94v.771a4.123 4.123 0 00-3.176 3.169zM8 2v1.875A4.125 4.125 0 113.875 8H2a6 6 0 106-6z"/></svg>'},Kl={name:"square_check_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v12h12V2zm4.788 9.2L4 8.387 5.225 7.2l1.553 1.61 4.06-4.01L12 6.013z"/></svg>'},Wl={name:"square_t_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v12h12V2zm9.033 4.199l-.016-.076a2.34 2.34 0 00-.497-1.18 2.108 2.108 0 00-1.281-.26h-.56v5.941c0 .552.11.718.176.768a1.793 1.793 0 00.88.196l.09.006V12H6.193v-.405l.09-.007c.59-.046.8-.144.87-.218.06-.06.158-.255.158-.884V4.683h-.565a2.19 2.19 0 00-1.274.262 2.015 2.015 0 00-.498 1.174l-.015.08H4.49L4.565 4h6.859l.07 2.199z"/></svg>'},Yl={name:"t_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M5.684 13v-.729l.221-.018c.764-.058.947-.19.985-.229.026-.026.157-.202.157-.992V4.078H6.48a2.46 2.46 0 00-1.477.291 2.262 2.262 0 00-.563 1.36l-.038.196h-.797L3.704 3h8.6l.092 2.925h-.784l-.021-.095a2.817 2.817 0 00-.589-1.466c-.147-.131-.523-.286-1.48-.286H8.96V11.2c0 .679.138.819.165.84a2.092 2.092 0 001.01.213l.223.018V13z"/></svg>'},Xl={name:"tablet_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.5 2h-9a.501.501 0 00-.5.5v11a.501.501 0 00.5.5h9a.501.501 0 00.5-.5v-11a.501.501 0 00-.5-.5zM8 13.25a.75.75 0 11.75-.75.752.752 0 01-.75.75zM12 11H4V3h8z"/></svg>'},Gl={name:"tag_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16"><path class="cls-1" d="M8.044 3.588L5.23 3 3 5.229l.588 2.816L8.543 13 13 8.543zM6.5 6.499a1.082 1.082 0 11-.013-1.516A1.072 1.072 0 016.499 6.5z"/></svg>'},Ql={name:"tags_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16"><path class="cls-1" d="M8.044 2.338L5.23 1.75 3 3.979l.588 2.816 4.955 4.955L13 7.293zM6.5 5.249a1.082 1.082 0 11-.013-1.516 1.072 1.072 0 01.013 1.516zm6.251 4.794L8.543 14.25 4.257 9.964l-.283-1.369 4.569 4.57L12.207 9.5z"/></svg>'},Jl={name:"target_crosshairs_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 6.01a2 2 0 102 2 2 2 0 00-2-2zm4.9.99A5.005 5.005 0 009 3.1V1H7v2.1A5.005 5.005 0 003.1 7H1v2h2.1A5.005 5.005 0 007 12.9V15h2v-2.1A5.005 5.005 0 0012.9 9H15V7zM8 12a4 4 0 114-4 4.005 4.005 0 01-4 4z"/></svg>'},Zl={name:"target_crosshairs_progress_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M15 7v2h-2.1A5.005 5.005 0 019 12.9V15H7v-2.108a4.99 4.99 0 01-3.898-3.985l-1.52.583 2.003-4 1.998 4L4.11 8.9A3.999 3.999 0 107 4.13V1h2v2.1A5.005 5.005 0 0112.9 7zm-5 1.01a2 2 0 11-2-2 2 2 0 012 2z"/></svg>'},tc={name:"three_dots_line_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 6.5A1.5 1.5 0 116.5 8 1.5 1.5 0 018 6.5zM.5 8A1.5 1.5 0 102 6.5 1.5 1.5 0 00.5 8zm12 0A1.5 1.5 0 1014 6.5 1.5 1.5 0 0012.5 8z"/></svg>'},ec={name:"thumbtack_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10 7l-.625-5H10V1H5v1h.625L5 7a2 2 0 00-2 2h4v4l.5 2 .5-2V9h4a2 2 0 00-2-2z"/></svg>'},sc={name:"tile_size_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 8h6v6H2zm0-6v5h2V4h8v8H9v2h5V2z"/></svg>'},ic={name:"times_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 9.103L5.102 12 4 10.897 6.898 8 4 5.103 5.102 4 8 6.897 10.898 4 12 5.103 9.102 8 12 10.897 10.898 12 8 9.103z"/></svg>'},oc={name:"trash_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M10 4V2H6v2H3v2h1v8h8V6h1V4zm-3 9H6V6h1zm2-9H7V3h2zm1 9H9V6h1z"/></svg>'},nc={name:"triangle_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2L2 14h12zm0 4.875l2.438 4.875H5.585z"/></svg>'},rc={name:"true_false_rectangle_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13.4 3.003H2.6a1.6 1.6 0 00-1.6 1.6v6.8a1.595 1.595 0 001.6 1.594h10.8a1.595 1.595 0 001.6-1.594v-6.8a1.6 1.6 0 00-1.6-1.6zM7.587 6.58H6.141v3.736H4.946V6.58H3.5v-.896h4.087zm4.913 0h-2.13v.862h1.974v.896H10.37v1.978H9.181V5.684H12.5z"/></svg>'},ac={name:"unlink_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6.126 8.585c-.581.123-1.117.241-1.362.303a1.547 1.547 0 00-1.182 1.51l.01.155.021.193a1.69 1.69 0 00.216.54l.02.038.105.134.127.144.054.047a1.509 1.509 0 00.992.36h.049a1.306 1.306 0 00.224-.034l.03.015.006-.001c.463-.088.925-.186 1.387-.287l.343 1.538c-.488.11-.976.221-1.467.314a3.112 3.112 0 01-.571.053 3.148 3.148 0 01-2.99-2.258l-.011-.045a3.04 3.04 0 01-.076-.35 3.127 3.127 0 01-.03-.206l-.004-.089a3.112 3.112 0 01-.016-.336A3.164 3.164 0 014.35 7.356c.272-.068.808-.203.802-.206l.623-.137zm4.31-1.544l-.353 1.575c.737.176 1.38.334 1.413.346a1.514 1.514 0 01.789.768l.029.066.053.185.038.164.002.045a1.667 1.667 0 01-.035.58l-.064.185-.056.142a1.546 1.546 0 01-1.4.893 1.661 1.661 0 01-.313-.03 54.946 54.946 0 01-1.15-.24l-.347 1.55.406.097-.013-.017c.276.057.55.118.826.173a3.02 3.02 0 00.578.056 3.188 3.188 0 002.811-1.74 3.018 3.018 0 00.129-.311l.033-.083.061-.197a3.047 3.047 0 00.082-.351l.008-.044a3.132 3.132 0 00-2.281-3.513c-.297-.077-.777-.19-1.245-.299M7.932 2.393L6.875 6.075h.75l.3 3.032 1.2-3.782h-.75z"/></svg>'},lc={name:"unlock_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M6.062 8V5.986a2.407 2.407 0 01.566-1.516A1.834 1.834 0 018 4a1.883 1.883 0 012 2h2a3.888 3.888 0 00-4-4 3.822 3.822 0 00-2.81 1.078A4.349 4.349 0 004.062 6v2H3v6h10V8z"/></svg>'},cc={name:"upload_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M14 9v5H2V9h1v4h10V9zM7.982 2L5 7.9l2.004-1.312L7 11h2V6.613L11 7.9z"/></svg>'},hc={name:"user_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.004 2a2.18 2.18 0 012.184 2.182v1.09c.647 0 .378.932 0 1.455a4.275 4.275 0 01-.335.364 8.55 8.55 0 01-.31.742l.208 1.076h.437l2.75 1.527A2.148 2.148 0 0114 12.291V14H2v-1.673a2.163 2.163 0 011.063-1.869l2.758-1.55h.437l.21-1.068a8.52 8.52 0 01-.312-.749 4.275 4.275 0 01-.335-.364c-.378-.523-.647-1.454 0-1.454v-1.09A2.18 2.18 0 018.004 2"/></svg>'},dc={name:"watch_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.57 7.28l-.06.013a4.556 4.556 0 00-1.38-2.609V3.44a.481.481 0 00-.48-.48h-.48V2H5.85v.96h-.48a.481.481 0 00-.48.48v1.24a4.545 4.545 0 000 6.64v1.24a.481.481 0 00.48.48h.48V14h4.32v-.96h.48a.481.481 0 00.48-.48v-1.24a4.547 4.547 0 001.379-2.612l.061.012a.481.481 0 00.48-.48v-.48a.481.481 0 00-.48-.48zm-2.3 2.662a1.59 1.59 0 00-.182-.26L8.747 8.338a.785.785 0 000-.666c.132-.133.894-.899.965-1a1.216 1.216 0 00.14-.485 1.004 1.004 0 00-.515.157l-.955.957a.784.784 0 100 1.408c.163.167.956.974 1.236 1.254a1.477 1.477 0 00.36.276 3.055 3.055 0 11.291-.297z"/></svg>'},uc={name:"waveform_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M9.77 11.225c-1.582 0-2.076-1.262-2.512-2.376l-.17-.426a26.242 26.242 0 01-.218-.595c-.32-.9-.41-1.046-.652-1.046-.24 0-.308.065-.612.88-.088.237-.188.504-.317.801l-.098.238c-.486 1.178-1.037 2.513-2.747 2.513H2V9.221h.444c.318 0 .48-.316.9-1.292l.133-.307c.06-.148.121-.304.181-.457.435-1.116.927-2.382 2.56-2.382 1.59 0 2.063 1.274 2.48 2.398l.168.443c.082.205.155.396.221.572.345.905.427 1.03.684 1.03.259 0 .409-.317.742-1.157.08-.201.167-.42.266-.652l.097-.228c.477-1.127 1.016-2.405 2.668-2.412l.444-.002L14 6.782h-.447c-.367 0-.506.245-.994 1.387 0 0-.179.434-.238.584-.433 1.101-.973 2.472-2.55 2.472z"/></svg>'},pc={name:"webvi_custom_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm4.089 2.526h-1.868a5.598 5.598 0 00-.854-1.712 5.363 5.363 0 012.722 1.712zm-2.722 8.66a5.599 5.599 0 00.854-1.712h1.868a5.363 5.363 0 01-2.722 1.712zm3.181-2.344h-2.146a10.644 10.644 0 00.208-1.187L9.923 10c-.05.294-.106.58-.176.843h-1.51l-1.263.632h2.583C9.145 12.647 8.554 13.368 8 13.368c-.517 0-1.065-.633-1.47-1.672l-.56.28a5.018 5.018 0 00.663 1.21 5.363 5.363 0 01-2.722-1.712h.317a.955.955 0 01-.017-.17v-.462h-.76a5.33 5.33 0 01-.804-2.526h1.564v-.632H2.646a5.33 5.33 0 01.805-2.526h.759V4.69a.95.95 0 01.016-.164h-.316a5.363 5.363 0 012.722-1.712 5.017 5.017 0 00-.663 1.207l.56.28c.406-1.037.953-1.67 1.47-1.67.554 0 1.145.722 1.557 1.895H6.98l1.261.632h1.507c.07.263.126.548.176.842l.687.344a10.66 10.66 0 00-.208-1.186h2.146a5.33 5.33 0 01.804 2.526h-.67a.92.92 0 01-.001.632h.671a5.33 5.33 0 01-.804 2.526zM12.105 8a.326.326 0 01-.19.296l-6.598 3.3-.148.036a.327.327 0 01-.327-.328V4.69a.327.327 0 01.492-.281l6.595 3.302a.326.326 0 01.176.29z"/></svg>'},vc={name:"webvi_host_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8 2a6 6 0 106 6 6 6 0 00-6-6zm4.09 2.526H10.22a5.6 5.6 0 00-.854-1.712 5.364 5.364 0 012.722 1.712zm-2.723 8.66a5.6 5.6 0 00.854-1.712h1.868a5.363 5.363 0 01-2.722 1.712zm3.181-2.344h-2.146a10.657 10.657 0 00.208-1.187L9.923 10a9.85 9.85 0 01-.176.843h-1.51l-1.263.632h2.583C9.145 12.647 8.554 13.368 8 13.368c-.517 0-1.064-.633-1.47-1.672l-.56.28a5.02 5.02 0 00.663 1.21 5.363 5.363 0 01-2.722-1.712h.317a.96.96 0 01-.017-.17v-.462h-.76a5.33 5.33 0 01-.804-2.526H4.21v-.632H2.647a5.33 5.33 0 01.805-2.526h.759V4.69a.95.95 0 01.016-.164h-.316a5.364 5.364 0 012.722-1.712 5.02 5.02 0 00-.663 1.207l.56.28c.406-1.037.953-1.67 1.47-1.67.554 0 1.145.722 1.557 1.895H6.98l1.262.632h1.506c.07.263.126.548.176.842l.687.344a10.646 10.646 0 00-.208-1.186h2.146a5.33 5.33 0 01.804 2.526h-.67a.92.92 0 01-.001.632h.671a5.33 5.33 0 01-.804 2.526zm-.619-3.131L5.334 4.409a.327.327 0 00-.492.281v6.613a.327.327 0 00.327.328l.148-.035 6.598-3.3a.326.326 0 00.014-.585zm-6.087 2.505V5.78L10.274 8z"/></svg>'},gc={name:"window_code_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v12h12V2zm11 11H3V5h10zM4 9.135l2.698-1.118v.75l-1.588.65 1.588.646v.75l-2.694-1.12zm4.42-1.49h.792l-1.565 3.71h-.783zM12 9.135v.557l-2.694 1.12v-.75l.062-.024 1.526-.626-1.588-.648v-.747z"/></svg>'},mc={name:"window_text_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M2 2v12h12V2zm11 11H3V5h10zM7 8H4V6h3zm5 2H4V9h8zm0 2H4v-1h8z"/></svg>'},fc={name:"wrench_hammer_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M12.286 11.714l-5.791-5.79a2.504 2.504 0 00.17-.755 2.149 2.149 0 00-.095-.814 2.12 2.12 0 00-.55-.904 2.328 2.328 0 00-1.76-.685h-.045a2.104 2.104 0 00-.718.155l1.102 1.104.32.32.244.245a1.864 1.864 0 01-.22.854 1.043 1.043 0 01-.114.145 1.648 1.648 0 01-1.003.335L2.61 4.704l-.449-.449a2.074 2.074 0 00-.135.545l-.015.105a2.337 2.337 0 00.384 1.518 2.51 2.51 0 00.295.36 2.205 2.205 0 001.576.65 2.453 2.453 0 00.898-.175l4.793 4.796 1.203 1.2h.668l.663-.665v-.67zM5.75 8.908l1.367 1.367-2.988 2.987h-.923l-.45-.45v-.916zM14 5.906l-1.81 1.809-1.298-1.216-1.38 1.38-1.367-1.365 1.374-1.382-1.622-1.62.683-.774 2.252.45z"/></svg>'},bc={name:"xmark_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 4.667L9.667 7.999 13 11.333 11.333 13 8 9.667 4.667 13 3 11.333 6.333 8 3 4.667 4.667 3 8 6.333 11.333 3z"/></svg>'},wc={name:"xmark_check_16_x_16",data:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M8.033 14.026L4.9 10.866 6.277 9.53l1.744 1.81 4.562-4.507 1.307 1.363zm1.155-10.68l-1.321-1.32-2.312 2.311-2.311-2.311-1.321 1.32 2.311 2.312L1.923 7.97l1.32 1.32 2.312-2.31 2.312 2.31 1.32-1.32-2.31-2.312z"/></svg>'},xc=`:${cs}`,yc=mt`
860
954
  ${ls("inline-flex")}
861
955
 
862
- :host{height:${an};box-sizing:border-box;font:${Pn};color:${Fn};padding-left:calc(4px - ${dn})}.listitem{display:flex;align-items:center}.control{color:var(--ni-private-breadcrumb-link-font-color);cursor:default;display:flex;align-items:center;justify-content:center;border:${dn} solid transparent;padding-right:calc(4px - ${dn})}.control:link{cursor:pointer;text-decoration:none}.control:hover{text-decoration:underline}.control:active{color:var(--ni-private-breadcrumb-link-active-font-color);text-decoration:underline}.control:link${xc}{border:${dn} solid ${sn};outline:2px solid ${sn};outline-offset:1px}.start,.end{display:flex;align-items:center}.start{margin-inline-end:4px}slot[name='separator']{display:flex;align-items:center}slot[name='separator'] svg{width:${un};height:${un}}slot[name='separator'] path{fill:${Cn}}`
863
- const $c=class extends Fe{}.compose({baseName:"breadcrumb-item",baseClass:Fe,template:(t,e)=>Y`<div role="listitem" class="listitem" part="listitem">${wt((t=>t.href&&t.href.length>0),Y` ${((t,e)=>Y`<a class="control" part="control" download="${t=>t.download}" href="${t=>t.href}" hreflang="${t=>t.hreflang}" ping="${t=>t.ping}" referrerpolicy="${t=>t.referrerpolicy}" rel="${t=>t.rel}" target="${t=>t.target}" type="${t=>t.type}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-expanded="${t=>t.ariaExpanded}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${bt("control")}>${It(0,e)}<span class="content" part="content"><slot ${Ct("defaultSlottedContent")}></slot></span>${zt(0,e)}</a>`)(0,e)} `)} ${wt((t=>!t.href),Y` ${It(0,e)}<slot></slot>${zt(0,e)} `)} ${wt((t=>t.separator),Y`<span class="separator" part="separator" aria-hidden="true"><slot name="separator">${e.separator||""}</slot></span>`)}</div>`,styles:yc,separator:ol.data})
956
+ :host {
957
+ height: ${an};
958
+ box-sizing: border-box;
959
+ font: ${Pn};
960
+ color: ${Fn};
961
+ padding-left: calc(4px - ${dn});
962
+ }
963
+
964
+ .listitem {
965
+ display: flex;
966
+ align-items: center;
967
+ }
968
+
969
+ .control {
970
+ color: var(--ni-private-breadcrumb-link-font-color);
971
+ cursor: default;
972
+ display: flex;
973
+ align-items: center;
974
+ justify-content: center;
975
+ border: ${dn} solid transparent;
976
+ padding-right: calc(4px - ${dn});
977
+ }
978
+
979
+ .control:link {
980
+ cursor: pointer;
981
+ text-decoration: none;
982
+ }
983
+
984
+ .control:hover {
985
+ text-decoration: underline;
986
+ }
987
+
988
+ .control:active {
989
+ color: var(--ni-private-breadcrumb-link-active-font-color);
990
+ text-decoration: underline;
991
+ }
992
+
993
+ .control:link${xc} {
994
+ border: ${dn} solid ${sn};
995
+ outline: 2px solid ${sn};
996
+ outline-offset: 1px;
997
+ }
998
+
999
+ .start,
1000
+ .end {
1001
+ display: flex;
1002
+ align-items: center;
1003
+ }
1004
+
1005
+ .start {
1006
+ margin-inline-end: 4px;
1007
+ }
1008
+
1009
+ slot[name='separator'] {
1010
+ display: flex;
1011
+ align-items: center;
1012
+ }
1013
+
1014
+ slot[name='separator'] svg {
1015
+ width: ${un};
1016
+ height: ${un};
1017
+ }
1018
+
1019
+ slot[name='separator'] path {
1020
+ fill: ${Cn};
1021
+ }
1022
+ `
1023
+ const $c=class extends Fe{}.compose({baseName:"breadcrumb-item",baseClass:Fe,template:(t,e)=>Y`
1024
+ <div role="listitem" class="listitem" part="listitem">
1025
+ ${wt((t=>t.href&&t.href.length>0),Y`
1026
+ ${((t,e)=>Y`
1027
+ <a
1028
+ class="control"
1029
+ part="control"
1030
+ download="${t=>t.download}"
1031
+ href="${t=>t.href}"
1032
+ hreflang="${t=>t.hreflang}"
1033
+ ping="${t=>t.ping}"
1034
+ referrerpolicy="${t=>t.referrerpolicy}"
1035
+ rel="${t=>t.rel}"
1036
+ target="${t=>t.target}"
1037
+ type="${t=>t.type}"
1038
+ aria-atomic="${t=>t.ariaAtomic}"
1039
+ aria-busy="${t=>t.ariaBusy}"
1040
+ aria-controls="${t=>t.ariaControls}"
1041
+ aria-current="${t=>t.ariaCurrent}"
1042
+ aria-describedby="${t=>t.ariaDescribedby}"
1043
+ aria-details="${t=>t.ariaDetails}"
1044
+ aria-disabled="${t=>t.ariaDisabled}"
1045
+ aria-errormessage="${t=>t.ariaErrormessage}"
1046
+ aria-expanded="${t=>t.ariaExpanded}"
1047
+ aria-flowto="${t=>t.ariaFlowto}"
1048
+ aria-haspopup="${t=>t.ariaHaspopup}"
1049
+ aria-hidden="${t=>t.ariaHidden}"
1050
+ aria-invalid="${t=>t.ariaInvalid}"
1051
+ aria-keyshortcuts="${t=>t.ariaKeyshortcuts}"
1052
+ aria-label="${t=>t.ariaLabel}"
1053
+ aria-labelledby="${t=>t.ariaLabelledby}"
1054
+ aria-live="${t=>t.ariaLive}"
1055
+ aria-owns="${t=>t.ariaOwns}"
1056
+ aria-relevant="${t=>t.ariaRelevant}"
1057
+ aria-roledescription="${t=>t.ariaRoledescription}"
1058
+ ${bt("control")}
1059
+ >
1060
+ ${It(0,e)}
1061
+ <span class="content" part="content">
1062
+ <slot ${Ct("defaultSlottedContent")}></slot>
1063
+ </span>
1064
+ ${zt(0,e)}
1065
+ </a>
1066
+ `)(0,e)}
1067
+ `)}
1068
+ ${wt((t=>!t.href),Y`
1069
+ ${It(0,e)}
1070
+ <slot></slot>
1071
+ ${zt(0,e)}
1072
+ `)}
1073
+ ${wt((t=>t.separator),Y`
1074
+ <span class="separator" part="separator" aria-hidden="true">
1075
+ <slot name="separator">${e.separator||""}</slot>
1076
+ </span>
1077
+ `)}
1078
+ </div>
1079
+ `,styles:yc,separator:ol.data})
864
1080
  function Cc(t,e){return new as("appearance",t,e)}var kc
865
1081
  Es.getOrCreate().withPrefix("nimble").register($c()),function(t){t.Outline="outline",t.Ghost="ghost",t.Block="block"}(kc||(kc={}))
866
1082
  const _c=mt`
867
1083
  ${ls("inline-flex")}
868
1084
 
869
- :host{background-color:transparent;height:${an};color:${cr};font:${lr};cursor:pointer;outline:none;border:none;box-sizing:border-box;${""}
870
- vertical-align:middle}:host([disabled]){color:${hr};cursor:default}.control{background-color:transparent;height:100%;width:100%;border:${dn} solid transparent;box-sizing:border-box;color:inherit;border-radius:inherit;fill:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:inherit;font:inherit;outline:none;margin:0;padding:0 ${cn};transition:box-shadow ${_r}}:host([content-hidden]) .control{width:${an};padding:0px}@media (prefers-reduced-motion){.control{transition-duration:0s}}.control:hover{box-shadow:0px 0px 0px ${dn} ${sn} inset;outline:none}.control${xc}{box-shadow:0px 0px 0px ${dn} ${sn} inset;outline:${dn} solid ${sn};outline-offset:-4px}.control:active{box-shadow:none;outline:none}.control[disabled]{box-shadow:none;outline:none}.content{display:contents}:host([content-hidden]) .content{${""}
871
- display:inline-block;height:1px;width:1px;position:absolute;margin:-1px;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;padding:0}[part='start']{display:contents;${on.cssCustomProperty}:${cr}}:host([disabled]) slot[name='start']::slotted(*){opacity:0.6}[part='end']{display:contents;${on.cssCustomProperty}:${cr}}:host([content-hidden]) [part='end']{display:none}`.withBehaviors(Cc(kc.Outline,mt`
872
- .control{background-color:transparent;border-color:rgba(${Uo},0.3)}.control:hover{background-color:transparent;border-color:${sn}}.control${xc}{background-color:transparent;border-color:${sn}}.control:active{background-color:${Wo};border-color:${Wo}}.control[disabled]{background-color:transparent;border-color:rgba(${Jo},0.2)}`),Cc(kc.Ghost,mt`
873
- .control{background-color:transparent;border-color:transparent}.control:hover{background-color:transparent;border-color:${sn}}.control${xc}{background-color:transparent;border-color:${sn}}.control:active{background-color:${Wo};border-color:${Wo}}.control[disabled]{background-color:transparent;border-color:transparent}`),Cc(kc.Block,mt`
874
- .control{background-color:rgba(${Jo},0.1);border-color:transparent}.control:hover{background-color:transparent;border-color:${sn}}.control${xc}{background-color:rgba(${Jo},0.1);border-color:${sn}}.control${xc}:hover{background-color:transparent}.control:active{background-color:${Wo};border-color:${Wo}}.control[disabled]{background-color:rgba(${Jo},0.1);border-color:transparent}`)),zc=_c.withBehaviors(Cc(kc.Outline,mt`
875
- :host(.primary) .control{box-shadow:0px 0px 0px ${dn} rgba(${Uo},0.3) inset}:host(.primary) .control:hover{box-shadow:0px 0px 0px ${dn} ${sn} inset}:host(.primary) .control${xc}{box-shadow:0px 0px 0px ${dn} ${sn} inset}:host(.primary) .control:active{box-shadow:none}:host(.primary) .control[disabled]{box-shadow:none}`),Cc(kc.Block,mt`
876
- :host(.primary) .control{background-clip:padding-box;border-color:rgba(${Uo},0.3);border-width:calc(2 * ${dn});padding:0 calc(${cn} - ${dn})}:host(.primary[content-hidden]) .control{padding:0px}:host(.primary) .control:hover{border-color:${sn};box-shadow:none}:host(.primary) .control${xc}{background-clip:border-box;border-color:${sn};border-width:${dn};box-shadow:0px 0px 0px ${dn} ${sn} inset;padding:0 ${cn}}:host(.primary[content-hidden]) .control${xc}{padding:0px}:host(.primary) .control:active{background-clip:border-box;border-color:${Wo};border-width:${dn};box-shadow:none;padding:0 ${cn}}:host(.primary[content-hidden]) .control:active{padding:0px}:host(.primary) .control[disabled]{background-clip:border-box;border-color:transparent;border-width:${dn};box-shadow:none;padding:0 ${cn}}:host(.primary[content-hidden]) .control[disabled]{padding:0px}`))
1085
+ :host {
1086
+ background-color: transparent;
1087
+ height: ${an};
1088
+ color: ${cr};
1089
+ font: ${lr};
1090
+ cursor: pointer;
1091
+ outline: none;
1092
+ border: none;
1093
+ box-sizing: border-box;
1094
+ ${""}
1095
+ vertical-align: middle;
1096
+ }
1097
+
1098
+ :host([disabled]) {
1099
+ color: ${hr};
1100
+ cursor: default;
1101
+ }
1102
+
1103
+ .control {
1104
+ background-color: transparent;
1105
+ height: 100%;
1106
+ width: 100%;
1107
+ border: ${dn} solid transparent;
1108
+ box-sizing: border-box;
1109
+ color: inherit;
1110
+ border-radius: inherit;
1111
+ fill: inherit;
1112
+ display: inline-flex;
1113
+ align-items: center;
1114
+ justify-content: center;
1115
+ gap: 4px;
1116
+ cursor: inherit;
1117
+ font: inherit;
1118
+ outline: none;
1119
+ margin: 0;
1120
+ padding: 0 ${cn};
1121
+ transition: box-shadow ${_r};
1122
+ }
1123
+
1124
+ :host([content-hidden]) .control {
1125
+ width: ${an};
1126
+ padding: 0px;
1127
+ }
1128
+
1129
+ @media (prefers-reduced-motion) {
1130
+ .control {
1131
+ transition-duration: 0s;
1132
+ }
1133
+ }
1134
+
1135
+ .control:hover {
1136
+ box-shadow: 0px 0px 0px ${dn} ${sn} inset;
1137
+ outline: none;
1138
+ }
1139
+
1140
+ .control${xc} {
1141
+ box-shadow: 0px 0px 0px ${dn} ${sn} inset;
1142
+ outline: ${dn} solid ${sn};
1143
+ outline-offset: -4px;
1144
+ }
1145
+
1146
+ .control:active {
1147
+ box-shadow: none;
1148
+ outline: none;
1149
+ }
1150
+
1151
+ .control[disabled] {
1152
+ box-shadow: none;
1153
+ outline: none;
1154
+ }
1155
+
1156
+ .content {
1157
+ display: contents;
1158
+ }
1159
+
1160
+ :host([content-hidden]) .content {
1161
+ ${""}
1162
+ display: inline-block;
1163
+ height: 1px;
1164
+ width: 1px;
1165
+ position: absolute;
1166
+ margin: -1px;
1167
+ clip: rect(1px, 1px, 1px, 1px);
1168
+ clip-path: inset(50%);
1169
+ overflow: hidden;
1170
+ padding: 0;
1171
+ }
1172
+
1173
+ [part='start'] {
1174
+ display: contents;
1175
+ ${on.cssCustomProperty}: ${cr};
1176
+ }
1177
+
1178
+ :host([disabled]) slot[name='start']::slotted(*) {
1179
+ opacity: 0.6;
1180
+ }
1181
+
1182
+ [part='end'] {
1183
+ display: contents;
1184
+ ${on.cssCustomProperty}: ${cr};
1185
+ }
1186
+
1187
+ :host([content-hidden]) [part='end'] {
1188
+ display: none;
1189
+ }
1190
+ `.withBehaviors(Cc(kc.Outline,mt`
1191
+ .control {
1192
+ background-color: transparent;
1193
+ border-color: rgba(${Uo}, 0.3);
1194
+ }
1195
+
1196
+ .control:hover {
1197
+ background-color: transparent;
1198
+ border-color: ${sn};
1199
+ }
1200
+
1201
+ .control${xc} {
1202
+ background-color: transparent;
1203
+ border-color: ${sn};
1204
+ }
1205
+
1206
+ .control:active {
1207
+ background-color: ${Wo};
1208
+ border-color: ${Wo};
1209
+ }
1210
+
1211
+ .control[disabled] {
1212
+ background-color: transparent;
1213
+ border-color: rgba(${Jo}, 0.2);
1214
+ }
1215
+ `),Cc(kc.Ghost,mt`
1216
+ .control {
1217
+ background-color: transparent;
1218
+ border-color: transparent;
1219
+ }
1220
+
1221
+ .control:hover {
1222
+ background-color: transparent;
1223
+ border-color: ${sn};
1224
+ }
1225
+
1226
+ .control${xc} {
1227
+ background-color: transparent;
1228
+ border-color: ${sn};
1229
+ }
1230
+
1231
+ .control:active {
1232
+ background-color: ${Wo};
1233
+ border-color: ${Wo};
1234
+ }
1235
+
1236
+ .control[disabled] {
1237
+ background-color: transparent;
1238
+ border-color: transparent;
1239
+ }
1240
+ `),Cc(kc.Block,mt`
1241
+ .control {
1242
+ background-color: rgba(${Jo}, 0.1);
1243
+ border-color: transparent;
1244
+ }
1245
+
1246
+ .control:hover {
1247
+ background-color: transparent;
1248
+ border-color: ${sn};
1249
+ }
1250
+
1251
+ .control${xc} {
1252
+ background-color: rgba(${Jo}, 0.1);
1253
+ border-color: ${sn};
1254
+ }
1255
+
1256
+ .control${xc}:hover {
1257
+ background-color: transparent;
1258
+ }
1259
+
1260
+ .control:active {
1261
+ background-color: ${Wo};
1262
+ border-color: ${Wo};
1263
+ }
1264
+
1265
+ .control[disabled] {
1266
+ background-color: rgba(${Jo}, 0.1);
1267
+ border-color: transparent;
1268
+ }
1269
+ `)),zc=_c.withBehaviors(Cc(kc.Outline,mt`
1270
+ :host(.primary) .control {
1271
+ box-shadow: 0px 0px 0px ${dn} rgba(${Uo}, 0.3) inset;
1272
+ }
1273
+
1274
+ :host(.primary) .control:hover {
1275
+ box-shadow: 0px 0px 0px ${dn} ${sn} inset;
1276
+ }
1277
+
1278
+ :host(.primary) .control${xc} {
1279
+ box-shadow: 0px 0px 0px ${dn} ${sn} inset;
1280
+ }
1281
+
1282
+ :host(.primary) .control:active {
1283
+ box-shadow: none;
1284
+ }
1285
+
1286
+ :host(.primary) .control[disabled] {
1287
+ box-shadow: none;
1288
+ }
1289
+ `),Cc(kc.Block,mt`
1290
+ :host(.primary) .control {
1291
+ background-clip: padding-box;
1292
+ border-color: rgba(${Uo}, 0.3);
1293
+ border-width: calc(2 * ${dn});
1294
+ padding: 0 calc(${cn} - ${dn});
1295
+ }
1296
+
1297
+ :host(.primary[content-hidden]) .control {
1298
+ padding: 0px;
1299
+ }
1300
+
1301
+ :host(.primary) .control:hover {
1302
+ border-color: ${sn};
1303
+ box-shadow: none;
1304
+ }
1305
+
1306
+ :host(.primary) .control${xc} {
1307
+ background-clip: border-box;
1308
+ border-color: ${sn};
1309
+ border-width: ${dn};
1310
+ box-shadow: 0px 0px 0px ${dn} ${sn} inset;
1311
+ padding: 0 ${cn};
1312
+ }
1313
+
1314
+ :host(.primary[content-hidden]) .control${xc} {
1315
+ padding: 0px;
1316
+ }
1317
+
1318
+ :host(.primary) .control:active {
1319
+ background-clip: border-box;
1320
+ border-color: ${Wo};
1321
+ border-width: ${dn};
1322
+ box-shadow: none;
1323
+ padding: 0 ${cn};
1324
+ }
1325
+
1326
+ :host(.primary[content-hidden]) .control:active {
1327
+ padding: 0px;
1328
+ }
1329
+
1330
+ :host(.primary) .control[disabled] {
1331
+ background-clip: border-box;
1332
+ border-color: transparent;
1333
+ border-width: ${dn};
1334
+ box-shadow: none;
1335
+ padding: 0 ${cn};
1336
+ }
1337
+
1338
+ :host(.primary[content-hidden]) .control[disabled] {
1339
+ padding: 0px;
1340
+ }
1341
+ `))
877
1342
  class Ic extends Xe{constructor(){super(...arguments),this.appearance=kc.Outline,this.contentHidden=!1}}Ro([ot],Ic.prototype,"appearance",void 0),Ro([ot({attribute:"content-hidden",mode:"boolean"})],Ic.prototype,"contentHidden",void 0)
878
- const Oc=Ic.compose({baseName:"button",baseClass:Xe,template:(t,e)=>Y`<button class="control" part="control" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" form="${t=>t.formId}" formaction="${t=>t.formaction}" formenctype="${t=>t.formenctype}" formmethod="${t=>t.formmethod}" formnovalidate="${t=>t.formnovalidate}" formtarget="${t=>t.formtarget}" name="${t=>t.name}" type="${t=>t.type}" value="${t=>t.value}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-expanded="${t=>t.ariaExpanded}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-pressed="${t=>t.ariaPressed}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${bt("control")}>${It(0,e)}<span class="content" part="content"><slot ${Ct("defaultSlottedContent")}></slot></span>${zt(0,e)}</button>`,styles:zc,shadowOptions:{delegatesFocus:!0}})
1343
+ const Oc=Ic.compose({baseName:"button",baseClass:Xe,template:(t,e)=>Y`
1344
+ <button
1345
+ class="control"
1346
+ part="control"
1347
+ ?autofocus="${t=>t.autofocus}"
1348
+ ?disabled="${t=>t.disabled}"
1349
+ form="${t=>t.formId}"
1350
+ formaction="${t=>t.formaction}"
1351
+ formenctype="${t=>t.formenctype}"
1352
+ formmethod="${t=>t.formmethod}"
1353
+ formnovalidate="${t=>t.formnovalidate}"
1354
+ formtarget="${t=>t.formtarget}"
1355
+ name="${t=>t.name}"
1356
+ type="${t=>t.type}"
1357
+ value="${t=>t.value}"
1358
+ aria-atomic="${t=>t.ariaAtomic}"
1359
+ aria-busy="${t=>t.ariaBusy}"
1360
+ aria-controls="${t=>t.ariaControls}"
1361
+ aria-current="${t=>t.ariaCurrent}"
1362
+ aria-describedby="${t=>t.ariaDescribedby}"
1363
+ aria-details="${t=>t.ariaDetails}"
1364
+ aria-disabled="${t=>t.ariaDisabled}"
1365
+ aria-errormessage="${t=>t.ariaErrormessage}"
1366
+ aria-expanded="${t=>t.ariaExpanded}"
1367
+ aria-flowto="${t=>t.ariaFlowto}"
1368
+ aria-haspopup="${t=>t.ariaHaspopup}"
1369
+ aria-hidden="${t=>t.ariaHidden}"
1370
+ aria-invalid="${t=>t.ariaInvalid}"
1371
+ aria-keyshortcuts="${t=>t.ariaKeyshortcuts}"
1372
+ aria-label="${t=>t.ariaLabel}"
1373
+ aria-labelledby="${t=>t.ariaLabelledby}"
1374
+ aria-live="${t=>t.ariaLive}"
1375
+ aria-owns="${t=>t.ariaOwns}"
1376
+ aria-pressed="${t=>t.ariaPressed}"
1377
+ aria-relevant="${t=>t.ariaRelevant}"
1378
+ aria-roledescription="${t=>t.ariaRoledescription}"
1379
+ ${bt("control")}
1380
+ >
1381
+ ${It(0,e)}
1382
+ <span class="content" part="content">
1383
+ <slot ${Ct("defaultSlottedContent")}></slot>
1384
+ </span>
1385
+ ${zt(0,e)}
1386
+ </button>
1387
+ `,styles:zc,shadowOptions:{delegatesFocus:!0}})
879
1388
  Es.getOrCreate().withPrefix("nimble").register(Oc())
880
1389
  const Sc=mt`
881
1390
  ${ls("inline-flex")}
882
1391
 
883
- :host{font:${lr};align-items:center;cursor:pointer;outline:none;user-select:none}:host([disabled]){cursor:default}.control{width:calc(${an} / 2);height:calc(${an} / 2);box-sizing:border-box;flex-shrink:0;border:${dn} solid ${Qo};padding:2px;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow ${_r};${""}
884
- line-height:0}@media (prefers-reduced-motion){.control{transition-duration:0s}}:host([disabled]) .control{background-color:rgba(${Jo},0.1);border-color:rgba(${Jo},0.2)}:host(:not([disabled]):not(:active):hover) .control{border-color:${sn};box-shadow:0px 0px 0px ${dn} ${sn} inset}:host(${xc}) .control{border-color:${sn};outline:2px solid ${sn};outline-offset:2px}.label{font:inherit;color:${Fn};padding-left:1ch;cursor:inherit}:host([disabled]) .label{color:${Bn}}slot[name='checked-indicator'],slot[name='indeterminate-indicator']{display:none}slot[name='checked-indicator'] svg{height:${un};width:${un};overflow:visible}:host(.checked:not(.indeterminate)) slot[name='checked-indicator']{display:contents}slot[name='checked-indicator'] path{fill:${Qo}}:host([disabled]) slot[name='checked-indicator'] path{fill:rgba(${Jo},0.3)}slot[name='indeterminate-indicator'] svg{height:${un};width:${un};overflow:visible}:host(.indeterminate) slot[name='indeterminate-indicator']{display:contents}slot[name='indeterminate-indicator'] path{fill:${Qo}}:host([disabled]) slot[name='indeterminate-indicator'] path{fill:rgba(${Jo},0.3)}`
885
- const Ac=class extends Ze{}.compose({baseName:"checkbox",baseClass:Ze,template:(t,e)=>Y`<template role="checkbox" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.readOnly?"readonly":""} ${t=>t.checked?"checked":""} ${t=>t.indeterminate?"indeterminate":""}"><div part="control" class="control"><slot name="checked-indicator">${e.checkedIndicator||""}</slot><slot name="indeterminate-indicator">${e.indeterminateIndicator||""}</slot></div><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ct("defaultSlottedNodes")}></slot></label></template>`,styles:Sc,checkedIndicator:da.data,indeterminateIndicator:Sl.data})
1392
+ :host {
1393
+ font: ${lr};
1394
+ align-items: center;
1395
+ cursor: pointer;
1396
+ outline: none;
1397
+ user-select: none;
1398
+ }
1399
+
1400
+ :host([disabled]) {
1401
+ cursor: default;
1402
+ }
1403
+
1404
+ .control {
1405
+ width: calc(${an} / 2);
1406
+ height: calc(${an} / 2);
1407
+ box-sizing: border-box;
1408
+ flex-shrink: 0;
1409
+ border: ${dn} solid ${Qo};
1410
+ padding: 2px;
1411
+ display: inline-flex;
1412
+ align-items: center;
1413
+ justify-content: center;
1414
+ transition: box-shadow ${_r};
1415
+ ${""}
1416
+ line-height: 0;
1417
+ }
1418
+
1419
+ @media (prefers-reduced-motion) {
1420
+ .control {
1421
+ transition-duration: 0s;
1422
+ }
1423
+ }
1424
+
1425
+ :host([disabled]) .control {
1426
+ background-color: rgba(${Jo}, 0.1);
1427
+ border-color: rgba(${Jo}, 0.2);
1428
+ }
1429
+
1430
+ :host(:not([disabled]):not(:active):hover) .control {
1431
+ border-color: ${sn};
1432
+ box-shadow: 0px 0px 0px ${dn} ${sn} inset;
1433
+ }
1434
+
1435
+ :host(${xc}) .control {
1436
+ border-color: ${sn};
1437
+ outline: 2px solid ${sn};
1438
+ outline-offset: 2px;
1439
+ }
1440
+
1441
+ .label {
1442
+ font: inherit;
1443
+ color: ${Fn};
1444
+ padding-left: 1ch;
1445
+ cursor: inherit;
1446
+ }
1447
+
1448
+ :host([disabled]) .label {
1449
+ color: ${Bn};
1450
+ }
1451
+
1452
+ slot[name='checked-indicator'],
1453
+ slot[name='indeterminate-indicator'] {
1454
+ display: none;
1455
+ }
1456
+
1457
+ slot[name='checked-indicator'] svg {
1458
+ height: ${un};
1459
+ width: ${un};
1460
+ overflow: visible;
1461
+ }
1462
+
1463
+ :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
1464
+ display: contents;
1465
+ }
1466
+
1467
+ slot[name='checked-indicator'] path {
1468
+ fill: ${Qo};
1469
+ }
1470
+
1471
+ :host([disabled]) slot[name='checked-indicator'] path {
1472
+ fill: rgba(${Jo}, 0.3);
1473
+ }
1474
+
1475
+ slot[name='indeterminate-indicator'] svg {
1476
+ height: ${un};
1477
+ width: ${un};
1478
+ overflow: visible;
1479
+ }
1480
+
1481
+ :host(.indeterminate) slot[name='indeterminate-indicator'] {
1482
+ display: contents;
1483
+ }
1484
+
1485
+ slot[name='indeterminate-indicator'] path {
1486
+ fill: ${Qo};
1487
+ }
1488
+
1489
+ :host([disabled]) slot[name='indeterminate-indicator'] path {
1490
+ fill: rgba(${Jo}, 0.3);
1491
+ }
1492
+ `
1493
+ const Ac=class extends Ze{}.compose({baseName:"checkbox",baseClass:Ze,template:(t,e)=>Y`
1494
+ <template
1495
+ role="checkbox"
1496
+ aria-checked="${t=>t.checked}"
1497
+ aria-required="${t=>t.required}"
1498
+ aria-disabled="${t=>t.disabled}"
1499
+ aria-readonly="${t=>t.readOnly}"
1500
+ tabindex="${t=>t.disabled?null:0}"
1501
+ @keypress="${(t,e)=>t.keypressHandler(e.event)}"
1502
+ @click="${(t,e)=>t.clickHandler(e.event)}"
1503
+ class="${t=>t.readOnly?"readonly":""} ${t=>t.checked?"checked":""} ${t=>t.indeterminate?"indeterminate":""}"
1504
+ >
1505
+ <div part="control" class="control">
1506
+ <slot name="checked-indicator">
1507
+ ${e.checkedIndicator||""}
1508
+ </slot>
1509
+ <slot name="indeterminate-indicator">
1510
+ ${e.indeterminateIndicator||""}
1511
+ </slot>
1512
+ </div>
1513
+ <label
1514
+ part="label"
1515
+ class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"
1516
+ >
1517
+ <slot ${Ct("defaultSlottedNodes")}></slot>
1518
+ </label>
1519
+ </template>
1520
+ `,styles:Sc,checkedIndicator:da.data,indeterminateIndicator:Sl.data})
886
1521
  Es.getOrCreate().withPrefix("nimble").register(Ac())
887
1522
  var Mc="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},Vc={},Ec={},Hc={}
888
1523
  !function(t){var e
@@ -1008,10 +1643,109 @@ t.ViewExitTrigger=h.default}(Vc)
1008
1643
  const wh=window.matchMedia("(prefers-reduced-motion: reduce)"),xh={slideLeftKeyframes:[{transform:"translateX(-100%)",visibility:"hidden",offset:0},{transform:"translateX(-100%)",visibility:"visible",offset:.01},{transform:"translateX(0%)",visibility:"visible",offset:1}],slideRightKeyframes:[{transform:"translateX(100%)",visibility:"hidden",offset:0},{transform:"translateX(100%)",visibility:"visible",offset:.01},{transform:"translateX(0%)",visibility:"visible",offset:1}],fadeOverlayKeyframes:[{opacity:0},{opacity:1}],slideInOptions:{duration:1,easing:"ease-out"},slideOutOptions:{duration:1,easing:"ease-in",direction:"reverse"}},yh=mt`
1009
1644
  ${ls("block")}
1010
1645
 
1011
- :host{position:relative;top:0;bottom:0;width:fit-content;height:100%;outline:none;font:${Pn};color:${Fn}}:host([modal]){position:absolute}:host([location='left']){left:0px}:host([location='right']){right:0px}.positioning-region{display:block;position:relative;justify-content:center;width:fit-content;height:100%;inset:0px;overflow:hidden;z-index:999}:host([modal]) .positioning-region{width:100%;position:fixed;display:flex}${""}
1012
- .overlay{position:fixed;inset:0px;background:${rn};touch-action:none}.control{position:relative;top:0px;bottom:0px;display:grid;grid-template-rows:max-content auto max-content;flex-direction:column;box-sizing:border-box;border-radius:0px;border-width:0px;width:${pn};height:100%;background-color:${Ko}}:host([modal]) .control{position:absolute;height:100%}:host(.hidden) .control{visibility:hidden}:host([location='left']) .control{left:0px;border-right:${dn} solid ${nn}}:host([location='right']) .control{right:0px;border-left:${dn} solid ${nn}}${""}
1646
+ :host {
1647
+ position: relative;
1648
+ top: 0;
1649
+ bottom: 0;
1650
+ width: fit-content;
1651
+ height: 100%;
1652
+ outline: none;
1653
+ font: ${Pn};
1654
+ color: ${Fn};
1655
+ }
1656
+
1657
+ :host([modal]) {
1658
+ position: absolute;
1659
+ }
1660
+
1661
+ :host([location='left']) {
1662
+ left: 0px;
1663
+ }
1664
+
1665
+ :host([location='right']) {
1666
+ right: 0px;
1667
+ }
1668
+
1669
+ .positioning-region {
1670
+ display: block;
1671
+ position: relative;
1672
+ justify-content: center;
1673
+ width: fit-content;
1674
+ height: 100%;
1675
+ inset: 0px;
1676
+ overflow: hidden;
1677
+ z-index: 999;
1678
+ }
1679
+
1680
+ :host([modal]) .positioning-region {
1681
+ width: 100%;
1682
+ position: fixed;
1683
+ display: flex;
1684
+ }
1685
+
1686
+ ${""}
1687
+ .overlay {
1688
+ position: fixed;
1689
+ inset: 0px;
1690
+ background: ${rn};
1691
+ touch-action: none;
1692
+ }
1693
+
1694
+ .control {
1695
+ position: relative;
1696
+ top: 0px;
1697
+ bottom: 0px;
1698
+ display: grid;
1699
+ grid-template-rows: max-content auto max-content;
1700
+ flex-direction: column;
1701
+ box-sizing: border-box;
1702
+ border-radius: 0px;
1703
+ border-width: 0px;
1704
+ width: ${pn};
1705
+ height: 100%;
1706
+ background-color: ${Ko};
1707
+ }
1708
+
1709
+ :host([modal]) .control {
1710
+ position: absolute;
1711
+ height: 100%;
1712
+ }
1713
+
1714
+ :host(.hidden) .control {
1715
+ visibility: hidden;
1716
+ }
1717
+
1718
+ :host([location='left']) .control {
1719
+ left: 0px;
1720
+ border-right: ${dn} solid ${nn};
1721
+ }
1013
1722
 
1014
- ::slotted(header){padding:${cn};font:${vn}}::slotted(section){padding:${cn};grid-row:2;overflow-y:auto}::slotted(footer){padding:${cn};display:flex;justify-content:flex-end;grid-row:3;border-top:${dn} solid ${rn}}`
1723
+ :host([location='right']) .control {
1724
+ right: 0px;
1725
+ border-left: ${dn} solid ${nn};
1726
+ }
1727
+
1728
+ ${""}
1729
+
1730
+ ::slotted(header) {
1731
+ padding: ${cn};
1732
+ font: ${vn};
1733
+ }
1734
+
1735
+ ::slotted(section) {
1736
+ padding: ${cn};
1737
+ grid-row: 2;
1738
+ overflow-y: auto;
1739
+ }
1740
+
1741
+ ::slotted(footer) {
1742
+ padding: ${cn};
1743
+ display: flex;
1744
+ justify-content: flex-end;
1745
+ grid-row: 3;
1746
+ border-top: ${dn} solid ${rn};
1747
+ }
1748
+ `
1015
1749
  var $h,Ch
1016
1750
  !function(t){t.Left="left",t.Right="right"}($h||($h={})),function(t){t.Opening="opening",t.Opened="opened",t.Closing="closing",t.Closed="closed"}(Ch||(Ch={}))
1017
1751
  class kh extends Ks{constructor(){super(...arguments),this.location=$h.Left,this.state=Ch.Closed,this.preventDismiss=!1,this.propertiesToWatch=["hidden","location","state"],this.animationDurationMilliseconds=.001}connectedCallback(){this.trapFocus=!1,super.connectedCallback(),this.updateAnimationDuration(),this.animationsEnabledChangedHandler=()=>this.updateAnimationDuration(),wh.addEventListener("change",this.animationsEnabledChangedHandler),this.onStateChanged()
@@ -1035,13 +1769,69 @@ const o=[i],n=this.shadowRoot?.querySelector(".overlay")
1035
1769
  if(n){const t=new Vc.AnimateTo(n,void 0,e)
1036
1770
  t.addKeyframes(xh.fadeOverlayKeyframes),o.push(t)}const r=new Vc.AnimateGroup(o)
1037
1771
  r.onFinish=()=>{this.state=t?Ch.Opened:Ch.Closed},this.animationGroup=r,r.play()}cancelCurrentAnimation(){this.animationGroup?.cancel()}}Ro([ot],kh.prototype,"location",void 0),Ro([ot],kh.prototype,"state",void 0),Ro([ot({attribute:"prevent-dismiss",mode:"boolean"})],kh.prototype,"preventDismiss",void 0)
1038
- const _h=kh.compose({baseName:"drawer",template:(t,e)=>Y`<div class="positioning-region" part="positioning-region">${wt((t=>t.modal),Y`<div class="overlay" part="overlay" role="presentation" @click="${t=>t.dismiss()}"></div>`)}<div role="dialog" tabindex="-1" class="control" part="control" aria-modal="${t=>t.modal}" aria-describedby="${t=>t.ariaDescribedby}" aria-labelledby="${t=>t.ariaLabelledby}" aria-label="${t=>t.ariaLabel}" ${bt("dialog")}><slot></slot></div></div>`,styles:yh})
1772
+ const _h=kh.compose({baseName:"drawer",template:(t,e)=>Y`
1773
+ <div class="positioning-region" part="positioning-region">
1774
+ ${wt((t=>t.modal),Y`
1775
+ <div
1776
+ class="overlay"
1777
+ part="overlay"
1778
+ role="presentation"
1779
+ @click="${t=>t.dismiss()}"
1780
+ ></div>
1781
+ `)}
1782
+ <div
1783
+ role="dialog"
1784
+ tabindex="-1"
1785
+ class="control"
1786
+ part="control"
1787
+ aria-modal="${t=>t.modal}"
1788
+ aria-describedby="${t=>t.ariaDescribedby}"
1789
+ aria-labelledby="${t=>t.ariaLabelledby}"
1790
+ aria-label="${t=>t.ariaLabel}"
1791
+ ${bt("dialog")}
1792
+ >
1793
+ <slot></slot>
1794
+ </div>
1795
+ </div>
1796
+ `,styles:yh})
1039
1797
  Es.getOrCreate().withPrefix("nimble").register(_h())
1040
- const zh=Y`<template><div class="icon" :innerHTML=${t=>t.icon.data}></div></template
1798
+ const zh=Y`
1799
+ <template>
1800
+ <div class="icon" :innerHTML=${t=>t.icon.data}></div>
1801
+ </template
1041
1802
  `,Ih=mt`
1042
1803
  ${ls("inline-flex")}
1043
1804
 
1044
- :host{align-items:center;user-select:none;width:${un};height:${un}}.icon{width:100%;height:100%}:host(.fail){${on.cssCustomProperty}:${Zo}}:host(.warning){${on.cssCustomProperty}:${tn}}:host(.pass){${on.cssCustomProperty}:${en}}.icon svg{fill:${on};width:100%;height:100%}`
1805
+ :host {
1806
+ align-items: center;
1807
+ user-select: none;
1808
+ width: ${un};
1809
+ height: ${un};
1810
+ }
1811
+
1812
+ .icon {
1813
+ width: 100%;
1814
+ height: 100%;
1815
+ }
1816
+
1817
+ :host(.fail) {
1818
+ ${on.cssCustomProperty}: ${Zo};
1819
+ }
1820
+
1821
+ :host(.warning) {
1822
+ ${on.cssCustomProperty}: ${tn};
1823
+ }
1824
+
1825
+ :host(.pass) {
1826
+ ${on.cssCustomProperty}: ${en};
1827
+ }
1828
+
1829
+ .icon svg {
1830
+ fill: ${on};
1831
+ width: 100%;
1832
+ height: 100%;
1833
+ }
1834
+ `
1045
1835
  class Oh extends de{constructor(t){super(),this.icon=t}}const Sh=(t,e)=>{const s=e.compose({baseName:t,template:zh,styles:Ih,baseClass:e})
1046
1836
  Es.getOrCreate().withPrefix("nimble").register(s())}
1047
1837
  Sh("add-icon",class extends Oh{constructor(){super(Br)}})
@@ -1189,179 +1979,1867 @@ Sh("xmark-check-icon",class extends Oh{constructor(){super(wc)}})
1189
1979
  const Ah=mt`
1190
1980
  ${ls("flex")}
1191
1981
 
1192
- :host{font:${Pn};cursor:pointer;justify-content:left}.content{padding:8px 4px}:host(.selected){box-shadow:none;outline:none;background-color:${Wo}}:host(:hover.selected){background-color:${Xo}}:host(:hover){background-color:${Go}}:host(:hover):host([disabled]){box-shadow:none;background-color:transparent}:host(:${xc}){box-shadow:0px 0px 0px 1px ${sn} inset;outline:1px solid ${sn};outline-offset:-4px}:host(:active){box-shadow:none;outline:none;background-color:${Wo}}:host([disabled]){color:${Bn};cursor:default}.content[disabled]{box-shadow:none;outline:none}`
1193
- const Mh=class extends es{get value(){return super.value}set value(t){super.value=`${t}`,this.$fastController.isConnected&&this.setAttribute("value",this.value)}connectedCallback(){super.connectedCallback(),this.setAttribute("value",this.value)}}.compose({baseName:"listbox-option",baseClass:es,template:(t,e)=>Y`<template aria-checked="${t=>t.ariaChecked}" aria-disabled="${t=>t.ariaDisabled}" aria-posinset="${t=>t.ariaPosInSet}" aria-selected="${t=>t.ariaSelected}" aria-setsize="${t=>t.ariaSetSize}" class="${t=>[t.checked&&"checked",t.selected&&"selected",t.disabled&&"disabled"].filter(Boolean).join(" ")}" role="option">${It(0,e)}<span class="content" part="content"><slot></slot></span>${zt(0,e)}</template>`,styles:Ah})
1982
+ :host {
1983
+ font: ${Pn};
1984
+ cursor: pointer;
1985
+ justify-content: left;
1986
+ }
1987
+
1988
+ .content {
1989
+ padding: 8px 4px;
1990
+ }
1991
+
1992
+ :host(.selected) {
1993
+ box-shadow: none;
1994
+ outline: none;
1995
+ background-color: ${Wo};
1996
+ }
1997
+
1998
+ :host(:hover.selected) {
1999
+ background-color: ${Xo};
2000
+ }
2001
+
2002
+ :host(:hover) {
2003
+ background-color: ${Go};
2004
+ }
2005
+
2006
+ :host(:hover):host([disabled]) {
2007
+ box-shadow: none;
2008
+ background-color: transparent;
2009
+ }
2010
+
2011
+ :host(:${xc}) {
2012
+ box-shadow: 0px 0px 0px 1px ${sn} inset;
2013
+ outline: 1px solid ${sn};
2014
+ outline-offset: -4px;
2015
+ }
2016
+
2017
+ :host(:active) {
2018
+ box-shadow: none;
2019
+ outline: none;
2020
+ background-color: ${Wo};
2021
+ }
2022
+
2023
+ :host([disabled]) {
2024
+ color: ${Bn};
2025
+ cursor: default;
2026
+ }
2027
+
2028
+ .content[disabled] {
2029
+ box-shadow: none;
2030
+ outline: none;
2031
+ }
2032
+ `
2033
+ const Mh=class extends es{get value(){return super.value}set value(t){super.value=`${t}`,this.$fastController.isConnected&&this.setAttribute("value",this.value)}connectedCallback(){super.connectedCallback(),this.setAttribute("value",this.value)}}.compose({baseName:"list-option",baseClass:es,template:(t,e)=>Y`
2034
+ <template
2035
+ aria-checked="${t=>t.ariaChecked}"
2036
+ aria-disabled="${t=>t.ariaDisabled}"
2037
+ aria-posinset="${t=>t.ariaPosInSet}"
2038
+ aria-selected="${t=>t.ariaSelected}"
2039
+ aria-setsize="${t=>t.ariaSetSize}"
2040
+ class="${t=>[t.checked&&"checked",t.selected&&"selected",t.disabled&&"disabled"].filter(Boolean).join(" ")}"
2041
+ role="option"
2042
+ >
2043
+ ${It(0,e)}
2044
+ <span class="content" part="content">
2045
+ <slot></slot>
2046
+ </span>
2047
+ ${zt(0,e)}
2048
+ </template>
2049
+ `,styles:Ah})
1194
2050
  Es.getOrCreate().withPrefix("nimble").register(Mh())
1195
2051
  const Vh=mt`
1196
2052
  ${ls("grid")}
1197
2053
 
1198
- :host{background:${Ko};border:${dn} solid ${rn};margin:0;padding:4px;min-width:168px;width:max-content;box-shadow:0px 2px 3px ${nn}}::slotted(*){padding-left:8px;padding-right:8px}::slotted(hr){box-sizing:content-box;height:2px;margin:4px;border:none;background:${Qo};opacity:0.1}::slotted(header){display:flex;font:${Kn};color:${Wn};text-transform:${kr};padding-top:4px;padding-bottom:4px}`
1199
- const Eh=class extends Gs{}.compose({baseName:"menu",baseClass:Gs,template:(t,e)=>Y`<template slot="${t=>t.slot?t.slot:t.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(t,e)=>t.handleMenuKeyDown(e.event)}" @focusout="${(t,e)=>t.handleFocusOut(e.event)}"><slot ${Ct("items")}></slot></template>`,styles:Vh})
2054
+ :host {
2055
+ background: ${Ko};
2056
+ border: ${dn} solid ${rn};
2057
+ margin: 0;
2058
+ padding: 4px;
2059
+ min-width: 168px;
2060
+ width: max-content;
2061
+ box-shadow: 0px 2px 3px ${nn};
2062
+ }
2063
+ ::slotted(*) {
2064
+ padding-left: 8px;
2065
+ padding-right: 8px;
2066
+ }
2067
+ ::slotted(hr) {
2068
+ box-sizing: content-box;
2069
+ height: 2px;
2070
+ margin: 4px;
2071
+ border: none;
2072
+ background: ${Qo};
2073
+ opacity: 0.1;
2074
+ }
2075
+ ::slotted(header) {
2076
+ display: flex;
2077
+ font: ${Kn};
2078
+ color: ${Wn};
2079
+ text-transform: ${kr};
2080
+ padding-top: 4px;
2081
+ padding-bottom: 4px;
2082
+ }
2083
+ `
2084
+ const Eh=class extends Gs{}.compose({baseName:"menu",baseClass:Gs,template:(t,e)=>Y`
2085
+ <template
2086
+ slot="${t=>t.slot?t.slot:t.isNestedMenu()?"submenu":void 0}"
2087
+ role="menu"
2088
+ @keydown="${(t,e)=>t.handleMenuKeyDown(e.event)}"
2089
+ @focusout="${(t,e)=>t.handleFocusOut(e.event)}"
2090
+ >
2091
+ <slot ${Ct("items")}></slot>
2092
+ </template>
2093
+ `,styles:Vh})
1200
2094
  Es.getOrCreate().withPrefix("nimble").register(Eh())
1201
2095
  const Hh=mt`
1202
2096
  ${ls("grid")}
1203
2097
 
1204
- :host{contain:layout;overflow:visible;box-sizing:border-box;height:${an};grid-template-columns:0px 1fr;grid-template-rows:1fr;justify-items:start;align-items:center;padding-left:8px;padding-right:8px;margin:0 0;white-space:nowrap;color:${Fn};fill:currentcolor;cursor:pointer;font:${Pn}}:host(${xc}){outline:2px solid ${sn};outline-offset:-2px}:host(:hover){background:${Go}}:host(:active){background:${Wo}}:host([disabled]){color:${Bn};fill:currentcolor;cursor:default}:host([disabled]:hover){background:transparent}:host(.indent-1){grid-template-columns:${un} 1fr;column-gap:8px}[part='start']{display:contents}slot[name='start']::slotted(*){fill:currentcolor;width:${un};height:${un}}:host(.indent-1) .start{grid-column:1}:host(.indent-1) .content{grid-column:2}`
1205
- const Lh=class extends Xs{}.compose({baseName:"menu-item",baseClass:Xs,template:(t,e)=>Y`<template role="${t=>t.role}" aria-haspopup="${t=>t.hasSubmenu?"menu":void 0}" aria-checked="${t=>t.role!==Ws.menuitem?t.checked:void 0}" aria-disabled="${t=>t.disabled}" aria-expanded="${t=>t.expanded}" @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}" @click="${(t,e)=>t.handleMenuItemClick(e.event)}" @mouseover="${(t,e)=>t.handleMouseOver(e.event)}" @mouseout="${(t,e)=>t.handleMouseOut(e.event)}" class="${t=>t.disabled?"disabled":""} ${t=>t.expanded?"expanded":""} ${t=>`indent-${t.startColumnCount}`}">${wt((t=>t.role===Ws.menuitemcheckbox),Y`<div part="input-container" class="input-container"><span part="checkbox" class="checkbox"><slot name="checkbox-indicator">${e.checkboxIndicator||""}</slot></span></div>`)} ${wt((t=>t.role===Ws.menuitemradio),Y`<div part="input-container" class="input-container"><span part="radio" class="radio"><slot name="radio-indicator">${e.radioIndicator||""}</slot></span></div>`)}</div>${It(0,e)}<span class="content" part="content"><slot></slot></span>${zt(0,e)} ${wt((t=>t.hasSubmenu),Y`<div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container"><span part="expand-collapse" class="expand-collapse"><slot name="expand-collapse-indicator">${e.expandCollapseGlyph||""}</slot></span></div>`)} ${wt((t=>t.expanded),Y`<${t.tagFor(Pe)} :anchorElement="${t=>t}" vertical-positioning-mode="dynamic" vertical-default-position="bottom" vertical-inset="true" horizontal-positioning-mode="dynamic" horizontal-default-position="end" class="submenu-region" dir="${t=>t.currentDirection}" @loaded="${t=>t.submenuLoaded()}" ${bt("submenuRegion")} part="submenu-region"><slot name="submenu"></slot></${t.tagFor(Pe)}>`)}</template>`,styles:Hh})
2098
+ :host {
2099
+ contain: layout;
2100
+ overflow: visible;
2101
+ box-sizing: border-box;
2102
+ height: ${an};
2103
+ grid-template-columns: 0px 1fr;
2104
+ grid-template-rows: 1fr;
2105
+ justify-items: start;
2106
+ align-items: center;
2107
+ padding-left: 8px;
2108
+ padding-right: 8px;
2109
+ margin: 0 0;
2110
+ white-space: nowrap;
2111
+ color: ${Fn};
2112
+ fill: currentcolor;
2113
+ cursor: pointer;
2114
+ font: ${Pn};
2115
+ }
2116
+ :host(${xc}) {
2117
+ outline: 2px solid ${sn};
2118
+ outline-offset: -2px;
2119
+ }
2120
+ :host(:hover) {
2121
+ background: ${Go};
2122
+ }
2123
+ :host(:active) {
2124
+ background: ${Wo};
2125
+ }
2126
+ :host([disabled]) {
2127
+ color: ${Bn};
2128
+ fill: currentcolor;
2129
+ cursor: default;
2130
+ }
2131
+ :host([disabled]:hover) {
2132
+ background: transparent;
2133
+ }
2134
+ :host(.indent-1) {
2135
+ grid-template-columns: ${un} 1fr;
2136
+ column-gap: 8px;
2137
+ }
2138
+ [part='start'] {
2139
+ display: contents;
2140
+ }
2141
+ slot[name='start']::slotted(*) {
2142
+ fill: currentcolor;
2143
+ width: ${un};
2144
+ height: ${un};
2145
+ }
2146
+ :host(.indent-1) .start {
2147
+ grid-column: 1;
2148
+ }
2149
+ :host(.indent-1) .content {
2150
+ grid-column: 2;
2151
+ }
2152
+ `
2153
+ const Lh=class extends Xs{}.compose({baseName:"menu-item",baseClass:Xs,template:(t,e)=>Y`
2154
+ <template
2155
+ role="${t=>t.role}"
2156
+ aria-haspopup="${t=>t.hasSubmenu?"menu":void 0}"
2157
+ aria-checked="${t=>t.role!==Ws.menuitem?t.checked:void 0}"
2158
+ aria-disabled="${t=>t.disabled}"
2159
+ aria-expanded="${t=>t.expanded}"
2160
+ @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}"
2161
+ @click="${(t,e)=>t.handleMenuItemClick(e.event)}"
2162
+ @mouseover="${(t,e)=>t.handleMouseOver(e.event)}"
2163
+ @mouseout="${(t,e)=>t.handleMouseOut(e.event)}"
2164
+ class="${t=>t.disabled?"disabled":""} ${t=>t.expanded?"expanded":""} ${t=>`indent-${t.startColumnCount}`}"
2165
+ >
2166
+ ${wt((t=>t.role===Ws.menuitemcheckbox),Y`
2167
+ <div part="input-container" class="input-container">
2168
+ <span part="checkbox" class="checkbox">
2169
+ <slot name="checkbox-indicator">
2170
+ ${e.checkboxIndicator||""}
2171
+ </slot>
2172
+ </span>
2173
+ </div>
2174
+ `)}
2175
+ ${wt((t=>t.role===Ws.menuitemradio),Y`
2176
+ <div part="input-container" class="input-container">
2177
+ <span part="radio" class="radio">
2178
+ <slot name="radio-indicator">
2179
+ ${e.radioIndicator||""}
2180
+ </slot>
2181
+ </span>
2182
+ </div>
2183
+ `)}
2184
+ </div>
2185
+ ${It(0,e)}
2186
+ <span class="content" part="content">
2187
+ <slot></slot>
2188
+ </span>
2189
+ ${zt(0,e)}
2190
+ ${wt((t=>t.hasSubmenu),Y`
2191
+ <div
2192
+ part="expand-collapse-glyph-container"
2193
+ class="expand-collapse-glyph-container"
2194
+ >
2195
+ <span part="expand-collapse" class="expand-collapse">
2196
+ <slot name="expand-collapse-indicator">
2197
+ ${e.expandCollapseGlyph||""}
2198
+ </slot>
2199
+ </span>
2200
+ </div>
2201
+ `)}
2202
+ ${wt((t=>t.expanded),Y`
2203
+ <${t.tagFor(Pe)}
2204
+ :anchorElement="${t=>t}"
2205
+ vertical-positioning-mode="dynamic"
2206
+ vertical-default-position="bottom"
2207
+ vertical-inset="true"
2208
+ horizontal-positioning-mode="dynamic"
2209
+ horizontal-default-position="end"
2210
+ class="submenu-region"
2211
+ dir="${t=>t.currentDirection}"
2212
+ @loaded="${t=>t.submenuLoaded()}"
2213
+ ${bt("submenuRegion")}
2214
+ part="submenu-region"
2215
+ >
2216
+ <slot name="submenu"></slot>
2217
+ </${t.tagFor(Pe)}>
2218
+ `)}
2219
+ </template>
2220
+ `,styles:Hh})
1206
2221
  Es.getOrCreate().withPrefix("nimble").register(Lh())
1207
2222
  const Th=mt`
1208
2223
  ${ls("inline-block")}
1209
2224
 
1210
- :host{font:${Pn};outline:none;user-select:none;color:${Fn};height:calc(${hn} + ${an})}:host([disabled]){color:${Bn};cursor:default}.root{box-sizing:border-box;position:relative;display:flex;flex-direction:row;border-radius:0px;border-bottom:${dn} solid rgba(${Jo},0.3);padding-bottom:1px;transition:border-bottom ${_r},padding-bottom ${_r}}@media (prefers-reduced-motion){.root{transition-duration:0s}}.root:hover{border-bottom:2px solid ${sn};padding-bottom:0px}:host([disabled]) .root,:host([disabled]) .root:hover{border-bottom:${dn} solid ${Bn};padding-bottom:1px}.control{-webkit-appearance:none;font:inherit;background:transparent;color:inherit;height:28px;width:100%;margin-top:auto;margin-bottom:auto;border:none}.control:hover,.control:focus,.control:disabled,.control:active{outline:none}.control::selection{color:${er};background:rgba(${Yo},0.3)}.control::placeholder{color:${er}}.control:focus-within::placeholder{opacity:1}.control[disabled]::placeholder{color:${Bn}}.label{display:flex;color:${er};font:${tr}}.controls{display:flex;flex-direction:column}.step-up,.step-down{display:inline-flex;height:15px;width:15px;cursor:pointer;justify-content:center;align-items:center}.step-up svg,.step-down svg{height:${un};width:${un};fill:${Qo}}`
1211
- const Rh=class extends oi{}.compose({baseName:"number-field",baseClass:oi,template:(t,e)=>Y`<template class="${t=>t.readOnly?"readonly":""}"><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ct("defaultSlottedNodes")}></slot></label><div class="root" part="root">${It(0,e)}<input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" @keydown="${(t,e)=>t.handleKeyDown(e.event)}" @blur="${(t,e)=>t.handleBlur()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" type="text" inputmode="numeric" min="${t=>t.min}" max="${t=>t.max}" step="${t=>t.step}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${bt("control")} />${wt((t=>!t.hideStep&&!t.readOnly&&!t.disabled),Y`<div class="controls" part="controls"><div class="step-up" part="step-up" @click="${t=>t.stepUp()}"><slot name="step-up-glyph">${e.stepUpGlyph||""}</slot></div><div class="step-down" part="step-down" @click="${t=>t.stepDown()}"><slot name="step-down-glyph">${e.stepDownGlyph||""}</slot></div></div>`)} ${zt(0,e)}</div></template>`,styles:Th,shadowOptions:{delegatesFocus:!0},stepDownGlyph:Nr.data,stepUpGlyph:Ur.data})
2225
+ :host {
2226
+ font: ${Pn};
2227
+ outline: none;
2228
+ user-select: none;
2229
+ color: ${Fn};
2230
+ height: calc(${hn} + ${an});
2231
+ }
2232
+
2233
+ :host([disabled]) {
2234
+ color: ${Bn};
2235
+ cursor: default;
2236
+ }
2237
+
2238
+ .root {
2239
+ box-sizing: border-box;
2240
+ position: relative;
2241
+ display: flex;
2242
+ flex-direction: row;
2243
+ border-radius: 0px;
2244
+ border-bottom: ${dn} solid rgba(${Jo}, 0.3);
2245
+ padding-bottom: 1px;
2246
+ transition: border-bottom ${_r}, padding-bottom ${_r};
2247
+ }
2248
+
2249
+ @media (prefers-reduced-motion) {
2250
+ .root {
2251
+ transition-duration: 0s;
2252
+ }
2253
+ }
2254
+
2255
+ .root:hover {
2256
+ border-bottom: 2px solid ${sn};
2257
+ padding-bottom: 0px;
2258
+ }
2259
+
2260
+ :host([disabled]) .root,
2261
+ :host([disabled]) .root:hover {
2262
+ border-bottom: ${dn} solid ${Bn};
2263
+ padding-bottom: 1px;
2264
+ }
2265
+
2266
+ .control {
2267
+ -webkit-appearance: none;
2268
+ font: inherit;
2269
+ background: transparent;
2270
+ color: inherit;
2271
+ height: 28px;
2272
+ width: 100%;
2273
+ margin-top: auto;
2274
+ margin-bottom: auto;
2275
+ border: none;
2276
+ }
2277
+
2278
+ .control:hover,
2279
+ .control:focus,
2280
+ .control:disabled,
2281
+ .control:active {
2282
+ outline: none;
2283
+ }
2284
+
2285
+ .control::selection {
2286
+ color: ${er};
2287
+ background: rgba(${Yo}, 0.3);
2288
+ }
2289
+
2290
+ .control::placeholder {
2291
+ color: ${er};
2292
+ }
2293
+
2294
+ .control:focus-within::placeholder {
2295
+ opacity: 1;
2296
+ }
2297
+
2298
+ .control[disabled]::placeholder {
2299
+ color: ${Bn};
2300
+ }
2301
+
2302
+ .label {
2303
+ display: flex;
2304
+ color: ${er};
2305
+ font: ${tr};
2306
+ }
2307
+
2308
+ .controls {
2309
+ display: flex;
2310
+ flex-direction: column;
2311
+ }
2312
+
2313
+ .step-up,
2314
+ .step-down {
2315
+ display: inline-flex;
2316
+ height: 15px;
2317
+ width: 15px;
2318
+ cursor: pointer;
2319
+ justify-content: center;
2320
+ align-items: center;
2321
+ }
2322
+
2323
+ .step-up svg,
2324
+ .step-down svg {
2325
+ height: ${un};
2326
+ width: ${un};
2327
+ fill: ${Qo};
2328
+ }
2329
+ `
2330
+ const Rh=class extends oi{}.compose({baseName:"number-field",baseClass:oi,template:(t,e)=>Y`
2331
+ <template class="${t=>t.readOnly?"readonly":""}">
2332
+ <label
2333
+ part="label"
2334
+ for="control"
2335
+ class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"
2336
+ >
2337
+ <slot ${Ct("defaultSlottedNodes")}></slot>
2338
+ </label>
2339
+ <div class="root" part="root">
2340
+ ${It(0,e)}
2341
+ <input
2342
+ class="control"
2343
+ part="control"
2344
+ id="control"
2345
+ @input="${t=>t.handleTextInput()}"
2346
+ @change="${t=>t.handleChange()}"
2347
+ @keydown="${(t,e)=>t.handleKeyDown(e.event)}"
2348
+ @blur="${(t,e)=>t.handleBlur()}"
2349
+ ?autofocus="${t=>t.autofocus}"
2350
+ ?disabled="${t=>t.disabled}"
2351
+ list="${t=>t.list}"
2352
+ maxlength="${t=>t.maxlength}"
2353
+ minlength="${t=>t.minlength}"
2354
+ placeholder="${t=>t.placeholder}"
2355
+ ?readonly="${t=>t.readOnly}"
2356
+ ?required="${t=>t.required}"
2357
+ size="${t=>t.size}"
2358
+ type="text"
2359
+ inputmode="numeric"
2360
+ min="${t=>t.min}"
2361
+ max="${t=>t.max}"
2362
+ step="${t=>t.step}"
2363
+ aria-atomic="${t=>t.ariaAtomic}"
2364
+ aria-busy="${t=>t.ariaBusy}"
2365
+ aria-controls="${t=>t.ariaControls}"
2366
+ aria-current="${t=>t.ariaCurrent}"
2367
+ aria-describedby="${t=>t.ariaDescribedby}"
2368
+ aria-details="${t=>t.ariaDetails}"
2369
+ aria-disabled="${t=>t.ariaDisabled}"
2370
+ aria-errormessage="${t=>t.ariaErrormessage}"
2371
+ aria-flowto="${t=>t.ariaFlowto}"
2372
+ aria-haspopup="${t=>t.ariaHaspopup}"
2373
+ aria-hidden="${t=>t.ariaHidden}"
2374
+ aria-invalid="${t=>t.ariaInvalid}"
2375
+ aria-keyshortcuts="${t=>t.ariaKeyshortcuts}"
2376
+ aria-label="${t=>t.ariaLabel}"
2377
+ aria-labelledby="${t=>t.ariaLabelledby}"
2378
+ aria-live="${t=>t.ariaLive}"
2379
+ aria-owns="${t=>t.ariaOwns}"
2380
+ aria-relevant="${t=>t.ariaRelevant}"
2381
+ aria-roledescription="${t=>t.ariaRoledescription}"
2382
+ ${bt("control")}
2383
+ />
2384
+ ${wt((t=>!t.hideStep&&!t.readOnly&&!t.disabled),Y`
2385
+ <div class="controls" part="controls">
2386
+ <div class="step-up" part="step-up" @click="${t=>t.stepUp()}">
2387
+ <slot name="step-up-glyph">
2388
+ ${e.stepUpGlyph||""}
2389
+ </slot>
2390
+ </div>
2391
+ <div
2392
+ class="step-down"
2393
+ part="step-down"
2394
+ @click="${t=>t.stepDown()}"
2395
+ >
2396
+ <slot name="step-down-glyph">
2397
+ ${e.stepDownGlyph||""}
2398
+ </slot>
2399
+ </div>
2400
+ </div>
2401
+ `)}
2402
+ ${zt(0,e)}
2403
+ </div>
2404
+ </template>
2405
+ `,styles:Th,shadowOptions:{delegatesFocus:!0},stepDownGlyph:Nr.data,stepUpGlyph:Ur.data})
1212
2406
  Es.getOrCreate().withPrefix("nimble").register(Rh())
1213
2407
  const Ph=mt`
1214
2408
  ${ls("inline-flex")}
1215
2409
 
1216
- :host{box-sizing:border-box;color:${Fn};font:${Pn};height:${an};position:relative;user-select:none;min-width:250px;outline:none;vertical-align:top}.listbox{box-sizing:border-box;display:inline-flex;flex-direction:column;left:0;overflow-y:auto;position:absolute;width:100%;${""}
1217
- max-height:calc(var(--max-height) - ${an});z-index:1;padding:4px;box-shadow:0px 3px 3px ${nn};border:1px solid ${rn};background-color:${Ko};background-clip:padding-box}.listbox[hidden]{display:none}.control{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;min-height:100%;width:100%;border-bottom:${dn} solid ${Bn};background-color:transparent;padding-left:8px;padding-bottom:1px}:host([disabled]) .control{cursor:default}:host(.open:not(:hover)) .control{border-bottom:${dn} solid ${sn};transition:border-bottom ${_r},padding-bottom ${_r}}:host(:hover) .control{border-bottom:2px solid ${sn};padding-bottom:0px;transition:border-bottom ${_r},padding-bottom ${_r}}:host([disabled]) .control,:host([disabled]) .control:hover{border-bottom:${dn} solid ${Bn};padding-bottom:1px;color:${Bn}}:host([open][position='above']) .listbox{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([open][position='below']) .listbox{border-top-left-radius:0;border-top-right-radius:0}:host([open][position='above']) .listbox{bottom:${an}}:host([open][position='below']) .listbox{top:calc(${an} + ${ln})}.selected-value{flex:1 1 auto;font-family:inherit;text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.indicator{flex:0 0 auto;margin-inline-start:1em;padding-right:8px;display:flex;justify-content:center;align-items:center}.indicator slot[name='indicator'] svg{width:${un};height:${un};fill:${Fn}}:host([disabled]) .indicator slot[name='indicator'] svg{fill:${Bn}}slot[name='listbox']{display:none;width:100%}:host([open]) slot[name='listbox']{display:flex;position:absolute}.end{margin-inline-start:auto}::slotted([role='option']),::slotted(option){flex:0 0 auto}`
1218
- const Fh=class extends ai{setPositioning(){this.$fastController.isConnected&&super.setPositioning()}connectedCallback(){super.connectedCallback(),this.setPositioning()}slottedOptionsChanged(t,e){const s=this.value
1219
- super.slottedOptionsChanged(t,e),s&&(this.value=s)}}.compose({baseName:"select",baseClass:ai,template:(t,e)=>Y`<template class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}" aria-activedescendant="${t=>t.ariaActiveDescendant}" aria-controls="${t=>t.ariaControls}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="listbox" ?open="${t=>t.open}" role="combobox" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><div class="control" part="control" ?disabled="${t=>t.disabled}">${It(0,e)}<slot name="button-container"><div class="selected-value" part="selected-value"><slot name="selected-value">${t=>t.displayValue}</slot></div><div aria-hidden="true" class="indicator" part="indicator"><slot name="indicator">${e.indicator||""}</slot></div></slot>${zt(0,e)}</div><div class="listbox" id="${t=>t.listboxId}" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!t.open}" ${bt("listbox")}><slot ${Ct({filter:is.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:Ph,indicator:Nr.data})
2410
+ :host {
2411
+ box-sizing: border-box;
2412
+ color: ${Fn};
2413
+ font: ${Pn};
2414
+ height: ${an};
2415
+ position: relative;
2416
+ user-select: none;
2417
+ min-width: 250px;
2418
+ outline: none;
2419
+ vertical-align: top;
2420
+ }
2421
+
2422
+ .listbox {
2423
+ box-sizing: border-box;
2424
+ display: inline-flex;
2425
+ flex-direction: column;
2426
+ left: 0;
2427
+ overflow-y: auto;
2428
+ position: absolute;
2429
+ width: 100%;
2430
+ ${""}
2431
+ max-height: calc(var(--max-height) - ${an});
2432
+ z-index: 1;
2433
+ padding: 4px;
2434
+ box-shadow: 0px 3px 3px ${nn};
2435
+ border: 1px solid ${rn};
2436
+ background-color: ${Ko};
2437
+ background-clip: padding-box;
2438
+ }
2439
+
2440
+ .listbox[hidden] {
2441
+ display: none;
2442
+ }
2443
+
2444
+ .control {
2445
+ align-items: center;
2446
+ box-sizing: border-box;
2447
+ cursor: pointer;
2448
+ display: flex;
2449
+ min-height: 100%;
2450
+ width: 100%;
2451
+ border-bottom: ${dn} solid ${Bn};
2452
+ background-color: transparent;
2453
+ padding-left: 8px;
2454
+ padding-bottom: 1px;
2455
+ }
2456
+
2457
+ :host([disabled]) .control {
2458
+ cursor: default;
2459
+ }
2460
+
2461
+ :host(.open:not(:hover)) .control {
2462
+ border-bottom: ${dn} solid ${sn};
2463
+ transition: border-bottom ${_r}, padding-bottom ${_r};
2464
+ }
2465
+
2466
+ :host(:hover) .control {
2467
+ border-bottom: 2px solid ${sn};
2468
+ padding-bottom: 0px;
2469
+ transition: border-bottom ${_r}, padding-bottom ${_r};
2470
+ }
2471
+
2472
+ :host([disabled]) .control,
2473
+ :host([disabled]) .control:hover {
2474
+ border-bottom: ${dn} solid ${Bn};
2475
+ padding-bottom: 1px;
2476
+ color: ${Bn};
2477
+ }
2478
+
2479
+ :host([open][position='above']) .listbox {
2480
+ border-bottom-left-radius: 0;
2481
+ border-bottom-right-radius: 0;
2482
+ }
2483
+
2484
+ :host([open][position='below']) .listbox {
2485
+ border-top-left-radius: 0;
2486
+ border-top-right-radius: 0;
2487
+ }
2488
+
2489
+ :host([open][position='above']) .listbox {
2490
+ bottom: ${an};
2491
+ }
2492
+
2493
+ :host([open][position='below']) .listbox {
2494
+ top: calc(${an} + ${ln});
2495
+ }
2496
+
2497
+ .selected-value {
2498
+ flex: 1 1 auto;
2499
+ font-family: inherit;
2500
+ text-align: start;
2501
+ white-space: nowrap;
2502
+ text-overflow: ellipsis;
2503
+ overflow: hidden;
2504
+ }
2505
+
2506
+ .indicator {
2507
+ flex: 0 0 auto;
2508
+ margin-inline-start: 1em;
2509
+ padding-right: 8px;
2510
+ display: flex;
2511
+ justify-content: center;
2512
+ align-items: center;
2513
+ }
2514
+
2515
+ .indicator slot[name='indicator'] svg {
2516
+ width: ${un};
2517
+ height: ${un};
2518
+ fill: ${Fn};
2519
+ }
2520
+
2521
+ :host([disabled]) .indicator slot[name='indicator'] svg {
2522
+ fill: ${Bn};
2523
+ }
2524
+
2525
+ slot[name='listbox'] {
2526
+ display: none;
2527
+ width: 100%;
2528
+ }
2529
+
2530
+ :host([open]) slot[name='listbox'] {
2531
+ display: flex;
2532
+ position: absolute;
2533
+ }
2534
+
2535
+ .end {
2536
+ margin-inline-start: auto;
2537
+ }
2538
+
2539
+ ::slotted([role='option']),
2540
+ ::slotted(option) {
2541
+ flex: 0 0 auto;
2542
+ }
2543
+ `
2544
+ const Fh=class extends ai{setPositioning(){this.$fastController.isConnected&&super.setPositioning()}slottedOptionsChanged(t,e){const s=this.value
2545
+ super.slottedOptionsChanged(t,e),s&&(this.value=s)}}.compose({baseName:"select",baseClass:ai,template:(t,e)=>Y`
2546
+ <template
2547
+ class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}"
2548
+ aria-activedescendant="${t=>t.ariaActiveDescendant}"
2549
+ aria-controls="${t=>t.ariaControls}"
2550
+ aria-disabled="${t=>t.ariaDisabled}"
2551
+ aria-expanded="${t=>t.ariaExpanded}"
2552
+ aria-haspopup="listbox"
2553
+ ?open="${t=>t.open}"
2554
+ role="combobox"
2555
+ tabindex="${t=>t.disabled?null:"0"}"
2556
+ @click="${(t,e)=>t.clickHandler(e.event)}"
2557
+ @focusout="${(t,e)=>t.focusoutHandler(e.event)}"
2558
+ @keydown="${(t,e)=>t.keydownHandler(e.event)}"
2559
+ >
2560
+ <div class="control" part="control" ?disabled="${t=>t.disabled}">
2561
+ ${It(0,e)}
2562
+ <slot name="button-container">
2563
+ <div class="selected-value" part="selected-value">
2564
+ <slot name="selected-value">${t=>t.displayValue}</slot>
2565
+ </div>
2566
+ <div aria-hidden="true" class="indicator" part="indicator">
2567
+ <slot name="indicator">
2568
+ ${e.indicator||""}
2569
+ </slot>
2570
+ </div>
2571
+ </slot>
2572
+ ${zt(0,e)}
2573
+ </div>
2574
+ <div
2575
+ class="listbox"
2576
+ id="${t=>t.listboxId}"
2577
+ part="listbox"
2578
+ role="listbox"
2579
+ ?disabled="${t=>t.disabled}"
2580
+ ?hidden="${t=>!t.open}"
2581
+ ${bt("listbox")}
2582
+ >
2583
+ <slot
2584
+ ${Ct({filter:is.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}
2585
+ ></slot>
2586
+ </div>
2587
+ </template>
2588
+ `,styles:Ph,indicator:Nr.data})
1220
2589
  Es.getOrCreate().withPrefix("nimble").register(Fh())
1221
2590
  const Bh=mt`
1222
2591
  ${ls("inline-flex")}
1223
2592
 
1224
- :host{outline:none;font:${lr};color:${cr};flex-direction:column;cursor:pointer;--ni-private-switch-height:24px;--ni-private-switch-indicator-size:16px;padding-bottom:calc(
2593
+ :host {
2594
+ outline: none;
2595
+ font: ${lr};
2596
+ color: ${cr};
2597
+ flex-direction: column;
2598
+ cursor: pointer;
2599
+ --ni-private-switch-height: 24px;
2600
+ --ni-private-switch-indicator-size: 16px;
2601
+ padding-bottom: calc(
1225
2602
  ${an} - var(--ni-private-switch-height)
1226
- )}:host([disabled]){cursor:default;color:${hr}}.label{color:${er};font:${tr}}:host([disabled]) .label{color:${sr}}.label__hidden{display:none;visibility:hidden}.switch-container{display:flex;align-items:center}slot[name='unchecked-message']::slotted(*){margin-inline-end:8px}.switch{display:flex;height:var(--ni-private-switch-height);width:calc(var(--ni-private-switch-height) * 2);box-sizing:border-box;background-color:${Go};border-radius:calc(var(--ni-private-switch-height) / 2);align-items:center;border:calc(${dn} * 2) solid transparent}:host([disabled]) .switch{background-color:var(--ni-private-switch-background-disabled-color)}:host(${xc}) .switch{border-color:${sn}}.checked-indicator-spacer{flex-grow:0;transition:flex-grow ${_r} ease-in-out}:host([aria-checked='true']) .checked-indicator-spacer{flex-grow:1;transition:flex-grow ${_r} ease-in-out}.checked-indicator{display:flex;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);margin:calc(
2603
+ );
2604
+ }
2605
+
2606
+ :host([disabled]) {
2607
+ cursor: default;
2608
+ color: ${hr};
2609
+ }
2610
+
2611
+ .label {
2612
+ color: ${er};
2613
+ font: ${tr};
2614
+ }
2615
+
2616
+ :host([disabled]) .label {
2617
+ color: ${sr};
2618
+ }
2619
+
2620
+ .label__hidden {
2621
+ display: none;
2622
+ visibility: hidden;
2623
+ }
2624
+
2625
+ .switch-container {
2626
+ display: flex;
2627
+ align-items: center;
2628
+ }
2629
+
2630
+ slot[name='unchecked-message']::slotted(*) {
2631
+ margin-inline-end: 8px;
2632
+ }
2633
+
2634
+ .switch {
2635
+ display: flex;
2636
+ height: var(--ni-private-switch-height);
2637
+ width: calc(var(--ni-private-switch-height) * 2);
2638
+ box-sizing: border-box;
2639
+ background-color: ${Go};
2640
+ border-radius: calc(var(--ni-private-switch-height) / 2);
2641
+ align-items: center;
2642
+ border: calc(${dn} * 2) solid transparent;
2643
+ }
2644
+
2645
+ :host([disabled]) .switch {
2646
+ background-color: var(--ni-private-switch-background-disabled-color);
2647
+ }
2648
+
2649
+ :host(${xc}) .switch {
2650
+ border-color: ${sn};
2651
+ }
2652
+
2653
+ .checked-indicator-spacer {
2654
+ flex-grow: 0;
2655
+ transition: flex-grow ${_r} ease-in-out;
2656
+ }
2657
+
2658
+ :host([aria-checked='true']) .checked-indicator-spacer {
2659
+ flex-grow: 1;
2660
+ transition: flex-grow ${_r} ease-in-out;
2661
+ }
2662
+
2663
+ .checked-indicator {
2664
+ display: flex;
2665
+ justify-content: center;
2666
+ align-items: center;
2667
+ background-color: var(--ni-private-switch-indicator-background-color);
2668
+ box-sizing: border-box;
2669
+ width: var(--ni-private-switch-indicator-size);
2670
+ height: var(--ni-private-switch-indicator-size);
2671
+ border-radius: calc(var(--ni-private-switch-indicator-size) / 2);
2672
+ margin: calc(
1227
2673
  calc(
1228
2674
  var(--ni-private-switch-height) -
1229
2675
  var(--ni-private-switch-indicator-size)
1230
2676
  ) / 2
1231
- );border:${dn} solid
1232
- var(--ni-private-switch-indicator-border-color)}:host(:hover) .checked-indicator{border:calc(${dn} * 2) solid ${sn}}:host([disabled]) .checked-indicator{background-color:var(
2677
+ );
2678
+ border: ${dn} solid
2679
+ var(--ni-private-switch-indicator-border-color);
2680
+ }
2681
+
2682
+ :host(:hover) .checked-indicator {
2683
+ border: calc(${dn} * 2) solid ${sn};
2684
+ }
2685
+
2686
+ :host([disabled]) .checked-indicator {
2687
+ background-color: var(
1233
2688
  --ni-private-switch-indicator-background-disabled-color
1234
- );border:${dn} solid
1235
- var(--ni-private-switch-indicator-border-disabled-color)}:host(${xc}) .checked-indicator{border:${dn} solid ${sn}}.checked-indicator-inner{width:calc(var(--ni-private-switch-indicator-size) / 2);height:calc(var(--ni-private-switch-indicator-size) / 2);border-radius:calc(var(--ni-private-switch-indicator-size) / 4);background-color:var(--ni-private-switch-indicator-border-color);opacity:0;transition:opacity ${_r} ease-in-out}:host([disabled]) .checked-indicator-inner{background-color:var(
2689
+ );
2690
+ border: ${dn} solid
2691
+ var(--ni-private-switch-indicator-border-disabled-color);
2692
+ }
2693
+
2694
+ :host(${xc}) .checked-indicator {
2695
+ border: ${dn} solid ${sn};
2696
+ }
2697
+
2698
+ .checked-indicator-inner {
2699
+ width: calc(var(--ni-private-switch-indicator-size) / 2);
2700
+ height: calc(var(--ni-private-switch-indicator-size) / 2);
2701
+ border-radius: calc(var(--ni-private-switch-indicator-size) / 4);
2702
+ background-color: var(--ni-private-switch-indicator-border-color);
2703
+ opacity: 0;
2704
+ transition: opacity ${_r} ease-in-out;
2705
+ }
2706
+
2707
+ :host([disabled]) .checked-indicator-inner {
2708
+ background-color: var(
1236
2709
  --ni-private-switch-indicator-border-disabled-color
1237
- )}:host([aria-checked='true']) .checked-indicator-inner{opacity:1;transition:opacity ${_r} ease-in-out}slot[name='checked-message']::slotted(*){margin-inline-start:8px}@media (prefers-reduced-motion){.checked-indicator-inner,.checked-indicator-spacer{transition-duration:0s}}`.withBehaviors(Rr(mt`
2710
+ );
2711
+ }
2712
+
2713
+ :host([aria-checked='true']) .checked-indicator-inner {
2714
+ opacity: 1;
2715
+ transition: opacity ${_r} ease-in-out;
2716
+ }
2717
+
2718
+ slot[name='checked-message']::slotted(*) {
2719
+ margin-inline-start: 8px;
2720
+ }
2721
+
2722
+ @media (prefers-reduced-motion) {
2723
+ .checked-indicator-inner,
2724
+ .checked-indicator-spacer {
2725
+ transition-duration: 0s;
2726
+ }
2727
+ }
2728
+ `.withBehaviors(Rr(mt`
1238
2729
  ${""}
1239
- :host{--ni-private-switch-background-disabled-color:${qo(Hi,.07)};--ni-private-switch-indicator-background-color:${Vi};--ni-private-switch-indicator-background-disabled-color:${qo(Vi,.1)};--ni-private-switch-indicator-border-color:${Hi};--ni-private-switch-indicator-border-disabled-color:${qo(Hi,.3)}}`,mt`
2730
+ :host {
2731
+ --ni-private-switch-background-disabled-color: ${qo(Hi,.07)};
2732
+ --ni-private-switch-indicator-background-color: ${Vi};
2733
+ --ni-private-switch-indicator-background-disabled-color: ${qo(Vi,.1)};
2734
+ --ni-private-switch-indicator-border-color: ${Hi};
2735
+ --ni-private-switch-indicator-border-disabled-color: ${qo(Hi,.3)};
2736
+ }
2737
+ `,mt`
1240
2738
  ${""}
1241
- :host{--ni-private-switch-background-disabled-color:${qo(Ai,.07)};--ni-private-switch-indicator-background-color:${qo(Hi,.3)};--ni-private-switch-indicator-background-disabled-color:${qo(Hi,.1)};--ni-private-switch-indicator-border-color:${Mi};--ni-private-switch-indicator-border-disabled-color:${qo(Mi,.3)}}`,mt`
2739
+ :host {
2740
+ --ni-private-switch-background-disabled-color: ${qo(Ai,.07)};
2741
+ --ni-private-switch-indicator-background-color: ${qo(Hi,.3)};
2742
+ --ni-private-switch-indicator-background-disabled-color: ${qo(Hi,.1)};
2743
+ --ni-private-switch-indicator-border-color: ${Mi};
2744
+ --ni-private-switch-indicator-border-disabled-color: ${qo(Mi,.3)};
2745
+ }
2746
+ `,mt`
1242
2747
  ${""}
1243
- :host{--ni-private-switch-background-disabled-color:${qo(Vi,.07)};--ni-private-switch-indicator-background-color:${qo(Vi,.1)};--ni-private-switch-indicator-background-disabled-color:${qo(Vi,.1)};--ni-private-switch-indicator-border-color:${Vi};--ni-private-switch-indicator-border-disabled-color:${qo(Vi,.3)}}`)),Dh=Y`<template role="switch" aria-checked="${t=>t.checked}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.checked?"checked":""}"><label part="label" class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"><slot ${Ct("defaultSlottedNodes")}></slot></label><div class="switch-container"><span class="status-message unchecked-message" part="unchecked-message"><slot name="unchecked-message"></slot></span><div part="switch" class="switch"><slot name="switch"><span class="checked-indicator-spacer"></span><span class="checked-indicator" part="checked-indicator"><span class="checked-indicator-inner"></span></slot></div><span class="status-message checked-message" part="checked-message"><slot name="checked-message"></slot></span></div></template>`
2748
+ :host {
2749
+ --ni-private-switch-background-disabled-color: ${qo(Vi,.07)};
2750
+ --ni-private-switch-indicator-background-color: ${qo(Vi,.1)};
2751
+ --ni-private-switch-indicator-background-disabled-color: ${qo(Vi,.1)};
2752
+ --ni-private-switch-indicator-border-color: ${Vi};
2753
+ --ni-private-switch-indicator-border-disabled-color: ${qo(Vi,.3)};
2754
+ }
2755
+ `)),Dh=Y`
2756
+ <template
2757
+ role="switch"
2758
+ aria-checked="${t=>t.checked}"
2759
+ aria-disabled="${t=>t.disabled}"
2760
+ aria-readonly="${t=>t.readOnly}"
2761
+ tabindex="${t=>t.disabled?null:0}"
2762
+ @keypress="${(t,e)=>t.keypressHandler(e.event)}"
2763
+ @click="${(t,e)=>t.clickHandler(e.event)}"
2764
+ class="${t=>t.checked?"checked":""}"
2765
+ >
2766
+ <label
2767
+ part="label"
2768
+ class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
2769
+ >
2770
+ <slot ${Ct("defaultSlottedNodes")}></slot>
2771
+ </label>
2772
+ <div class="switch-container">
2773
+ <span class="status-message unchecked-message" part="unchecked-message">
2774
+ <slot name="unchecked-message"></slot>
2775
+ </span>
2776
+ <div part="switch" class="switch">
2777
+ <slot name="switch">
2778
+ <span class="checked-indicator-spacer"></span>
2779
+ <span class="checked-indicator" part="checked-indicator">
2780
+ <span class="checked-indicator-inner">
2781
+ </span>
2782
+ </slot>
2783
+ </div>
2784
+ <span class="status-message checked-message" part="checked-message">
2785
+ <slot name="checked-message"></slot>
2786
+ </span>
2787
+ </div>
2788
+ </template>
2789
+ `
1244
2790
  const Nh=class extends di{}.compose({baseClass:di,baseName:"switch",template:Dh,styles:Bh})
1245
2791
  Es.getOrCreate().withPrefix("nimble").register(Nh())
1246
2792
  const jh=mt`
1247
2793
  ${ls("inline-flex")}
1248
2794
 
1249
- :host{box-sizing:border-box;font:${Pn};height:${an};padding:calc(${cn} / 2) ${cn}
1250
- calc(${cn} / 2 - ${dn});color:${Fn};align-items:center;justify-content:center;cursor:pointer;${""}
1251
- border-bottom:transparent ${dn} solid}:host(:hover){background-color:${Go}}:host(:focus){outline:none}:host(${xc}){outline:none;box-shadow:0 calc(${dn} * -1) ${sn} inset;transition:box-shadow ${zr} ease-in-out}@media (prefers-reduced-motion){:host(${xc}){transition-duration:0.01s}}:host(:active){background:none}:host([disabled]){cursor:default;color:${Bn};background:none}`
1252
- const qh=class extends pi{}.compose({baseName:"tab",baseClass:pi,template:(t,e)=>Y`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}"><slot></slot></template>`,styles:jh})
2795
+ :host {
2796
+ box-sizing: border-box;
2797
+ font: ${Pn};
2798
+ height: ${an};
2799
+ padding: calc(${cn} / 2) ${cn}
2800
+ calc(${cn} / 2 - ${dn});
2801
+ color: ${Fn};
2802
+ align-items: center;
2803
+ justify-content: center;
2804
+ cursor: pointer;
2805
+ ${""}
2806
+ border-bottom: transparent ${dn} solid;
2807
+ }
2808
+
2809
+ :host(:hover) {
2810
+ background-color: ${Go};
2811
+ }
2812
+
2813
+ :host(:focus) {
2814
+ outline: none;
2815
+ }
2816
+
2817
+ :host(${xc}) {
2818
+ outline: none;
2819
+ box-shadow: 0 calc(${dn} * -1) ${sn} inset;
2820
+ transition: box-shadow ${zr} ease-in-out;
2821
+ }
2822
+
2823
+ @media (prefers-reduced-motion) {
2824
+ :host(${xc}) {
2825
+ transition-duration: 0.01s;
2826
+ }
2827
+ }
2828
+
2829
+ :host(:active) {
2830
+ background: none;
2831
+ }
2832
+
2833
+ :host([disabled]) {
2834
+ cursor: default;
2835
+ color: ${Bn};
2836
+ background: none;
2837
+ }
2838
+ `
2839
+ const qh=class extends pi{}.compose({baseName:"tab",baseClass:pi,template:(t,e)=>Y`
2840
+ <template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">
2841
+ <slot></slot>
2842
+ </template>
2843
+ `,styles:jh})
1253
2844
  Es.getOrCreate().withPrefix("nimble").register(qh())
1254
2845
  const Uh=mt`
1255
2846
  ${ls("block")}
1256
2847
 
1257
- :host{box-sizing:border-box;font:${Pn};color:${Fn};padding-top:${cn}}`
1258
- const Kh=class extends ui{}.compose({baseName:"tab-panel",baseClass:ui,template:(t,e)=>Y`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,styles:Uh})
2848
+ :host {
2849
+ box-sizing: border-box;
2850
+ font: ${Pn};
2851
+ color: ${Fn};
2852
+ padding-top: ${cn};
2853
+ }
2854
+ `
2855
+ const Kh=class extends ui{}.compose({baseName:"tab-panel",baseClass:ui,template:(t,e)=>Y`
2856
+ <template slot="tabpanel" role="tabpanel">
2857
+ <slot></slot>
2858
+ </template>
2859
+ `,styles:Uh})
1259
2860
  Es.getOrCreate().withPrefix("nimble").register(Kh())
1260
2861
  const Wh=mt`
1261
2862
  ${ls("grid")}
1262
2863
 
1263
- :host{box-sizing:border-box;grid-template-columns:auto auto 1fr;grid-template-rows:auto 1fr}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;width:max-content;align-self:end}.activeIndicator{grid-row:2;height:calc(${dn} * 2);background-color:${sn}}.activeIndicatorTransition{transition:transform ${_r} ease-in-out}@media (prefers-reduced-motion){.activeIndicatorTransition{transition:transform 0.01s}}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4}`
1264
- const Yh=class extends mi{}.compose({baseName:"tabs",baseClass:mi,template:(t,e)=>Y`<template class="${t=>t.orientation}">${It(0,e)}<div class="tablist" part="tablist" role="tablist"><slot class="tab" name="tab" part="tab" ${Ct("tabs")}></slot>${wt((t=>t.showActiveIndicator),Y`<div ${bt("activeIndicatorRef")} class="activeIndicator" part="activeIndicator"></div>`)}</div>${zt(0,e)}<div class="tabpanel"><slot name="tabpanel" part="tabpanel" ${Ct("tabpanels")}></slot></div></template>`,styles:Wh})
2864
+ :host {
2865
+ box-sizing: border-box;
2866
+ grid-template-columns: auto auto 1fr;
2867
+ grid-template-rows: auto 1fr;
2868
+ }
2869
+
2870
+ .tablist {
2871
+ display: grid;
2872
+ grid-template-rows: auto auto;
2873
+ grid-template-columns: auto;
2874
+ width: max-content;
2875
+ align-self: end;
2876
+ }
2877
+
2878
+ .activeIndicator {
2879
+ grid-row: 2;
2880
+ height: calc(${dn} * 2);
2881
+ background-color: ${sn};
2882
+ }
2883
+
2884
+ .activeIndicatorTransition {
2885
+ transition: transform ${_r} ease-in-out;
2886
+ }
2887
+
2888
+ @media (prefers-reduced-motion) {
2889
+ .activeIndicatorTransition {
2890
+ transition: transform 0.01s;
2891
+ }
2892
+ }
2893
+
2894
+ .tabpanel {
2895
+ grid-row: 2;
2896
+ grid-column-start: 1;
2897
+ grid-column-end: 4;
2898
+ }
2899
+ `
2900
+ const Yh=class extends mi{}.compose({baseName:"tabs",baseClass:mi,template:(t,e)=>Y`
2901
+ <template class="${t=>t.orientation}">
2902
+ ${It(0,e)}
2903
+ <div class="tablist" part="tablist" role="tablist">
2904
+ <slot class="tab" name="tab" part="tab" ${Ct("tabs")}></slot>
2905
+
2906
+ ${wt((t=>t.showActiveIndicator),Y`
2907
+ <div
2908
+ ${bt("activeIndicatorRef")}
2909
+ class="activeIndicator"
2910
+ part="activeIndicator"
2911
+ ></div>
2912
+ `)}
2913
+ </div>
2914
+ ${zt(0,e)}
2915
+ <div class="tabpanel">
2916
+ <slot name="tabpanel" part="tabpanel" ${Ct("tabpanels")}></slot>
2917
+ </div>
2918
+ </template>
2919
+ `,styles:Wh})
1265
2920
  Es.getOrCreate().withPrefix("nimble").register(Yh())
1266
2921
  const Xh=mt`
1267
2922
  ${ls("flex")}
1268
2923
 
1269
- :host{align-items:center;height:${an};box-sizing:border-box;font:${Pn};color:${Fn}}.separator{display:inline-block;height:24px;border-left:calc(${dn} * 2) solid
1270
- rgba(${Jo},0.3);margin:calc(${cn} / 4) calc(${cn} / 2)}`,Gh=Y`<template slot="end"><div class="separator"></div><slot></slot></template>`
2924
+ :host {
2925
+ align-items: center;
2926
+ height: ${an};
2927
+ box-sizing: border-box;
2928
+ font: ${Pn};
2929
+ color: ${Fn};
2930
+ }
2931
+
2932
+ .separator {
2933
+ display: inline-block;
2934
+ height: 24px;
2935
+ border-left: calc(${dn} * 2) solid
2936
+ rgba(${Jo}, 0.3);
2937
+ margin: calc(${cn} / 4) calc(${cn} / 2);
2938
+ }
2939
+ `,Gh=Y`
2940
+ <template slot="end">
2941
+ <div class="separator"></div>
2942
+ <slot></slot>
2943
+ </template>
2944
+ `
1271
2945
  const Qh=class extends de{}.compose({baseName:"tabs-toolbar",template:Gh,styles:Xh})
1272
2946
  var Jh
1273
2947
  Es.getOrCreate().withPrefix("nimble").register(Qh()),function(t){t.Outline="outline",t.Block="block"}(Jh||(Jh={}))
1274
2948
  const Zh=mt`
1275
2949
  ${ls("inline-flex")}
1276
2950
 
1277
- :host{font:${Pn};outline:none;user-select:none;color:${Fn};flex-direction:column;vertical-align:top}:host([disabled]){color:${Bn}}.label{display:block;color:${er};font:${tr}}:host([disabled]) .label{color:${sr}}.control{-webkit-appearance:none;font:inherit;width:100%;flex-grow:1;outline:none;box-sizing:border-box;position:relative;color:inherit;border-radius:0px;align-items:flex-end;border:${dn} solid transparent;padding:8px;transition:box-shadow ${_r},border ${_r};resize:none}@media (prefers-reduced-motion){.control{transition-duration:0s}}.control:hover{border-color:${sn};box-shadow:0px 0px 0px 1px ${sn}}.control:focus-within{border-color:${sn}}.control[readonly],.control[readonly]:hover,.control[readonly]:hover:focus-within,.control[disabled],.control[disabled]:hover{border-color:rgba(${Jo},0.1);box-shadow:none}.control::selection{color:${er};background:rgba(${Yo},0.3)}.control::placeholder{color:${er}}.control[disabled]::placeholder{color:${sr}}:host([cols]) .control{width:auto}:host([rows]) .control{flex:none}:host([resize='both']) .control{resize:both}:host([resize='horizontal']) .control{resize:horizontal}:host([resize='vertical']) .control{resize:vertical}`.withBehaviors(Cc(Jh.Outline,mt`
1278
- .control{border-color:rgba(${Jo},0.3);background-color:transparent}`),Cc(Jh.Block,mt`
1279
- .control{background-color:rgba(${Jo},0.1)}:host([readonly]) .control{background-color:transparent}:host([disabled]) .control{border-color:transparent;background-color:rgba(${Jo},0.1)}`))
2951
+ :host {
2952
+ font: ${Pn};
2953
+ outline: none;
2954
+ user-select: none;
2955
+ color: ${Fn};
2956
+ flex-direction: column;
2957
+ vertical-align: top;
2958
+ }
2959
+
2960
+ :host([disabled]) {
2961
+ color: ${Bn};
2962
+ }
2963
+
2964
+ .label {
2965
+ display: block;
2966
+ color: ${er};
2967
+ font: ${tr};
2968
+ }
2969
+
2970
+ :host([disabled]) .label {
2971
+ color: ${sr};
2972
+ }
2973
+
2974
+ .control {
2975
+ -webkit-appearance: none;
2976
+ font: inherit;
2977
+ width: 100%;
2978
+ flex-grow: 1;
2979
+ outline: none;
2980
+ box-sizing: border-box;
2981
+ position: relative;
2982
+ color: inherit;
2983
+ border-radius: 0px;
2984
+ align-items: flex-end;
2985
+ border: ${dn} solid transparent;
2986
+ padding: 8px;
2987
+ transition: box-shadow ${_r}, border ${_r};
2988
+ resize: none;
2989
+ }
2990
+
2991
+ @media (prefers-reduced-motion) {
2992
+ .control {
2993
+ transition-duration: 0s;
2994
+ }
2995
+ }
2996
+
2997
+ .control:hover {
2998
+ border-color: ${sn};
2999
+ box-shadow: 0px 0px 0px 1px ${sn};
3000
+ }
3001
+
3002
+ .control:focus-within {
3003
+ border-color: ${sn};
3004
+ }
3005
+
3006
+ .control[readonly],
3007
+ .control[readonly]:hover,
3008
+ .control[readonly]:hover:focus-within,
3009
+ .control[disabled],
3010
+ .control[disabled]:hover {
3011
+ border-color: rgba(${Jo}, 0.1);
3012
+ box-shadow: none;
3013
+ }
3014
+
3015
+ .control::selection {
3016
+ color: ${er};
3017
+ background: rgba(${Yo}, 0.3);
3018
+ }
3019
+
3020
+ .control::placeholder {
3021
+ color: ${er};
3022
+ }
3023
+
3024
+ .control[disabled]::placeholder {
3025
+ color: ${sr};
3026
+ }
3027
+
3028
+ :host([cols]) .control {
3029
+ width: auto;
3030
+ }
3031
+
3032
+ :host([rows]) .control {
3033
+ flex: none;
3034
+ }
3035
+
3036
+ :host([resize='both']) .control {
3037
+ resize: both;
3038
+ }
3039
+ :host([resize='horizontal']) .control {
3040
+ resize: horizontal;
3041
+ }
3042
+ :host([resize='vertical']) .control {
3043
+ resize: vertical;
3044
+ }
3045
+ `.withBehaviors(Cc(Jh.Outline,mt`
3046
+ .control {
3047
+ border-color: rgba(${Jo}, 0.3);
3048
+ background-color: transparent;
3049
+ }
3050
+ `),Cc(Jh.Block,mt`
3051
+ .control {
3052
+ background-color: rgba(${Jo}, 0.1);
3053
+ }
3054
+
3055
+ :host([readonly]) .control {
3056
+ background-color: transparent;
3057
+ }
3058
+
3059
+ :host([disabled]) .control {
3060
+ border-color: transparent;
3061
+ background-color: rgba(${Jo}, 0.1);
3062
+ }
3063
+ `))
1280
3064
  class td extends wi{constructor(){super(...arguments),this.appearance=Jh.Outline}}Ro([ot],td.prototype,"appearance",void 0)
1281
- const ed=td.compose({baseName:"text-area",baseClass:wi,template:(t,e)=>Y`<template class=" ${t=>t.readOnly?"readonly":""} ${t=>t.resize!==gi.none?`resize-${t.resize}`:""}"><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ct("defaultSlottedNodes")}></slot></label><textarea part="control" class="control" id="control" ?autofocus="${t=>t.autofocus}" cols="${t=>t.cols}" ?disabled="${t=>t.disabled}" form="${t=>t.form}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" name="${t=>t.name}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" rows="${t=>t.rows}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" @input="${(t,e)=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ${bt("control")}></textarea></template>`,styles:Zh,shadowOptions:{delegatesFocus:!0}})
3065
+ const ed=td.compose({baseName:"text-area",baseClass:wi,template:(t,e)=>Y`
3066
+ <template
3067
+ class="
3068
+ ${t=>t.readOnly?"readonly":""}
3069
+ ${t=>t.resize!==gi.none?`resize-${t.resize}`:""}"
3070
+ >
3071
+ <label
3072
+ part="label"
3073
+ for="control"
3074
+ class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"
3075
+ >
3076
+ <slot ${Ct("defaultSlottedNodes")}></slot>
3077
+ </label>
3078
+ <textarea
3079
+ part="control"
3080
+ class="control"
3081
+ id="control"
3082
+ ?autofocus="${t=>t.autofocus}"
3083
+ cols="${t=>t.cols}"
3084
+ ?disabled="${t=>t.disabled}"
3085
+ form="${t=>t.form}"
3086
+ list="${t=>t.list}"
3087
+ maxlength="${t=>t.maxlength}"
3088
+ minlength="${t=>t.minlength}"
3089
+ name="${t=>t.name}"
3090
+ placeholder="${t=>t.placeholder}"
3091
+ ?readonly="${t=>t.readOnly}"
3092
+ ?required="${t=>t.required}"
3093
+ rows="${t=>t.rows}"
3094
+ ?spellcheck="${t=>t.spellcheck}"
3095
+ :value="${t=>t.value}"
3096
+ aria-atomic="${t=>t.ariaAtomic}"
3097
+ aria-busy="${t=>t.ariaBusy}"
3098
+ aria-controls="${t=>t.ariaControls}"
3099
+ aria-current="${t=>t.ariaCurrent}"
3100
+ aria-describedby="${t=>t.ariaDescribedby}"
3101
+ aria-details="${t=>t.ariaDetails}"
3102
+ aria-disabled="${t=>t.ariaDisabled}"
3103
+ aria-errormessage="${t=>t.ariaErrormessage}"
3104
+ aria-flowto="${t=>t.ariaFlowto}"
3105
+ aria-haspopup="${t=>t.ariaHaspopup}"
3106
+ aria-hidden="${t=>t.ariaHidden}"
3107
+ aria-invalid="${t=>t.ariaInvalid}"
3108
+ aria-keyshortcuts="${t=>t.ariaKeyshortcuts}"
3109
+ aria-label="${t=>t.ariaLabel}"
3110
+ aria-labelledby="${t=>t.ariaLabelledby}"
3111
+ aria-live="${t=>t.ariaLive}"
3112
+ aria-owns="${t=>t.ariaOwns}"
3113
+ aria-relevant="${t=>t.ariaRelevant}"
3114
+ aria-roledescription="${t=>t.ariaRoledescription}"
3115
+ @input="${(t,e)=>t.handleTextInput()}"
3116
+ @change="${t=>t.handleChange()}"
3117
+ ${bt("control")}
3118
+ ></textarea>
3119
+ </template>
3120
+ `,styles:Zh,shadowOptions:{delegatesFocus:!0}})
1282
3121
  var sd
1283
- Es.getOrCreate().withPrefix("nimble").register(ed()),function(t){t.Underline="underline",t.Outline="outline",t.Block="block"}(sd||(sd={}))
3122
+ Es.getOrCreate().withPrefix("nimble").register(ed()),function(t){t.Underline="underline",t.Outline="outline",t.Block="block",t.Frameless="frameless"}(sd||(sd={}))
1284
3123
  const id=mt`
1285
3124
  ${ls("inline-block")}
1286
3125
 
1287
- :host{font:${Pn};outline:none;user-select:none;--webkit-user-select:none;color:${Fn};height:calc(${hn} + ${an})}:host([disabled]){color:${Bn}}.label{display:flex;color:${er};font:${tr}}:host([disabled]) .label{color:${sr}}.root{box-sizing:border-box;position:relative;display:flex;flex-direction:row;border-radius:0px;font:inherit;transition:border-bottom ${_r},padding-bottom ${_r};align-items:center;--ni-private-hover-bottom-border-width:2px;border:0px solid rgba(${Jo},0.3);border-bottom-width:var(--ni-private-bottom-border-width);padding-bottom:calc(
3126
+ :host {
3127
+ font: ${Pn};
3128
+ outline: none;
3129
+ user-select: none;
3130
+ --webkit-user-select: none;
3131
+ color: ${Fn};
3132
+ height: calc(${hn} + ${an});
3133
+ }
3134
+
3135
+ :host([disabled]) {
3136
+ color: ${Bn};
3137
+ }
3138
+
3139
+ .label {
3140
+ display: flex;
3141
+ color: ${er};
3142
+ font: ${tr};
3143
+ }
3144
+
3145
+ :host([disabled]) .label {
3146
+ color: ${sr};
3147
+ }
3148
+
3149
+ .root {
3150
+ box-sizing: border-box;
3151
+ position: relative;
3152
+ display: flex;
3153
+ flex-direction: row;
3154
+ border-radius: 0px;
3155
+ font: inherit;
3156
+ transition: border-bottom ${_r}, padding-bottom ${_r};
3157
+ align-items: center;
3158
+ --ni-private-hover-bottom-border-width: 2px;
3159
+ border: 0px solid rgba(${Jo}, 0.3);
3160
+ border-bottom-width: var(--ni-private-bottom-border-width);
3161
+ padding-bottom: calc(
1288
3162
  var(--ni-private-hover-bottom-border-width) -
1289
3163
  var(--ni-private-bottom-border-width)
1290
- )}@media (prefers-reduced-motion){.root{transition-duration:0s}}:host(.invalid) .root{border-bottom-color:${Zo}}:host([readonly]:not([disabled])) .root{border:${dn} solid rgba(${Jo},0.1);padding:0px;padding-bottom:1px;background-color:transparent}:host([disabled]) .root{border-color:rgba(${Jo},0.1)}.root:hover{--ni-private-bottom-border-width:var(
3164
+ );
3165
+ }
3166
+
3167
+ @media (prefers-reduced-motion) {
3168
+ .root {
3169
+ transition-duration: 0s;
3170
+ }
3171
+ }
3172
+
3173
+ :host(.invalid) .root {
3174
+ border-bottom-color: ${Zo};
3175
+ }
3176
+
3177
+ :host([readonly]) .root {
3178
+ border-color: rgba(${Jo}, 0.1);
3179
+ }
3180
+
3181
+ :host([disabled]) .root {
3182
+ border-color: rgba(${Jo}, 0.1);
3183
+ }
3184
+
3185
+ .root:hover {
3186
+ --ni-private-bottom-border-width: var(
1291
3187
  --ni-private-hover-bottom-border-width
1292
- );border-bottom-color:${sn}}:host([disabled]) .root:hover{--ni-private-bottom-border-width:1px}.root:focus-within{border-bottom-color:${sn}}[part='start']{display:none}.control{-webkit-appearance:none;font:inherit;background:transparent;color:inherit;padding-top:0px;padding-bottom:0px;height:calc(
3188
+ );
3189
+ border-bottom-color: ${sn};
3190
+ }
3191
+
3192
+ :host([readonly]) .root:hover {
3193
+ --ni-private-bottom-border-width: 1px;
3194
+ }
3195
+
3196
+ :host([disabled]) .root:hover {
3197
+ --ni-private-bottom-border-width: 1px;
3198
+ }
3199
+
3200
+ .root:focus-within {
3201
+ border-bottom-color: ${sn};
3202
+ }
3203
+
3204
+ [part='start'] {
3205
+ display: none;
3206
+ }
3207
+
3208
+ .control {
3209
+ -webkit-appearance: none;
3210
+ font: inherit;
3211
+ background: transparent;
3212
+ color: inherit;
3213
+ padding-top: 0px;
3214
+ padding-bottom: 0px;
3215
+ height: calc(
1293
3216
  ${an} - ${dn} -
1294
3217
  var(--ni-private-hover-bottom-border-width)
1295
- );width:100%;margin-top:auto;margin-bottom:auto;padding-left:calc(${cn} / 2);padding-right:calc(${cn} / 2);border:none;text-overflow:ellipsis}.control:hover,.control:focus,.control:disabled,.control:active{outline:none}.control::selection{color:${er};background:rgba(${Yo},0.3)}.control::placeholder{color:${er}}.control:not([readonly]):focus-within::placeholder{opacity:1}.control[disabled]::placeholder{color:${Bn}}[part='end']{display:contents}.error-content{display:none}:host(.invalid) .error-content{display:contents}:host(.invalid) .error-content svg{height:${un};width:${un};padding-right:8px;flex:none}:host(.invalid) .error-content path{fill:${Zo}}:host([disabled]) .error-content path{fill:${Bn}}.errortext{display:none}:host(.invalid) .errortext{display:block;font:${mr};color:${Zo};width:100%;position:absolute;top:${an};overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.invalid[readonly]:not([disabled])) .errortext{top:calc(${an} - ${dn})}:host(.invalid) .error-text:empty{display:none}:host([disabled]) .errortext{color:${Bn}}[part='actions']{display:contents}slot[name='actions']::slotted(*){margin-right:8px;${an.cssCustomProperty}:24px}`.withBehaviors(Cc(sd.Underline,mt`
1296
- .root{--ni-private-bottom-border-width:1px;padding-top:${dn};padding-left:${dn};padding-right:${dn}}`),Cc(sd.Block,mt`
1297
- .root{background-color:rgba(${Jo},0.1);--ni-private-bottom-border-width:0px;padding-top:${dn};padding-left:${dn};padding-right:${dn}}.root:focus-within{--ni-private-bottom-border-width:1px}.root:focus-within:hover{--ni-private-bottom-border-width:var(
3218
+ );
3219
+ width: 100%;
3220
+ margin-top: auto;
3221
+ margin-bottom: auto;
3222
+ padding-left: calc(${cn} / 2);
3223
+ padding-right: calc(${cn} / 2);
3224
+ border: none;
3225
+ text-overflow: ellipsis;
3226
+ }
3227
+
3228
+ .control:hover,
3229
+ .control:focus,
3230
+ .control:disabled,
3231
+ .control:active {
3232
+ outline: none;
3233
+ }
3234
+
3235
+ .control::selection {
3236
+ color: ${er};
3237
+ background: rgba(${Yo}, 0.3);
3238
+ }
3239
+
3240
+ .control::placeholder {
3241
+ color: ${er};
3242
+ }
3243
+
3244
+ .control:not([readonly]):focus-within::placeholder {
3245
+ opacity: 1;
3246
+ }
3247
+
3248
+ .control[disabled]::placeholder {
3249
+ color: ${Bn};
3250
+ }
3251
+
3252
+ [part='end'] {
3253
+ display: contents;
3254
+ }
3255
+
3256
+ .error-content {
3257
+ display: none;
3258
+ }
3259
+
3260
+ :host(.invalid) .error-content {
3261
+ display: contents;
3262
+ }
3263
+
3264
+ :host(.invalid) .error-content svg {
3265
+ height: ${un};
3266
+ width: ${un};
3267
+ padding-right: 8px;
3268
+ flex: none;
3269
+ }
3270
+
3271
+ :host(.invalid) .error-content path {
3272
+ fill: ${Zo};
3273
+ }
3274
+
3275
+ :host([disabled]) .error-content path {
3276
+ fill: ${Bn};
3277
+ }
3278
+
3279
+ .errortext {
3280
+ display: none;
3281
+ }
3282
+
3283
+ :host(.invalid) .errortext {
3284
+ display: block;
3285
+ font: ${mr};
3286
+ color: ${Zo};
3287
+ width: 100%;
3288
+ position: absolute;
3289
+ top: ${an};
3290
+ overflow: hidden;
3291
+ text-overflow: ellipsis;
3292
+ white-space: nowrap;
3293
+ }
3294
+
3295
+ :host(.invalid) .error-text:empty {
3296
+ display: none;
3297
+ }
3298
+
3299
+ :host([disabled]) .errortext {
3300
+ color: ${Bn};
3301
+ }
3302
+
3303
+ [part='actions'] {
3304
+ display: contents;
3305
+ }
3306
+
3307
+ slot[name='actions']::slotted(*) {
3308
+ margin-right: 8px;
3309
+ ${an.cssCustomProperty}: 24px;
3310
+ }
3311
+ `.withBehaviors(Cc(sd.Underline,mt`
3312
+ .root {
3313
+ --ni-private-bottom-border-width: 1px;
3314
+ padding-top: ${dn};
3315
+ padding-left: ${dn};
3316
+ padding-right: ${dn};
3317
+ }
3318
+
3319
+ :host([disabled]) .root {
3320
+ border-color: rgba(${Jo}, 0.1);
3321
+ }
3322
+
3323
+ :host([disabled]) .root:hover {
3324
+ --ni-private-bottom-border-width: 1px;
3325
+ }
3326
+ `),Cc(sd.Block,mt`
3327
+ .root {
3328
+ background-color: rgba(${Jo}, 0.1);
3329
+ --ni-private-bottom-border-width: 0px;
3330
+ padding-top: ${dn};
3331
+ padding-left: ${dn};
3332
+ padding-right: ${dn};
3333
+ }
3334
+
3335
+ .root:focus-within {
3336
+ --ni-private-bottom-border-width: 1px;
3337
+ }
3338
+
3339
+ .root:focus-within:hover {
3340
+ --ni-private-bottom-border-width: var(
1298
3341
  --ni-private-hover-bottom-border-width
1299
- )}:host(.invalid) .root{--ni-private-bottom-border-width:1px}:host(.invalid) .root:hover{--ni-private-bottom-border-width:var(
3342
+ );
3343
+ }
3344
+
3345
+ :host(.invalid) .root {
3346
+ --ni-private-bottom-border-width: 1px;
3347
+ }
3348
+
3349
+ :host(.invalid) .root:hover {
3350
+ --ni-private-bottom-border-width: var(
1300
3351
  --ni-private-hover-bottom-border-width
1301
- )}:host([disabled]) .root{background-color:rgba(${Jo},0.07)}:host([disabled]) .root:hover{--ni-private-bottom-border-width:0px}:host(.invalid[disabled]) .root{--ni-private-bottom-border-width:1px}`),Cc(sd.Outline,mt`
1302
- .root{--ni-private-bottom-border-width:1px;border-width:${dn};border-bottom-width:var(--ni-private-bottom-border-width)}:host(.invalid) .errortext{top:calc(${an} - ${dn})}`),Rr(mt`
3352
+ );
3353
+ }
3354
+
3355
+ :host([readonly]) .root {
3356
+ background-color: rgba(${Jo}, 0.07);
3357
+ border-color: transparent;
3358
+ }
3359
+
3360
+ :host([disabled]) .root {
3361
+ background-color: rgba(${Jo}, 0.07);
3362
+ }
3363
+
3364
+ :host([disabled]) .root:hover {
3365
+ --ni-private-bottom-border-width: 0px;
3366
+ }
3367
+
3368
+ :host(.invalid[disabled]) .root {
3369
+ --ni-private-bottom-border-width: 1px;
3370
+ }
3371
+ `),Cc(sd.Outline,mt`
3372
+ .root {
3373
+ --ni-private-bottom-border-width: 1px;
3374
+ border-width: ${dn};
3375
+ border-bottom-width: var(--ni-private-bottom-border-width);
3376
+ }
3377
+
3378
+ :host(.invalid) .errortext {
3379
+ top: calc(${an} - ${dn});
3380
+ }
3381
+ `),Cc(sd.Frameless,mt`
3382
+ .root {
3383
+ --ni-private-bottom-border-width: 0px;
3384
+ padding-top: ${dn};
3385
+ padding-left: ${dn};
3386
+ padding-right: ${dn};
3387
+ }
3388
+
3389
+ :host([readonly]) .root {
3390
+ border-color: transparent;
3391
+ }
3392
+
3393
+ .root:hover {
3394
+ --ni-private-bottom-border-width: 0px;
3395
+ }
3396
+ `),Rr(mt`
1303
3397
  ${""}
1304
- .control::-ms-reveal{filter:invert(0%)}`,mt`
3398
+ .control::-ms-reveal {
3399
+ filter: invert(0%);
3400
+ }
3401
+ `,mt`
1305
3402
  ${""}
1306
- .control::-ms-reveal{filter:invert(100%)}`,qi.Dark))
3403
+ .control::-ms-reveal {
3404
+ filter: invert(100%);
3405
+ }
3406
+ `,qi.Dark))
1307
3407
  class od extends ti{constructor(){super(...arguments),this.appearance=sd.Underline}connectedCallback(){super.connectedCallback(),this.control.setAttribute("aria-errormessage","errortext")}}Ro([ot],od.prototype,"appearance",void 0),Ro([ot({attribute:"error-text"})],od.prototype,"errorText",void 0)
1308
- const nd=od.compose({baseName:"text-field",baseClass:ti,template:(t,e)=>Y`<template class=" ${t=>t.readOnly?"readonly":""} "><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ct({property:"defaultSlottedNodes",filter:hs})}></slot></label><div class="root" part="root">${It(0,e)}<input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" type="${t=>t.type}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${bt("control")} />${zt(0,e)}</div></template>`,styles:id,shadowOptions:{delegatesFocus:!0},end:Y`<span class="error-content">${Ka.data}</span><span part="actions"><slot name="actions"></slot></span><div id="errortext" class="errortext error-content" title="${t=>t.errorText}" aria-live="polite">${t=>t.errorText}</div>`})
3408
+ const nd=od.compose({baseName:"text-field",baseClass:ti,template:(t,e)=>Y`
3409
+ <template
3410
+ class="
3411
+ ${t=>t.readOnly?"readonly":""}
3412
+ "
3413
+ >
3414
+ <label
3415
+ part="label"
3416
+ for="control"
3417
+ class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"
3418
+ >
3419
+ <slot
3420
+ ${Ct({property:"defaultSlottedNodes",filter:hs})}
3421
+ ></slot>
3422
+ </label>
3423
+ <div class="root" part="root">
3424
+ ${It(0,e)}
3425
+ <input
3426
+ class="control"
3427
+ part="control"
3428
+ id="control"
3429
+ @input="${t=>t.handleTextInput()}"
3430
+ @change="${t=>t.handleChange()}"
3431
+ ?autofocus="${t=>t.autofocus}"
3432
+ ?disabled="${t=>t.disabled}"
3433
+ list="${t=>t.list}"
3434
+ maxlength="${t=>t.maxlength}"
3435
+ minlength="${t=>t.minlength}"
3436
+ pattern="${t=>t.pattern}"
3437
+ placeholder="${t=>t.placeholder}"
3438
+ ?readonly="${t=>t.readOnly}"
3439
+ ?required="${t=>t.required}"
3440
+ size="${t=>t.size}"
3441
+ ?spellcheck="${t=>t.spellcheck}"
3442
+ :value="${t=>t.value}"
3443
+ type="${t=>t.type}"
3444
+ aria-atomic="${t=>t.ariaAtomic}"
3445
+ aria-busy="${t=>t.ariaBusy}"
3446
+ aria-controls="${t=>t.ariaControls}"
3447
+ aria-current="${t=>t.ariaCurrent}"
3448
+ aria-describedby="${t=>t.ariaDescribedby}"
3449
+ aria-details="${t=>t.ariaDetails}"
3450
+ aria-disabled="${t=>t.ariaDisabled}"
3451
+ aria-errormessage="${t=>t.ariaErrormessage}"
3452
+ aria-flowto="${t=>t.ariaFlowto}"
3453
+ aria-haspopup="${t=>t.ariaHaspopup}"
3454
+ aria-hidden="${t=>t.ariaHidden}"
3455
+ aria-invalid="${t=>t.ariaInvalid}"
3456
+ aria-keyshortcuts="${t=>t.ariaKeyshortcuts}"
3457
+ aria-label="${t=>t.ariaLabel}"
3458
+ aria-labelledby="${t=>t.ariaLabelledby}"
3459
+ aria-live="${t=>t.ariaLive}"
3460
+ aria-owns="${t=>t.ariaOwns}"
3461
+ aria-relevant="${t=>t.ariaRelevant}"
3462
+ aria-roledescription="${t=>t.ariaRoledescription}"
3463
+ ${bt("control")}
3464
+ />
3465
+ ${zt(0,e)}
3466
+ </div>
3467
+ </template>
3468
+ `,styles:id,shadowOptions:{delegatesFocus:!0},end:Y`
3469
+ <span class="error-content">${Ka.data}</span>
3470
+ <span part="actions">
3471
+ <slot name="actions"></slot>
3472
+ </span>
3473
+ <div
3474
+ id="errortext"
3475
+ class="errortext error-content"
3476
+ title="${t=>t.errorText}"
3477
+ aria-live="polite"
3478
+ >
3479
+ ${t=>t.errorText}
3480
+ </div>
3481
+ `})
1309
3482
  Es.getOrCreate().withPrefix("nimble").register(nd())
1310
3483
  const rd=mt`
1311
3484
  ${_c}
1312
3485
 
1313
- .control[aria-pressed='true']{background-color:${Wo};border-color:${Wo}}.control[aria-pressed='true']:hover{background-color:${Wo}}.control[aria-pressed='true']${xc}{background-color:${Wo}}.control[aria-pressed='true'][disabled]{background-color:${Wo};border-color:${Wo}}.control[aria-pressed='true'][disabled]:hover{background-color:${Wo};border-color:${Wo}}`
3486
+ .control[aria-pressed='true'] {
3487
+ background-color: ${Wo};
3488
+ border-color: ${Wo};
3489
+ }
3490
+
3491
+ .control[aria-pressed='true']:hover {
3492
+ background-color: ${Wo};
3493
+ }
3494
+
3495
+ .control[aria-pressed='true']${xc} {
3496
+ background-color: ${Wo};
3497
+ }
3498
+
3499
+ .control[aria-pressed='true'][disabled] {
3500
+ background-color: ${Wo};
3501
+ border-color: ${Wo};
3502
+ }
3503
+
3504
+ .control[aria-pressed='true'][disabled]:hover {
3505
+ background-color: ${Wo};
3506
+ border-color: ${Wo};
3507
+ }
3508
+ `
1314
3509
  class ad extends di{constructor(){super(...arguments),this.appearance=kc.Outline,this.contentHidden=!1}}Ro([ot],ad.prototype,"appearance",void 0),Ro([ot({attribute:"content-hidden",mode:"boolean"})],ad.prototype,"contentHidden",void 0),ve(ad,_t)
1315
- const ld=ad.compose({baseName:"toggle-button",template:(t,e)=>Y`<div role="button" part="control" aria-pressed="${t=>t.checked}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="control ${t=>t.checked?"checked":""}" ?disabled="${t=>t.disabled}" ${bt("control")}>${It(0,e)}<span class="content" part="content"><slot></slot></span>${zt(0,e)}</div>`,styles:rd,shadowOptions:{delegatesFocus:!0}})
3510
+ const ld=ad.compose({baseName:"toggle-button",template:(t,e)=>Y`
3511
+ <div
3512
+ role="button"
3513
+ part="control"
3514
+ aria-pressed="${t=>t.checked}"
3515
+ aria-disabled="${t=>t.disabled}"
3516
+ aria-readonly="${t=>t.readOnly}"
3517
+ tabindex="${t=>t.disabled?null:0}"
3518
+ @keypress="${(t,e)=>t.keypressHandler(e.event)}"
3519
+ @click="${(t,e)=>t.clickHandler(e.event)}"
3520
+ class="control ${t=>t.checked?"checked":""}"
3521
+ ?disabled="${t=>t.disabled}"
3522
+ ${bt("control")}
3523
+ >
3524
+ ${It(0,e)}
3525
+ <span class="content" part="content">
3526
+ <slot></slot>
3527
+ </span>
3528
+ ${zt(0,e)}
3529
+ </div>
3530
+ `,styles:rd,shadowOptions:{delegatesFocus:!0}})
1316
3531
  Es.getOrCreate().withPrefix("nimble").register(ld())
1317
3532
  const cd=mt`
1318
- .positioning-region{display:flex;padding:${ln} ${cn};align-items:center;gap:${cn};background:${Ko}}slot[name='label']{display:none}[part='start']{display:flex;gap:${cn};margin-right:auto}[part='end']{display:flex;gap:${cn};margin-left:auto}`
1319
- const hd=class extends yi{}.compose({baseName:"toolbar",baseClass:yi,template:(t,e)=>Y`<template aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-orientation="${t=>t.orientation}" orientation="${t=>t.orientation}" role="toolbar" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><slot name="label"></slot><div class="positioning-region" part="positioning-region">${It(0,e)}<slot ${Ct({filter:xt(),property:"slottedItems"})}></slot>${zt(0,e)}</div></template>`,styles:cd,shadowOptions:{delegatesFocus:!0}})
3533
+ .positioning-region {
3534
+ display: flex;
3535
+ padding: ${ln} ${cn};
3536
+ align-items: center;
3537
+ gap: ${cn};
3538
+ background: ${Ko};
3539
+ }
3540
+
3541
+ slot[name='label'] {
3542
+ display: none;
3543
+ }
3544
+
3545
+ [part='start'] {
3546
+ display: flex;
3547
+ gap: ${cn};
3548
+ margin-right: auto;
3549
+ }
3550
+
3551
+ [part='end'] {
3552
+ display: flex;
3553
+ gap: ${cn};
3554
+ margin-left: auto;
3555
+ }
3556
+ `
3557
+ const hd=class extends yi{}.compose({baseName:"toolbar",baseClass:yi,template:(t,e)=>Y`
3558
+ <template
3559
+ aria-label="${t=>t.ariaLabel}"
3560
+ aria-labelledby="${t=>t.ariaLabelledby}"
3561
+ aria-orientation="${t=>t.orientation}"
3562
+ orientation="${t=>t.orientation}"
3563
+ role="toolbar"
3564
+ @click="${(t,e)=>t.clickHandler(e.event)}"
3565
+ @focusin="${(t,e)=>t.focusinHandler(e.event)}"
3566
+ @keydown="${(t,e)=>t.keydownHandler(e.event)}"
3567
+ >
3568
+ <slot name="label"></slot>
3569
+ <div class="positioning-region" part="positioning-region">
3570
+ ${It(0,e)}
3571
+ <slot
3572
+ ${Ct({filter:xt(),property:"slottedItems"})}
3573
+ ></slot>
3574
+ ${zt(0,e)}
3575
+ </div>
3576
+ </template>
3577
+ `,styles:cd,shadowOptions:{delegatesFocus:!0}})
1320
3578
  Es.getOrCreate().withPrefix("nimble").register(hd())
1321
3579
  const dd="group-selected"
1322
3580
  var ud
1323
3581
  !function(t){t.All="all",t.LeavesOnly="leaves-only",t.None="none"}(ud||(ud={}))
1324
3582
  class pd{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)
1325
3583
  e&&Bo.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new vd(this.ltr,this.rtl,t),s=Bo.getValueFor(t)
1326
- Bo.subscribe(e),e.attach(s),this.cache.set(t,e)}}class vd{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 gd=class extends ki{constructor(){super(),this.treeView=null,this.handleClickOverride=t=>{if(t.composedPath().includes(this.expandCollapseButton))return
1327
- const e=this.getImmediateTreeItem(t.target)
1328
- if(e?.disabled||e!==this)return void t.stopImmediatePropagation()
1329
- const s=this.treeView?.selectionMode===ud.LeavesOnly,i=this.treeView?.selectionMode===ud.All,o=this.hasChildTreeItems()
1330
- if(s&&!o||i){const t=this.getImmediateTreeItem(this.treeView?.currentSelected)
1331
- t&&this!==this.treeView?.currentSelected&&(t.selected=!1),this.selected=!0}else this.expanded=!this.expanded
1332
- t.stopImmediatePropagation()},this.handleSelectedChange=t=>{t.target===this&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)},this.addEventListener("click",this.handleClickOverride)}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("click",this.handleClickOverride),this.removeEventListener("selected-change",this.handleSelectedChange),this.treeView=null}hasChildTreeItems(){return null!==this.querySelector('[role="treeitem"]')}clearTreeGroupSelection(){const t=this.treeView?.querySelectorAll("[group-selected]")
3584
+ Bo.subscribe(e),e.attach(s),this.cache.set(t,e)}}class vd{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 gd=class extends ki{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]")
1333
3585
  t?.forEach((t=>t.removeAttribute(dd)))}setGroupSelectionOnRootParentTreeItem(t){this.clearTreeGroupSelection()
1334
3586
  let e=t
1335
3587
  for(;e?.parentElement!==this.treeView;)e=e?.parentElement
1336
- e&&e.setAttribute(dd,"true")}getImmediateTreeItem(t){let e=t
1337
- for(;e&&"treeitem"!==e?.getAttribute("role");)e=e?.parentElement
1338
- return e}getParentTreeView(){return this.parentElement.closest("[role='tree']")}}.compose({baseName:"tree-item",baseClass:ki,template:(t,e)=>{return Y`<template role="treeitem" slot="${t=>t.isNestedItem()?"item":void 0}" tabindex="-1" class="${t=>t.expanded?"expanded":""} ${t=>t.selected?"selected":""} ${t=>t.nested?"nested":""} ${t=>t.disabled?"disabled":""}" aria-expanded="${t=>t.childItems&&t.childItemLength()>0?t.expanded:void 0}" aria-selected="${t=>t.selected}" aria-disabled="${t=>t.disabled}" @focusin="${(t,e)=>t.handleFocus(e.event)}" @focusout="${(t,e)=>t.handleBlur(e.event)}" ${s={property:"childItems",filter:xt()},"string"==typeof s&&(s={property:s}),new k("fast-children",kt,s)}><div class="positioning-region" part="positioning-region"><div class="content-region" part="content-region">${wt((t=>t.childItems&&t.childItemLength()>0),Y`<div aria-hidden="true" class="expand-collapse-button" part="expand-collapse-button" @click="${(t,e)=>t.handleExpandCollapseButtonClick(e.event)}" ${bt("expandCollapseButton")}><slot name="expand-collapse-glyph">${e.expandCollapseGlyph||""}</slot></div>`)} ${It(0,e)}<slot></slot>${zt(0,e)}</div></div>${wt((t=>t.childItems&&t.childItemLength()>0&&(t.expanded||t.renderCollapsedChildren)),Y`<div role="group" class="items" part="items"><slot name="item" ${Ct("items")}></slot></div>`)}</template>`
3588
+ e&&e.setAttribute(dd,"true")}getParentTreeView(){return this.parentElement.closest("[role='tree']")}}.compose({baseName:"tree-item",baseClass:ki,template:(t,e)=>{return Y`
3589
+ <template
3590
+ role="treeitem"
3591
+ slot="${t=>t.isNestedItem()?"item":void 0}"
3592
+ tabindex="-1"
3593
+ class="${t=>t.expanded?"expanded":""} ${t=>t.selected?"selected":""} ${t=>t.nested?"nested":""}
3594
+ ${t=>t.disabled?"disabled":""}"
3595
+ aria-expanded="${t=>t.childItems&&t.childItemLength()>0?t.expanded:void 0}"
3596
+ aria-selected="${t=>t.selected}"
3597
+ aria-disabled="${t=>t.disabled}"
3598
+ @focusin="${(t,e)=>t.handleFocus(e.event)}"
3599
+ @focusout="${(t,e)=>t.handleBlur(e.event)}"
3600
+ ${s={property:"childItems",filter:xt()},"string"==typeof s&&(s={property:s}),new k("fast-children",kt,s)}
3601
+ >
3602
+ <div class="positioning-region" part="positioning-region">
3603
+ <div class="content-region" part="content-region">
3604
+ ${wt((t=>t.childItems&&t.childItemLength()>0),Y`
3605
+ <div
3606
+ aria-hidden="true"
3607
+ class="expand-collapse-button"
3608
+ part="expand-collapse-button"
3609
+ @click="${(t,e)=>t.handleExpandCollapseButtonClick(e.event)}"
3610
+ ${bt("expandCollapseButton")}
3611
+ >
3612
+ <slot name="expand-collapse-glyph">
3613
+ ${e.expandCollapseGlyph||""}
3614
+ </slot>
3615
+ </div>
3616
+ `)}
3617
+ ${It(0,e)}
3618
+ <slot></slot>
3619
+ ${zt(0,e)}
3620
+ </div>
3621
+ </div>
3622
+ ${wt((t=>t.childItems&&t.childItemLength()>0&&(t.expanded||t.renderCollapsedChildren)),Y`
3623
+ <div role="group" class="items" part="items">
3624
+ <slot name="item" ${Ct("items")}></slot>
3625
+ </div>
3626
+ `)}
3627
+ </template>
3628
+ `
1339
3629
  var s},styles:(t,e)=>mt`
1340
3630
  ${ls("block")}
1341
3631
 
1342
- :host{${""}
1343
- font-family:${Dn};font-weight:${Nn};contain:content;position:relative;outline:none;color:${Fn};cursor:pointer;--ni-private-tree-item-nested-width:0}${""}
1344
- :host([${dd}])::after{background:${sn};border-radius:0px;content:'';display:block;position:absolute;top:0px;width:calc(${dn} * 2);height:calc(${un} * 2)}.positioning-region{display:flex;position:relative;box-sizing:border-box;height:calc(${un} * 2)}.positioning-region:hover{background:${Go}}:host([${dd}]) .positioning-region:hover{background:${Xo}}:host(${xc}) .positioning-region{box-shadow:0px 0px 0px ${dn} ${sn} inset;outline:${dn} solid ${sn};outline-offset:-2px}:host([selected]) .positioning-region{background:${Wo}}:host([selected]) .positioning-region:hover{background:${Xo}}.positioning-region::before{content:'';display:block;width:var(--ni-private-tree-item-nested-width);flex-shrink:0}.content-region{display:inline-flex;align-items:center;white-space:nowrap;width:100%;padding-left:10px;font:inherit;font-size:${jn};user-select:none;position:relative;margin-inline-start:${un}}:host(${xc}) .content-region{outline:none}:host([disabled]) .content-region{opacity:0.5;cursor:not-allowed}.expand-collapse-button{background:none;border:none;outline:none;width:${un};height:${un};padding:0px;justify-content:center;align-items:center;cursor:pointer;margin-left:10px;position:absolute}.expand-collapse-button svg{width:${un};height:${un};transition:transform 0.2s ease-in;pointer-events:none;fill:currentcolor}${""}
1345
- span[part="start"]{width:${un}}${""}
1346
- .start{display:flex;fill:currentcolor;margin-inline-start:${un};margin-inline-end:${un}}slot[name='start']::slotted(*){width:${un};height:${un}}::slotted(${t.tagFor(ki)}){--ni-private-tree-item-nested-width:1em;--ni-private-expand-collapse-button-nested-width:calc(
3632
+ :host {
3633
+ ${""}
3634
+ font-family: ${Dn};
3635
+ font-weight: ${Nn};
3636
+ contain: content;
3637
+ position: relative;
3638
+ outline: none;
3639
+ color: ${Fn};
3640
+ cursor: pointer;
3641
+ --ni-private-tree-item-nested-width: 0;
3642
+ }
3643
+
3644
+ ${""}
3645
+ :host([${dd}])::after {
3646
+ background: ${sn};
3647
+ border-radius: 0px;
3648
+ content: '';
3649
+ display: block;
3650
+ position: absolute;
3651
+ top: 0px;
3652
+ width: calc(${dn} * 2);
3653
+ height: calc(${un} * 2);
3654
+ }
3655
+
3656
+ .positioning-region {
3657
+ display: flex;
3658
+ position: relative;
3659
+ box-sizing: border-box;
3660
+ height: calc(${un} * 2);
3661
+ }
3662
+
3663
+ .positioning-region:hover {
3664
+ background: ${Go};
3665
+ }
3666
+
3667
+ :host([${dd}]) .positioning-region:hover {
3668
+ background: ${Xo};
3669
+ }
3670
+
3671
+ :host(${xc}) .positioning-region {
3672
+ box-shadow: 0px 0px 0px ${dn} ${sn} inset;
3673
+ outline: ${dn} solid ${sn};
3674
+ outline-offset: -2px;
3675
+ }
3676
+
3677
+ :host([selected]) .positioning-region {
3678
+ background: ${Wo};
3679
+ }
3680
+
3681
+ :host([selected]) .positioning-region:hover {
3682
+ background: ${Xo};
3683
+ }
3684
+
3685
+ .positioning-region::before {
3686
+ content: '';
3687
+ display: block;
3688
+ width: var(--ni-private-tree-item-nested-width);
3689
+ flex-shrink: 0;
3690
+ }
3691
+
3692
+ .content-region {
3693
+ display: inline-flex;
3694
+ align-items: center;
3695
+ white-space: nowrap;
3696
+ width: 100%;
3697
+ padding-left: 10px;
3698
+ font: inherit;
3699
+ font-size: ${jn};
3700
+ user-select: none;
3701
+ position: relative;
3702
+ margin-inline-start: ${un};
3703
+ }
3704
+
3705
+ :host(${xc}) .content-region {
3706
+ outline: none;
3707
+ }
3708
+
3709
+ :host([disabled]) .content-region {
3710
+ opacity: 0.5;
3711
+ cursor: not-allowed;
3712
+ }
3713
+
3714
+ .expand-collapse-button {
3715
+ background: none;
3716
+ border: none;
3717
+ outline: none;
3718
+ width: ${un};
3719
+ height: ${un};
3720
+ padding: 0px;
3721
+ justify-content: center;
3722
+ align-items: center;
3723
+ cursor: pointer;
3724
+ margin-left: 10px;
3725
+ position: absolute;
3726
+ }
3727
+
3728
+ .expand-collapse-button svg {
3729
+ width: ${un};
3730
+ height: ${un};
3731
+ transition: transform 0.2s ease-in;
3732
+ pointer-events: none;
3733
+ fill: currentcolor;
3734
+ }
3735
+
3736
+ ${""}
3737
+ span[part="start"] {
3738
+ width: ${un};
3739
+ }
3740
+
3741
+ ${""}
3742
+ .start {
3743
+ display: flex;
3744
+ fill: currentcolor;
3745
+ margin-inline-start: ${un};
3746
+ margin-inline-end: ${un};
3747
+ }
3748
+
3749
+ slot[name='start']::slotted(*) {
3750
+ width: ${un};
3751
+ height: ${un};
3752
+ }
3753
+
3754
+ ::slotted(${t.tagFor(ki)}) {
3755
+ --ni-private-tree-item-nested-width: 1em;
3756
+ --ni-private-expand-collapse-button-nested-width: calc(
1347
3757
  ${un} * -1
1348
- )}${""}
1349
- .end{display:flex;fill:currentcolor;margin-inline-start:${un}}.items{display:none;${""}
1350
- font-size:calc(1em + (${un} * 2))}:host([expanded]) .items{display:block}`.withBehaviors(new pd(mt`
3758
+ );
3759
+ }
3760
+
3761
+ ${""}
3762
+ .end {
3763
+ display: flex;
3764
+ fill: currentcolor;
3765
+ margin-inline-start: ${un};
3766
+ }
3767
+
3768
+ .items {
3769
+ display: none;
3770
+ ${""}
3771
+ font-size: calc(1em + (${un} * 2));
3772
+ }
3773
+
3774
+ :host([expanded]) .items {
3775
+ display: block;
3776
+ }
3777
+ `.withBehaviors(new pd(mt`
1351
3778
  ${""}
1352
- .expand-collapse-button{left:var(
1353
- --ni-private-expand-collapse-button-nested-width,calc(${un} * -1)
1354
- )}.expand-collapse-button svg{transform:rotate(90deg)}:host([expanded]) .expand-collapse-button svg{transform:rotate(180deg)}`,mt`
3779
+ .expand-collapse-button {
3780
+ left: var(
3781
+ --ni-private-expand-collapse-button-nested-width,
3782
+ calc(${un} * -1)
3783
+ );
3784
+ }
3785
+
3786
+ .expand-collapse-button svg {
3787
+ transform: rotate(90deg);
3788
+ }
3789
+
3790
+ :host([expanded]) .expand-collapse-button svg {
3791
+ transform: rotate(180deg);
3792
+ }
3793
+ `,mt`
1355
3794
  ${""}
1356
- .expand-collapse-button{right:var(
1357
- --ni-private-expand-collapse-button-nested-width,calc(${un} * -1)
1358
- )}.expand-collapse-button svg{transform:rotate(180deg)}:host([expanded]) .expand-collapse-button svg{transform:rotate(135deg)}`)),expandCollapseGlyph:Ur.data})
3795
+ .expand-collapse-button {
3796
+ right: var(
3797
+ --ni-private-expand-collapse-button-nested-width,
3798
+ calc(${un} * -1)
3799
+ );
3800
+ }
3801
+
3802
+ .expand-collapse-button svg {
3803
+ transform: rotate(180deg);
3804
+ }
3805
+
3806
+ :host([expanded]) .expand-collapse-button svg {
3807
+ transform: rotate(135deg);
3808
+ }
3809
+ `)),expandCollapseGlyph:Ur.data})
1359
3810
  Es.getOrCreate().withPrefix("nimble").register(gd())
1360
3811
  const md=mt`
1361
3812
  ${ls("flex")}
1362
3813
 
1363
- :host{flex-direction:column;align-items:stretch;min-width:fit-content;font-size:0}:host(${xc}){outline:none}`
1364
- class fd extends _i{constructor(){super(...arguments),this.selectionMode=ud.All}}Ro([ot({attribute:"selection-mode"})],fd.prototype,"selectionMode",void 0)
1365
- const bd=fd.compose({baseName:"tree-view",baseClass:_i,template:(t,e)=>Y`<template role="tree" ${bt("treeView")} @keydown="${(t,e)=>t.handleKeyDown(e.event)}" @focusin="${(t,e)=>t.handleFocus(e.event)}" @focusout="${(t,e)=>t.handleBlur(e.event)}" @click="${(t,e)=>t.handleClick(e.event)}" @selected-change="${(t,e)=>t.handleSelectedChange(e.event)}"><slot ${Ct("slottedTreeItems")}></slot></template>`,styles:md})
3814
+ :host {
3815
+ flex-direction: column;
3816
+ align-items: stretch;
3817
+ min-width: fit-content;
3818
+ font-size: 0;
3819
+ }
3820
+ :host(${xc}) {
3821
+ outline: none;
3822
+ }
3823
+ `
3824
+ class fd extends _i{constructor(){super(...arguments),this.selectionMode=ud.All}handleClick(t){if(t.defaultPrevented)return!1
3825
+ if(!(t.target instanceof Element&&Ci(t.target)))return!0
3826
+ const e=t.target
3827
+ return!e.disabled&&(this.canSelect(e)?e.selected=!0:this.itemHasChildren(e)&&(e.expanded=!e.expanded),!0)}canSelect(t){switch(this.selectionMode){case ud.All:return!0
3828
+ case ud.None:return!1
3829
+ case ud.LeavesOnly:return!this.itemHasChildren(t)
3830
+ default:return!0}}itemHasChildren(t){return null!==t.querySelector('[role="treeitem"]')}}Ro([ot({attribute:"selection-mode"})],fd.prototype,"selectionMode",void 0)
3831
+ const bd=fd.compose({baseName:"tree-view",baseClass:_i,template:(t,e)=>Y`
3832
+ <template
3833
+ role="tree"
3834
+ ${bt("treeView")}
3835
+ @keydown="${(t,e)=>t.handleKeyDown(e.event)}"
3836
+ @focusin="${(t,e)=>t.handleFocus(e.event)}"
3837
+ @focusout="${(t,e)=>t.handleBlur(e.event)}"
3838
+ @click="${(t,e)=>t.handleClick(e.event)}"
3839
+ @selected-change="${(t,e)=>t.handleSelectedChange(e.event)}"
3840
+ >
3841
+ <slot ${Ct("slottedTreeItems")}></slot>
3842
+ </template>
3843
+ `,styles:md})
1366
3844
  Es.getOrCreate().withPrefix("nimble").register(bd())}()
1367
3845
  //# sourceMappingURL=all-components-bundle.min.js.map