@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.
- package/dist/all-components-bundle.js +86 -71
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2586 -108
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/all-components.d.ts +1 -1
- package/dist/esm/all-components.js +1 -1
- package/dist/esm/all-components.js.map +1 -1
- package/dist/esm/{listbox-option → list-option}/index.d.ts +2 -2
- package/dist/esm/{listbox-option → list-option}/index.js +4 -4
- package/dist/esm/list-option/index.js.map +1 -0
- package/dist/esm/{listbox-option → list-option}/styles.d.ts +0 -0
- package/dist/esm/{listbox-option → list-option}/styles.js +0 -0
- package/dist/esm/list-option/styles.js.map +1 -0
- package/dist/esm/nimble-components/src/all-components.d.ts +1 -1
- package/dist/esm/nimble-components/src/{listbox-option → list-option}/index.d.ts +2 -2
- package/dist/esm/nimble-components/src/{listbox-option → list-option}/styles.d.ts +0 -0
- package/dist/esm/nimble-components/src/select/index.d.ts +0 -1
- package/dist/esm/nimble-components/src/text-field/types.d.ts +2 -1
- package/dist/esm/nimble-components/src/tree-item/index.d.ts +0 -4
- package/dist/esm/nimble-components/src/tree-view/index.d.ts +3 -0
- package/dist/esm/select/index.d.ts +0 -1
- package/dist/esm/select/index.js +0 -5
- package/dist/esm/select/index.js.map +1 -1
- package/dist/esm/text-field/styles.js +34 -9
- package/dist/esm/text-field/styles.js.map +1 -1
- package/dist/esm/text-field/types.d.ts +2 -1
- package/dist/esm/text-field/types.js +1 -0
- package/dist/esm/text-field/types.js.map +1 -1
- package/dist/esm/tree-item/index.d.ts +0 -4
- package/dist/esm/tree-item/index.js +2 -45
- package/dist/esm/tree-item/index.js.map +1 -1
- package/dist/esm/tree-view/index.d.ts +3 -0
- package/dist/esm/tree-view/index.js +38 -1
- package/dist/esm/tree-view/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/esm/listbox-option/index.js.map +0 -1
- 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
|
|
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
|
|
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{
|
|
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{
|
|
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{
|
|
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{
|
|
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{
|
|
857
|
-
|
|
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
|
|
863
|
-
|
|
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{
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
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
|
|
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
|
|
884
|
-
|
|
885
|
-
|
|
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
|
|
1012
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
1193
|
-
|
|
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
|
|
1199
|
-
|
|
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
|
|
1205
|
-
|
|
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
|
|
1211
|
-
|
|
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{
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
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{
|
|
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
|
-
)
|
|
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
|
-
);
|
|
1232
|
-
|
|
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
|
-
);
|
|
1235
|
-
|
|
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
|
-
)
|
|
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{
|
|
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{
|
|
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
|
|
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
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
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{
|
|
1258
|
-
|
|
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
|
|
1264
|
-
|
|
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{
|
|
1270
|
-
|
|
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
|
|
1278
|
-
|
|
1279
|
-
|
|
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
|
|
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
|
|
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
|
-
)
|
|
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
|
-
);
|
|
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
|
-
);
|
|
1296
|
-
|
|
1297
|
-
|
|
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
|
-
)
|
|
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
|
-
)
|
|
1302
|
-
|
|
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{
|
|
3398
|
+
.control::-ms-reveal {
|
|
3399
|
+
filter: invert(0%);
|
|
3400
|
+
}
|
|
3401
|
+
`,mt`
|
|
1305
3402
|
${""}
|
|
1306
|
-
.control::-ms-reveal{
|
|
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
|
|
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']{
|
|
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
|
|
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
|
|
1319
|
-
|
|
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.
|
|
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")}
|
|
1337
|
-
|
|
1338
|
-
|
|
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
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
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
|
-
|
|
1350
|
-
|
|
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{
|
|
1353
|
-
|
|
1354
|
-
|
|
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{
|
|
1357
|
-
|
|
1358
|
-
|
|
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{
|
|
1364
|
-
|
|
1365
|
-
|
|
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
|