@breadstone/mosaik-elements-foundation 0.0.129 → 0.0.130

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 (11) hide show
  1. package/Controls/Components/Media/Chat/ChatMarkerElement.d.ts +1 -1
  2. package/Controls/Components/Media/Chat/ChatMarkerElement.d.ts.map +1 -1
  3. package/Controls/Components/Media/Chat/ChatMarkerElement.js +2 -1
  4. package/Controls/Components/Media/Chat/ChatMarkerElement.js.map +1 -1
  5. package/Controls/Components/Media/Chat/IChatMarkerElementProps.d.ts +2 -1
  6. package/Controls/Components/Media/Chat/IChatMarkerElementProps.d.ts.map +1 -1
  7. package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.d.ts.map +1 -1
  8. package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.js +197 -0
  9. package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.js.map +1 -1
  10. package/custom-elements.json +25 -0
  11. package/package.json +3 -3
package/Controls/Components/Media/Chat/ChatMarkerElement.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { CustomElement } from '../../Abstracts/CustomElement';
2
2
  import type { IChatMarkerElementProps } from './IChatMarkerElementProps';
3
- declare const ChatMarkerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/ContentAlignable").IContentAlignableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Stickable").IStickableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
3
+ declare const ChatMarkerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/ContentAlignable").IContentAlignableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Stickable").IStickableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
4
4
  /**
5
5
  * The `{@link ChatMarkerElement}` element.
6
6
  *
package/Controls/Components/Media/Chat/ChatMarkerElement.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMarkerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMarkerElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAQzE;;;;GAIG;AACH,qBAmBa,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IAMtB;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;CAIJ;AAED;;EAEE;AACF,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}
1
+ {"version":3,"file":"ChatMarkerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMarkerElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AASzE;;;;GAIG;AACH,qBAmBa,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IAMtB;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;CAIJ;AAED;;EAEE;AACF,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}
package/Controls/Components/Media/Chat/ChatMarkerElement.js CHANGED
@@ -25,13 +25,14 @@ import { chatMarkerElementJoyStyle } from './Themes/ChatMarkerElement.Joy';
25
25
  import { chatMarkerElementRetroStyle } from './Themes/ChatMarkerElement.Retro';
26
26
  import { chatMarkerElementCosmopolitanStyle } from './Themes/ChatMarkerElement.Cosmopolitan';
27
27
  import { Themeable } from '../../../Behaviors/Themeable';
28
+ import { Appearanceable } from '../../../Behaviors/Appearanceable';
28
29
  // #endregion
29
30
  /**
30
31
  * The `{@link ChatMarkerElement}` element.
31
32
  *
32
33
  * @public
33
34
  */
34
- let ChatMarkerElement = class ChatMarkerElement extends Themeable(Variantable(Orientable(ContentAlignable(Stickable(TextFormattable(CustomElement)))))) {
35
+ let ChatMarkerElement = class ChatMarkerElement extends Themeable(Variantable(Orientable(ContentAlignable(Stickable(TextFormattable(Appearanceable(CustomElement))))))) {
35
36
  // #region Fields
36
37
  _text;
37
38
  _icon;
package/Controls/Components/Media/Chat/ChatMarkerElement.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMarkerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMarkerElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ChatMarkerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMarkerElement.ts"],"names":[],"mappings":"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"}
package/Controls/Components/Media/Chat/IChatMarkerElementProps.d.ts CHANGED
@@ -3,12 +3,13 @@ import type { IStickableProps } from '../../../Behaviors/Stickable';
3
3
  import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
4
4
  import type { IVariantableProps } from '../../../Behaviors/Variantable';
5
5
  import type { IContentAlignableProps } from '../../../Behaviors/ContentAlignable';
6
+ import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
6
7
  /**
7
8
  * Represents the `{@link IChatMarkerElementProps}` interface.
8
9
  *
9
10
  * @public
10
11
  */
11
- export interface IChatMarkerElementProps extends IVariantableProps, IOrientableProps, IVariantableProps, IStickableProps, ITextFormattableProps, IContentAlignableProps {
12
+ export interface IChatMarkerElementProps extends IVariantableProps, IOrientableProps, IVariantableProps, IStickableProps, ITextFormattableProps, IContentAlignableProps, IAppearanceableProps {
12
13
  text: string;
13
14
  icon: string;
14
15
  }
package/Controls/Components/Media/Chat/IChatMarkerElementProps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IChatMarkerElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatMarkerElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAIlF;;;;GAIG;AACH,MAAM,WAAW,uBACb,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,EAAE,sBAAsB;IAE9H,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAE,MAAM,CAAC;CAEhB"}
1
+ {"version":3,"file":"IChatMarkerElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatMarkerElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAI9E;;;;GAIG;AACH,MAAM,WAAW,uBACb,SAAQ,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,oBAAoB;IAEpJ,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAE,MAAM,CAAC;CAEhB"}
package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMarkerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAwIrD"}
1
+ {"version":3,"file":"ChatMarkerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA6UrD"}
package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.js CHANGED
@@ -100,6 +100,203 @@ export function chatMarkerElementJoyStyle() {
100
100
  flex-shrink: 0;
101
101
  }
102
102
 
103
+ :host([appearance="outline"]) {
104
+ --chat-marker-background-color: var(--joy-scheme-background);
105
+ --chat-marker-foreground-color: var(--joy-scheme-foreground);
106
+ --chat-marker-border-color: var(--joy-scheme-highlight);
107
+ --chat-marker-border-width: var(--joy-layout-thickness);
108
+ --chat-marker-border-style: solid;
109
+ }
110
+
111
+ :host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
112
+ --chat-marker-foreground-color: var(--joy-color-primary-500);
113
+ --chat-marker-border-color: var(--joy-color-primary-500);
114
+ }
115
+
116
+ :host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
117
+ --chat-marker-foreground-color: var(--joy-color-secondary-500);
118
+ --chat-marker-border-color: var(--joy-color-secondary-500);
119
+ }
120
+
121
+ :host([appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
122
+ --chat-marker-foreground-color: var(--joy-color-tertiary-500);
123
+ --chat-marker-border-color: var(--joy-color-tertiary-500);
124
+ }
125
+
126
+ :host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
127
+ --chat-marker-foreground-color: var(--joy-color-danger-500);
128
+ --chat-marker-border-color: var(--joy-color-danger-500);
129
+ }
130
+
131
+ :host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
132
+ --chat-marker-foreground-color: var(--joy-color-warning-500);
133
+ --chat-marker-border-color: var(--joy-color-warning-500);
134
+ }
135
+
136
+ :host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
137
+ --chat-marker-foreground-color: var(--joy-color-success-500);
138
+ --chat-marker-border-color: var(--joy-color-success-500);
139
+ }
140
+
141
+ :host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
142
+ --chat-marker-foreground-color: var(--joy-color-info-500);
143
+ --chat-marker-border-color: var(--joy-color-info-500);
144
+ }
145
+
146
+ :host([appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
147
+ --chat-marker-foreground-color: var(--joy-color-highlight-500);
148
+ --chat-marker-border-color: var(--joy-color-highlight-500);
149
+ }
150
+
151
+ :host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
152
+ --chat-marker-foreground-color: var(--joy-color-neutral-500);
153
+ --chat-marker-border-color: var(--joy-color-neutral-500);
154
+ }
155
+
156
+ :host([appearance="soft"]) {
157
+ --chat-marker-background-color: var(--joy-scheme-highlight);
158
+ --chat-marker-foreground-color: var(--joy-scheme-foreground);
159
+ --chat-marker-border-width: 0;
160
+ }
161
+
162
+ :host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
163
+ --chat-marker-background-color: var(--joy-color-primary-100);
164
+ --chat-marker-foreground-color: var(--joy-color-primary-500);
165
+ }
166
+
167
+ :host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
168
+ --chat-marker-background-color: var(--joy-color-secondary-100);
169
+ --chat-marker-foreground-color: var(--joy-color-secondary-500);
170
+ }
171
+
172
+ :host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
173
+ --chat-marker-background-color: var(--joy-color-tertiary-100);
174
+ --chat-marker-foreground-color: var(--joy-color-tertiary-500);
175
+ }
176
+
177
+ :host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
178
+ --chat-marker-background-color: var(--joy-color-danger-100);
179
+ --chat-marker-foreground-color: var(--joy-color-danger-500);
180
+ }
181
+
182
+ :host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
183
+ --chat-marker-background-color: var(--joy-color-warning-100);
184
+ --chat-marker-foreground-color: var(--joy-color-warning-500);
185
+ }
186
+
187
+ :host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
188
+ --chat-marker-background-color: var(--joy-color-success-100);
189
+ --chat-marker-foreground-color: var(--joy-color-success-500);
190
+ }
191
+
192
+ :host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
193
+ --chat-marker-background-color: var(--joy-color-info-100);
194
+ --chat-marker-foreground-color: var(--joy-color-info-500);
195
+ }
196
+
197
+ :host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
198
+ --chat-marker-background-color: var(--joy-color-highlight-100);
199
+ --chat-marker-foreground-color: var(--joy-color-highlight-500);
200
+ }
201
+
202
+ :host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
203
+ --chat-marker-background-color: var(--joy-color-neutral-100);
204
+ --chat-marker-foreground-color: var(--joy-color-neutral-500);
205
+ }
206
+
207
+ :host([appearance="plain"]) {
208
+ --chat-marker-background-color: var(--joy-scheme-background);
209
+ --chat-marker-foreground-color: var(--joy-scheme-foreground);
210
+ --chat-marker-border-width: 0;
211
+ }
212
+
213
+ :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
214
+ --chat-marker-foreground-color: var(--joy-color-primary-500);
215
+ }
216
+
217
+ :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
218
+ --chat-marker-foreground-color: var(--joy-color-secondary-500);
219
+ }
220
+
221
+ :host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
222
+ --chat-marker-foreground-color: var(--joy-color-tertiary-500);
223
+ }
224
+
225
+ :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
226
+ --chat-marker-foreground-color: var(--joy-color-danger-500);
227
+ }
228
+
229
+ :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
230
+ --chat-marker-foreground-color: var(--joy-color-warning-500);
231
+ }
232
+
233
+ :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
234
+ --chat-marker-foreground-color: var(--joy-color-success-500);
235
+ }
236
+
237
+ :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
238
+ --chat-marker-foreground-color: var(--joy-color-info-500);
239
+ }
240
+
241
+ :host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
242
+ --chat-marker-foreground-color: var(--joy-color-highlight-500);
243
+ }
244
+
245
+ :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
246
+ --chat-marker-foreground-color: var(--joy-color-neutral-500);
247
+ }
248
+
249
+ :host([appearance="solid"]) {
250
+ --chat-marker-background-color: var(--joy-scheme-highlight);
251
+ --chat-marker-foreground-color: var(--joy-scheme-foreground);
252
+ --chat-marker-border-width: 0;
253
+ }
254
+
255
+ :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
256
+ --chat-marker-background-color: var(--joy-color-primary-500);
257
+ --chat-marker-foreground-color: var(--joy-color-primary-0);
258
+ }
259
+
260
+ :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
261
+ --chat-marker-background-color: var(--joy-color-secondary-500);
262
+ --chat-marker-foreground-color: var(--joy-color-secondary-0);
263
+ }
264
+
265
+ :host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
266
+ --chat-marker-background-color: var(--joy-color-tertiary-500);
267
+ --chat-marker-foreground-color: var(--joy-color-tertiary-0);
268
+ }
269
+
270
+ :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
271
+ --chat-marker-background-color: var(--joy-color-danger-500);
272
+ --chat-marker-foreground-color: var(--joy-color-danger-0);
273
+ }
274
+
275
+ :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
276
+ --chat-marker-background-color: var(--joy-color-warning-500);
277
+ --chat-marker-foreground-color: var(--joy-color-warning-0);
278
+ }
279
+
280
+ :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
281
+ --chat-marker-background-color: var(--joy-color-success-500);
282
+ --chat-marker-foreground-color: var(--joy-color-success-0);
283
+ }
284
+
285
+ :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
286
+ --chat-marker-background-color: var(--joy-color-info-500);
287
+ --chat-marker-foreground-color: var(--joy-color-info-0);
288
+ }
289
+
290
+ :host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
291
+ --chat-marker-background-color: var(--joy-color-highlight-500);
292
+ --chat-marker-foreground-color: var(--joy-color-highlight-0);
293
+ }
294
+
295
+ :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
296
+ --chat-marker-background-color: var(--joy-color-neutral-500);
297
+ --chat-marker-foreground-color: var(--joy-color-neutral-0);
298
+ }
299
+
103
300
  :host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
104
301
  --chat-marker-foreground-color: var(--joy-color-primary-500);
105
302
  --chat-marker-border-color: var(--joy-color-primary-500);
package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMarkerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsIT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMarkerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2UT,CAAC;AACN,CAAC"}
package/custom-elements.json CHANGED
@@ -64665,6 +64665,10 @@
64665
64665
  {
64666
64666
  "name": "TextFormattable",
64667
64667
  "module": "./../src/Controls/Behaviors/TextFormattable.ts"
64668
+ },
64669
+ {
64670
+ "name": "Appearanceable",
64671
+ "module": "./../src/Controls/Behaviors/Appearanceable.ts"
64668
64672
  }
64669
64673
  ],
64670
64674
  "description": "[object Object],[object Object],[object Object]",
@@ -64769,6 +64773,17 @@
64769
64773
  "module": "./../src/Controls/Behaviors/TextFormattable.ts"
64770
64774
  }
64771
64775
  },
64776
+ {
64777
+ "kind": "field",
64778
+ "name": "appearance",
64779
+ "privacy": "public",
64780
+ "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
64781
+ "type": "Appearance",
64782
+ "inheritedFrom": {
64783
+ "name": "Appearanceable",
64784
+ "module": "./../src/Controls/Behaviors/Appearanceable.ts"
64785
+ }
64786
+ },
64772
64787
  {
64773
64788
  "kind": "field",
64774
64789
  "name": "dir",
@@ -65026,6 +65041,16 @@
65026
65041
  "module": "./../src/Controls/Behaviors/Stickable.ts"
65027
65042
  }
65028
65043
  },
65044
+ {
65045
+ "name": "appearance",
65046
+ "fieldName": "appearance",
65047
+ "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
65048
+ "type": "Appearance",
65049
+ "inheritedFrom": {
65050
+ "name": "Appearanceable",
65051
+ "module": "./../src/Controls/Behaviors/Appearanceable.ts"
65052
+ }
65053
+ },
65029
65054
  {
65030
65055
  "name": "dir",
65031
65056
  "fieldName": "dir",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.0.129",
3
+ "version": "0.0.130",
4
4
  "description": "Mosaik elements components package.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "^0.0.129",
18
- "@breadstone/mosaik-themes": "^0.0.129",
17
+ "@breadstone/mosaik-elements": "^0.0.130",
18
+ "@breadstone/mosaik-themes": "^0.0.130",
19
19
  "@ctrl/tinycolor": "^4.1.0",
20
20
  "@floating-ui/dom": "^1.7.3",
21
21
  "@lit-labs/virtualizer": "^2.1.1",