@aquera/nile-elements 1.9.4 → 1.9.5
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/README.md +7 -0
- package/dist/index-5fef1a0d.esm.js +1 -0
- package/dist/index-8f38fae3.cjs.js +2 -0
- package/dist/index-8f38fae3.cjs.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1287 -736
- package/dist/nile-combobox/index.cjs.js +1 -1
- package/dist/nile-combobox/index.esm.js +1 -1
- package/dist/nile-combobox/nile-combobox.cjs.js +1 -1
- package/dist/nile-combobox/nile-combobox.esm.js +1 -1
- package/dist/nile-command-menu/index.cjs.js +2 -0
- package/dist/nile-command-menu/index.cjs.js.map +1 -0
- package/dist/nile-command-menu/index.esm.js +1 -0
- package/dist/nile-command-menu/nile-command-menu.cjs.js +2 -0
- package/dist/nile-command-menu/nile-command-menu.cjs.js.map +1 -0
- package/dist/nile-command-menu/nile-command-menu.css.cjs.js +2 -0
- package/dist/nile-command-menu/nile-command-menu.css.cjs.js.map +1 -0
- package/dist/nile-command-menu/nile-command-menu.css.esm.js +182 -0
- package/dist/nile-command-menu/nile-command-menu.esm.js +97 -0
- package/dist/nile-command-menu-group/index.cjs.js +2 -0
- package/dist/nile-command-menu-group/index.cjs.js.map +1 -0
- package/dist/nile-command-menu-group/index.esm.js +1 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.cjs.js +2 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.cjs.js.map +1 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.css.cjs.js +2 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.css.cjs.js.map +1 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.css.esm.js +33 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.esm.js +11 -0
- package/dist/nile-command-menu-item/index.cjs.js +2 -0
- package/dist/nile-command-menu-item/index.cjs.js.map +1 -0
- package/dist/nile-command-menu-item/index.esm.js +1 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.cjs.js +2 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.cjs.js.map +1 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js +2 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js.map +1 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.css.esm.js +115 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.esm.js +21 -0
- package/dist/nile-detail/index.cjs.js +1 -1
- package/dist/nile-detail/index.esm.js +1 -1
- package/dist/nile-detail/nile-detail.cjs.js +1 -1
- package/dist/nile-detail/nile-detail.esm.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.esm.js +1 -1
- package/dist/nile-dot-stepper/index.cjs.js +2 -0
- package/dist/nile-dot-stepper/index.cjs.js.map +1 -0
- package/dist/nile-dot-stepper/index.esm.js +1 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js +2 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js.map +1 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js +2 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js.map +1 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.css.esm.js +77 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.esm.js +24 -0
- package/dist/nile-section-message/nile-section-message.css.cjs.js +1 -1
- package/dist/nile-section-message/nile-section-message.css.cjs.js.map +1 -1
- package/dist/nile-section-message/nile-section-message.css.esm.js +7 -8
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.js +4 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-command-menu/index.d.ts +1 -0
- package/dist/src/nile-command-menu/index.js +2 -0
- package/dist/src/nile-command-menu/index.js.map +1 -0
- package/dist/src/nile-command-menu/nile-command-menu.css.d.ts +12 -0
- package/dist/src/nile-command-menu/nile-command-menu.css.js +194 -0
- package/dist/src/nile-command-menu/nile-command-menu.css.js.map +1 -0
- package/dist/src/nile-command-menu/nile-command-menu.d.ts +137 -0
- package/dist/src/nile-command-menu/nile-command-menu.js +557 -0
- package/dist/src/nile-command-menu/nile-command-menu.js.map +1 -0
- package/dist/src/nile-command-menu/nile-command-menu.test.d.ts +3 -0
- package/dist/src/nile-command-menu/nile-command-menu.test.js +268 -0
- package/dist/src/nile-command-menu/nile-command-menu.test.js.map +1 -0
- package/dist/src/nile-command-menu-group/index.d.ts +1 -0
- package/dist/src/nile-command-menu-group/index.js +2 -0
- package/dist/src/nile-command-menu-group/index.js.map +1 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.css.d.ts +12 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.css.js +45 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.css.js.map +1 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.d.ts +38 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.js +68 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.js.map +1 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.test.d.ts +2 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js +22 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js.map +1 -0
- package/dist/src/nile-command-menu-item/index.d.ts +1 -0
- package/dist/src/nile-command-menu-item/index.js +2 -0
- package/dist/src/nile-command-menu-item/index.js.map +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.d.ts +12 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js +127 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js.map +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.d.ts +73 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.js +174 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.js.map +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.test.d.ts +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js +35 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js.map +1 -0
- package/dist/src/nile-dialog/nile-dialog.js +1 -1
- package/dist/src/nile-dialog/nile-dialog.js.map +1 -1
- package/dist/src/nile-dot-stepper/index.d.ts +1 -0
- package/dist/src/nile-dot-stepper/index.js +2 -0
- package/dist/src/nile-dot-stepper/index.js.map +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.css.d.ts +12 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.css.js +89 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.css.js.map +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.d.ts +48 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.js +153 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.js.map +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.test.d.ts +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.test.js +319 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.test.js.map +1 -0
- package/dist/src/nile-section-message/nile-section-message.css.js +7 -8
- package/dist/src/nile-section-message/nile-section-message.css.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/index.ts +4 -0
- package/src/nile-command-menu/index.ts +1 -0
- package/src/nile-command-menu/nile-command-menu.css.ts +196 -0
- package/src/nile-command-menu/nile-command-menu.test.ts +289 -0
- package/src/nile-command-menu/nile-command-menu.ts +601 -0
- package/src/nile-command-menu-group/index.ts +1 -0
- package/src/nile-command-menu-group/nile-command-menu-group.css.ts +47 -0
- package/src/nile-command-menu-group/nile-command-menu-group.test.ts +23 -0
- package/src/nile-command-menu-group/nile-command-menu-group.ts +72 -0
- package/src/nile-command-menu-item/index.ts +1 -0
- package/src/nile-command-menu-item/nile-command-menu-item.css.ts +129 -0
- package/src/nile-command-menu-item/nile-command-menu-item.test.ts +36 -0
- package/src/nile-command-menu-item/nile-command-menu-item.ts +172 -0
- package/src/nile-dialog/nile-dialog.ts +1 -1
- package/src/nile-dot-stepper/index.ts +1 -0
- package/src/nile-dot-stepper/nile-dot-stepper.css.ts +90 -0
- package/src/nile-dot-stepper/nile-dot-stepper.test.ts +493 -0
- package/src/nile-dot-stepper/nile-dot-stepper.ts +159 -0
- package/src/nile-section-message/nile-section-message.css.ts +7 -8
- package/stories/dot-stepper.stories.ts +67 -0
- package/vscode-html-custom-data.json +179 -0
- package/dist/index-c0b5232c.cjs.js +0 -2
- package/dist/index-c0b5232c.cjs.js.map +0 -1
- package/dist/index-e43a18eb.esm.js +0 -1
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import{css as a}from"lit";const n=a`
|
|
2
|
+
:host {
|
|
3
|
+
--width: 640px;
|
|
4
|
+
--max-height: 480px;
|
|
5
|
+
|
|
6
|
+
display: contents;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
9
|
+
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
10
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:host *,
|
|
14
|
+
:host *::before,
|
|
15
|
+
:host *::after {
|
|
16
|
+
box-sizing: inherit;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.command {
|
|
20
|
+
position: fixed;
|
|
21
|
+
inset: 0;
|
|
22
|
+
z-index: 9999;
|
|
23
|
+
display: flex;
|
|
24
|
+
align-items: flex-start;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
padding: 15vh var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
27
|
+
font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.command[hidden] {
|
|
31
|
+
display: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.command__overlay {
|
|
35
|
+
position: fixed;
|
|
36
|
+
inset: 0;
|
|
37
|
+
background-color: var(--nile-bg-color-dialog, var(--ng-componentcolors-alpha-black-70));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.command__panel {
|
|
41
|
+
position: relative;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
width: 100%;
|
|
45
|
+
max-width: var(--width);
|
|
46
|
+
max-height: var(--max-height);
|
|
47
|
+
overflow: hidden;
|
|
48
|
+
background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
|
|
49
|
+
border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
|
|
50
|
+
border-radius: var(--nile-radius-lg, var(--ng-radius-xl));
|
|
51
|
+
box-shadow: var(--nile-box-shadow-8, var(--ng-shadow-xl));
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.command__panel:focus {
|
|
55
|
+
outline: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* Search header */
|
|
59
|
+
.command__header {
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
gap: var(--nile-spacing-md, var(--ng-spacing-md));
|
|
63
|
+
padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
64
|
+
border-bottom: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.command__search-icon {
|
|
68
|
+
flex: 0 0 auto;
|
|
69
|
+
display: inline-flex;
|
|
70
|
+
align-items: center;
|
|
71
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.command__search-icon nile-glyph {
|
|
75
|
+
width: 20px;
|
|
76
|
+
height: 20px;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.command__input {
|
|
80
|
+
flex: 1 1 auto;
|
|
81
|
+
min-width: 0;
|
|
82
|
+
border: none;
|
|
83
|
+
outline: none;
|
|
84
|
+
background: transparent;
|
|
85
|
+
font-family: inherit;
|
|
86
|
+
font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
|
|
87
|
+
font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
|
|
88
|
+
line-height: 1.4;
|
|
89
|
+
color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.command__input::placeholder {
|
|
93
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* "Searching for" scopes row */
|
|
97
|
+
.command__scopes {
|
|
98
|
+
display: flex;
|
|
99
|
+
align-items: center;
|
|
100
|
+
flex-wrap: wrap;
|
|
101
|
+
gap: var(--nile-spacing-md, var(--ng-spacing-md));
|
|
102
|
+
padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
103
|
+
border-bottom: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.command__scopes-label {
|
|
107
|
+
flex: 0 0 auto;
|
|
108
|
+
font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
|
|
109
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.command__scopes-tags {
|
|
113
|
+
display: flex;
|
|
114
|
+
align-items: center;
|
|
115
|
+
flex-wrap: wrap;
|
|
116
|
+
gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* Scrollable results list */
|
|
120
|
+
.command__list {
|
|
121
|
+
flex: 1 1 auto;
|
|
122
|
+
overflow-y: auto;
|
|
123
|
+
overscroll-behavior: contain;
|
|
124
|
+
padding: var(--nile-spacing-sm, var(--ng-spacing-sm));
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.command__empty {
|
|
128
|
+
display: none;
|
|
129
|
+
padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
130
|
+
text-align: center;
|
|
131
|
+
font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
|
|
132
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.command__empty--visible {
|
|
136
|
+
display: block;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/* Footer */
|
|
140
|
+
.command__footer {
|
|
141
|
+
display: none;
|
|
142
|
+
align-items: center;
|
|
143
|
+
gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
|
|
144
|
+
padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
145
|
+
border-top: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
|
|
146
|
+
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
|
|
147
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.command--has-footer .command__footer {
|
|
151
|
+
display: flex;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* Built-in keyboard-hint row (footer slot fallback) */
|
|
155
|
+
.command__hints {
|
|
156
|
+
display: flex;
|
|
157
|
+
align-items: center;
|
|
158
|
+
gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.command__hint {
|
|
162
|
+
display: inline-flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.command__footer kbd {
|
|
168
|
+
display: inline-flex;
|
|
169
|
+
align-items: center;
|
|
170
|
+
justify-content: center;
|
|
171
|
+
min-width: 20px;
|
|
172
|
+
height: 20px;
|
|
173
|
+
padding: 0 5px;
|
|
174
|
+
border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
|
|
175
|
+
border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
|
|
176
|
+
background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
|
|
177
|
+
font-family: inherit;
|
|
178
|
+
font-size: 11px;
|
|
179
|
+
line-height: 1;
|
|
180
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
|
|
181
|
+
}
|
|
182
|
+
`;export{n as s};
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import{__decorate as i}from"tslib";import{nothing as s,html as n}from"lit";import{query as o,property as e,state as c,customElement as m}from"lit/decorators.js";import{classMap as t}from"lit/directives/class-map.js";import{s as r,a as l}from"../internal/animate.esm.js";import{s as p,g}from"../utilities/animation-registry.esm.js";import{H as a}from"../internal/slot.esm.js";import{l as v,u as j}from"../internal/scroll.esm.js";import{w as d}from"../internal/event.esm.js";import{w as h}from"../internal/watch.esm.js";import{M as u}from"../internal/modal.esm.js";import{N as f}from"../internal/nile-element.esm.js";import{s as b}from"./nile-command-menu.css.esm.js";import"../nile-tag/nile-tag.esm.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../nile-tag/nile-tag.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-left-small.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow-right-small.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrow_left_small.esm.js";import"../nile-icon/icons/svg/arrow_right_small.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/delete_history.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/folder_delete.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-boolean.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-building-07.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-clock-refresh.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-02.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-folder-code.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-lightbulb-05.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-number.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-string.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";let w=0;function y(i){return"string"==typeof i?{label:i,value:i.toLowerCase()}:{label:i.label,value:i.value??i.label.toLowerCase()}}const _={fromAttribute(i){if(!i)return[];const s=i.trim();if(s.startsWith("["))try{const i=JSON.parse(s);return(Array.isArray(i)?i:[]).map(y)}catch{}return s.split(",").map((i=>i.trim())).filter(Boolean).map(y)},toAttribute:i=>(i??[]).map((i=>i.label)).join(", ")};let k=class extends f{constructor(){super(...arguments),this.hasSlotController=new a(this,"footer"),this.open=!1,this.placeholder="Search commands...",this.label="Command menu",this.noResultsMessage="No results found",this.value="",this.customSearch=!1,this.keepOpenOnSelect=!1,this.preventOverlayClose=!1,this.noFooterHints=!1,this.scopes=[],this.scopesLabel="Searching for",this.hasResults=!0}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.command.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),v(this))}disconnectedCallback(){super.disconnectedCallback(),j(this)}getAllItems(){return[...this.querySelectorAll("nile-command-menu-item")]}getVisibleItems(){return this.getAllItems().filter((i=>!i.hidden&&!i.disabled))}getActiveItem(){return this.getVisibleItems().find((i=>i.active))}setActiveItem(i){this.getAllItems().forEach((s=>{s.active=s===i})),i?(i.id||(i.id="nile-command-menu-item-"+ ++w),this.input?.setAttribute("aria-activedescendant",i.id),i.scrollIntoView({block:"nearest"})):this.input?.removeAttribute("aria-activedescendant")}filterItems(){const i=this.getAllItems();if(this.customSearch)return this.hasResults=this.getVisibleItems().length>0,this.updateGroupVisibility(),void this.ensureActiveItem();const s=this.value.trim().toLowerCase(),n=this.scopes.map((i=>i.value));i.forEach((i=>{const o=0===s.length||i.getFilterText().includes(s),e=0===n.length||!i.scope||n.includes(i.scope);i.hidden=!(o&&e)})),this.updateGroupVisibility(),this.hasResults=this.getVisibleItems().length>0,this.ensureActiveItem()}updateGroupVisibility(){[...this.querySelectorAll("nile-command-menu-group")].forEach((i=>{const s=[...i.querySelectorAll("nile-command-menu-item")].some((i=>!i.hidden));i.hidden=!s}))}ensureActiveItem(){const i=this.getVisibleItems(),s=this.getActiveItem();0!==i.length?s&&i.includes(s)||this.setActiveItem(i[0]):this.setActiveItem(void 0)}handleInput(i){this.value=i.target.value,this.emit("nile-search",{value:this.value}),this.filterItems()}handleScopesChange(){this.filterItems()}handleScopeRemove(i){this.scopes=this.scopes.filter((s=>s.value!==i.value)),this.emit("nile-scope-remove",{scope:i,scopes:this.scopes}),this.filterItems()}handleSlotChange(){this.filterItems()}handlePanelKeyDown(i){const s=this.getVisibleItems();if(["ArrowDown","ArrowUp","Home","End"].includes(i.key)){if(0===s.length)return;i.preventDefault();const n=this.getActiveItem();let o=n?s.indexOf(n):-1;return"ArrowDown"===i.key?o++:"ArrowUp"===i.key?o--:"Home"===i.key?o=0:"End"===i.key&&(o=s.length-1),o<0&&(o=s.length-1),o>s.length-1&&(o=0),void this.setActiveItem(s[o])}if("Enter"===i.key){const s=this.getActiveItem();s&&(i.preventDefault(),this.selectItem(s))}}handleListClick(i){const s=i.target.closest("nile-command-menu-item");s&&!s.disabled&&this.selectItem(s)}selectItem(i){this.emit("nile-select",{value:i.value,item:i}),this.keepOpenOnSelect||this.hide()}requestClose(i){this.emit("nile-request-close",{source:i},void 0,void 0,!0).defaultPrevented||"overlay"===i&&this.preventOverlayClose||this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),v(this),await r(this.command),this.command.hidden=!1,this.value="",this.filterItems(),requestAnimationFrame((()=>{this.input?.focus({preventScroll:!0})}));const i=g(this,"command.show",{dir:"ltr"}),s=g(this,"command.overlay.show",{dir:"ltr"});await Promise.all([l(this.panel,i.keyframes,i.options),l(this.overlay,s.keyframes,s.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.modal.deactivate(),await r(this.command);const i=g(this,"command.hide",{dir:"ltr"}),s=g(this,"command.overlay.hide",{dir:"ltr"});await Promise.all([l(this.panel,i.keyframes,i.options),l(this.overlay,s.keyframes,s.options)]),this.command.hidden=!0,j(this);const n=this.originalTrigger;"function"==typeof n?.focus&&setTimeout((()=>n.focus())),this.emit("nile-after-hide")}}renderScopes(){return 0===this.scopes.length?s:n`
|
|
2
|
+
<div part="scopes" class="command__scopes">
|
|
3
|
+
<span class="command__scopes-label">${this.scopesLabel}</span>
|
|
4
|
+
<div class="command__scopes-tags">
|
|
5
|
+
${this.scopes.map((i=>n`
|
|
6
|
+
<nile-tag
|
|
7
|
+
part="scope-tag"
|
|
8
|
+
exportparts="base:scope-tag__base"
|
|
9
|
+
size="medium"
|
|
10
|
+
variant="normal"
|
|
11
|
+
pill
|
|
12
|
+
removable
|
|
13
|
+
.value=${i.value}
|
|
14
|
+
@nile-remove=${()=>this.handleScopeRemove(i)}
|
|
15
|
+
>
|
|
16
|
+
${i.label}
|
|
17
|
+
</nile-tag>
|
|
18
|
+
`))}
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
`}renderHints(){return n`
|
|
22
|
+
<div part="hints" class="command__hints">
|
|
23
|
+
<span class="command__hint"><kbd>↑</kbd><kbd>↓</kbd> to navigate</span>
|
|
24
|
+
<span class="command__hint"><kbd>↵</kbd> to select</span>
|
|
25
|
+
<span class="command__hint"><kbd>esc</kbd> to close</span>
|
|
26
|
+
</div>
|
|
27
|
+
`}async show(){if(!this.open)return this.open=!0,d(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,d(this,"nile-after-hide")}render(){return n`
|
|
28
|
+
<div
|
|
29
|
+
part="base"
|
|
30
|
+
class=${t({command:!0,"command--open":this.open,"command--has-footer":this.hasSlotController.test("footer")||!this.noFooterHints})}
|
|
31
|
+
>
|
|
32
|
+
<div
|
|
33
|
+
part="overlay"
|
|
34
|
+
class="command__overlay"
|
|
35
|
+
tabindex="-1"
|
|
36
|
+
@click=${()=>this.requestClose("overlay")}
|
|
37
|
+
></div>
|
|
38
|
+
|
|
39
|
+
<div
|
|
40
|
+
part="panel"
|
|
41
|
+
class="command__panel"
|
|
42
|
+
role="dialog"
|
|
43
|
+
aria-modal="true"
|
|
44
|
+
aria-label=${this.label}
|
|
45
|
+
aria-hidden=${this.open?"false":"true"}
|
|
46
|
+
@keydown=${this.handlePanelKeyDown}
|
|
47
|
+
>
|
|
48
|
+
<div part="header" class="command__header">
|
|
49
|
+
<span class="command__search-icon" aria-hidden="true">
|
|
50
|
+
<nile-glyph name="search" size="20" method="stroke"></nile-glyph>
|
|
51
|
+
</span>
|
|
52
|
+
<input
|
|
53
|
+
part="input"
|
|
54
|
+
class="command__input"
|
|
55
|
+
type="text"
|
|
56
|
+
role="combobox"
|
|
57
|
+
aria-expanded="true"
|
|
58
|
+
aria-controls="command-list"
|
|
59
|
+
aria-label=${this.label}
|
|
60
|
+
autocomplete="off"
|
|
61
|
+
autocorrect="off"
|
|
62
|
+
autocapitalize="off"
|
|
63
|
+
spellcheck="false"
|
|
64
|
+
.value=${this.value}
|
|
65
|
+
placeholder=${this.placeholder}
|
|
66
|
+
@input=${this.handleInput}
|
|
67
|
+
/>
|
|
68
|
+
</div>
|
|
69
|
+
|
|
70
|
+
${this.renderScopes()}
|
|
71
|
+
|
|
72
|
+
<div
|
|
73
|
+
part="list"
|
|
74
|
+
id="command-list"
|
|
75
|
+
class="command__list"
|
|
76
|
+
role="listbox"
|
|
77
|
+
aria-label=${this.label}
|
|
78
|
+
@click=${this.handleListClick}
|
|
79
|
+
>
|
|
80
|
+
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
81
|
+
|
|
82
|
+
<div
|
|
83
|
+
part="empty"
|
|
84
|
+
class=${t({command__empty:!0,"command__empty--visible":!this.hasResults})}
|
|
85
|
+
>
|
|
86
|
+
<slot name="empty">${this.hasResults?s:this.noResultsMessage}</slot>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
|
|
90
|
+
<footer part="footer" class="command__footer">
|
|
91
|
+
<slot name="footer">
|
|
92
|
+
${this.noFooterHints?s:this.renderHints()}
|
|
93
|
+
</slot>
|
|
94
|
+
</footer>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
`}};k.styles=b,i([o(".command")],k.prototype,"command",void 0),i([o(".command__panel")],k.prototype,"panel",void 0),i([o(".command__overlay")],k.prototype,"overlay",void 0),i([o(".command__input")],k.prototype,"input",void 0),i([e({type:Boolean,reflect:!0})],k.prototype,"open",void 0),i([e()],k.prototype,"placeholder",void 0),i([e()],k.prototype,"label",void 0),i([e({attribute:!0})],k.prototype,"noResultsMessage",void 0),i([e()],k.prototype,"value",void 0),i([e({type:Boolean,attribute:!0})],k.prototype,"customSearch",void 0),i([e({type:Boolean,attribute:!0})],k.prototype,"keepOpenOnSelect",void 0),i([e({type:Boolean,attribute:!0})],k.prototype,"preventOverlayClose",void 0),i([e({type:Boolean,attribute:!0})],k.prototype,"noFooterHints",void 0),i([e({converter:_})],k.prototype,"scopes",void 0),i([e({attribute:!0})],k.prototype,"scopesLabel",void 0),i([c()],k.prototype,"hasResults",void 0),i([h("scopes",{waitUntilFirstUpdate:!0})],k.prototype,"handleScopesChange",null),i([h("open",{waitUntilFirstUpdate:!0})],k.prototype,"handleOpenChange",null),k=i([m("nile-command-menu")],k),p("command.show",{keyframes:[{opacity:0,scale:.95},{opacity:1,scale:1}],options:{duration:200,easing:"ease"}}),p("command.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.95}],options:{duration:200,easing:"ease"}}),p("command.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:200}}),p("command.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:200}});export{k as N};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-command-menu-group.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-command-menu-group.css.cjs.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileCommandMenuGroupCjsJs){_export("NileCommandMenuGroup",_nileCommandMenuGroupCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileCommandMenuGroupCssCjsJs){},function(_internalSlotCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{N as NileCommandMenuGroup}from"./nile-command-menu-group.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-command-menu-group.css.esm.js";import"../internal/slot.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-command-menu-group.css.cjs.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var s,i,t,e,r,o,a,n,_templateObject,m;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_nileCommandMenuGroupCssCjsJs){o=_nileCommandMenuGroupCssCjsJs.s;},function(_internalSlotCjsJs){a=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",m=/*#__PURE__*/function(_n){function m(){var _this;_classCallCheck(this,m);_this=_callSuper(this,m,arguments),_this.hasSlotController=new a(_assertThisInitialized(_this),"heading"),_this.heading="";return _this;}_inherits(m,_n);return _createClass(m,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(m,"connectedCallback",this,3)([]),this.setAttribute("role","group");}},{key:"render",value:function render(){var s=this.heading.length>0||this.hasSlotController.test("heading");return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div part=\"base\" class=\"group\">\n <div\n part=\"heading\"\n class=","\n >\n <slot name=\"heading\">","</slot>\n </div>\n <slot part=\"items\" class=\"group__items\"></slot>\n </div>\n "])),r({group__heading:!0,"group__heading--empty":!s}),this.heading);}}]);}(n));m.styles=o,s([t()],m.prototype,"heading",void 0),_export("N",m=s([e("nile-command-menu-group")],m));}};});
|
|
2
|
+
//# sourceMappingURL=nile-command-menu-group.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-command-menu-group.cjs.js","sources":["../../../src/nile-command-menu-group/nile-command-menu-group.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-command-menu-group.css';\nimport { HasSlotController } from '../internal/slot';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Groups related commands under an optional heading inside a `nile-command-menu`.\n *\n * @tag nile-command-menu-group\n *\n * @summary A labelled section of command items within a command menu.\n * @status stable\n * @since 2.0\n *\n * @slot - The group's command items (`nile-command-menu-item`).\n * @slot heading - The group heading. Takes precedence over the `heading` attribute when provided.\n *\n * @csspart base - The component's base wrapper.\n * @csspart heading - The group heading.\n * @csspart items - The wrapper around the slotted items.\n */\n@customElement('nile-command-menu-group')\nexport class NileCommandMenuGroup extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'heading');\n\n /** The text heading shown above the group's items. Use the `heading` slot for richer content. */\n @property() heading = '';\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'group');\n }\n\n render() {\n const hasHeading = this.heading.length > 0 || this.hasSlotController.test('heading');\n\n return html`\n <div part=\"base\" class=\"group\">\n <div\n part=\"heading\"\n class=${classMap({\n group__heading: true,\n 'group__heading--empty': !hasHeading,\n })}\n >\n <slot name=\"heading\">${this.heading}</slot>\n </div>\n <slot part=\"items\" class=\"group__items\"></slot>\n </div>\n `;\n }\n}\n\nexport default NileCommandMenuGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-command-menu-group': NileCommandMenuGroup;\n }\n}\n"],"names":["NileCommandMenuGroup","_n","m","this","hasSlotController","HasSlotController","heading","_this","_inherits","_createClass","key","value","connectedCallback","super","setAttribute","render","hasHeading","length","test","html","_templateObject","_taggedTemplateLiteral","classMap","group__heading","NileElement","styles","__decorate","property","prototype","customElement"],"mappings":"spIAgCaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,qEAGYC,EAAAA,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,gCAAwB,SAAA,CAAA,CAGrDF,KAAAA,CAAOG,OAAAA,CAAG,EAyBvB,QAAAC,KAAA,EAvBCC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,qBAAAC,KAAA,UAAAC,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACAV,IAAKW,CAAAA,YAAAA,CAAa,MAAQ,CAAA,OAAA,CAC3B,EAED,GAAAJ,GAAA,UAAAC,KAAA,UAAAI,MAAAA,CAAAA,CACE,CAAA,GAAMC,CAAAA,CAAab,CAAAA,IAAAA,CAAKG,OAAQW,CAAAA,MAAAA,CAAS,CAAKd,EAAAA,IAAAA,CAAKC,iBAAkBc,CAAAA,IAAAA,CAAK,SAE1E,CAAA,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,2QAIGC,CAAS,CAAA,CACfC,cAAgB,CAAA,CAAA,CAAA,CAChB,uBAA0BP,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAGLb,IAAKG,CAAAA,OAAAA,EAKnC,CAAA,MA9BuCkB,CAAnC,GACExB,CAAMyB,CAAAA,MAAAA,CAAmBA,CAKpBC,CAAAA,CAAAA,CAAA,CAAXC,CAAwB3B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4B,SAAA,CAAA,SAAA,CAAA,IAAA,gBANd5B,CAAoB0B,CAAAA,CAAAA,CAAA,CADhCG,CAAAA,CAAc,4BACF7B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",i=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n .group {\n padding-bottom: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .group__heading {\n display: block;\n padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xs, var(--ng-spacing-xs));\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: 1.4;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .group__heading--empty {\n display: none;\n }\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-command-menu-group.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-command-menu-group.css.cjs.js","sources":["../../../src/nile-command-menu-group/nile-command-menu-group.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * CommandMenuGroup CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n .group {\n padding-bottom: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .group__heading {\n display: block;\n padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xs, var(--ng-spacing-xs));\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: 1.4;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .group__heading--empty {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import{css as n}from"lit";const i=n`
|
|
2
|
+
:host {
|
|
3
|
+
box-sizing: border-box;
|
|
4
|
+
display: block;
|
|
5
|
+
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
6
|
+
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
7
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host([hidden]) {
|
|
11
|
+
display: none !important;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.group {
|
|
15
|
+
padding-bottom: var(--nile-spacing-xs, var(--ng-spacing-xs));
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.group__heading {
|
|
19
|
+
display: block;
|
|
20
|
+
padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xs, var(--ng-spacing-xs));
|
|
21
|
+
font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
|
|
22
|
+
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
|
|
23
|
+
font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
|
|
24
|
+
line-height: 1.4;
|
|
25
|
+
letter-spacing: 0.04em;
|
|
26
|
+
text-transform: uppercase;
|
|
27
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.group__heading--empty {
|
|
31
|
+
display: none;
|
|
32
|
+
}
|
|
33
|
+
`;export{i as s};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{__decorate as s}from"tslib";import{html as e}from"lit";import{property as i,customElement as t}from"lit/decorators.js";import{classMap as r}from"lit/directives/class-map.js";import{s as o}from"./nile-command-menu-group.css.esm.js";import{H as a}from"../internal/slot.esm.js";import{N as m}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let n=class extends m{constructor(){super(...arguments),this.hasSlotController=new a(this,"heading"),this.heading=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){const s=this.heading.length>0||this.hasSlotController.test("heading");return e`
|
|
2
|
+
<div part="base" class="group">
|
|
3
|
+
<div
|
|
4
|
+
part="heading"
|
|
5
|
+
class=${r({group__heading:!0,"group__heading--empty":!s})}
|
|
6
|
+
>
|
|
7
|
+
<slot name="heading">${this.heading}</slot>
|
|
8
|
+
</div>
|
|
9
|
+
<slot part="items" class="group__items"></slot>
|
|
10
|
+
</div>
|
|
11
|
+
`}};n.styles=o,s([i()],n.prototype,"heading",void 0),n=s([t("nile-command-menu-group")],n);export{n as N};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-command-menu-item.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-command-menu-item.css.cjs.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileCommandMenuItemCjsJs){_export("NileCommandMenuItem",_nileCommandMenuItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileCommandMenuItemCssCjsJs){},function(_internalSlotCjsJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{N as NileCommandMenuItem}from"./nile-command-menu-item.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-command-menu-item.css.esm.js";import"../internal/slot.esm.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-command-menu-item.css.cjs.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,a,l,o,r,n,c,h,_templateObject,_templateObject2,_templateObject3,m;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){s=_lit.nothing;i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.query;a=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_nileCommandMenuItemCssCjsJs){r=_nileCommandMenuItemCssCjsJs.s;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.g;},function(_internalWatchCjsJs){c=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",m=/*#__PURE__*/function(_h){function m(){var _this;_classCallCheck(this,m);_this=_callSuper(this,m,arguments),_this.size="small",_this.value="",_this.disabled=!1,_this.active=!1,_this.keywords="",_this.scope="",_this.shortcut="";return _this;}_inherits(m,_h);return _createClass(m,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(m,"connectedCallback",this,3)([]),this.setAttribute("role","option"),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(m,"disconnectedCallback",this,3)([]),this.removeEventListener("click",this.handleHostClick);}},{key:"handleHostClick",value:function handleHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation());}},{key:"handleDefaultSlotChange",value:function handleDefaultSlotChange(){var t=this.getTextLabel();void 0!==this.cachedTextLabel?t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange")):this.cachedTextLabel=t;}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"handleActiveChange",value:function handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false");}},{key:"getTextLabel",value:function getTextLabel(){return n(this.defaultSlot);}},{key:"getFilterText",value:function getFilterText(){return"".concat(this.getTextLabel()," ").concat(this.keywords," ").concat(this.value).toLowerCase();}},{key:"renderShortcut",value:function renderShortcut(){if(!this.shortcut)return s;var t=this.shortcut.trim().split(/\s+/);return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <span part=\"shortcut\" class=\"item__shortcut\">\n ","\n </span>\n "])),t.map(function(t){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<kbd>","</kbd>"])),t);}));}},{key:"render",value:function render(){return i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=","\n >\n <slot name=\"icon\" part=\"icon\" class=\"item__icon\"></slot>\n\n <span part=\"label\" class=\"item__label\">\n <slot @slotchange=","></slot>\n </span>\n\n <span part=\"suffix\" class=\"item__suffix\">\n <slot name=\"suffix\"></slot>\n ","\n </span>\n </div>\n "])),o({item:!0,"item--active":this.active,"item--disabled":this.disabled}),this.handleDefaultSlotChange,this.renderShortcut());}}]);}(h));m.styles=r,t([e("slot:not([name])")],m.prototype,"defaultSlot",void 0),t([a({reflect:!0})],m.prototype,"size",void 0),t([a()],m.prototype,"value",void 0),t([a({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),t([a({type:Boolean,reflect:!0})],m.prototype,"active",void 0),t([a()],m.prototype,"keywords",void 0),t([a()],m.prototype,"scope",void 0),t([a()],m.prototype,"shortcut",void 0),t([c("disabled")],m.prototype,"handleDisabledChange",null),t([c("active")],m.prototype,"handleActiveChange",null),_export("N",m=t([l("nile-command-menu-item")],m));}};});
|
|
2
|
+
//# sourceMappingURL=nile-command-menu-item.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-command-menu-item.cjs.js","sources":["../../../src/nile-command-menu-item/nile-command-menu-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-command-menu-item.css';\nimport { getTextContent } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * An individual selectable command inside a `nile-command-menu`.\n *\n * @tag nile-command-menu-item\n *\n * @summary Represents a single command/action entry within a command menu.\n * @status stable\n * @since 2.0\n *\n * @slot - The item's label.\n * @slot icon - Used to prepend an icon (or similar element) before the label.\n * @slot suffix - Used to append content (e.g. a hint) after the label, before the shortcut.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The leading icon container.\n * @csspart label - The item label.\n * @csspart suffix - The trailing suffix container.\n * @csspart shortcut - The keyboard-shortcut container.\n */\n@customElement('nile-command-menu-item')\nexport class NileCommandMenuItem extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private cachedTextLabel: string;\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n /** Controls vertical padding of the item. */\n @property({ reflect: true }) size: 'small' | 'medium' = 'small';\n\n /** A unique value used to identify the item when it is selected. */\n @property() value = '';\n\n /** Draws the item in a disabled state, preventing selection. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** Draws the item in an active/highlighted state. Managed by the parent menu for keyboard navigation. */\n @property({ type: Boolean, reflect: true }) active = false;\n\n /**\n * Extra keywords used by the parent menu when filtering, in addition to the visible label.\n * Useful for matching synonyms or abbreviations.\n */\n @property() keywords = '';\n\n /**\n * The search scope this item belongs to. When the menu has active scopes (the \"Searching for\" row),\n * an item is shown only if it has no scope or its scope is among the active ones.\n */\n @property() scope = '';\n\n /**\n * A keyboard shortcut hint shown on the trailing edge of the item. Separate keys with a\n * space to render each one in its own key box (e.g. `\"⌘ K\"`).\n */\n @property() shortcut = '';\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'option');\n this.handleHostClick = this.handleHostClick.bind(this);\n this.addEventListener('click', this.handleHostClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n }\n\n private handleHostClick(event: MouseEvent) {\n // Swallow clicks while disabled so the menu never selects a disabled item.\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleDefaultSlotChange() {\n const textLabel = this.getTextLabel();\n\n if (typeof this.cachedTextLabel === 'undefined') {\n this.cachedTextLabel = textLabel;\n return;\n }\n\n if (textLabel !== this.cachedTextLabel) {\n this.cachedTextLabel = textLabel;\n this.emit('slotchange');\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('active')\n handleActiveChange() {\n this.setAttribute('aria-selected', this.active ? 'true' : 'false');\n }\n\n /** Returns the plain-text label based on the default slot's content. */\n getTextLabel() {\n return getTextContent(this.defaultSlot);\n }\n\n /** Returns the string the parent menu uses to match this item against a search query. */\n getFilterText() {\n return `${this.getTextLabel()} ${this.keywords} ${this.value}`.toLowerCase();\n }\n\n private renderShortcut() {\n if (!this.shortcut) {\n return nothing;\n }\n\n const keys = this.shortcut.trim().split(/\\s+/);\n return html`\n <span part=\"shortcut\" class=\"item__shortcut\">\n ${keys.map(key => html`<kbd>${key}</kbd>`)}\n </span>\n `;\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n item: true,\n 'item--active': this.active,\n 'item--disabled': this.disabled,\n })}\n >\n <slot name=\"icon\" part=\"icon\" class=\"item__icon\"></slot>\n\n <span part=\"label\" class=\"item__label\">\n <slot @slotchange=${this.handleDefaultSlotChange}></slot>\n </span>\n\n <span part=\"suffix\" class=\"item__suffix\">\n <slot name=\"suffix\"></slot>\n ${this.renderShortcut()}\n </span>\n </div>\n `;\n }\n}\n\nexport default NileCommandMenuItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-command-menu-item': NileCommandMenuItem;\n }\n}\n"],"names":["NileCommandMenuItem","_h","m","this","size","value","disabled","active","keywords","scope","shortcut","_this","_inherits","_createClass","key","connectedCallback","super","setAttribute","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","event","preventDefault","stopImmediatePropagation","handleDefaultSlotChange","textLabel","getTextLabel","cachedTextLabel","emit","handleDisabledChange","handleActiveChange","getTextContent","defaultSlot","getFilterText","concat","toLowerCase","renderShortcut","nothing","keys","trim","split","html","_templateObject","_taggedTemplateLiteral","map","_templateObject2","render","_templateObject3","classMap","item","NileElement","styles","__decorate","query","prototype","property","reflect","type","Boolean","watch","_export","customElement"],"mappings":"szIAoCaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEAQwBC,KAAAA,CAAIC,IAAAA,CAAuB,QAG5CD,KAAAA,CAAKE,KAAAA,CAAG,GAGwBF,KAAAA,CAAQG,QAAAA,CAAAA,CAAG,EAGXH,KAAAA,CAAMI,MAAAA,CAAAA,CAAG,CAMzCJ,CAAAA,KAAAA,CAAQK,SAAG,EAMXL,CAAAA,KAAAA,CAAKM,KAAG,CAAA,EAAA,CAMRN,KAAAA,CAAQO,QAAG,CAAA,EA4FxB,QAAAC,KAAA,EA1FCC,SAAA,CAAAV,CAAA,CAAAD,EAAA,SAAAY,YAAA,CAAAX,CAAA,GAAAY,GAAA,qBAAAT,KAAA,UAAAU,iBAAAA,CAAAA,EACEC,aAAAA,CAAAA,CAAAA,iCACAb,KAAKc,YAAa,CAAA,MAAA,CAAQ,UAC1Bd,IAAKe,CAAAA,eAAAA,CAAkBf,IAAKe,CAAAA,eAAAA,CAAgBC,KAAKhB,IACjDA,CAAAA,CAAAA,IAAAA,CAAKiB,iBAAiB,OAASjB,CAAAA,IAAAA,CAAKe,gBACrC,EAED,GAAAJ,GAAA,wBAAAT,KAAA,UAAAgB,oBAAAA,CAAAA,CACEL,CAAAA,aAAAA,CAAAA,CAAAA,oCACAb,IAAKmB,CAAAA,mBAAAA,CAAoB,QAASnB,IAAKe,CAAAA,eAAAA,CACxC,EAEO,GAAAJ,GAAA,mBAAAT,KAAA,UAAAa,eAAAA,CAAgBK,CAElBpB,CAAAA,CAAAA,IAAAA,CAAKG,WACPiB,CAAMC,CAAAA,cAAAA,CAAAA,CAAAA,CACND,CAAME,CAAAA,wBAAAA,CAAAA,CAAAA,CAET,EAEO,GAAAX,GAAA,2BAAAT,KAAA,UAAAqB,uBAAAA,CAAAA,CAAAA,CACN,GAAMC,CAAAA,CAAAA,CAAYxB,KAAKyB,YAEa,CAAA,CAAA,CAAA,IAAA,EAAA,GAAzBzB,KAAK0B,eAKZF,CAAAA,CAAAA,GAAcxB,KAAK0B,eACrB1B,GAAAA,IAAAA,CAAK0B,eAAkBF,CAAAA,CAAAA,CACvBxB,KAAK2B,IAAK,CAAA,YAAA,CAAA,CAAA,CANV3B,KAAK0B,eAAkBF,CAAAA,CAQ1B,EAGD,GAAAb,GAAA,wBAAAT,KAAA,UAAA0B,oBAAAA,CAAAA,CAAAA,CACE5B,IAAKc,CAAAA,YAAAA,CAAa,gBAAiBd,IAAKG,CAAAA,QAAAA,CAAW,OAAS,OAC7D,CAAA,EAGD,GAAAQ,GAAA,sBAAAT,KAAA,UAAA2B,kBAAAA,CAAAA,CACE7B,CAAAA,IAAAA,CAAKc,YAAa,CAAA,eAAA,CAAiBd,KAAKI,MAAS,CAAA,MAAA,CAAS,OAC3D,CAAA,EAGD,GAAAO,GAAA,gBAAAT,KAAA,UAAAuB,YAAAA,CAAAA,CACE,CAAA,MAAOK,CAAAA,CAAe9B,CAAAA,IAAAA,CAAK+B,YAC5B,EAGD,GAAApB,GAAA,iBAAAT,KAAA,UAAA8B,aAAAA,CAAAA,EACE,MAAO,GAAAC,MAAA,CAAGjC,KAAKyB,YAAkBzB,CAAAA,CAAAA,MAAAA,MAAAA,CAAAA,IAAAA,CAAKK,QAAYL,MAAAA,MAAAA,CAAAA,IAAAA,CAAKE,OAAQgC,WAChE,CAAA,CAAA,EAEO,GAAAvB,GAAA,kBAAAT,KAAA,UAAAiC,cAAAA,CAAAA,CACN,CAAA,GAAA,CAAKnC,KAAKO,QACR,CAAA,MAAO6B,CAAAA,CAGT,CAAA,GAAMC,CAAAA,EAAOrC,IAAKO,CAAAA,QAAAA,CAAS+B,OAAOC,KAAM,CAAA,KAAA,CAAA,CACxC,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,mGAELL,CAAKM,CAAAA,GAAAA,CAAIhC,SAAAA,CAAO6B,QAAAA,CAAAA,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,sBAAQ/B,CAAAA,GAAAA,CAAAA,EAGnC,CAED,GAAAA,GAAA,UAAAT,KAAA,UAAA2C,MAAAA,CAAAA,CACE,CAAA,MAAOL,CAAAA,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,sZAGCK,CAAAA,CAAS,CACfC,IAAM,CAAA,CAAA,CAAA,CACN,eAAgBhD,IAAKI,CAAAA,MAAAA,CACrB,iBAAkBJ,IAAKG,CAAAA,QAAAA,CAAAA,CAAAA,CAMHH,IAAKuB,CAAAA,uBAAAA,CAKvBvB,IAAKmC,CAAAA,cAAAA,CAAAA,CAAAA,EAId,CA7HMtC,MADgCoD,CAAlC,GACEpD,CAAAA,CAAMqD,OAAmBA,CAILC,CAAAA,CAAAA,CAAA,CAA1BC,CAAM,CAAA,kBAAA,CAAA,CAAA,CAAiDvD,EAAAwD,SAAA,CAAA,aAAA,CAAA,IAAA,IAG3BF,CAAA,CAAA,CAA5BG,EAAS,CAAEC,OAAAA,CAAAA,CAAS,KAA2C1D,CAAAwD,CAAAA,SAAAA,CAAA,WAAA,EAGpDF,CAAAA,CAAAA,CAAAA,CAAA,CAAXG,CAAsBzD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwD,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGqBF,EAAA,CAA3CG,CAAAA,CAAS,CAAEE,IAAMC,CAAAA,OAAAA,CAASF,SAAS,CAAyB1D,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwD,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGjBF,EAAA,CAA3CG,CAAAA,CAAS,CAAEE,IAAAA,CAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,KAAuB1D,CAAAwD,CAAAA,SAAAA,CAAA,aAAA,EAM/CF,CAAAA,CAAAA,CAAAA,CAAA,CAAXG,CAAyBzD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwD,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAMdF,EAAA,CAAXG,CAAAA,CAAAA,CAAAA,CAAAA,CAAsBzD,EAAAwD,SAAA,CAAA,OAAA,CAAA,IAAA,IAMXF,CAAA,CAAA,CAAXG,KAAyBzD,CAAAwD,CAAAA,SAAAA,CAAA,eAAA,EAqC1BF,CAAAA,CAAAA,CAAAA,CAAA,CADCO,CAAM,CAAA,UAAA,CAAA,CAAA,CAGN7D,EAAAwD,SAAA,CAAA,sBAAA,CAAA,MAGDF,CAAA,CAAA,CADCO,EAAM,QAGN7D,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwD,UAAA,oBAAA,CAAA,IAAA,CAAA,CAAAM,OAAA,KA/EU9D,EAAmBsD,CAAA,CAAA,CAD/BS,CAAc,CAAA,wBAAA,CAAA,CAAA,CACF/D"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n .item {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n margin-block: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n border-radius: var(--nile-radius-md, var(--ng-radius-md));\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: 1.4;\n letter-spacing: normal;\n color: var(--nile-color-dark-1, var(--ng-colors-text-secondary-700));\n cursor: pointer;\n user-select: none;\n transition: background-color 200ms ease, color 200ms ease;\n }\n\n /* size variants \u2014 small (default) vs medium */\n :host([size='medium']) .item {\n padding-block: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n /* Active / selected (keyboard or hover) */\n :host([active]:not([disabled])) .item,\n .item:hover {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary-hover));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n }\n\n :host([disabled]) .item {\n cursor: not-allowed;\n opacity: 0.4;\n pointer-events: none;\n }\n\n .item__icon {\n flex: 0 0 auto;\n /* Reserve a fixed icon gutter so items with and without a leading icon\n keep their labels aligned. */\n width: 20px;\n height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n }\n\n .item__icon::slotted(*) {\n width: 20px;\n height: 20px;\n }\n\n .item__label {\n flex: 1 1 auto;\n min-width: 0;\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .item__suffix {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .item__shortcut {\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .item__shortcut kbd {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 20px;\n height: 20px;\n padding: 0 5px;\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n font-family: inherit;\n font-size: 11px;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: 1;\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n }\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-command-menu-item.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-command-menu-item.css.cjs.js","sources":["../../../src/nile-command-menu-item/nile-command-menu-item.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * CommandMenuItem CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n .item {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n margin-block: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n border-radius: var(--nile-radius-md, var(--ng-radius-md));\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: 1.4;\n letter-spacing: normal;\n color: var(--nile-color-dark-1, var(--ng-colors-text-secondary-700));\n cursor: pointer;\n user-select: none;\n transition: background-color 200ms ease, color 200ms ease;\n }\n\n /* size variants — small (default) vs medium */\n :host([size='medium']) .item {\n padding-block: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n /* Active / selected (keyboard or hover) */\n :host([active]:not([disabled])) .item,\n .item:hover {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary-hover));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n }\n\n :host([disabled]) .item {\n cursor: not-allowed;\n opacity: 0.4;\n pointer-events: none;\n }\n\n .item__icon {\n flex: 0 0 auto;\n /* Reserve a fixed icon gutter so items with and without a leading icon\n keep their labels aligned. */\n width: 20px;\n height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n }\n\n .item__icon::slotted(*) {\n width: 20px;\n height: 20px;\n }\n\n .item__label {\n flex: 1 1 auto;\n min-width: 0;\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .item__suffix {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .item__shortcut {\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .item__shortcut kbd {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 20px;\n height: 20px;\n padding: 0 5px;\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n font-family: inherit;\n font-size: 11px;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: 1;\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|