@spw-ds/spw-stencil-library 1.9.0 → 1.9.1-alpha.0

package/dist/cem.json

@@ -1653,6 +1653,14 @@
           "tagName": "spw-card-image",
           "name": "SpwCardImage",
           "attributes": [
+            {
+              "name": "image-position",
+              "description": "Position de l'image (object-position), ex: 'top', 'center', 'bottom right'",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "imagePosition"
+            },
             {
               "name": "label",
               "description": "Label spécifié dans la carte",
@@ -1695,6 +1703,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "imagePosition",
+              "description": "Position de l'image (object-position), ex: 'top', 'center', 'bottom right'",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "image-position"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -5616,6 +5634,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "flex-wrap",
+              "description": "Comportement du flex-wrap sur le container",
+              "type": {
+                "text": "string"
+              },
+              "default": "'nowrap'",
+              "fieldName": "flexWrap"
+            },
             {
               "name": "is-full-width",
               "description": "Si vrai, le groupe prend toute la largeur",
@@ -5743,6 +5770,17 @@
               "readonly": true,
               "attribute": "disabled"
             },
+            {
+              "kind": "field",
+              "name": "flexWrap",
+              "description": "Comportement du flex-wrap sur le container",
+              "type": {
+                "text": "string"
+              },
+              "default": "'nowrap'",
+              "readonly": true,
+              "attribute": "flex-wrap"
+            },
             {
               "kind": "field",
               "name": "isFullWidth",
@@ -8235,6 +8273,10 @@
             {
               "name": "--spw-link-padding",
               "description": "Espacement autour de l'icône"
+            },
+            {
+              "name": "--spw-link-wrap",
+              "description": "Passage à la ligne"
             }
           ]
         }
@@ -8662,6 +8704,33 @@
           "tagName": "spw-loading",
           "name": "SpwLoading",
           "attributes": [
+            {
+              "name": "orientation",
+              "description": "Orientation du composant (horizontal ou vertical)",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "default": "'horizontal'",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "size",
+              "description": "Taille du composant",
+              "type": {
+                "text": "\"extra-large\" | \"large\" | \"medium\" | \"small\""
+              },
+              "default": "'medium'",
+              "fieldName": "size"
+            },
+            {
+              "name": "surface",
+              "description": "Surface du composant (light ou dark)",
+              "type": {
+                "text": "\"dark\" | \"light\""
+              },
+              "default": "'light'",
+              "fieldName": "surface"
+            },
             {
               "name": "text",
               "description": "Permet de spécifier un texte de chargement",
@@ -8673,6 +8742,39 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "orientation",
+              "description": "Orientation du composant (horizontal ou vertical)",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "default": "'horizontal'",
+              "readonly": true,
+              "attribute": "orientation"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "description": "Taille du composant",
+              "type": {
+                "text": "\"extra-large\" | \"large\" | \"medium\" | \"small\""
+              },
+              "default": "'medium'",
+              "readonly": true,
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "surface",
+              "description": "Surface du composant (light ou dark)",
+              "type": {
+                "text": "\"dark\" | \"light\""
+              },
+              "default": "'light'",
+              "readonly": true,
+              "attribute": "surface"
+            },
             {
               "kind": "field",
               "name": "text",
@@ -8693,6 +8795,10 @@
             {
               "name": "--spw-loading-spinner-color",
               "description": "Couleur du spinner"
+            },
+            {
+              "name": "--spw-loading-text-color",
+              "description": "Couleur du texte"
             }
           ]
         }
@@ -10629,6 +10735,15 @@
               "default": "''",
               "fieldName": "hint"
             },
+            {
+              "name": "is-clear",
+              "description": "Indique si le champ peut être effacé avec un bouton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isClear"
+            },
             {
               "name": "item-label",
               "description": "Propriété à utiliser comme label des options",
@@ -10847,6 +10962,17 @@
               "readonly": true,
               "attribute": "hint"
             },
+            {
+              "kind": "field",
+              "name": "isClear",
+              "description": "Indique si le champ peut être effacé avec un bouton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "is-clear"
+            },
             {
               "kind": "field",
               "name": "itemLabel",
@@ -16048,6 +16174,423 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/spw-toast/spw-toast.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "spw-toast",
+          "name": "SpwToast",
+          "attributes": [
+            {
+              "name": "dismiss-text",
+              "description": "Texte du bouton de fermeture",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Masquer'",
+              "fieldName": "dismissText"
+            },
+            {
+              "name": "dismissable",
+              "description": "Affiche le bouton de fermeture",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "dismissable"
+            },
+            {
+              "name": "duration",
+              "description": "Durée d'affichage automatique en ms (0 = pas d'auto-dismiss)",
+              "type": {
+                "text": "number"
+              },
+              "default": "5000",
+              "fieldName": "duration"
+            },
+            {
+              "name": "heading",
+              "description": "Titre du toast (gras)",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "heading"
+            },
+            {
+              "name": "icon",
+              "description": "Icône personnalisée",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "icon"
+            },
+            {
+              "name": "link-href",
+              "description": "URL du lien optionnel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "linkHref"
+            },
+            {
+              "name": "link-label",
+              "description": "Texte du lien optionnel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "linkLabel"
+            },
+            {
+              "name": "message",
+              "description": "Message / description du toast",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "message"
+            },
+            {
+              "name": "variant",
+              "description": "Variante du toast",
+              "type": {
+                "text": "\"alert\" | \"info\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "SpwToastVariant"
+                  }
+                ]
+              },
+              "default": "'info'",
+              "fieldName": "variant"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dismissText",
+              "description": "Texte du bouton de fermeture",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Masquer'",
+              "readonly": true,
+              "attribute": "dismiss-text"
+            },
+            {
+              "kind": "field",
+              "name": "dismissable",
+              "description": "Affiche le bouton de fermeture",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "readonly": true,
+              "attribute": "dismissable"
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "description": "Durée d'affichage automatique en ms (0 = pas d'auto-dismiss)",
+              "type": {
+                "text": "number"
+              },
+              "default": "5000",
+              "readonly": true,
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "description": "Titre du toast (gras)",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "description": "Icône personnalisée",
+              "type": {
+                "text": "string"
+              },
+              "readonly": true,
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "linkHref",
+              "description": "URL du lien optionnel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "link-href"
+            },
+            {
+              "kind": "field",
+              "name": "linkLabel",
+              "description": "Texte du lien optionnel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "link-label"
+            },
+            {
+              "kind": "field",
+              "name": "message",
+              "description": "Message / description du toast",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "message"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "description": "Variante du toast",
+              "type": {
+                "text": "\"alert\" | \"info\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "SpwToastVariant"
+                  }
+                ]
+              },
+              "default": "'info'",
+              "readonly": true,
+              "attribute": "variant"
+            },
+            {
+              "kind": "method",
+              "name": "dismiss",
+              "description": "Ferme le toast avec animation",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Affiche le toast avec animation",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "spwToastDismiss",
+              "description": "Émis quand le toast est fermé",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            },
+            {
+              "name": "spwToastLinkClick",
+              "description": "Émis lors du clic sur le lien (utile en Angular sans href)",
+              "type": {
+                "text": "CustomEvent<void>"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--spw-toast-aside-width",
+              "description": "Largeur de la bande colorée gauche"
+            },
+            {
+              "name": "--spw-toast-border-radius",
+              "description": "Border radius du toast"
+            },
+            {
+              "name": "--spw-toast-font-size",
+              "description": "Taille de police"
+            },
+            {
+              "name": "--spw-toast-shadow",
+              "description": "Ombre portée"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SpwToast",
+          "declaration": {
+            "name": "SpwToast"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "spw-toast",
+          "declaration": {
+            "name": "SpwToast"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/spw-toast/spw-toast-controller/spw-toast-controller.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "spw-toast-controller",
+          "name": "SpwToastController",
+          "attributes": [
+            {
+              "name": "position",
+              "description": "Position du conteneur de toasts sur l'écran.\nValeurs: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center'",
+              "type": {
+                "text": "\"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"top-left\" | \"top-right\""
+              },
+              "default": "'bottom-right'",
+              "fieldName": "position"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "position",
+              "description": "Position du conteneur de toasts sur l'écran.\nValeurs: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center'",
+              "type": {
+                "text": "\"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"top-left\" | \"top-right\""
+              },
+              "default": "'bottom-right'",
+              "readonly": true,
+              "attribute": "position"
+            },
+            {
+              "kind": "method",
+              "name": "create",
+              "description": "Crée et affiche un nouveau toast.",
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "SpwToastOptions",
+                    "references": [
+                      {
+                        "name": "Promise",
+                        "package": "global:"
+                      },
+                      {
+                        "name": "HTMLElement",
+                        "package": "global:"
+                      },
+                      {
+                        "name": "SpwToastOptions"
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "Promise<HTMLElement>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    },
+                    {
+                      "name": "HTMLElement",
+                      "package": "global:"
+                    },
+                    {
+                      "name": "SpwToastOptions"
+                    }
+                  ]
+                },
+                "description": "la référence à l'élément spw-toast créé"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dismissAll",
+              "description": "Ferme tous les toasts affichés.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--spw-toast-controller-gap",
+              "description": "Espace entre les toasts"
+            },
+            {
+              "name": "--spw-toast-controller-offset",
+              "description": "Distance des bords de l'écran"
+            },
+            {
+              "name": "--spw-toast-controller-width",
+              "description": "Largeur du conteneur de toasts"
+            },
+            {
+              "name": "--spw-toast-controller-z-index",
+              "description": "Z-index du conteneur"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SpwToastController",
+          "declaration": {
+            "name": "SpwToastController"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "spw-toast-controller",
+          "declaration": {
+            "name": "SpwToastController"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/spw-toc/spw-toc.tsx",

package/dist/cjs/animation-DMuoVGnA.js

@@ -0,0 +1,27 @@
+'use strict';
+
+function animationTo(element, keyframes, options) {
+    const animated = element.animate(keyframes, Object.assign(Object.assign({}, options), { fill: 'both' }));
+    animated.addEventListener('finish', () => {
+        // @ts-ignore
+        animated.commitStyles();
+        animated.cancel();
+    });
+    return animated;
+}
+const keyframeDefaults = {
+    easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',
+};
+const KEYFRAMES = {
+    fadeIn: [
+        Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 0 }),
+        Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 1 }),
+    ],
+    fadeOut: [
+        Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 1 }),
+        Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 0 }),
+    ],
+};
+
+exports.KEYFRAMES = KEYFRAMES;
+exports.animationTo = animationTo;

package/dist/cjs/index-DvyqwgdS.js

@@ -430,6 +430,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './spw-timeline-item.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'spw-toast-controller.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './spw-toast-controller.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'spw-toc.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -458,6 +462,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './spw-skeleton.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'spw-toast.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './spw-toast.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'spw-tag.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */