@spw-ds/spw-stencil-library 1.3.3 → 1.3.4

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 (96) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/spw-card-content.cjs.entry.js +1 -1
  3. package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
  4. package/dist/cjs/spw-card-image.cjs.entry.js +22 -4
  5. package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
  6. package/dist/cjs/spw-card-subtags.cjs.entry.js +5 -2
  7. package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
  8. package/dist/cjs/spw-card.cjs.entry.js +2 -2
  9. package/dist/cjs/spw-custom-select.cjs.entry.js +22 -3
  10. package/dist/cjs/spw-file-upload.cjs.entry.js +34 -9
  11. package/dist/cjs/spw-mosaic-item.cjs.entry.js +47 -6
  12. package/dist/cjs/spw-mosaic.cjs.entry.js +5 -2
  13. package/dist/cjs/spw-select.cjs.entry.js +16 -10
  14. package/dist/cjs/spw-stencil-library.cjs.js +1 -1
  15. package/dist/cjs/spw-tile.cjs.entry.js +1 -1
  16. package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +36 -2
  17. package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.css +3 -0
  18. package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +35 -14
  19. package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +79 -4
  20. package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.css +3 -0
  21. package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.css +3 -0
  22. package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js +4 -1
  23. package/dist/collection/components/spw-card/spw-card-title/spw-card-title.css +10 -2
  24. package/dist/collection/components/spw-card/spw-card.js +4 -4
  25. package/dist/collection/components/spw-custom-select/spw-custom-select.js +61 -4
  26. package/dist/collection/components/spw-file-upload/spw-file-upload.js +55 -10
  27. package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +111 -6
  28. package/dist/collection/components/spw-mosaic/spw-mosaic.js +9 -2
  29. package/dist/collection/components/spw-select/spw-select.js +55 -11
  30. package/dist/collection/components/spw-tile/spw-tile.css +17 -0
  31. package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +22 -0
  32. package/dist/collection/stories/organisms/spw-grid/spw-grid.stories.js +14 -14
  33. package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js +131 -0
  34. package/dist/components/spw-card-content.js +1 -1
  35. package/dist/components/spw-card-excerpt.js +1 -1
  36. package/dist/components/spw-card-image.js +1 -1
  37. package/dist/components/spw-card-subtag-item.js +1 -1
  38. package/dist/components/spw-card-subtags.js +1 -1
  39. package/dist/components/spw-card-title.js +1 -1
  40. package/dist/components/spw-card.js +1 -1
  41. package/dist/components/spw-custom-select.js +1 -1
  42. package/dist/components/spw-file-upload.js +1 -1
  43. package/dist/components/spw-mosaic-item.js +1 -1
  44. package/dist/components/spw-mosaic.js +4 -4
  45. package/dist/components/spw-select.js +1 -1
  46. package/dist/components/spw-tile.js +1 -1
  47. package/dist/components_json.json +297 -9
  48. package/dist/components_vscode.json +3499 -0
  49. package/dist/esm/loader.js +1 -1
  50. package/dist/esm/spw-card-content.entry.js +1 -1
  51. package/dist/esm/spw-card-excerpt.entry.js +1 -1
  52. package/dist/esm/spw-card-image.entry.js +22 -4
  53. package/dist/esm/spw-card-subtag-item.entry.js +1 -1
  54. package/dist/esm/spw-card-subtags.entry.js +5 -2
  55. package/dist/esm/spw-card-title.entry.js +1 -1
  56. package/dist/esm/spw-card.entry.js +2 -2
  57. package/dist/esm/spw-custom-select.entry.js +22 -3
  58. package/dist/esm/spw-file-upload.entry.js +34 -9
  59. package/dist/esm/spw-mosaic-item.entry.js +47 -6
  60. package/dist/esm/spw-mosaic.entry.js +5 -2
  61. package/dist/esm/spw-select.entry.js +16 -10
  62. package/dist/esm/spw-stencil-library.js +1 -1
  63. package/dist/esm/spw-tile.entry.js +1 -1
  64. package/dist/spw-stencil-library/p-1318262e.entry.js +1 -0
  65. package/dist/spw-stencil-library/p-1e806b7c.entry.js +1 -0
  66. package/dist/spw-stencil-library/{p-70424f67.entry.js → p-24de9d6f.entry.js} +1 -1
  67. package/dist/spw-stencil-library/{p-fdbda346.entry.js → p-25991392.entry.js} +1 -1
  68. package/dist/spw-stencil-library/p-36122fda.entry.js +1 -0
  69. package/dist/spw-stencil-library/{p-c833a6fb.entry.js → p-6a46c406.entry.js} +1 -1
  70. package/dist/spw-stencil-library/{p-6ccec3e1.entry.js → p-7368447c.entry.js} +1 -1
  71. package/dist/spw-stencil-library/p-7cb2f275.entry.js +1 -0
  72. package/dist/spw-stencil-library/p-94aa0e26.entry.js +1 -0
  73. package/dist/spw-stencil-library/{p-f0c7973a.entry.js → p-bc3ff922.entry.js} +1 -1
  74. package/dist/spw-stencil-library/p-e0f6f758.entry.js +1 -0
  75. package/dist/spw-stencil-library/{p-e8294025.entry.js → p-fa4bf37b.entry.js} +1 -1
  76. package/dist/spw-stencil-library/{p-d8e93516.entry.js → p-fbfb718d.entry.js} +1 -1
  77. package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
  78. package/dist/stats.json +618 -113
  79. package/dist/types/components/spw-card/spw-card-image/spw-card-image.d.ts +8 -1
  80. package/dist/types/components/spw-card/spw-card.d.ts +1 -1
  81. package/dist/types/components/spw-custom-select/spw-custom-select.d.ts +5 -0
  82. package/dist/types/components/spw-file-upload/spw-file-upload.d.ts +3 -1
  83. package/dist/types/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.d.ts +11 -0
  84. package/dist/types/components/spw-select/spw-select.d.ts +5 -1
  85. package/dist/types/components.d.ts +86 -6
  86. package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +1 -0
  87. package/dist/types/stories/organisms/spw-mosaic/spw-mosaic.stories.d.ts +1 -0
  88. package/hydrate/index.js +174 -47
  89. package/hydrate/index.mjs +174 -47
  90. package/package.json +1 -1
  91. package/dist/spw-stencil-library/p-38bd2b93.entry.js +0 -1
  92. package/dist/spw-stencil-library/p-a5e811f0.entry.js +0 -1
  93. package/dist/spw-stencil-library/p-a92189cd.entry.js +0 -1
  94. package/dist/spw-stencil-library/p-aad1a377.entry.js +0 -1
  95. package/dist/spw-stencil-library/p-d7ed084c.entry.js +0 -1
  96. package/dist/spw-stencil-library/p-fb0c6681.entry.js +0 -1
@@ -2,10 +2,17 @@ export declare class SpwCardImage {
2
2
  el: HTMLSpwCardImageElement;
3
3
  /** Label spécifié dans la carte */
4
4
  label?: string;
5
- /** Ratio d'aspect de l'image (ex: "16/9", "4/3", "1/1") */
5
+ /** Ratio d'aspect de l'image pour tous les breakpoints (ex: "16/9", "4/3", "1/1") */
6
6
  ratio?: string;
7
+ /** Ratio d'aspect de l'image en vue mobile */
8
+ ratioMobile?: string;
9
+ /** Ratio d'aspect de l'image en vue tablette */
10
+ ratioTablet?: string;
11
+ /** Ratio d'aspect de l'image en vue desktop */
12
+ ratioDesktop?: string;
7
13
  componentDidLoad(): void;
8
14
  private onCardHover;
15
+ private get hasRatio();
9
16
  private get elementClass();
10
17
  render(): any;
11
18
  }
@@ -3,7 +3,7 @@ export declare class SpwCard {
3
3
  hasImage: boolean;
4
4
  private childHoveredCount;
5
5
  /** Type de variante de carte */
6
- variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people';
6
+ variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
7
7
  /** Type d'élément du bouton */
8
8
  elementType: string;
9
9
  /** Spécifie le lien si nécessaire */
@@ -55,7 +55,12 @@ export declare class SpwCustomSelect {
55
55
  showWarningIcon?: boolean;
56
56
  internals: ElementInternals;
57
57
  componentWillLoad(): void;
58
+ /** Réinitialise le champ de sélection */
58
59
  resetSelect(): Promise<void>;
60
+ /** Définit la valeur du champ de sélection */
61
+ setValue(val: (string | number)[] | string | number): Promise<void>;
62
+ /** Récupère la valeur actuelle du champ de sélection */
63
+ getValue(): Promise<(string | number)[] | string | number>;
59
64
  formResetCallback(): void;
60
65
  componentDidLoad(): void;
61
66
  disconnectedCallback(): void;
@@ -14,8 +14,10 @@ export declare class SpwFileUpload {
14
14
  enableDropZone: boolean;
15
15
  /** Permet de téléverser plusieurs fichiers si vrai */
16
16
  multiple: boolean;
17
- /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */
17
+ /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME ou extensions (whitelist) */
18
18
  accept: string;
19
+ /** Types de fichiers refusés, spécifiés sous forme de chaîne de types MIME ou extensions (blacklist) */
20
+ refuse: string;
19
21
  /** Taille maximale autorisée pour chaque fichier, en Mo */
20
22
  maxFileSize: number;
21
23
  /** Nombre maximal de fichiers pouvant être téléversés */
@@ -1,7 +1,18 @@
1
1
  export declare class SpwMosaicItem {
2
2
  el: HTMLSpwMosaicItemElement;
3
+ /** Nombre de colonnes que l'item doit occuper en vue mobile (override la valeur héritée du parent) */
4
+ colSpanMobile?: number;
5
+ /** Nombre de colonnes que l'item doit occuper en vue tablette (override la valeur héritée du parent) */
6
+ colSpanTablet?: number;
7
+ /** Nombre de colonnes que l'item doit occuper en vue desktop (override la valeur héritée du parent) */
8
+ colSpanDesktop?: number;
9
+ private parentColsMobile;
10
+ private parentColsTablet;
11
+ private parentColsDesktop;
3
12
  componentDidLoad(): void;
4
13
  disconnectedCallback(): void;
14
+ colSpanChanged(): void;
5
15
  private handleConfigurationChange;
16
+ private applyColSpans;
6
17
  render(): any;
7
18
  }
@@ -53,11 +53,15 @@ export declare class SpwSelect {
53
53
  private defaultValue;
54
54
  internals: ElementInternals;
55
55
  handleItemsChange(): void;
56
+ /** Réinitialise le champ de sélection */
56
57
  resetSelect(): Promise<void>;
58
+ /** Définit la valeur du champ de sélection */
59
+ setValue(val: string | number): Promise<void>;
60
+ /** Récupère la valeur actuelle du champ de sélection */
61
+ getValue(): Promise<string | number>;
57
62
  componentWillLoad(): void;
58
63
  componentDidLoad(): void;
59
64
  formResetCallback(): void;
60
- private setValue;
61
65
  private getFormValue;
62
66
  private getInitialSelectedValue;
63
67
  private handleSelectChange;
@@ -202,7 +202,7 @@ export namespace Components {
202
202
  * Type de variante de carte
203
203
  * @default 'news'
204
204
  */
205
- "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people';
205
+ "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
206
206
  }
207
207
  interface SpwCardContent {
208
208
  /**
@@ -227,9 +227,21 @@ export namespace Components {
227
227
  */
228
228
  "label"?: string;
229
229
  /**
230
- * Ratio d'aspect de l'image (ex: "16/9", "4/3", "1/1")
230
+ * Ratio d'aspect de l'image pour tous les breakpoints (ex: "16/9", "4/3", "1/1")
231
231
  */
232
232
  "ratio"?: string;
233
+ /**
234
+ * Ratio d'aspect de l'image en vue desktop
235
+ */
236
+ "ratioDesktop"?: string;
237
+ /**
238
+ * Ratio d'aspect de l'image en vue mobile
239
+ */
240
+ "ratioMobile"?: string;
241
+ /**
242
+ * Ratio d'aspect de l'image en vue tablette
243
+ */
244
+ "ratioTablet"?: string;
233
245
  }
234
246
  interface SpwCardSubtagItem {
235
247
  /**
@@ -326,6 +338,10 @@ export namespace Components {
326
338
  * @default ''
327
339
  */
328
340
  "error"?: string;
341
+ /**
342
+ * Récupère la valeur actuelle du champ de sélection
343
+ */
344
+ "getValue": () => Promise<(string | number)[] | string | number>;
329
345
  /**
330
346
  * Message d'indication (hint) à afficher sous le champ
331
347
  * @default ''
@@ -364,7 +380,14 @@ export namespace Components {
364
380
  * @default false
365
381
  */
366
382
  "required": boolean;
383
+ /**
384
+ * Réinitialise le champ de sélection
385
+ */
367
386
  "resetSelect": () => Promise<void>;
387
+ /**
388
+ * Définit la valeur du champ de sélection
389
+ */
390
+ "setValue": (val: (string | number)[] | string | number) => Promise<void>;
368
391
  /**
369
392
  * Affiche une icône d'erreur si vrai
370
393
  * @default true
@@ -631,7 +654,7 @@ export namespace Components {
631
654
  }
632
655
  interface SpwFileUpload {
633
656
  /**
634
- * Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME
657
+ * Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME ou extensions (whitelist)
635
658
  * @default ''
636
659
  */
637
660
  "accept": string;
@@ -669,6 +692,11 @@ export namespace Components {
669
692
  * Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers
670
693
  */
671
694
  "name": string;
695
+ /**
696
+ * Types de fichiers refusés, spécifiés sous forme de chaîne de types MIME ou extensions (blacklist)
697
+ * @default ''
698
+ */
699
+ "refuse": string;
672
700
  /**
673
701
  * Réinitialise le champ de téléchargement de fichiers
674
702
  */
@@ -1292,6 +1320,18 @@ export namespace Components {
1292
1320
  "waitForImages": () => Promise<void>;
1293
1321
  }
1294
1322
  interface SpwMosaicItem {
1323
+ /**
1324
+ * Nombre de colonnes que l'item doit occuper en vue desktop (override la valeur héritée du parent)
1325
+ */
1326
+ "colSpanDesktop"?: number;
1327
+ /**
1328
+ * Nombre de colonnes que l'item doit occuper en vue mobile (override la valeur héritée du parent)
1329
+ */
1330
+ "colSpanMobile"?: number;
1331
+ /**
1332
+ * Nombre de colonnes que l'item doit occuper en vue tablette (override la valeur héritée du parent)
1333
+ */
1334
+ "colSpanTablet"?: number;
1295
1335
  }
1296
1336
  interface SpwPagination {
1297
1337
  /**
@@ -1461,6 +1501,10 @@ export namespace Components {
1461
1501
  * @default ''
1462
1502
  */
1463
1503
  "error"?: string;
1504
+ /**
1505
+ * Récupère la valeur actuelle du champ de sélection
1506
+ */
1507
+ "getValue": () => Promise<string | number>;
1464
1508
  /**
1465
1509
  * Message d'indication (hint) à afficher sous le champ de sélection
1466
1510
  * @default ''
@@ -1497,7 +1541,14 @@ export namespace Components {
1497
1541
  * @default false
1498
1542
  */
1499
1543
  "required": boolean;
1544
+ /**
1545
+ * Réinitialise le champ de sélection
1546
+ */
1500
1547
  "resetSelect": () => Promise<void>;
1548
+ /**
1549
+ * Définit la valeur du champ de sélection
1550
+ */
1551
+ "setValue": (val: string | number) => Promise<void>;
1501
1552
  /**
1502
1553
  * Affiche une icône d'erreur si vrai
1503
1554
  * @default true
@@ -3636,7 +3687,7 @@ declare namespace LocalJSX {
3636
3687
  * Type de variante de carte
3637
3688
  * @default 'news'
3638
3689
  */
3639
- "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people';
3690
+ "variant"?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'highlighted' | 'people';
3640
3691
  }
3641
3692
  interface SpwCardContent {
3642
3693
  /**
@@ -3661,9 +3712,21 @@ declare namespace LocalJSX {
3661
3712
  */
3662
3713
  "label"?: string;
3663
3714
  /**
3664
- * Ratio d'aspect de l'image (ex: "16/9", "4/3", "1/1")
3715
+ * Ratio d'aspect de l'image pour tous les breakpoints (ex: "16/9", "4/3", "1/1")
3665
3716
  */
3666
3717
  "ratio"?: string;
3718
+ /**
3719
+ * Ratio d'aspect de l'image en vue desktop
3720
+ */
3721
+ "ratioDesktop"?: string;
3722
+ /**
3723
+ * Ratio d'aspect de l'image en vue mobile
3724
+ */
3725
+ "ratioMobile"?: string;
3726
+ /**
3727
+ * Ratio d'aspect de l'image en vue tablette
3728
+ */
3729
+ "ratioTablet"?: string;
3667
3730
  }
3668
3731
  interface SpwCardSubtagItem {
3669
3732
  /**
@@ -4059,7 +4122,7 @@ declare namespace LocalJSX {
4059
4122
  }
4060
4123
  interface SpwFileUpload {
4061
4124
  /**
4062
- * Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME
4125
+ * Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME ou extensions (whitelist)
4063
4126
  * @default ''
4064
4127
  */
4065
4128
  "accept"?: string;
@@ -4105,6 +4168,11 @@ declare namespace LocalJSX {
4105
4168
  * Événement émis lorsque la sélection de fichiers change
4106
4169
  */
4107
4170
  "onSpwFileChange"?: (event: SpwFileUploadCustomEvent<{ files: File[] }>) => void;
4171
+ /**
4172
+ * Types de fichiers refusés, spécifiés sous forme de chaîne de types MIME ou extensions (blacklist)
4173
+ * @default ''
4174
+ */
4175
+ "refuse"?: string;
4108
4176
  /**
4109
4177
  * Valeur actuelle sélectionnée, utilisée pour les formulaires
4110
4178
  */
@@ -4725,6 +4793,18 @@ declare namespace LocalJSX {
4725
4793
  "items"?: any;
4726
4794
  }
4727
4795
  interface SpwMosaicItem {
4796
+ /**
4797
+ * Nombre de colonnes que l'item doit occuper en vue desktop (override la valeur héritée du parent)
4798
+ */
4799
+ "colSpanDesktop"?: number;
4800
+ /**
4801
+ * Nombre de colonnes que l'item doit occuper en vue mobile (override la valeur héritée du parent)
4802
+ */
4803
+ "colSpanMobile"?: number;
4804
+ /**
4805
+ * Nombre de colonnes que l'item doit occuper en vue tablette (override la valeur héritée du parent)
4806
+ */
4807
+ "colSpanTablet"?: number;
4728
4808
  }
4729
4809
  interface SpwPagination {
4730
4810
  /**
@@ -10,3 +10,4 @@ export declare const Video: any;
10
10
  export declare const Mini: any;
11
11
  export declare const People: any;
12
12
  export declare const PeopleWithAffiliates: any;
13
+ export declare const Highlighted: any;
@@ -5,3 +5,4 @@ export declare const Cards: any;
5
5
  export declare const IconTiles: any;
6
6
  export declare const LightTiles: any;
7
7
  export declare const BigTiles: any;
8
+ export declare const FeaturedCard: any;