@muenchen/muc-patternlab-vue 8.0.0-beta.2 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/Accordion/MucAccordion.stories.d.ts +119 -6
  2. package/components/Accordion/MucAccordionItem.stories.d.ts +203 -6
  3. package/components/Accordion/MucAccordionItem.vue.d.ts +18 -2
  4. package/muc-patternlab-vue.es.js +817 -805
  5. package/package.json +9 -9
package/components/Accordion/MucAccordion.stories.d.ts CHANGED
@@ -168,9 +168,13 @@ export declare const Template: () => {
168
168
  close: (id: string) => any;
169
169
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
170
170
  $slots: Readonly<{
171
- text(): unknown;
171
+ subtitleIcon(): unknown;
172
+ subtitle(): unknown;
173
+ content(): unknown;
172
174
  }> & {
173
- text(): unknown;
175
+ subtitleIcon(): unknown;
176
+ subtitle(): unknown;
177
+ content(): unknown;
174
178
  };
175
179
  });
176
180
  };
@@ -258,9 +262,13 @@ export declare const Multiple: () => {
258
262
  close: (id: string) => any;
259
263
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
260
264
  $slots: Readonly<{
261
- text(): unknown;
265
+ subtitleIcon(): unknown;
266
+ subtitle(): unknown;
267
+ content(): unknown;
262
268
  }> & {
263
- text(): unknown;
269
+ subtitleIcon(): unknown;
270
+ subtitle(): unknown;
271
+ content(): unknown;
264
272
  };
265
273
  });
266
274
  };
@@ -348,11 +356,116 @@ export declare const DetailPageMargin: () => {
348
356
  close: (id: string) => any;
349
357
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
350
358
  $slots: Readonly<{
351
- text(): unknown;
359
+ subtitleIcon(): unknown;
360
+ subtitle(): unknown;
361
+ content(): unknown;
352
362
  }> & {
353
- text(): unknown;
363
+ subtitleIcon(): unknown;
364
+ subtitle(): unknown;
365
+ content(): unknown;
354
366
  };
355
367
  });
356
368
  };
357
369
  template: string;
358
370
  };
371
+ export declare const WithMetadataHeader: () => {
372
+ components: {
373
+ MucAccordion: {
374
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
375
+ id: string;
376
+ header?: string;
377
+ multiple?: boolean;
378
+ defaultItem?: string;
379
+ detailPageMargin?: boolean;
380
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
381
+ P: {};
382
+ B: {};
383
+ D: {};
384
+ C: {};
385
+ M: {};
386
+ Defaults: {};
387
+ }, Readonly<{
388
+ id: string;
389
+ header?: string;
390
+ multiple?: boolean;
391
+ defaultItem?: string;
392
+ detailPageMargin?: boolean;
393
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
394
+ __isFragment?: never;
395
+ __isTeleport?: never;
396
+ __isSuspense?: never;
397
+ } & import('vue').ComponentOptionsBase<Readonly<{
398
+ id: string;
399
+ header?: string;
400
+ multiple?: boolean;
401
+ defaultItem?: string;
402
+ detailPageMargin?: boolean;
403
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
404
+ $slots: Readonly<{
405
+ default(): unknown;
406
+ }> & {
407
+ default(): unknown;
408
+ };
409
+ });
410
+ MucAccordionItem: {
411
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
412
+ id: string;
413
+ header: string;
414
+ activeItems?: string[];
415
+ }> & Readonly<{
416
+ onOpen?: ((id: string) => any) | undefined;
417
+ onClose?: ((id: string) => any) | undefined;
418
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
419
+ open: (id: string) => any;
420
+ close: (id: string) => any;
421
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
422
+ section: HTMLElement;
423
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
424
+ P: {};
425
+ B: {};
426
+ D: {};
427
+ C: {};
428
+ M: {};
429
+ Defaults: {};
430
+ }, Readonly<{
431
+ id: string;
432
+ header: string;
433
+ activeItems?: string[];
434
+ }> & Readonly<{
435
+ onOpen?: ((id: string) => any) | undefined;
436
+ onClose?: ((id: string) => any) | undefined;
437
+ }>, {}, {}, {}, {}, {}>;
438
+ __isFragment?: never;
439
+ __isTeleport?: never;
440
+ __isSuspense?: never;
441
+ } & import('vue').ComponentOptionsBase<Readonly<{
442
+ id: string;
443
+ header: string;
444
+ activeItems?: string[];
445
+ }> & Readonly<{
446
+ onOpen?: ((id: string) => any) | undefined;
447
+ onClose?: ((id: string) => any) | undefined;
448
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
449
+ open: (id: string) => any;
450
+ close: (id: string) => any;
451
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
452
+ $slots: Readonly<{
453
+ subtitleIcon(): unknown;
454
+ subtitle(): unknown;
455
+ content(): unknown;
456
+ }> & {
457
+ subtitleIcon(): unknown;
458
+ subtitle(): unknown;
459
+ content(): unknown;
460
+ };
461
+ });
462
+ MucIcon: import('vue').DefineComponent<{
463
+ icon: string;
464
+ color?: string;
465
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
466
+ icon: string;
467
+ color?: string;
468
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
469
+ };
470
+ template: string;
471
+ };
package/components/Accordion/MucAccordionItem.stories.d.ts CHANGED
@@ -43,9 +43,13 @@ declare const _default: {
43
43
  close: (id: string) => any;
44
44
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
45
45
  $slots: Readonly<{
46
- text(): unknown;
46
+ subtitleIcon(): unknown;
47
+ subtitle(): unknown;
48
+ content(): unknown;
47
49
  }> & {
48
- text(): unknown;
50
+ subtitleIcon(): unknown;
51
+ subtitle(): unknown;
52
+ content(): unknown;
49
53
  };
50
54
  });
51
55
  };
@@ -92,9 +96,13 @@ declare const _default: {
92
96
  close: (id: string) => any;
93
97
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
94
98
  $slots: Readonly<{
95
- text(): unknown;
99
+ subtitleIcon(): unknown;
100
+ subtitle(): unknown;
101
+ content(): unknown;
96
102
  }> & {
97
- text(): unknown;
103
+ subtitleIcon(): unknown;
104
+ subtitle(): unknown;
105
+ content(): unknown;
98
106
  };
99
107
  });
100
108
  title: string;
@@ -153,9 +161,198 @@ export declare const Template: () => {
153
161
  close: (id: string) => any;
154
162
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
155
163
  $slots: Readonly<{
156
- text(): unknown;
164
+ subtitleIcon(): unknown;
165
+ subtitle(): unknown;
166
+ content(): unknown;
157
167
  }> & {
158
- text(): unknown;
168
+ subtitleIcon(): unknown;
169
+ subtitle(): unknown;
170
+ content(): unknown;
171
+ };
172
+ });
173
+ };
174
+ template: string;
175
+ };
176
+ export declare const WithMetaText: () => {
177
+ components: {
178
+ MucAccordionItem: {
179
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
180
+ id: string;
181
+ header: string;
182
+ activeItems?: string[];
183
+ }> & Readonly<{
184
+ onOpen?: ((id: string) => any) | undefined;
185
+ onClose?: ((id: string) => any) | undefined;
186
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
187
+ open: (id: string) => any;
188
+ close: (id: string) => any;
189
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
190
+ section: HTMLElement;
191
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
192
+ P: {};
193
+ B: {};
194
+ D: {};
195
+ C: {};
196
+ M: {};
197
+ Defaults: {};
198
+ }, Readonly<{
199
+ id: string;
200
+ header: string;
201
+ activeItems?: string[];
202
+ }> & Readonly<{
203
+ onOpen?: ((id: string) => any) | undefined;
204
+ onClose?: ((id: string) => any) | undefined;
205
+ }>, {}, {}, {}, {}, {}>;
206
+ __isFragment?: never;
207
+ __isTeleport?: never;
208
+ __isSuspense?: never;
209
+ } & import('vue').ComponentOptionsBase<Readonly<{
210
+ id: string;
211
+ header: string;
212
+ activeItems?: string[];
213
+ }> & Readonly<{
214
+ onOpen?: ((id: string) => any) | undefined;
215
+ onClose?: ((id: string) => any) | undefined;
216
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
217
+ open: (id: string) => any;
218
+ close: (id: string) => any;
219
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
220
+ $slots: Readonly<{
221
+ subtitleIcon(): unknown;
222
+ subtitle(): unknown;
223
+ content(): unknown;
224
+ }> & {
225
+ subtitleIcon(): unknown;
226
+ subtitle(): unknown;
227
+ content(): unknown;
228
+ };
229
+ });
230
+ MucIcon: import('vue').DefineComponent<{
231
+ icon: string;
232
+ color?: string;
233
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
234
+ icon: string;
235
+ color?: string;
236
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
237
+ };
238
+ template: string;
239
+ };
240
+ export declare const WithMetaTextAndIcon: () => {
241
+ components: {
242
+ MucAccordionItem: {
243
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
244
+ id: string;
245
+ header: string;
246
+ activeItems?: string[];
247
+ }> & Readonly<{
248
+ onOpen?: ((id: string) => any) | undefined;
249
+ onClose?: ((id: string) => any) | undefined;
250
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
251
+ open: (id: string) => any;
252
+ close: (id: string) => any;
253
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
254
+ section: HTMLElement;
255
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
256
+ P: {};
257
+ B: {};
258
+ D: {};
259
+ C: {};
260
+ M: {};
261
+ Defaults: {};
262
+ }, Readonly<{
263
+ id: string;
264
+ header: string;
265
+ activeItems?: string[];
266
+ }> & Readonly<{
267
+ onOpen?: ((id: string) => any) | undefined;
268
+ onClose?: ((id: string) => any) | undefined;
269
+ }>, {}, {}, {}, {}, {}>;
270
+ __isFragment?: never;
271
+ __isTeleport?: never;
272
+ __isSuspense?: never;
273
+ } & import('vue').ComponentOptionsBase<Readonly<{
274
+ id: string;
275
+ header: string;
276
+ activeItems?: string[];
277
+ }> & Readonly<{
278
+ onOpen?: ((id: string) => any) | undefined;
279
+ onClose?: ((id: string) => any) | undefined;
280
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
281
+ open: (id: string) => any;
282
+ close: (id: string) => any;
283
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
284
+ $slots: Readonly<{
285
+ subtitleIcon(): unknown;
286
+ subtitle(): unknown;
287
+ content(): unknown;
288
+ }> & {
289
+ subtitleIcon(): unknown;
290
+ subtitle(): unknown;
291
+ content(): unknown;
292
+ };
293
+ });
294
+ MucIcon: import('vue').DefineComponent<{
295
+ icon: string;
296
+ color?: string;
297
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
298
+ icon: string;
299
+ color?: string;
300
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
301
+ };
302
+ template: string;
303
+ };
304
+ export declare const TextWithMultiplePTags: () => {
305
+ components: {
306
+ MucAccordionItem: {
307
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
308
+ id: string;
309
+ header: string;
310
+ activeItems?: string[];
311
+ }> & Readonly<{
312
+ onOpen?: ((id: string) => any) | undefined;
313
+ onClose?: ((id: string) => any) | undefined;
314
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
315
+ open: (id: string) => any;
316
+ close: (id: string) => any;
317
+ }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
318
+ section: HTMLElement;
319
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
320
+ P: {};
321
+ B: {};
322
+ D: {};
323
+ C: {};
324
+ M: {};
325
+ Defaults: {};
326
+ }, Readonly<{
327
+ id: string;
328
+ header: string;
329
+ activeItems?: string[];
330
+ }> & Readonly<{
331
+ onOpen?: ((id: string) => any) | undefined;
332
+ onClose?: ((id: string) => any) | undefined;
333
+ }>, {}, {}, {}, {}, {}>;
334
+ __isFragment?: never;
335
+ __isTeleport?: never;
336
+ __isSuspense?: never;
337
+ } & import('vue').ComponentOptionsBase<Readonly<{
338
+ id: string;
339
+ header: string;
340
+ activeItems?: string[];
341
+ }> & Readonly<{
342
+ onOpen?: ((id: string) => any) | undefined;
343
+ onClose?: ((id: string) => any) | undefined;
344
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
345
+ open: (id: string) => any;
346
+ close: (id: string) => any;
347
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
348
+ $slots: Readonly<{
349
+ subtitleIcon(): unknown;
350
+ subtitle(): unknown;
351
+ content(): unknown;
352
+ }> & {
353
+ subtitleIcon(): unknown;
354
+ subtitle(): unknown;
355
+ content(): unknown;
159
356
  };
160
357
  });
161
358
  };
package/components/Accordion/MucAccordionItem.vue.d.ts CHANGED
@@ -15,15 +15,31 @@ type __VLS_Props = {
15
15
  declare function __VLS_template(): {
16
16
  attrs: Partial<{}>;
17
17
  slots: Readonly<{
18
+ /**
19
+ * Icon shown in the header meta section.
20
+ */
21
+ subtitleIcon(): unknown;
22
+ /**
23
+ * Text shown in the header meta section.
24
+ */
25
+ subtitle(): unknown;
18
26
  /**
19
27
  * Formatted text can be put into this slot.
20
28
  */
21
- text(): unknown;
29
+ content(): unknown;
22
30
  }> & {
31
+ /**
32
+ * Icon shown in the header meta section.
33
+ */
34
+ subtitleIcon(): unknown;
35
+ /**
36
+ * Text shown in the header meta section.
37
+ */
38
+ subtitle(): unknown;
23
39
  /**
24
40
  * Formatted text can be put into this slot.
25
41
  */
26
- text(): unknown;
42
+ content(): unknown;
27
43
  };
28
44
  refs: {
29
45
  section: HTMLElement;