@breadstone/mosaik-elements-foundation 0.0.44 → 0.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/Animations/AnimationPlayer2.d.ts.map +1 -1
  2. package/Animations/AnimationPlayer2.js +4 -1
  3. package/Animations/AnimationPlayer2.js.map +1 -1
  4. package/Animations/Directives/AnimateDirective.d.ts.map +1 -1
  5. package/Animations/Directives/AnimateDirective.js +2 -1
  6. package/Animations/Directives/AnimateDirective.js.map +1 -1
  7. package/Animations/Presets/AnimationPresets.d.ts +25 -42
  8. package/Animations/Presets/AnimationPresets.d.ts.map +1 -1
  9. package/Animations/Presets/AnimationPresets.js +23 -43
  10. package/Animations/Presets/AnimationPresets.js.map +1 -1
  11. package/Controls/Components/Primitives/Content/ContentElement.d.ts +1 -1
  12. package/Controls/Components/Primitives/Content/ContentElement.d.ts.map +1 -1
  13. package/Controls/Components/Primitives/Content/ContentElement.js +5 -2
  14. package/Controls/Components/Primitives/Content/ContentElement.js.map +1 -1
  15. package/Controls/Components/Primitives/Flip/FlipElement.d.ts.map +1 -1
  16. package/Controls/Components/Primitives/Hint/HintElement.d.ts.map +1 -1
  17. package/Controls/Components/Primitives/Hint/HintElement.js +8 -2
  18. package/Controls/Components/Primitives/Hint/HintElement.js.map +1 -1
  19. package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.d.ts +18 -0
  20. package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.d.ts.map +1 -0
  21. package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.js +3 -0
  22. package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.js.map +1 -0
  23. package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.d.ts +13 -0
  24. package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.d.ts.map +1 -0
  25. package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.js +3 -0
  26. package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.js.map +1 -0
  27. package/Controls/Components/Primitives/Indicator/IndicatorElement.d.ts +84 -0
  28. package/Controls/Components/Primitives/Indicator/IndicatorElement.d.ts.map +1 -0
  29. package/Controls/Components/Primitives/Indicator/IndicatorElement.js +151 -0
  30. package/Controls/Components/Primitives/Indicator/IndicatorElement.js.map +1 -0
  31. package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.d.ts +7 -0
  32. package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.d.ts.map +1 -0
  33. package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.js +21 -0
  34. package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.js.map +1 -0
  35. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.d.ts +6 -0
  36. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.d.ts.map +1 -0
  37. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.js +138 -0
  38. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.js.map +1 -0
  39. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.d.ts +6 -0
  40. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.d.ts.map +1 -0
  41. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.js +233 -0
  42. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.js.map +1 -0
  43. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.d.ts +6 -0
  44. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.d.ts.map +1 -0
  45. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.js +217 -0
  46. package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.js.map +1 -0
  47. package/Index.d.ts +13 -1
  48. package/Index.d.ts.map +1 -1
  49. package/Index.js +10 -1
  50. package/Index.js.map +1 -1
  51. package/custom-elements.json +397 -0
  52. package/package.json +3 -3
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IndicatorElement.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import { type TemplateResult } from '../../../../Dom/Html';
2
+ import type { IndicatorElement } from './IndicatorElement';
3
+ /**
4
+ * @public
5
+ */
6
+ export declare function indicatorElementTemplate<T extends IndicatorElement>(e: T): TemplateResult;
7
+ //# sourceMappingURL=IndicatorElementTemplate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAYzF"}
@@ -0,0 +1,21 @@
1
+ // #region Imports
2
+ import { html } from '../../../../Dom/Html';
3
+ import { repeat } from '../../../Directives/Directives';
4
+ // #endregion
5
+ /**
6
+ * @public
7
+ */
8
+ export function indicatorElementTemplate(e) {
9
+ return html `
10
+ <ul part="list"
11
+ .hidden="${e.total <= 1}">
12
+ ${repeat([].constructor(e.total), (_, index) => index, (_, index) => html `
13
+ <li part="listItem"
14
+ aria-label="Indicator ${index + 1} of ${e.total}"
15
+ class="${e.selected === index ? 'selected' : ''}"
16
+ @click="${() => e.onItemClick(index)}"></li>
17
+ `)}
18
+ </ul>
19
+ `;
20
+ }
21
+ //# sourceMappingURL=IndicatorElementTemplate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.ts"],"names":[],"mappings":"AACA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAGxD,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;;uBAEQ,CAAC,CAAC,KAAK,IAAI,CAAC;cACrB,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;wCAE7C,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK;yBACtC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;0BACrC,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;aACvC,CAAC;;KAET,CAAC;AACN,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { type CSSResult } from '../../../../../Dom/Css';
2
+ /**
3
+ * @public
4
+ */
5
+ export declare function indicatorElementCosmopolitanStyle(): CSSResult;
6
+ //# sourceMappingURL=IndicatorElement.Cosmopolitan.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA4H7D"}
@@ -0,0 +1,138 @@
1
+ // ------------------------------------------------------------------------------
2
+ // <auto-generated>
3
+ // This code was generated by a tool.
4
+ // Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
5
+ // </auto-generated>
6
+ // ------------------------------------------------------------------------------
7
+ // #region Imports
8
+ import { css } from '../../../../../Dom/Css';
9
+ // #endregion
10
+ /**
11
+ * @public
12
+ */
13
+ export function indicatorElementCosmopolitanStyle() {
14
+ return css `
15
+ :host {
16
+ --indicator-background-color: transparent;
17
+ --indicator-border-color: transparent;
18
+ --indicator-border-radius: 0px;
19
+ --indicator-border-style: solid;
20
+ --indicator-border-width: 0px;
21
+ --indicator-font-family: var(--cosmopolitan-font-family);
22
+ --indicator-font-letter-spacing: unset;
23
+ --indicator-font-line-height: unset;
24
+ --indicator-font-size: 12px;
25
+ --indicator-font-text-decoration: unset;
26
+ --indicator-font-text-transform: unset;
27
+ --indicator-font-weight: normal;
28
+ --indicator-foreground-color: var(--cosmopolitan-scheme-middlelight);
29
+ --indicator-gap: var(--cosmopolitan-layout-space);
30
+ --indicator-padding-bottom: unset;
31
+ --indicator-padding-left: unset;
32
+ --indicator-padding-right: unset;
33
+ --indicator-padding-top: unset;
34
+ --indicator-shadow: var(--cosmopolitan-elevation-none);
35
+ --indicator-transition-duration: .2s;
36
+ --indicator-transition-mode: ease;
37
+ --indicator-transition-property: all;
38
+ --indicator-translate: unset;
39
+ }
40
+
41
+ @media screen and (prefers-reduced-motion: reduce) {
42
+ :host {
43
+ transition-duration: .01ms;
44
+ }
45
+ }
46
+
47
+ :host {
48
+ box-sizing: border-box;
49
+ display: block;
50
+ position: relative;
51
+ }
52
+
53
+ :host *, :host :before, :host :after {
54
+ box-sizing: border-box;
55
+ background-repeat: no-repeat;
56
+ }
57
+
58
+ :host :before, :host :after {
59
+ text-decoration: inherit;
60
+ vertical-align: inherit;
61
+ }
62
+
63
+ :host([hidden]) {
64
+ display: none !important;
65
+ }
66
+
67
+ :host {
68
+ font-family: var(--indicator-font-family);
69
+ font-size: var(--indicator-font-size);
70
+ line-height: var(--indicator-font-line-height);
71
+ font-weight: var(--indicator-font-weight);
72
+ letter-spacing: var(--indicator-font-letter-spacing);
73
+ -webkit-text-decoration: var(--indicator-font-text-decoration);
74
+ text-decoration: var(--indicator-font-text-decoration);
75
+ text-transform: var(--indicator-font-text-transform);
76
+ transition-duration: var(--indicator-transition-duration);
77
+ transition-timing-function: var(--indicator-transition-mode);
78
+ transition-property: var(--indicator-transition-property);
79
+ translate: var(--indicator-translate);
80
+ display: block;
81
+ }
82
+
83
+ :host [part="list"] {
84
+ transition-duration: inherit;
85
+ transition-timing-function: inherit;
86
+ flex-direction: column;
87
+ justify-content: center;
88
+ align-items: center;
89
+ margin: 0;
90
+ padding: 0;
91
+ list-style: none;
92
+ transition-property: inherit;
93
+ display: flex;
94
+ }
95
+
96
+ :host [part="list"] [part="listItem"] {
97
+ cursor: pointer;
98
+ width: 8px;
99
+ height: 8px;
100
+ transition-duration: inherit;
101
+ transition-timing-function: inherit;
102
+ border-style: solid;
103
+ border-width: 0;
104
+ padding: 0;
105
+ transition-property: inherit;
106
+ }
107
+
108
+ :host([disabled]:not([disabled="false"])) [part="listItem"] {
109
+ cursor: default;
110
+ pointer-events: none;
111
+ -webkit-user-select: none;
112
+ -moz-user-select: none;
113
+ user-select: none;
114
+ }
115
+
116
+ :host([orientation="horizontal"]) [part="list"] {
117
+ flex-direction: row;
118
+ justify-content: center;
119
+ align-items: center;
120
+ }
121
+
122
+ :host([orientation="horizontal"]) [part="listItem"].selected {
123
+ width: 16px;
124
+ }
125
+
126
+ :host([orientation="vertical"]) [part="list"] {
127
+ flex-direction: column;
128
+ justify-content: center;
129
+ align-items: center;
130
+ }
131
+
132
+ :host([orientation="vertical"]) [part="listItem"].selected {
133
+ height: 16px;
134
+ }
135
+
136
+ `;
137
+ }
138
+ //# sourceMappingURL=IndicatorElement.Cosmopolitan.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0HT,CAAC;AACN,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { type CSSResult } from '../../../../../Dom/Css';
2
+ /**
3
+ * @public
4
+ */
5
+ export declare function indicatorElementJoyStyle(): CSSResult;
6
+ //# sourceMappingURL=IndicatorElement.Joy.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA2NpD"}
@@ -0,0 +1,233 @@
1
+ // ------------------------------------------------------------------------------
2
+ // <auto-generated>
3
+ // This code was generated by a tool.
4
+ // Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
5
+ // </auto-generated>
6
+ // ------------------------------------------------------------------------------
7
+ // #region Imports
8
+ import { css } from '../../../../../Dom/Css';
9
+ // #endregion
10
+ /**
11
+ * @public
12
+ */
13
+ export function indicatorElementJoyStyle() {
14
+ return css `
15
+ :host {
16
+ --indicator-background-color: transparent;
17
+ --indicator-border-color: transparent;
18
+ --indicator-border-radius: 0px;
19
+ --indicator-border-style: solid;
20
+ --indicator-border-width: 0px;
21
+ --indicator-font-family: var(--joy-font-family);
22
+ --indicator-font-letter-spacing: unset;
23
+ --indicator-font-line-height: unset;
24
+ --indicator-font-size: 12px;
25
+ --indicator-font-text-decoration: unset;
26
+ --indicator-font-text-transform: unset;
27
+ --indicator-font-weight: normal;
28
+ --indicator-foreground-color: var(--joy-scheme-middlelight);
29
+ --indicator-gap: var(--joy-layout-space);
30
+ --indicator-padding-bottom: unset;
31
+ --indicator-padding-left: unset;
32
+ --indicator-padding-right: unset;
33
+ --indicator-padding-top: unset;
34
+ --indicator-shadow: var(--joy-elevation-none);
35
+ --indicator-transition-duration: .2s;
36
+ --indicator-transition-mode: ease;
37
+ --indicator-transition-property: all;
38
+ --indicator-translate: unset;
39
+ }
40
+
41
+ @media screen and (prefers-reduced-motion: reduce) {
42
+ :host {
43
+ transition-duration: .01ms;
44
+ }
45
+ }
46
+
47
+ :host {
48
+ box-sizing: border-box;
49
+ display: block;
50
+ position: relative;
51
+ }
52
+
53
+ :host *, :host :before, :host :after {
54
+ box-sizing: border-box;
55
+ background-repeat: no-repeat;
56
+ }
57
+
58
+ :host :before, :host :after {
59
+ text-decoration: inherit;
60
+ vertical-align: inherit;
61
+ }
62
+
63
+ :host([hidden]) {
64
+ display: none !important;
65
+ }
66
+
67
+ :host {
68
+ font-family: var(--indicator-font-family);
69
+ font-size: var(--indicator-font-size);
70
+ line-height: var(--indicator-font-line-height);
71
+ font-weight: var(--indicator-font-weight);
72
+ letter-spacing: var(--indicator-font-letter-spacing);
73
+ -webkit-text-decoration: var(--indicator-font-text-decoration);
74
+ text-decoration: var(--indicator-font-text-decoration);
75
+ text-transform: var(--indicator-font-text-transform);
76
+ transition-duration: var(--indicator-transition-duration);
77
+ transition-timing-function: var(--indicator-transition-mode);
78
+ transition-property: var(--indicator-transition-property);
79
+ translate: var(--indicator-translate);
80
+ display: block;
81
+ }
82
+
83
+ :host [part="list"] {
84
+ transition-duration: inherit;
85
+ transition-timing-function: inherit;
86
+ flex-direction: column;
87
+ justify-content: center;
88
+ align-items: center;
89
+ margin: 0;
90
+ padding: 0;
91
+ list-style: none;
92
+ transition-property: inherit;
93
+ display: flex;
94
+ }
95
+
96
+ :host [part="list"] [part="listItem"] {
97
+ cursor: pointer;
98
+ width: 8px;
99
+ height: 8px;
100
+ transition-duration: inherit;
101
+ transition-timing-function: inherit;
102
+ border-style: solid;
103
+ border-width: 0;
104
+ padding: 0;
105
+ transition-property: inherit;
106
+ }
107
+
108
+ :host([disabled]:not([disabled="false"])) [part="listItem"] {
109
+ cursor: default;
110
+ pointer-events: none;
111
+ -webkit-user-select: none;
112
+ -moz-user-select: none;
113
+ user-select: none;
114
+ }
115
+
116
+ :host([orientation="horizontal"]) [part="list"] {
117
+ flex-direction: row;
118
+ justify-content: center;
119
+ align-items: center;
120
+ }
121
+
122
+ :host([orientation="horizontal"]) [part="listItem"].selected {
123
+ width: 16px;
124
+ }
125
+
126
+ :host([orientation="vertical"]) [part="list"] {
127
+ flex-direction: column;
128
+ justify-content: center;
129
+ align-items: center;
130
+ }
131
+
132
+ :host([orientation="vertical"]) [part="listItem"].selected {
133
+ height: 16px;
134
+ }
135
+
136
+ :host [part="list"] {
137
+ background-color: var(--joy-scheme-transparent);
138
+ }
139
+
140
+ :host [part="listItem"] {
141
+ margin: var(--joy-layout-radius) 0;
142
+ border-radius: var(--joy-layout-radius);
143
+ border-color: var(--joy-scheme-transparent);
144
+ background-color: var(--joy-scheme-highlight);
145
+ }
146
+
147
+ :host [part="listItem"].selected {
148
+ background-color: var(--joy-scheme-highlight);
149
+ }
150
+
151
+ :host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
152
+ --indicator-background-color: var(--joy-color-primary-500);
153
+ }
154
+
155
+ :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
156
+ --indicator-background-color: var(--joy-color-primary-600);
157
+ }
158
+
159
+ :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) {
160
+ --indicator-background-color: var(--joy-color-secondary-500);
161
+ }
162
+
163
+ :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
164
+ --indicator-background-color: var(--joy-color-secondary-600);
165
+ }
166
+
167
+ :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
168
+ --indicator-background-color: var(--joy-color-tertiary-500);
169
+ }
170
+
171
+ :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
172
+ --indicator-background-color: var(--joy-color-tertiary-600);
173
+ }
174
+
175
+ :host([variant="danger"]:not([disabled]:not([disabled="false"]))) {
176
+ --indicator-background-color: var(--joy-color-danger-500);
177
+ }
178
+
179
+ :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
180
+ --indicator-background-color: var(--joy-color-danger-600);
181
+ }
182
+
183
+ :host([variant="warning"]:not([disabled]:not([disabled="false"]))) {
184
+ --indicator-background-color: var(--joy-color-warning-500);
185
+ }
186
+
187
+ :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
188
+ --indicator-background-color: var(--joy-color-warning-600);
189
+ }
190
+
191
+ :host([variant="success"]:not([disabled]:not([disabled="false"]))) {
192
+ --indicator-background-color: var(--joy-color-success-500);
193
+ }
194
+
195
+ :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
196
+ --indicator-background-color: var(--joy-color-success-600);
197
+ }
198
+
199
+ :host([variant="info"]:not([disabled]:not([disabled="false"]))) {
200
+ --indicator-background-color: var(--joy-color-info-500);
201
+ }
202
+
203
+ :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
204
+ --indicator-background-color: var(--joy-color-info-600);
205
+ }
206
+
207
+ :host([variant="highlight"]:not([disabled]:not([disabled="false"]))) {
208
+ --indicator-background-color: var(--joy-color-highlight-500);
209
+ }
210
+
211
+ :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
212
+ --indicator-background-color: var(--joy-color-highlight-600);
213
+ }
214
+
215
+ :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) {
216
+ --indicator-background-color: var(--joy-color-neutral-500);
217
+ }
218
+
219
+ :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
220
+ --indicator-background-color: var(--joy-color-neutral-600);
221
+ }
222
+
223
+ :host([orientation="horizontal"]) [part="listItem"] {
224
+ margin: 0 var(--joy-layout-space);
225
+ }
226
+
227
+ :host([orientation="vertical"]) [part="listItem"] {
228
+ margin: var(--joy-layout-space) 0;
229
+ }
230
+
231
+ `;
232
+ }
233
+ //# sourceMappingURL=IndicatorElement.Joy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyNT,CAAC;AACN,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { type CSSResult } from '../../../../../Dom/Css';
2
+ /**
3
+ * @public
4
+ */
5
+ export declare function indicatorElementRetroStyle(): CSSResult;
6
+ //# sourceMappingURL=IndicatorElement.Retro.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CA2MtD"}
@@ -0,0 +1,217 @@
1
+ // ------------------------------------------------------------------------------
2
+ // <auto-generated>
3
+ // This code was generated by a tool.
4
+ // Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
5
+ // </auto-generated>
6
+ // ------------------------------------------------------------------------------
7
+ // #region Imports
8
+ import { css } from '../../../../../Dom/Css';
9
+ // #endregion
10
+ /**
11
+ * @public
12
+ */
13
+ export function indicatorElementRetroStyle() {
14
+ return css `
15
+ :host {
16
+ --indicator-background-color: transparent;
17
+ --indicator-border-color: transparent;
18
+ --indicator-border-radius: 0px;
19
+ --indicator-border-style: solid;
20
+ --indicator-border-width: 0px;
21
+ --indicator-font-family: var(--retro-font-family);
22
+ --indicator-font-letter-spacing: unset;
23
+ --indicator-font-line-height: unset;
24
+ --indicator-font-size: 12px;
25
+ --indicator-font-text-decoration: unset;
26
+ --indicator-font-text-transform: unset;
27
+ --indicator-font-weight: normal;
28
+ --indicator-foreground-color: var(--retro-scheme-middlelight);
29
+ --indicator-gap: var(--retro-layout-space);
30
+ --indicator-padding-bottom: unset;
31
+ --indicator-padding-left: unset;
32
+ --indicator-padding-right: unset;
33
+ --indicator-padding-top: unset;
34
+ --indicator-shadow: var(--retro-elevation-none);
35
+ --indicator-transition-duration: .2s;
36
+ --indicator-transition-mode: ease;
37
+ --indicator-transition-property: all;
38
+ --indicator-translate: unset;
39
+ }
40
+
41
+ @media screen and (prefers-reduced-motion: reduce) {
42
+ :host {
43
+ transition-duration: .01ms;
44
+ }
45
+ }
46
+
47
+ :host {
48
+ box-sizing: border-box;
49
+ display: block;
50
+ position: relative;
51
+ }
52
+
53
+ :host *, :host :before, :host :after {
54
+ box-sizing: border-box;
55
+ background-repeat: no-repeat;
56
+ }
57
+
58
+ :host :before, :host :after {
59
+ text-decoration: inherit;
60
+ vertical-align: inherit;
61
+ }
62
+
63
+ :host([hidden]) {
64
+ display: none !important;
65
+ }
66
+
67
+ :host {
68
+ font-family: var(--indicator-font-family);
69
+ font-size: var(--indicator-font-size);
70
+ line-height: var(--indicator-font-line-height);
71
+ font-weight: var(--indicator-font-weight);
72
+ letter-spacing: var(--indicator-font-letter-spacing);
73
+ -webkit-text-decoration: var(--indicator-font-text-decoration);
74
+ text-decoration: var(--indicator-font-text-decoration);
75
+ text-transform: var(--indicator-font-text-transform);
76
+ transition-duration: var(--indicator-transition-duration);
77
+ transition-timing-function: var(--indicator-transition-mode);
78
+ transition-property: var(--indicator-transition-property);
79
+ translate: var(--indicator-translate);
80
+ display: block;
81
+ }
82
+
83
+ :host [part="list"] {
84
+ transition-duration: inherit;
85
+ transition-timing-function: inherit;
86
+ flex-direction: column;
87
+ justify-content: center;
88
+ align-items: center;
89
+ margin: 0;
90
+ padding: 0;
91
+ list-style: none;
92
+ transition-property: inherit;
93
+ display: flex;
94
+ }
95
+
96
+ :host [part="list"] [part="listItem"] {
97
+ cursor: pointer;
98
+ width: 8px;
99
+ height: 8px;
100
+ transition-duration: inherit;
101
+ transition-timing-function: inherit;
102
+ border-style: solid;
103
+ border-width: 0;
104
+ padding: 0;
105
+ transition-property: inherit;
106
+ }
107
+
108
+ :host([disabled]:not([disabled="false"])) [part="listItem"] {
109
+ cursor: default;
110
+ pointer-events: none;
111
+ -webkit-user-select: none;
112
+ -moz-user-select: none;
113
+ user-select: none;
114
+ }
115
+
116
+ :host([orientation="horizontal"]) [part="list"] {
117
+ flex-direction: row;
118
+ justify-content: center;
119
+ align-items: center;
120
+ }
121
+
122
+ :host([orientation="horizontal"]) [part="listItem"].selected {
123
+ width: 16px;
124
+ }
125
+
126
+ :host([orientation="vertical"]) [part="list"] {
127
+ flex-direction: column;
128
+ justify-content: center;
129
+ align-items: center;
130
+ }
131
+
132
+ :host([orientation="vertical"]) [part="listItem"].selected {
133
+ height: 16px;
134
+ }
135
+
136
+ :host [part="list"] {
137
+ background-color: var(--retro-scheme-transparent);
138
+ }
139
+
140
+ :host [part="listItem"] {
141
+ margin: var(--retro-layout-radius) 0;
142
+ border-radius: var(--retro-layout-radius);
143
+ border-color: var(--retro-scheme-transparent);
144
+ background-color: var(--retro-scheme-highlight);
145
+ }
146
+
147
+ :host [part="listItem"].selected {
148
+ background-color: var(--retro-scheme-highlight);
149
+ }
150
+
151
+ :host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
152
+ --indicator-background-color: var(--retro-color-primary-500);
153
+ }
154
+
155
+ :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
156
+ --indicator-background-color: var(--retro-color-primary-600);
157
+ }
158
+
159
+ :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) {
160
+ --indicator-background-color: var(--retro-color-secondary-500);
161
+ }
162
+
163
+ :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
164
+ --indicator-background-color: var(--retro-color-secondary-600);
165
+ }
166
+
167
+ :host([variant="info"]:not([disabled]:not([disabled="false"]))) {
168
+ --indicator-background-color: var(--retro-color-info-500);
169
+ }
170
+
171
+ :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
172
+ --indicator-background-color: var(--retro-color-info-600);
173
+ }
174
+
175
+ :host([variant="warning"]:not([disabled]:not([disabled="false"]))) {
176
+ --indicator-background-color: var(--retro-color-warning-500);
177
+ }
178
+
179
+ :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
180
+ --indicator-background-color: var(--retro-color-warning-600);
181
+ }
182
+
183
+ :host([variant="danger"]:not([disabled]:not([disabled="false"]))) {
184
+ --indicator-background-color: var(--retro-color-danger-500);
185
+ }
186
+
187
+ :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
188
+ --indicator-background-color: var(--retro-color-danger-600);
189
+ }
190
+
191
+ :host([variant="success"]:not([disabled]:not([disabled="false"]))) {
192
+ --indicator-background-color: var(--retro-color-success-500);
193
+ }
194
+
195
+ :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
196
+ --indicator-background-color: var(--retro-color-success-600);
197
+ }
198
+
199
+ :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) {
200
+ --indicator-background-color: var(--retro-color-neutral-500);
201
+ }
202
+
203
+ :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
204
+ --indicator-background-color: var(--retro-color-neutral-600);
205
+ }
206
+
207
+ :host([orientation="horizontal"]) [part="listItem"] {
208
+ margin: 0 var(--retro-layout-space);
209
+ }
210
+
211
+ :host([orientation="vertical"]) [part="listItem"] {
212
+ margin: var(--retro-layout-space) 0;
213
+ }
214
+
215
+ `;
216
+ }
217
+ //# sourceMappingURL=IndicatorElement.Retro.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IndicatorElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyMT,CAAC;AACN,CAAC"}