@spw-ds/spw-stencil-library 1.2.4 → 1.2.6

package/dist/collection/stories/components/spw-pagination/spw-pagination.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-pagination.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-pagination/spw-pagination.stories.ts"],"names":[],"mappings":"AAAA,IAAI,cAAmB,CAAC;AAExB,IAAI,CAAC;IACH,cAAc,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AACpE,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACpF,cAAc,GAAG,EAAE,CAAC;AACtB,CAAC;AAGD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;SAMV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,IAAI;IACvB,OAAO,UAAU,CAAC,GAAG,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC;IACrB,MAAM,YAAY,GAAG,OAAO,CAAC;IAE7B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gBACzB,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;CACV,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,EAAE;KACV;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;;;;SAQL;aACF;YACD,WAAW,EAAE;gBACX,KAAK,EAAE;;;SAGN;aACF;SACF;KACF;CACF,CAAC","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-pagination';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Pagination',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nPermet de naviguer entre différentes pages d'un contenu divisé.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/0281c1-pagination)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slot) {\n  return /* HTML */ `${slot}`;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const hasSlot = true;\n  const slottedLabel = 'label';\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    } else {\n      if (key !== slottedLabel) {\n        element.setAttribute(toKebabCase(key), val as string);\n      }\n    }\n  });\n\n  if (hasSlot) {\n    element.innerHTML = htmlContent(args[slottedLabel]);\n  }\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  totalItems: 90,\n  itemsPerPage: 10,\n  label: '',\n};\nexport const Input = Template.bind({});\nInput.args = {\n  totalItems: 90,\n  itemsPerPage: 10,\n  variant: 'input',\n  label: '',\n};\n\nexport const NavigationPhysique = {\n  args: {\n    totalItems: 90,\n    itemsPerPage: 10,\n    label: '',\n  },\n  parameters: {\n    docs: {\n      source: {\n        code: `\n// Exemple de code pour implémenter la navigation physique entre les pages\ndocument.querySelectorAll('.spw-pagination').forEach(pagination => {\n  pagination.addEventListener('pageChanged', event => {\n    const newPage = event.detail;\n    window.location.href = \\`./index.html?page=\\${newPage}\\`;\n  });\n});\n        `,\n      },\n      description: {\n        story: `\nSi vous souhaitez que le changement de page entraîne une navigation physique vers une nouvelle URL, \nvous pouvez utiliser l'événement pageChanged émis par le composant, comme montré dans l'exemple ci-dessous. N'oubliez pas de changer la structure de l'url pour que ça corresponde à vos besoins.\n        `,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"spw-pagination.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-pagination/spw-pagination.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-pagination';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Pagination',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nPermet de naviguer entre différentes pages d'un contenu divisé.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/0281c1-pagination)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slot) {\n  return /* HTML */ `${slot}`;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const hasSlot = true;\n  const slottedLabel = 'label';\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const realProps = controls.__realProps || [];\n  const methods = controls.__methods || [];\n  const events = controls.__events || [];\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (methods.includes(key)) {\n      return;\n    }\n\n    if (key.startsWith('on') || events.includes(key)) {\n      const eventName = key.startsWith('on') ? key.substring(2).toLowerCase() : key.replace(/^on/, '').toLowerCase();\n      element.addEventListener(eventName, val);\n    } else if (realProps.includes(key)) {\n      if (key !== slottedLabel) {\n        element.setAttribute(toKebabCase(key), val as string);\n      }\n    }\n  });\n\n  if (hasSlot) {\n    element.innerHTML = htmlContent(args[slottedLabel]);\n  }\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  totalItems: 90,\n  itemsPerPage: 10,\n  label: '',\n};\nexport const Input = Template.bind({});\nInput.args = {\n  totalItems: 90,\n  itemsPerPage: 10,\n  variant: 'input',\n  label: '',\n};\n"]}

package/dist/collection/stories/components/spw-search-field/spw-search-field.stories.js

@@ -20,7 +20,7 @@ const meta = {
                 component: `
 <strong class="mr-2">Statut du composant :</strong> <spw-tag size="small" variant="green">Prêt</spw-tag>
 
-Permet d’entrer un mot-clé ou une expression et d’obtenir des informations pertinentes.
+Permet d'entrer un mot-clé ou une expression et d'obtenir des informations pertinentes.
 
 [<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/9384eb-champ-de-recherche-search-input)
         `,
@@ -36,14 +36,14 @@ const Template = args => {
     const element = document.createElement(elementTag);
     const hasSlot = false;
     const slottedLabel = 'content';
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
-        if (key.startsWith('on')) {
-            element.addEventListener(key.substring(2).toLowerCase(), val);
+        if (masterProps.includes(key)) {
+            element.setAttribute(toKebabCase(key), val);
         }
-        else {
-            if (key !== slottedLabel) {
-                element.setAttribute(toKebabCase(key), val);
-            }
+        else if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
         }
     });
     if (hasSlot) {
@@ -51,12 +51,107 @@ const Template = args => {
     }
     return element;
 };
+const defaultItems = JSON.stringify([
+    { label: 'Primes habitation' },
+    { label: 'Primes énergie' },
+    { label: 'Aides au logement' },
+    { label: 'Rénovation' },
+    { label: 'Isolation' },
+    { label: 'Panneaux solaires' },
+]);
 export const Default = Template.bind({});
 Default.args = {
-    placeholder: 'Mon placeholder',
-    label: 'Mon label',
-    name: 'input',
+    size: 'medium',
+    name: 'search-basic',
+    placeholder: 'Rechercher...',
+    items: defaultItems,
+};
+export const ViewMore = Template.bind({});
+ViewMore.args = {
+    size: 'medium',
+    name: 'search-with-links',
+    placeholder: 'Rechercher une page...',
+    viewAllResults: 'Voir tous les résultats',
+    viewAllResultsLink: '/search',
+    items: defaultItems,
+};
+ViewMore.parameters = {
+    docs: {
+        description: {
+            story: 'Champ de recherche avec des éléments cliquables et un lien vers tous les résultats.',
+        },
+    },
+};
+export const FormSubmission = Template.bind({});
+FormSubmission.args = {
+    size: 'medium',
+    name: 'q',
+    placeholder: 'Exemple : primes habitation...',
+    hasSubmitButton: true,
+    items: defaultItems,
+};
+FormSubmission.parameters = {
+    docs: {
+        description: {
+            story: 'Formulaire avec champ de recherche incluant un bouton de soumission (loupe). La valeur est récupérée via FormData.',
+        },
+    },
+};
+export const HeroRounded = Template.bind({});
+HeroRounded.args = {
+    size: 'large',
+    name: 'search-hero',
+    placeholder: 'Que cherchez-vous ?',
+    hasSubmitButton: true,
+    isRounded: true,
+    viewAllResults: 'Voir plus de résultats',
+    viewAllResultsLink: '/search',
+    items: JSON.stringify([
+        { label: 'Primes et aides', category: 'Services' },
+        { label: 'Emploi et formation', category: 'Travail' },
+        { label: 'Mobilité', category: 'Transport' },
+        { label: 'Environnement', category: 'Nature' },
+        { label: 'Santé', category: 'Bien-être' },
+        { label: 'Culture', category: 'Loisirs' },
+    ]),
+};
+HeroRounded.parameters = {
+    docs: {
+        description: {
+            story: 'Version grande taille avec coins arrondis, idéale pour les hero banners.',
+        },
+    },
+};
+export const WithLabelAndHelp = Template.bind({});
+WithLabelAndHelp.args = {
+    size: 'medium',
+    name: 'search-required',
+    label: 'Recherche obligatoire',
+    placeholder: 'Saisissez votre recherche...',
     required: true,
-    items: "[ { 'label': 'Item 1', 'url': 'http://google.com', }, { 'label': 'Item 2', 'url': 'http://google.com', }, ]",
+    assistiveText: 'Veuillez saisir au moins 3 caractères pour lancer la recherche.',
+    items: JSON.stringify([{ label: 'Option 1' }, { label: 'Option 2' }, { label: 'Option 3' }]),
+};
+WithLabelAndHelp.parameters = {
+    docs: {
+        description: {
+            story: "Champ de recherche requis avec un texte d'aide affiché sous le champ.",
+        },
+    },
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    size: 'medium',
+    name: 'search-disabled',
+    placeholder: 'Champ désactivé...',
+    disabled: true,
+    items: JSON.stringify([{ label: 'Non disponible' }]),
+};
+Disabled.parameters = {
+    docs: {
+        description: {
+            story: 'État désactivé du composant.',
+        },
+    },
 };
 //# sourceMappingURL=spw-search-field.stories.js.map

package/dist/collection/stories/components/spw-search-field/spw-search-field.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-search-field.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-search-field/spw-search-field.stories.ts"],"names":[],"mappings":"AAAA,IAAI,cAAmB,CAAC;AAExB,IAAI,CAAC;IACH,cAAc,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AACpE,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACpF,cAAc,GAAG,EAAE,CAAC;AACtB,CAAC;AAGD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,GAAG,kBAAkB,CAAC;AAEtC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;SAMV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,IAAI;IACvB,OAAO,UAAU,CAAC,GAAG,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC;IACtB,MAAM,YAAY,GAAG,SAAS,CAAC;IAE/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gBACzB,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,iBAAiB;IAC9B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,6GAA6G;CACrH,CAAC","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-search-field';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Champ de recherche (input search)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nPermet d’entrer un mot-clé ou une expression et d’obtenir des informations pertinentes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/9384eb-champ-de-recherche-search-input)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slot) {\n  return /* HTML */ `${slot}`;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const hasSlot = false;\n  const slottedLabel = 'content';\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    } else {\n      if (key !== slottedLabel) {\n        element.setAttribute(toKebabCase(key), val as string);\n      }\n    }\n  });\n\n  if (hasSlot) {\n    element.innerHTML = htmlContent(args[slottedLabel]);\n  }\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  placeholder: 'Mon placeholder',\n  label: 'Mon label',\n  name: 'input',\n  required: true,\n  items: \"[ { 'label': 'Item 1', 'url': 'http://google.com', }, { 'label': 'Item 2', 'url': 'http://google.com', }, ]\",\n};\n"]}
+{"version":3,"file":"spw-search-field.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-search-field/spw-search-field.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-search-field';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Champ de recherche (input search)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nPermet d'entrer un mot-clé ou une expression et d'obtenir des informations pertinentes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/9384eb-champ-de-recherche-search-input)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slot) {\n  return /* HTML */ `${slot}`;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const hasSlot = false;\n  const slottedLabel = 'content';\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  if (hasSlot) {\n    element.innerHTML = htmlContent(args[slottedLabel]);\n  }\n\n  return element;\n};\n\nconst defaultItems = JSON.stringify([\n  { label: 'Primes habitation' },\n  { label: 'Primes énergie' },\n  { label: 'Aides au logement' },\n  { label: 'Rénovation' },\n  { label: 'Isolation' },\n  { label: 'Panneaux solaires' },\n]);\n\nexport const Default = Template.bind({});\nDefault.args = {\n  size: 'medium',\n  name: 'search-basic',\n  placeholder: 'Rechercher...',\n  items: defaultItems,\n};\n\nexport const ViewMore = Template.bind({});\nViewMore.args = {\n  size: 'medium',\n  name: 'search-with-links',\n  placeholder: 'Rechercher une page...',\n  viewAllResults: 'Voir tous les résultats',\n  viewAllResultsLink: '/search',\n  items: defaultItems,\n};\nViewMore.parameters = {\n  docs: {\n    description: {\n      story: 'Champ de recherche avec des éléments cliquables et un lien vers tous les résultats.',\n    },\n  },\n};\n\nexport const FormSubmission = Template.bind({});\nFormSubmission.args = {\n  size: 'medium',\n  name: 'q',\n  placeholder: 'Exemple : primes habitation...',\n  hasSubmitButton: true,\n  items: defaultItems,\n};\nFormSubmission.parameters = {\n  docs: {\n    description: {\n      story: 'Formulaire avec champ de recherche incluant un bouton de soumission (loupe). La valeur est récupérée via FormData.',\n    },\n  },\n};\n\nexport const HeroRounded = Template.bind({});\nHeroRounded.args = {\n  size: 'large',\n  name: 'search-hero',\n  placeholder: 'Que cherchez-vous ?',\n  hasSubmitButton: true,\n  isRounded: true,\n  viewAllResults: 'Voir plus de résultats',\n  viewAllResultsLink: '/search',\n  items: JSON.stringify([\n    { label: 'Primes et aides', category: 'Services' },\n    { label: 'Emploi et formation', category: 'Travail' },\n    { label: 'Mobilité', category: 'Transport' },\n    { label: 'Environnement', category: 'Nature' },\n    { label: 'Santé', category: 'Bien-être' },\n    { label: 'Culture', category: 'Loisirs' },\n  ]),\n};\nHeroRounded.parameters = {\n  docs: {\n    description: {\n      story: 'Version grande taille avec coins arrondis, idéale pour les hero banners.',\n    },\n  },\n};\n\nexport const WithLabelAndHelp = Template.bind({});\nWithLabelAndHelp.args = {\n  size: 'medium',\n  name: 'search-required',\n  label: 'Recherche obligatoire',\n  placeholder: 'Saisissez votre recherche...',\n  required: true,\n  assistiveText: 'Veuillez saisir au moins 3 caractères pour lancer la recherche.',\n  items: JSON.stringify([{ label: 'Option 1' }, { label: 'Option 2' }, { label: 'Option 3' }]),\n};\nWithLabelAndHelp.parameters = {\n  docs: {\n    description: {\n      story: \"Champ de recherche requis avec un texte d'aide affiché sous le champ.\",\n    },\n  },\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n  size: 'medium',\n  name: 'search-disabled',\n  placeholder: 'Champ désactivé...',\n  disabled: true,\n  items: JSON.stringify([{ label: 'Non disponible' }]),\n};\nDisabled.parameters = {\n  docs: {\n    description: {\n      story: 'État désactivé du composant.',\n    },\n  },\n};\n"]}

package/dist/collection/stories/organisms/spw-card/spw-card.stories.js

@@ -8,8 +8,11 @@ catch (error) {
 }
 import { withComponentControls, extractArgTypes } from "../../../utils/utils";
 const elementTag = 'spw-card';
-const subComponentTags = ['spw-card-image', 'spw-card-content', 'spw-card-title', 'spw-card-excerpt'];
-const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
+const subComponentTags = ['spw-card-image', 'spw-card-content', 'spw-card-title', 'spw-card-excerpt', 'spw-card-subtags', 'spw-card-subtag-item'];
+const argTypes = Object.assign(Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags)), { contentDate: {
+        control: 'text',
+        description: 'Date à afficher dans le contenu de la carte (au format YYYY-MM-DD).',
+    } });
 const meta = {
     title: 'Organismes/Carte',
     component: elementTag,

package/dist/collection/stories/organisms/spw-card/spw-card.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-card/spw-card.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes } from '@utils/utils';\n\nconst elementTag = 'spw-card';\nconst subComponentTags = ['spw-card-image', 'spw-card-content', 'spw-card-title', 'spw-card-excerpt'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Carte',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nLa carte est un lien vers une page éditoriale dont elle donne un aperçu. Elle fait généralement partie d'une liste d'aperçus de contenus similaires.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/71f31e-carte-card)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction getHtmlContent(variant, slotArgs) {\n  const cardImage = slotArgs.imgSrc ? `<spw-card-image label=\"${slotArgs.label}\"><img alt=\"${slotArgs.imgAlt || ''}\" src=\"${slotArgs.imgSrc}\" /></spw-card-image>` : '';\n\n  const cardExcerpt = slotArgs.excerpt ? `<spw-card-excerpt>${slotArgs.excerpt}</spw-card-excerpt>` : '';\n\n  const cardTitle = `<spw-card-title>${slotArgs.title}</spw-card-title>`;\n\n  const cardSubtagsLinks = `\n    <spw-card-subtags variant=\"link\">\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 1</spw-card-subtag-item>\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 2</spw-card-subtag-item>\n    </spw-card-subtags>\n  `;\n\n  const cardSubtagsTags = `\n    <spw-card-subtags variant=\"tag\">\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 1</spw-card-subtag-item>\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 2</spw-card-subtag-item>\n    </spw-card-subtags>\n  `;\n\n  switch (variant) {\n    case 'light':\n      return `<spw-card-content>${slotArgs.title}</spw-card-content>`;\n\n    case 'event':\n      return `\n        <spw-card-content tag=\"${slotArgs.contentTag}\">\n          ${cardTitle}\n          ${cardSubtagsTags}\n        </spw-card-content>\n      `;\n\n    case 'sidebar':\n      return `\n        ${cardImage}\n        <spw-card-content>\n          ${cardTitle}\n        </spw-card-content>\n      `;\n\n    case 'vertical':\n      return `\n        ${cardImage}\n        <spw-card-content tag=\"${slotArgs.contentTag}\" date=\"${slotArgs.contentDate}\">\n          ${cardTitle}\n          ${cardExcerpt}\n          ${cardSubtagsTags}\n        </spw-card-content>\n      `;\n\n    case 'video':\n      return `\n        ${cardImage}\n        <spw-card-content tag=\"${slotArgs.contentTag}\">\n          ${cardTitle}\n        </spw-card-content>\n      `;\n\n    case 'people':\n      if (slotArgs.withAffiliates) {\n        return `\n          <spw-card-title>${slotArgs.title}</spw-card-title>\n          <spw-card-content>\n            <spw-card-excerpt line-clamp=\"none\">\n              <h4 class=\"spw-ds-typography-heading-04 mb-1\">${slotArgs.personName}</h4>\n              <p class=\"mb-3\">${slotArgs.personTitle}</p>\n              <p class=\"mb-1\">${slotArgs.address}</p>\n              <p class=\"mb-1\">${slotArgs.city}</p>\n              <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n            </spw-card-excerpt>\n            <spw-card-image>\n              <img alt=\"${slotArgs.imgAlt || ''}\" src=\"${slotArgs.imgSrc}\" />\n            </spw-card-image>\n          </spw-card-content>\n          <spw-separator class=\"mb-2\"></spw-separator>\n          <spw-card-content>\n            <h4 class=\"spw-ds-typography-heading-04 mb-3\">Entités affiliées :</h4>\n            <spw-card class=\"mb-4\" variant=\"people\" full-height=\"true\">\n              <spw-card-title border-color=\"#F6CC1E\">SPW Support</spw-card-title>\n              <spw-card-content>\n                <spw-card-excerpt line-clamp=\"none\">\n                  <h4 class=\"spw-ds-typography-heading-04 mb-1\">John Doe</h4>\n                  <p class=\"mb-3\">Directeur général</p>\n                  <p class=\"mb-1\">Place Joséphine Charlotte, 1</p>\n                  <p class=\"mb-1\">5100 Jambes</p>\n                  <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n                </spw-card-excerpt>\n                <spw-card-image>\n                  <img alt=\"Image\" src=\"https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" />\n                </spw-card-image>\n              </spw-card-content>\n            </spw-card>\n            <spw-card variant=\"people\" full-height=\"true\">\n              <spw-card-title border-color=\"#8005CC\">SPW Digital</spw-card-title>\n              <spw-card-content>\n                <spw-card-excerpt line-clamp=\"none\">\n                  <h4 class=\"spw-ds-typography-heading-04 mb-1\">John Doe</h4>\n                  <p class=\"mb-3\">Directeur général</p>\n                  <p class=\"mb-1\">Place Joséphine Charlotte, 1</p>\n                  <p class=\"mb-1\">5100 Jambes</p>\n                  <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n                </spw-card-excerpt>\n                <spw-card-image>\n                  <img alt=\"Image\" src=\"https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" />\n                </spw-card-image>\n              </spw-card-content>\n            </spw-card>\n          </spw-card-content>\n        `;\n      }\n      return `\n        <spw-card-title>${slotArgs.title}</spw-card-title>\n        <spw-card-content>\n          <spw-card-excerpt line-clamp=\"none\">\n            <h4 class=\"spw-ds-typography-heading-04 mb-1\">${slotArgs.personName}</h4>\n            <p class=\"mb-3\">${slotArgs.personTitle}</p>\n            <p class=\"mb-1\">${slotArgs.address}</p>\n            <p class=\"mb-1\">${slotArgs.city}</p>\n            <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n          </spw-card-excerpt>\n          <spw-card-image>\n            <img alt=\"${slotArgs.imgAlt || ''}\" src=\"${slotArgs.imgSrc}\" />\n          </spw-card-image>\n        </spw-card-content>\n      `;\n\n    default:\n      return `\n        ${cardImage}\n        <spw-card-content tag=\"${slotArgs.contentTag}\" date=\"${slotArgs.contentDate}\">\n          ${cardSubtagsLinks}\n          ${cardTitle}\n          ${cardExcerpt}\n        </spw-card-content>\n      `;\n  }\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const variant = args.variant || 'news';\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    const kebabKey = key.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n\n    if (masterProps.includes(key)) {\n      element.setAttribute(kebabKey, val);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = getHtmlContent(variant, args);\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  fullHeight: true,\n  href: 'http://google.com',\n  label: 'Label',\n  target: '_blank',\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  contentTag: 'Actualités',\n  contentDate: '2024-02-09',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n  excerpt:\n    \"L'actualité nous invite à nous engager, à devenir chaque jour un peu plus \\\"consom'acteur\\\". Comment ? L'Agence wallonne pour la Promotion d'une Agriculture de Qualité (APAQ-W) nous propose quelques pistes pour privilégier le local.\",\n};\n\nexport const WithoutImage = Template.bind({});\nWithoutImage.args = {\n  ...Default.args,\n  imgSrc: '',\n};\n\nexport const Light = Template.bind({});\nLight.args = {\n  fullHeight: true,\n  href: 'http://google.com',\n  target: '_blank',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n  subTag: '',\n  contentTag: '',\n  contentDate: '',\n};\n\nexport const Vertical = Template.bind({});\nVertical.args = {\n  variant: 'vertical',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  contentTag: 'Publication',\n  contentDate: '2024-02-09',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n  excerpt:\n    \"L'actualité nous invite à nous engager, à devenir chaque jour un peu plus \\\"consom'acteur\\\". Comment ? L'Agence wallonne pour la Promotion d'une Agriculture de Qualité (APAQ-W) nous propose quelques pistes pour privilégier le local.\",\n};\n\nexport const Event = Template.bind({});\nEvent.args = {\n  variant: 'event',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  dateStart: '11/02',\n  dateEnd: '12/02',\n  contentTag: 'Evènement',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n};\n\nexport const Video = Template.bind({});\nVideo.args = {\n  variant: 'video',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  contentTag: 'Vidéo',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n};\n\nexport const Mini = Template.bind({});\nMini.args = {\n  variant: 'sidebar',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n};\n\nexport const People = Template.bind({});\nPeople.args = {\n  variant: 'people',\n  fullHeight: true,\n  title: 'SPW Secrétariat Général',\n  personName: 'John Doe',\n  personTitle: 'Directeur général',\n  address: 'Place Joséphine Charlotte, 1',\n  city: '5100 Jambes',\n  phone: '081000000',\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n};\n\nexport const PeopleWithAffiliates = Template.bind({});\nPeopleWithAffiliates.args = {\n  variant: 'people',\n  withAffiliates: true,\n  fullHeight: true,\n  title: 'SPW Secrétariat Général',\n  personName: 'John Doe',\n  personTitle: 'Secrétaire général',\n  address: 'Place Joséphine Charlotte, 1',\n  city: '5100 Jambes',\n  phone: '081000000',\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n};\n"]}
+{"version":3,"file":"spw-card.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-card/spw-card.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes } from '@utils/utils';\n\nconst elementTag = 'spw-card';\nconst subComponentTags = ['spw-card-image', 'spw-card-content', 'spw-card-title', 'spw-card-excerpt', 'spw-card-subtags', 'spw-card-subtag-item'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n  contentDate: {\n    control: 'text',\n    description: 'Date à afficher dans le contenu de la carte (au format YYYY-MM-DD).',\n  },\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Carte',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nLa carte est un lien vers une page éditoriale dont elle donne un aperçu. Elle fait généralement partie d'une liste d'aperçus de contenus similaires.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/71f31e-carte-card)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction getHtmlContent(variant, slotArgs) {\n  const cardImage = slotArgs.imgSrc ? `<spw-card-image label=\"${slotArgs.label}\"><img alt=\"${slotArgs.imgAlt || ''}\" src=\"${slotArgs.imgSrc}\" /></spw-card-image>` : '';\n\n  const cardExcerpt = slotArgs.excerpt ? `<spw-card-excerpt>${slotArgs.excerpt}</spw-card-excerpt>` : '';\n\n  const cardTitle = `<spw-card-title>${slotArgs.title}</spw-card-title>`;\n\n  const cardSubtagsLinks = `\n    <spw-card-subtags variant=\"link\">\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 1</spw-card-subtag-item>\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 2</spw-card-subtag-item>\n    </spw-card-subtags>\n  `;\n\n  const cardSubtagsTags = `\n    <spw-card-subtags variant=\"tag\">\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 1</spw-card-subtag-item>\n      <spw-card-subtag-item link=\"http://google.be\">Sous-tag 2</spw-card-subtag-item>\n    </spw-card-subtags>\n  `;\n\n  switch (variant) {\n    case 'light':\n      return `<spw-card-content>${slotArgs.title}</spw-card-content>`;\n\n    case 'event':\n      return `\n        <spw-card-content tag=\"${slotArgs.contentTag}\">\n          ${cardTitle}\n          ${cardSubtagsTags}\n        </spw-card-content>\n      `;\n\n    case 'sidebar':\n      return `\n        ${cardImage}\n        <spw-card-content>\n          ${cardTitle}\n        </spw-card-content>\n      `;\n\n    case 'vertical':\n      return `\n        ${cardImage}\n        <spw-card-content tag=\"${slotArgs.contentTag}\" date=\"${slotArgs.contentDate}\">\n          ${cardTitle}\n          ${cardExcerpt}\n          ${cardSubtagsTags}\n        </spw-card-content>\n      `;\n\n    case 'video':\n      return `\n        ${cardImage}\n        <spw-card-content tag=\"${slotArgs.contentTag}\">\n          ${cardTitle}\n        </spw-card-content>\n      `;\n\n    case 'people':\n      if (slotArgs.withAffiliates) {\n        return `\n          <spw-card-title>${slotArgs.title}</spw-card-title>\n          <spw-card-content>\n            <spw-card-excerpt line-clamp=\"none\">\n              <h4 class=\"spw-ds-typography-heading-04 mb-1\">${slotArgs.personName}</h4>\n              <p class=\"mb-3\">${slotArgs.personTitle}</p>\n              <p class=\"mb-1\">${slotArgs.address}</p>\n              <p class=\"mb-1\">${slotArgs.city}</p>\n              <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n            </spw-card-excerpt>\n            <spw-card-image>\n              <img alt=\"${slotArgs.imgAlt || ''}\" src=\"${slotArgs.imgSrc}\" />\n            </spw-card-image>\n          </spw-card-content>\n          <spw-separator class=\"mb-2\"></spw-separator>\n          <spw-card-content>\n            <h4 class=\"spw-ds-typography-heading-04 mb-3\">Entités affiliées :</h4>\n            <spw-card class=\"mb-4\" variant=\"people\" full-height=\"true\">\n              <spw-card-title border-color=\"#F6CC1E\">SPW Support</spw-card-title>\n              <spw-card-content>\n                <spw-card-excerpt line-clamp=\"none\">\n                  <h4 class=\"spw-ds-typography-heading-04 mb-1\">John Doe</h4>\n                  <p class=\"mb-3\">Directeur général</p>\n                  <p class=\"mb-1\">Place Joséphine Charlotte, 1</p>\n                  <p class=\"mb-1\">5100 Jambes</p>\n                  <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n                </spw-card-excerpt>\n                <spw-card-image>\n                  <img alt=\"Image\" src=\"https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" />\n                </spw-card-image>\n              </spw-card-content>\n            </spw-card>\n            <spw-card variant=\"people\" full-height=\"true\">\n              <spw-card-title border-color=\"#8005CC\">SPW Digital</spw-card-title>\n              <spw-card-content>\n                <spw-card-excerpt line-clamp=\"none\">\n                  <h4 class=\"spw-ds-typography-heading-04 mb-1\">John Doe</h4>\n                  <p class=\"mb-3\">Directeur général</p>\n                  <p class=\"mb-1\">Place Joséphine Charlotte, 1</p>\n                  <p class=\"mb-1\">5100 Jambes</p>\n                  <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n                </spw-card-excerpt>\n                <spw-card-image>\n                  <img alt=\"Image\" src=\"https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" />\n                </spw-card-image>\n              </spw-card-content>\n            </spw-card>\n          </spw-card-content>\n        `;\n      }\n      return `\n        <spw-card-title>${slotArgs.title}</spw-card-title>\n        <spw-card-content>\n          <spw-card-excerpt line-clamp=\"none\">\n            <h4 class=\"spw-ds-typography-heading-04 mb-1\">${slotArgs.personName}</h4>\n            <p class=\"mb-3\">${slotArgs.personTitle}</p>\n            <p class=\"mb-1\">${slotArgs.address}</p>\n            <p class=\"mb-1\">${slotArgs.city}</p>\n            <spw-link href=\"tel:${slotArgs.phone}\">Tel : ${slotArgs.phone}</spw-link>\n          </spw-card-excerpt>\n          <spw-card-image>\n            <img alt=\"${slotArgs.imgAlt || ''}\" src=\"${slotArgs.imgSrc}\" />\n          </spw-card-image>\n        </spw-card-content>\n      `;\n\n    default:\n      return `\n        ${cardImage}\n        <spw-card-content tag=\"${slotArgs.contentTag}\" date=\"${slotArgs.contentDate}\">\n          ${cardSubtagsLinks}\n          ${cardTitle}\n          ${cardExcerpt}\n        </spw-card-content>\n      `;\n  }\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const variant = args.variant || 'news';\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    const kebabKey = key.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n\n    if (masterProps.includes(key)) {\n      element.setAttribute(kebabKey, val);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = getHtmlContent(variant, args);\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  fullHeight: true,\n  href: 'http://google.com',\n  label: 'Label',\n  target: '_blank',\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  contentTag: 'Actualités',\n  contentDate: '2024-02-09',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n  excerpt:\n    \"L'actualité nous invite à nous engager, à devenir chaque jour un peu plus \\\"consom'acteur\\\". Comment ? L'Agence wallonne pour la Promotion d'une Agriculture de Qualité (APAQ-W) nous propose quelques pistes pour privilégier le local.\",\n};\n\nexport const WithoutImage = Template.bind({});\nWithoutImage.args = {\n  ...Default.args,\n  imgSrc: '',\n};\n\nexport const Light = Template.bind({});\nLight.args = {\n  fullHeight: true,\n  href: 'http://google.com',\n  target: '_blank',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n  subTag: '',\n  contentTag: '',\n  contentDate: '',\n};\n\nexport const Vertical = Template.bind({});\nVertical.args = {\n  variant: 'vertical',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  contentTag: 'Publication',\n  contentDate: '2024-02-09',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n  excerpt:\n    \"L'actualité nous invite à nous engager, à devenir chaque jour un peu plus \\\"consom'acteur\\\". Comment ? L'Agence wallonne pour la Promotion d'une Agriculture de Qualité (APAQ-W) nous propose quelques pistes pour privilégier le local.\",\n};\n\nexport const Event = Template.bind({});\nEvent.args = {\n  variant: 'event',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  dateStart: '11/02',\n  dateEnd: '12/02',\n  contentTag: 'Evènement',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n};\n\nexport const Video = Template.bind({});\nVideo.args = {\n  variant: 'video',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  contentTag: 'Vidéo',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n};\n\nexport const Mini = Template.bind({});\nMini.args = {\n  variant: 'sidebar',\n  fullHeight: true,\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n};\n\nexport const People = Template.bind({});\nPeople.args = {\n  variant: 'people',\n  fullHeight: true,\n  title: 'SPW Secrétariat Général',\n  personName: 'John Doe',\n  personTitle: 'Directeur général',\n  address: 'Place Joséphine Charlotte, 1',\n  city: '5100 Jambes',\n  phone: '081000000',\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n};\n\nexport const PeopleWithAffiliates = Template.bind({});\nPeopleWithAffiliates.args = {\n  variant: 'people',\n  withAffiliates: true,\n  fullHeight: true,\n  title: 'SPW Secrétariat Général',\n  personName: 'John Doe',\n  personTitle: 'Secrétaire général',\n  address: 'Place Joséphine Charlotte, 1',\n  city: '5100 Jambes',\n  phone: '081000000',\n  imgAlt: 'Image',\n  imgSrc: 'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n};\n"]}

package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js

@@ -8,7 +8,7 @@ catch (error) {
 }
 import { withComponentControls, extractArgTypes, toKebabCase } from "../../../utils/utils";
 const elementTag = 'spw-footer';
-const subComponentTags = ['spw-footer-bottom', 'spw-footer-content'];
+const subComponentTags = ['spw-footer-bottom', 'spw-footer-content', 'spw-footer-content-col', 'spw-footer-link'];
 const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
 const meta = {
     title: 'Organismes/Pied de page (footer)',

package/dist/collection/stories/organisms/spw-footer/spw-footer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-footer.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-footer/spw-footer.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-footer';\n\nconst subComponentTags = ['spw-footer-bottom', 'spw-footer-content'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Pied de page (footer)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nSection inférieure récurrente d'une page utilisée pour afficher des informations de contact, des liens importants et des crédits.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/91a10d-pied-de-page-footer)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slotArgs) {\n  return /* HTML */ `\n    <spw-footer-content>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle1}\">\n        <spw-footer-link href=\"https://www.wallonie.be/fr/demarches\">Démarches</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/jobs\">Jobs</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/actualites\">Actualités</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/agenda\">Agenda</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/acteurs-et-institutions\">Acteurs et institutions</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/appels-a-projets\">Appels à projets</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/demarches/se-renseigner-sur-la-charte-graphique-de-la-wallonie\">Charte graphique</spw-footer-link>\n      </spw-footer-content-col>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle2}\">\n        <spw-footer-link href=\"https://www.wallonie.be/fr/\">Lien 1</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/\">Lien 2</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/\">Lien 3</spw-footer-link>\n      </spw-footer-content-col>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle3}\">\n        <spw-footer-link href=\"https://spw.wallonie.be/\">Service public de Wallonie</spw-footer-link>\n        <spw-footer-link href=\"https://www.parlement-wallonie.be/\">Parlement de Wallonie</spw-footer-link>\n        <spw-footer-link href=\"https://geoportail.wallonie.be/\">Géoportail</spw-footer-link>\n        <spw-footer-link href=\"http://developpementdurable.wallonie.be/\">Développement durable</spw-footer-link>\n        <spw-footer-link href=\"https://wallex.wallonie.be/\">Wallex</spw-footer-link>\n        <spw-footer-link href=\"https://marchespublics.wallonie.be/\">Marchés publics wallons</spw-footer-link>\n        <spw-footer-link href=\"https://finances.wallonie.be/home/finances-wallonnes/budget-wallon.html\">Budget</spw-footer-link>\n        <spw-footer-link href=\"https://cortex.wallonie.be/home.html\">Cortex</spw-footer-link>\n      </spw-footer-content-col>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle4}\">\n        <spw-footer-link href=\"https://www.wallonie.be/formulaire-de-contact\">Formulaire de contact</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be//les-espaces-wallonie\">Espaces Wallonie</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/presse\">Presse</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/introduire-une-plainte-spw\">Introduire une plainte au SPW</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/signalement-dune-irregularite\">Signalement d'une irrégularité</spw-footer-link>\n      </spw-footer-content-col>\n    </spw-footer-content>\n    <spw-footer-bottom site-title=\"${slotArgs.siteTitle}\">\n      <spw-footer-link href=\"https://www.wallonie.be/fr/plan-du-site\">Plan du site</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mentions-legales\">Mentions légales</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/vie-privee\">Vie privée</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mediateur\">Médiateur</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/accessibilite\">Accessibilité</spw-footer-link>\n    </spw-footer-bottom>\n  `;\n}\n\nfunction htmlContentLight(slotArgs) {\n  return /* HTML */ `\n    <spw-footer-bottom site-title=\"${slotArgs.siteTitle}\">\n      <spw-footer-link href=\"https://www.wallonie.be/fr/plan-du-site\">Plan du site</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mentions-legales\">Mentions légales</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/vie-privee\">Vie privée</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mediateur\">Médiateur</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/accessibilite\">Accessibilité</spw-footer-link>\n    </spw-footer-bottom>\n  `;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContent(args);\n\n  return element;\n};\n\nconst TemplateLight: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(key, val);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentLight(args);\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  colTitle1: 'Accès rapides',\n  colTitle2: 'Liens utiles',\n  colTitle3: 'Sites généraux de Wallonie',\n  colTitle4: 'Nous contacter',\n  siteTitle: 'Titre du site',\n  colsDesktop: 4,\n  colsTablet: 2,\n  colsMobile: 1,\n};\n\nexport const Light = TemplateLight.bind({});\nLight.args = {\n  siteTitle: 'Titre du site',\n};\n"]}
+{"version":3,"file":"spw-footer.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-footer/spw-footer.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-footer';\n\nconst subComponentTags = ['spw-footer-bottom', 'spw-footer-content', 'spw-footer-content-col', 'spw-footer-link'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Pied de page (footer)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nSection inférieure récurrente d'une page utilisée pour afficher des informations de contact, des liens importants et des crédits.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/91a10d-pied-de-page-footer)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slotArgs) {\n  return /* HTML */ `\n    <spw-footer-content>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle1}\">\n        <spw-footer-link href=\"https://www.wallonie.be/fr/demarches\">Démarches</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/jobs\">Jobs</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/actualites\">Actualités</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/agenda\">Agenda</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/acteurs-et-institutions\">Acteurs et institutions</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/appels-a-projets\">Appels à projets</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/demarches/se-renseigner-sur-la-charte-graphique-de-la-wallonie\">Charte graphique</spw-footer-link>\n      </spw-footer-content-col>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle2}\">\n        <spw-footer-link href=\"https://www.wallonie.be/fr/\">Lien 1</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/\">Lien 2</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/\">Lien 3</spw-footer-link>\n      </spw-footer-content-col>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle3}\">\n        <spw-footer-link href=\"https://spw.wallonie.be/\">Service public de Wallonie</spw-footer-link>\n        <spw-footer-link href=\"https://www.parlement-wallonie.be/\">Parlement de Wallonie</spw-footer-link>\n        <spw-footer-link href=\"https://geoportail.wallonie.be/\">Géoportail</spw-footer-link>\n        <spw-footer-link href=\"http://developpementdurable.wallonie.be/\">Développement durable</spw-footer-link>\n        <spw-footer-link href=\"https://wallex.wallonie.be/\">Wallex</spw-footer-link>\n        <spw-footer-link href=\"https://marchespublics.wallonie.be/\">Marchés publics wallons</spw-footer-link>\n        <spw-footer-link href=\"https://finances.wallonie.be/home/finances-wallonnes/budget-wallon.html\">Budget</spw-footer-link>\n        <spw-footer-link href=\"https://cortex.wallonie.be/home.html\">Cortex</spw-footer-link>\n      </spw-footer-content-col>\n      <spw-footer-content-col col-title=\"${slotArgs.colTitle4}\">\n        <spw-footer-link href=\"https://www.wallonie.be/formulaire-de-contact\">Formulaire de contact</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be//les-espaces-wallonie\">Espaces Wallonie</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/presse\">Presse</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/introduire-une-plainte-spw\">Introduire une plainte au SPW</spw-footer-link>\n        <spw-footer-link href=\"https://www.wallonie.be/fr/signalement-dune-irregularite\">Signalement d'une irrégularité</spw-footer-link>\n      </spw-footer-content-col>\n    </spw-footer-content>\n    <spw-footer-bottom site-title=\"${slotArgs.siteTitle}\">\n      <spw-footer-link href=\"https://www.wallonie.be/fr/plan-du-site\">Plan du site</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mentions-legales\">Mentions légales</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/vie-privee\">Vie privée</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mediateur\">Médiateur</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/accessibilite\">Accessibilité</spw-footer-link>\n    </spw-footer-bottom>\n  `;\n}\n\nfunction htmlContentLight(slotArgs) {\n  return /* HTML */ `\n    <spw-footer-bottom site-title=\"${slotArgs.siteTitle}\">\n      <spw-footer-link href=\"https://www.wallonie.be/fr/plan-du-site\">Plan du site</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mentions-legales\">Mentions légales</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/vie-privee\">Vie privée</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/mediateur\">Médiateur</spw-footer-link>\n      <spw-footer-link href=\"https://www.wallonie.be/fr/accessibilite\">Accessibilité</spw-footer-link>\n    </spw-footer-bottom>\n  `;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContent(args);\n\n  return element;\n};\n\nconst TemplateLight: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(key, val);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentLight(args);\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  colTitle1: 'Accès rapides',\n  colTitle2: 'Liens utiles',\n  colTitle3: 'Sites généraux de Wallonie',\n  colTitle4: 'Nous contacter',\n  siteTitle: 'Titre du site',\n  colsDesktop: 4,\n  colsTablet: 2,\n  colsMobile: 1,\n};\n\nexport const Light = TemplateLight.bind({});\nLight.args = {\n  siteTitle: 'Titre du site',\n};\n"]}

package/dist/collection/stories/organisms/spw-header/spw-header.stories.js

@@ -8,7 +8,7 @@ catch (error) {
 }
 import { withComponentControls, extractArgTypes, toKebabCase } from "../../../utils/utils";
 const elementTag = 'spw-header';
-const subComponentTags = ['spw-header-navigation', 'spw-header-navigation-item'];
+const subComponentTags = ['spw-header-lang', 'spw-header-lang-item', 'spw-header-navigation', 'spw-header-navigation-item', 'spw-header-navigation-dropdown', 'spw-header-persona'];
 const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
 const meta = {
     title: 'Organismes/En-tête de site (header)',

package/dist/collection/stories/organisms/spw-header/spw-header.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-header.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-header/spw-header.stories.ts"],"names":[],"mappings":"AAAA,IAAI,cAAmB,CAAC;AAExB,IAAI,CAAC;IACH,cAAc,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AACpE,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACpF,cAAc,GAAG,EAAE,CAAC;AACtB,CAAC;AAGD,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEnF,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,gBAAgB,GAAG,CAAC,uBAAuB,EAAE,4BAA4B,CAAC,CAAC;AAEjF,MAAM,QAAQ,mCACT,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,GAC1D,eAAe,CAAC,cAAc,EAAE,gBAAgB,CAAC,CACrD,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;SAMV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,QAAQ;IAC3B,OAAO,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA2C2B,QAAQ,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2C7D,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC;IAClF,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEtC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,eAAe;IAC1B,WAAW,EAAE,uBAAuB;CACrC,CAAC","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-header';\n\nconst subComponentTags = ['spw-header-navigation', 'spw-header-navigation-item'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/En-tête de site (header)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nSection supérieure d'une page, servant de conteneur pour les éléments de navigation et les informations importantes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/78fef5-en-tete-de-site-header)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slotArgs) {\n  return /* HTML */ `\n    <div slot=\"top-left\">\n      <spw-header-persona>\n        <option data-link=\"#\" selected value=\"citoyen\">Citoyen</option>\n        <option data-link=\"#\" value=\"entreprise\">Entreprise</option>\n        <option data-link=\"#\" value=\"pouvoirs-locaux\">Pouvoirs locaux</option>\n        <option data-link=\"#\" value=\"non-marchands\">Non-marchands</option>\n      </spw-header-persona>\n    </div>\n\n    <div slot=\"right\">\n      <spw-header-lang>\n        <option data-link=\"#\" selected value=\"fr\">Fr</option>\n        <option data-link=\"#\" value=\"nl\">Nl</option>\n        <option data-link=\"#\" value=\"en\">En</option>\n        <option data-link=\"#\" value=\"de\">De</option>\n      </spw-header-lang>\n    </div>\n\n    <div slot=\"search\">\n      <spw-search-field\n        class=\"mb-4\"\n        size=\"medium\"\n        name=\"search\"\n        items='[\n                    {\"url\": \"http://google.com\", \"label\": \"Banane\"},\n                    {\"label\": \"Pomme\"},\n                    {\"label\": \"Poire\"},\n                    {\"label\": \"Cerise\"},\n                    {\"label\": \"Raisin\"}\n                  ]'\n        placeholder=\"Exemple : un mot-clé...\"\n      ></spw-search-field>\n      <h2 class=\"spw-ds-typography-heading-04 mb-4\">Suggestions de pages :</h2>\n      <spw-group orientation=\"vertical\">\n        <spw-link variant=\"tertiary\">Démarches</spw-link>\n        <spw-link variant=\"tertiary\">Réforme primes énergie</spw-link>\n        <spw-link variant=\"tertiary\">Jobs</spw-link>\n        <spw-link variant=\"tertiary\">Trafiroutes</spw-link>\n      </spw-group>\n    </div>\n\n    <spw-header-navigation>\n      <spw-header-navigation-item is-active=\"${slotArgs.isActive}\">\n        <a href=\"#\">Rubrique 1</a>\n\n        <spw-header-navigation-dropdown>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique niveau 2</a>\n            <spw-header-navigation-dropdown>\n              <spw-header-navigation-item>\n                <a href=\"#\">Sous-rubrique niveau 3</a>\n              </spw-header-navigation-item>\n              <spw-header-navigation-item>\n                <a href=\"#\">Sous-rubrique niveau 3</a>\n              </spw-header-navigation-item>\n            </spw-header-navigation-dropdown>\n          </spw-header-navigation-item>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique</a>\n          </spw-header-navigation-item>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique</a>\n          </spw-header-navigation-item>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique</a>\n          </spw-header-navigation-item>\n        </spw-header-navigation-dropdown>\n      </spw-header-navigation-item>\n\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 2</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 3</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 4</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 5</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 6</a>\n      </spw-header-navigation-item>\n    </spw-header-navigation>\n  `;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContent(args);\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  isActive: false,\n  siteTitle: 'Titre du site',\n  borderColor: 'var(--spw-ds-primary)',\n};\n"]}
+{"version":3,"file":"spw-header.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-header/spw-header.stories.ts"],"names":[],"mappings":"AAAA,IAAI,cAAmB,CAAC;AAExB,IAAI,CAAC;IACH,cAAc,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AACpE,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACpF,cAAc,GAAG,EAAE,CAAC;AACtB,CAAC;AAGD,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEnF,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,gBAAgB,GAAG,CAAC,iBAAiB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,gCAAgC,EAAE,oBAAoB,CAAC,CAAC;AAEpL,MAAM,QAAQ,mCACT,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,GAC1D,eAAe,CAAC,cAAc,EAAE,gBAAgB,CAAC,CACrD,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;SAMV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,QAAQ;IAC3B,OAAO,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA2C2B,QAAQ,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2C7D,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC;IAClF,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEtC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,eAAe;IAC1B,WAAW,EAAE,uBAAuB;CACrC,CAAC","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-header';\n\nconst subComponentTags = ['spw-header-lang', 'spw-header-lang-item', 'spw-header-navigation', 'spw-header-navigation-item', 'spw-header-navigation-dropdown', 'spw-header-persona'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/En-tête de site (header)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nSection supérieure d'une page, servant de conteneur pour les éléments de navigation et les informations importantes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/78fef5-en-tete-de-site-header)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slotArgs) {\n  return /* HTML */ `\n    <div slot=\"top-left\">\n      <spw-header-persona>\n        <option data-link=\"#\" selected value=\"citoyen\">Citoyen</option>\n        <option data-link=\"#\" value=\"entreprise\">Entreprise</option>\n        <option data-link=\"#\" value=\"pouvoirs-locaux\">Pouvoirs locaux</option>\n        <option data-link=\"#\" value=\"non-marchands\">Non-marchands</option>\n      </spw-header-persona>\n    </div>\n\n    <div slot=\"right\">\n      <spw-header-lang>\n        <option data-link=\"#\" selected value=\"fr\">Fr</option>\n        <option data-link=\"#\" value=\"nl\">Nl</option>\n        <option data-link=\"#\" value=\"en\">En</option>\n        <option data-link=\"#\" value=\"de\">De</option>\n      </spw-header-lang>\n    </div>\n\n    <div slot=\"search\">\n      <spw-search-field\n        class=\"mb-4\"\n        size=\"medium\"\n        name=\"search\"\n        items='[\n                    {\"url\": \"http://google.com\", \"label\": \"Banane\"},\n                    {\"label\": \"Pomme\"},\n                    {\"label\": \"Poire\"},\n                    {\"label\": \"Cerise\"},\n                    {\"label\": \"Raisin\"}\n                  ]'\n        placeholder=\"Exemple : un mot-clé...\"\n      ></spw-search-field>\n      <h2 class=\"spw-ds-typography-heading-04 mb-4\">Suggestions de pages :</h2>\n      <spw-group orientation=\"vertical\">\n        <spw-link variant=\"tertiary\">Démarches</spw-link>\n        <spw-link variant=\"tertiary\">Réforme primes énergie</spw-link>\n        <spw-link variant=\"tertiary\">Jobs</spw-link>\n        <spw-link variant=\"tertiary\">Trafiroutes</spw-link>\n      </spw-group>\n    </div>\n\n    <spw-header-navigation>\n      <spw-header-navigation-item is-active=\"${slotArgs.isActive}\">\n        <a href=\"#\">Rubrique 1</a>\n\n        <spw-header-navigation-dropdown>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique niveau 2</a>\n            <spw-header-navigation-dropdown>\n              <spw-header-navigation-item>\n                <a href=\"#\">Sous-rubrique niveau 3</a>\n              </spw-header-navigation-item>\n              <spw-header-navigation-item>\n                <a href=\"#\">Sous-rubrique niveau 3</a>\n              </spw-header-navigation-item>\n            </spw-header-navigation-dropdown>\n          </spw-header-navigation-item>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique</a>\n          </spw-header-navigation-item>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique</a>\n          </spw-header-navigation-item>\n          <spw-header-navigation-item>\n            <a href=\"#\">Sous-rubrique</a>\n          </spw-header-navigation-item>\n        </spw-header-navigation-dropdown>\n      </spw-header-navigation-item>\n\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 2</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 3</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 4</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 5</a>\n      </spw-header-navigation-item>\n      <spw-header-navigation-item>\n        <a href=\"#\">Rubrique 6</a>\n      </spw-header-navigation-item>\n    </spw-header-navigation>\n  `;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContent(args);\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  isActive: false,\n  siteTitle: 'Titre du site',\n  borderColor: 'var(--spw-ds-primary)',\n};\n"]}

package/dist/collection/stories/organisms/spw-list/spw-list.stories.js

@@ -8,7 +8,7 @@ catch (error) {
 }
 import { withComponentControls, extractArgTypes, toKebabCase } from "../../../utils/utils";
 const elementTag = 'spw-list';
-const subComponentTags = ['spw-list-item'];
+const subComponentTags = ['spw-list-item', 'spw-list-description', 'spw-list-title'];
 const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
 const meta = {
     title: 'Organismes/Liste',

package/dist/collection/stories/organisms/spw-list/spw-list.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-list.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-list/spw-list.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-list';\n\nconst subComponentTags = ['spw-list-item'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Liste',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nOrganise et présente des informations de manière structurée et facilement lisible. \n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/51c7cf-liste)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContentDefault(slotArgs) {\n  return /* HTML */ `\n    <spw-list-item\n      icon=\"${slotArgs.icon}\"\n      variant=\"${slotArgs.variant}\"\n      category=\"${slotArgs.category}\"\n      category-link=\"${slotArgs.categoryLink}\"\n      category-icon=\"${slotArgs.categoryIcon}\"\n      line-clamp=\"${slotArgs.lineClamp}\"\n      href=\"${slotArgs.href}\"\n      target=\"${slotArgs.target}\"\n      icon=\"${slotArgs.icon}\"\n    >\n      <spw-list-title\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-title>\n      <spw-list-description\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-description>\n    </spw-list-item>\n    <spw-list-item\n      icon=\"${slotArgs.icon}\"\n      variant=\"${slotArgs.variant}\"\n      category=\"${slotArgs.category}\"\n      category-link=\"${slotArgs.categoryLink}\"\n      category-icon=\"${slotArgs.categoryIcon}\"\n      line-clamp=\"${slotArgs.lineClamp}\"\n      href=\"${slotArgs.href}\"\n      target=\"${slotArgs.target}\"\n      icon=\"${slotArgs.icon}\"\n    >\n      <spw-list-title\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-title>\n      <spw-list-description\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-description>\n    </spw-list-item>\n  `;\n}\n\nconst TemplateDefault: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentDefault(args);\n\n  return element;\n};\n\nexport const Default = TemplateDefault.bind({});\nDefault.args = {\n  variant: 'default',\n  category: '',\n  categoryLink: '',\n  lineClamp: '2',\n  href: 'http://google.com',\n  target: '_blank',\n  icon: 'fa-arrow-right',\n  categoryIcon: '',\n};\n\nexport const Category = TemplateDefault.bind({});\nCategory.args = {\n  variant: 'default',\n  category: 'Catégorie',\n  categoryLink: '',\n  lineClamp: '2',\n  href: 'http://google.com',\n  target: '_blank',\n  icon: '',\n  categoryIcon: 'fa-file-signature',\n};\n\nexport const Shortcut = TemplateDefault.bind({});\nShortcut.args = {\n  variant: 'shortcut',\n  category: '',\n  categoryLink: '',\n  lineClamp: '1',\n  href: 'http://google.com',\n  target: '_blank',\n  icon: 'fa-arrow-up-right-from-square',\n  categoryIcon: '',\n};\n"]}
+{"version":3,"file":"spw-list.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-list/spw-list.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-list';\n\nconst subComponentTags = ['spw-list-item', 'spw-list-description', 'spw-list-title'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Liste',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nOrganise et présente des informations de manière structurée et facilement lisible. \n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/51c7cf-liste)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContentDefault(slotArgs) {\n  return /* HTML */ `\n    <spw-list-item\n      icon=\"${slotArgs.icon}\"\n      variant=\"${slotArgs.variant}\"\n      category=\"${slotArgs.category}\"\n      category-link=\"${slotArgs.categoryLink}\"\n      category-icon=\"${slotArgs.categoryIcon}\"\n      line-clamp=\"${slotArgs.lineClamp}\"\n      href=\"${slotArgs.href}\"\n      target=\"${slotArgs.target}\"\n      icon=\"${slotArgs.icon}\"\n    >\n      <spw-list-title\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-title>\n      <spw-list-description\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-description>\n    </spw-list-item>\n    <spw-list-item\n      icon=\"${slotArgs.icon}\"\n      variant=\"${slotArgs.variant}\"\n      category=\"${slotArgs.category}\"\n      category-link=\"${slotArgs.categoryLink}\"\n      category-icon=\"${slotArgs.categoryIcon}\"\n      line-clamp=\"${slotArgs.lineClamp}\"\n      href=\"${slotArgs.href}\"\n      target=\"${slotArgs.target}\"\n      icon=\"${slotArgs.icon}\"\n    >\n      <spw-list-title\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-title>\n      <spw-list-description\n        >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n        orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n        lacinia turpis pharetra pulvinar.\n      </spw-list-description>\n    </spw-list-item>\n  `;\n}\n\nconst TemplateDefault: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentDefault(args);\n\n  return element;\n};\n\nexport const Default = TemplateDefault.bind({});\nDefault.args = {\n  variant: 'default',\n  category: '',\n  categoryLink: '',\n  lineClamp: '2',\n  href: 'http://google.com',\n  target: '_blank',\n  icon: 'fa-arrow-right',\n  categoryIcon: '',\n};\n\nexport const Category = TemplateDefault.bind({});\nCategory.args = {\n  variant: 'default',\n  category: 'Catégorie',\n  categoryLink: '',\n  lineClamp: '2',\n  href: 'http://google.com',\n  target: '_blank',\n  icon: '',\n  categoryIcon: 'fa-file-signature',\n};\n\nexport const Shortcut = TemplateDefault.bind({});\nShortcut.args = {\n  variant: 'shortcut',\n  category: '',\n  categoryLink: '',\n  lineClamp: '1',\n  href: 'http://google.com',\n  target: '_blank',\n  icon: 'fa-arrow-up-right-from-square',\n  categoryIcon: '',\n};\n"]}

package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js

@@ -8,7 +8,7 @@ catch (error) {
 }
 import { withComponentControls, extractArgTypes, toKebabCase } from "../../../utils/utils";
 const elementTag = 'spw-tile';
-const subComponentTags = [];
+const subComponentTags = ['spw-tile-description', 'spw-tile-title'];
 const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
 const meta = {
     title: 'Organismes/Tuile (tile)',

package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-tile.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-tile/spw-tile.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-tile';\n\nconst subComponentTags = [];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Tuile (tile)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nBloc visuel permettant aux utilisateurs de sélectionner des options ou de changer de page.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/3326e7-tuile-tile)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContentIcon() {\n  return /* HTML */ `\n    <spw-icon icon=\"fa-paper-plane\"></spw-icon>\n    <spw-tile-title>Titre de ma tuile</spw-tile-title>\n    <spw-tile-description>Description de ma tuile</spw-tile-description>\n  `;\n}\nfunction htmlContentLight() {\n  return /* HTML */ ` <spw-tile-title>Titre de ma tuile</spw-tile-title> `;\n}\nfunction htmlContentBig() {\n  return /* HTML */ ` <spw-tile-title>Titre de ma tuile</spw-tile-title> `;\n}\n\nconst TemplateIcon: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentIcon();\n\n  return element;\n};\n\nconst TemplateLight: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentLight();\n\n  return element;\n};\n\nconst TemplateBig: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentBig();\n\n  return element;\n};\n\nexport const Icon = TemplateIcon.bind({});\nIcon.args = {\n  variant: 'icon',\n  href: 'https://google.com',\n  target: '_blank',\n};\n\nexport const Light = TemplateLight.bind({});\nLight.args = {\n  variant: 'light',\n  href: 'https://google.com',\n  target: '_blank',\n  imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  imageAlt: 'Image de tuile',\n};\n\nexport const Big = TemplateBig.bind({});\nBig.args = {\n  variant: 'big',\n  href: 'https://google.com',\n  target: '_blank',\n  imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  imageAlt: 'Image de tuile',\n};\n"]}
+{"version":3,"file":"spw-tile.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-tile/spw-tile.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-tile';\n\nconst subComponentTags = ['spw-tile-description', 'spw-tile-title'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Organismes/Tuile (tile)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nBloc visuel permettant aux utilisateurs de sélectionner des options ou de changer de page.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/3326e7-tuile-tile)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContentIcon() {\n  return /* HTML */ `\n    <spw-icon icon=\"fa-paper-plane\"></spw-icon>\n    <spw-tile-title>Titre de ma tuile</spw-tile-title>\n    <spw-tile-description>Description de ma tuile</spw-tile-description>\n  `;\n}\nfunction htmlContentLight() {\n  return /* HTML */ ` <spw-tile-title>Titre de ma tuile</spw-tile-title> `;\n}\nfunction htmlContentBig() {\n  return /* HTML */ ` <spw-tile-title>Titre de ma tuile</spw-tile-title> `;\n}\n\nconst TemplateIcon: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentIcon();\n\n  return element;\n};\n\nconst TemplateLight: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentLight();\n\n  return element;\n};\n\nconst TemplateBig: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const controls = withComponentControls(componentsData, { tag: elementTag }) || {};\n  const masterProps = controls.__realProps || Object.keys(controls);\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      element.setAttribute(toKebabCase(key), val as string);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContentBig();\n\n  return element;\n};\n\nexport const Icon = TemplateIcon.bind({});\nIcon.args = {\n  variant: 'icon',\n  href: 'https://google.com',\n  target: '_blank',\n};\n\nexport const Light = TemplateLight.bind({});\nLight.args = {\n  variant: 'light',\n  href: 'https://google.com',\n  target: '_blank',\n  imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  imageAlt: 'Image de tuile',\n};\n\nexport const Big = TemplateBig.bind({});\nBig.args = {\n  variant: 'big',\n  href: 'https://google.com',\n  target: '_blank',\n  imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n  imageAlt: 'Image de tuile',\n};\n"]}