@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-card.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/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: 'Composants/Carte',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\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    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 masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});\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://www.wallonie.be/sites/default/files/styles/vignette_actualite_detail/public/2024-02/l%C3%A9gumes%20%28c%29pexels.jpg?h=f9cd68d7&itok=wYRZiI_R',\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://www.wallonie.be/sites/default/files/styles/vignette_actualite_detail/public/2024-02/l%C3%A9gumes%20%28c%29pexels.jpg?h=f9cd68d7&itok=wYRZiI_R',\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://www.wallonie.be/sites/default/files/styles/vignette_actualite_detail/public/2024-02/l%C3%A9gumes%20%28c%29pexels.jpg?h=f9cd68d7&itok=wYRZiI_R',\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://www.wallonie.be/sites/default/files/styles/vignette_actualite_detail/public/2024-02/l%C3%A9gumes%20%28c%29pexels.jpg?h=f9cd68d7&itok=wYRZiI_R',\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://www.wallonie.be/sites/default/files/styles/vignette_actualite_detail/public/2024-02/l%C3%A9gumes%20%28c%29pexels.jpg?h=f9cd68d7&itok=wYRZiI_R',\n  href: 'http://google.com',\n  target: '_blank',\n  label: '',\n  title: 'Comment soutenir nos agricultrices et agriculteurs ?',\n};\n"]}

package/dist/collection/stories/components/spw-checkbox/spw-checkbox.stories.js

@@ -0,0 +1,61 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, extractArgTypes, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-group';
+const subComponentTags = ['spw-checkbox'];
+const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
+const meta = {
+    title: 'Composants/Case à cocher (input checkbox)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Composant qui permet aux utilisateurs de sélectionner une ou plusieurs options.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/68897f-case-a-cocher-checkbox)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent() {
+    return /* HTML */ `
+    <spw-checkbox name="checkbox" value="1">Checkbox 1</spw-checkbox>
+    <spw-checkbox name="checkbox" value="2">Checkbox 2</spw-checkbox>
+  `;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = true;
+    const slottedLabel = 'labelz';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent();
+    }
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    label: 'Mon label',
+    type: 'checkboxes',
+};
+//# sourceMappingURL=spw-checkbox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-checkbox.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-checkbox/spw-checkbox.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,WAAW,CAAC;AAE/B,MAAM,gBAAgB,GAAG,CAAC,cAAc,CAAC,CAAC;AAE1C,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,2CAA2C;IAClD,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW;IAClB,OAAO,UAAU,CAAC;;;GAGjB,CAAC;AACJ,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,QAAQ,CAAC;IAE9B,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,EAAE,CAAC;IACpC,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,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,YAAY;CACnB,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-group';\n\nconst subComponentTags = ['spw-checkbox'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Composants/Case à cocher (input checkbox)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nComposant qui permet aux utilisateurs de sélectionner une ou plusieurs options.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/68897f-case-a-cocher-checkbox)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent() {\n  return /* HTML */ `\n    <spw-checkbox name=\"checkbox\" value=\"1\">Checkbox 1</spw-checkbox>\n    <spw-checkbox name=\"checkbox\" value=\"2\">Checkbox 2</spw-checkbox>\n  `;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const hasSlot = true;\n  const slottedLabel = 'labelz';\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();\n  }\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  label: 'Mon label',\n  type: 'checkboxes',\n};\n"]}

package/dist/collection/stories/components/spw-cookies/spw-cookies.stories.js

@@ -0,0 +1,56 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-cookies';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Cookies',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Informe les utilisateurs sur l'utilisation des cookies et leur permet de gérer leurs préférences.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/879493-cookies)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = true;
+    const slottedLabel = 'label';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent(args[slottedLabel]);
+    }
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    label: '',
+};
+//# sourceMappingURL=spw-cookies.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-cookies.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-cookies/spw-cookies.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,aAAa,CAAC;AAEjC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;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,KAAK,EAAE,EAAE;CACV,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-cookies';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Cookies',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nInforme les utilisateurs sur l'utilisation des cookies et leur permet de gérer leurs préférences.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/879493-cookies)\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  label: '',\n};\n"]}

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

@@ -0,0 +1,67 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-field-message';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Indice de champ (hint)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Conseil ou info supplémentaire pour guider l’utilisateur.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/99862d-indice-de-champ-hint)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = true;
+    const slottedLabel = 'label';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent(args[slottedLabel]);
+    }
+    return element;
+};
+export const Hint = Template.bind({});
+export const Error = Template.bind({});
+export const Success = Template.bind({});
+Hint.args = {
+    label: 'Mon texte',
+    variant: 'hint',
+};
+Error.args = {
+    label: 'Mon texte',
+    variant: 'error',
+};
+Success.args = {
+    label: 'Mon texte',
+    variant: 'success',
+};
+//# sourceMappingURL=spw-field-message.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-field-message.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-field-message/spw-field-message.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,mBAAmB,CAAC;AAEvC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;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,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,IAAI,CAAC,IAAI,GAAG;IACV,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,MAAM;CAChB,CAAC;AACF,KAAK,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,OAAO;CACjB,CAAC;AACF,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,SAAS;CACnB,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-field-message';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Indice de champ (hint)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nConseil ou info supplémentaire pour guider l’utilisateur.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/99862d-indice-de-champ-hint)\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 Hint = Template.bind({});\nexport const Error = Template.bind({});\nexport const Success = Template.bind({});\nHint.args = {\n  label: 'Mon texte',\n  variant: 'hint',\n};\nError.args = {\n  label: 'Mon texte',\n  variant: 'error',\n};\nSuccess.args = {\n  label: 'Mon texte',\n  variant: 'success',\n};\n"]}

package/dist/collection/stories/components/spw-file-upload/spw-file-upload.stories.js

@@ -0,0 +1,53 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-file-upload';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Envoi de fichiers (input upload)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Sélectionner et télécharger des fichiers depuis vers une application web.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/934c31-envoi-de-fichiers-upload)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const slottedLabel = 'content';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    multiple: true,
+    name: 'upload',
+    maxFiles: 3,
+    maxFileSize: 3,
+    accept: 'txt, rtf, pdf, doc, docx, odt, odp, ods, pptx, xls, xlsx, jpg, png',
+};
+//# sourceMappingURL=spw-file-upload.stories.js.map

package/dist/collection/stories/components/spw-file-upload/spw-file-upload.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-file-upload.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-file-upload/spw-file-upload.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,iBAAiB,CAAC;AAErC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,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,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,IAAI;IACd,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC;IACX,WAAW,EAAE,CAAC;IACd,MAAM,EAAE,oEAAoE;CAC7E,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-file-upload';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Envoi de fichiers (input upload)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nSélectionner et télécharger des fichiers depuis vers une application web.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/934c31-envoi-de-fichiers-upload)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\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  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  multiple: true,\n  name: 'upload',\n  maxFiles: 3,\n  maxFileSize: 3,\n  accept: 'txt, rtf, pdf, doc, docx, odt, odp, ods, pptx, xls, xlsx, jpg, png',\n};\n"]}

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

@@ -0,0 +1,126 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, extractArgTypes } from "../../../utils/utils";
+const elementTag = 'spw-footer';
+const subComponentTags = ['spw-footer-bottom', 'spw-footer-content'];
+const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
+const meta = {
+    title: 'Composants/Pied de page (footer)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Section inférieure récurrente d'une page utilisée pour afficher des informations de contact, des liens importants et des crédits.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/91a10d-pied-de-page-footer)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slotArgs) {
+    return /* HTML */ `
+    <spw-footer-content>
+      <spw-footer-content-col col-title="${slotArgs.colTitle1}">
+        <spw-footer-link href="https://www.wallonie.be/fr/demarches">Démarches</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/jobs">Jobs</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/actualites">Actualités</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/agenda">Agenda</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/acteurs-et-institutions">Acteurs et institutions</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/appels-a-projets">Appels à projets</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/demarches/se-renseigner-sur-la-charte-graphique-de-la-wallonie">Charte graphique</spw-footer-link>
+      </spw-footer-content-col>
+      <spw-footer-content-col col-title="${slotArgs.colTitle2}">
+        <spw-footer-link href="https://www.wallonie.be/fr/">Lien 1</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/">Lien 2</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/">Lien 3</spw-footer-link>
+      </spw-footer-content-col>
+      <spw-footer-content-col col-title="${slotArgs.colTitle3}">
+        <spw-footer-link href="https://spw.wallonie.be/">Service public de Wallonie</spw-footer-link>
+        <spw-footer-link href="https://www.parlement-wallonie.be/">Parlement de Wallonie</spw-footer-link>
+        <spw-footer-link href="https://geoportail.wallonie.be/">Géoportail</spw-footer-link>
+        <spw-footer-link href="http://developpementdurable.wallonie.be/">Développement durable</spw-footer-link>
+        <spw-footer-link href="https://wallex.wallonie.be/">Wallex</spw-footer-link>
+        <spw-footer-link href="https://marchespublics.wallonie.be/">Marchés publics wallons</spw-footer-link>
+        <spw-footer-link href="https://finances.wallonie.be/home/finances-wallonnes/budget-wallon.html">Budget</spw-footer-link>
+        <spw-footer-link href="https://cortex.wallonie.be/home.html">Cortex</spw-footer-link>
+      </spw-footer-content-col>
+      <spw-footer-content-col col-title="${slotArgs.colTitle4}">
+        <spw-footer-link href="https://www.wallonie.be/formulaire-de-contact">Formulaire de contact</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be//les-espaces-wallonie">Espaces Wallonie</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/presse">Presse</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/introduire-une-plainte-spw">Introduire une plainte au SPW</spw-footer-link>
+        <spw-footer-link href="https://www.wallonie.be/fr/signalement-dune-irregularite">Signalement d'une irrégularité</spw-footer-link>
+      </spw-footer-content-col>
+    </spw-footer-content>
+    <spw-footer-bottom site-title="${slotArgs.siteTitle}">
+      <spw-footer-link href="https://www.wallonie.be/fr/plan-du-site">Plan du site</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/mentions-legales">Mentions légales</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/vie-privee">Vie privée</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/mediateur">Médiateur</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/accessibilite">Accessibilité</spw-footer-link>
+    </spw-footer-bottom>
+  `;
+}
+function htmlContentLight(slotArgs) {
+    return /* HTML */ `
+    <spw-footer-bottom site-title="${slotArgs.siteTitle}">
+      <spw-footer-link href="https://www.wallonie.be/fr/plan-du-site">Plan du site</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/mentions-legales">Mentions légales</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/vie-privee">Vie privée</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/mediateur">Médiateur</spw-footer-link>
+      <spw-footer-link href="https://www.wallonie.be/fr/accessibilite">Accessibilité</spw-footer-link>
+    </spw-footer-bottom>
+  `;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    Object.entries(args).forEach(([key, val]) => {
+        if (masterProps.includes(key)) {
+            element.setAttribute(key, val);
+        }
+        else if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+    });
+    element.innerHTML = htmlContent(args);
+    return element;
+};
+const TemplateLight = args => {
+    const element = document.createElement(elementTag);
+    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    Object.entries(args).forEach(([key, val]) => {
+        if (masterProps.includes(key)) {
+            element.setAttribute(key, val);
+        }
+        else if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+    });
+    element.innerHTML = htmlContentLight(args);
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    colTitle1: 'Accès rapides',
+    colTitle2: 'Liens utiles',
+    colTitle3: 'Sites généraux de Wallonie',
+    colTitle4: 'Nous contacter',
+    siteTitle: 'Titre du site',
+};
+export const Light = TemplateLight.bind({});
+Light.args = {
+    siteTitle: 'Titre du site',
+};
+//# sourceMappingURL=spw-footer.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-footer.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/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 } 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: 'Composants/Pied de page (footer)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\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 masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});\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 = htmlContent(args);\n\n  return element;\n};\n\nconst TemplateLight: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});\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};\n\nexport const Light = TemplateLight.bind({});\nLight.args = {\n  siteTitle: 'Titre du site',\n};\n"]}

package/dist/collection/stories/components/spw-group/spw-group.stories.js

@@ -0,0 +1,81 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-group';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Groupe de boutons',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Regroupe plusieurs boutons en une seule unité fonctionnelle pour des actions connexes.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/56fd38-groupe-de-boutons)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+// Default HTML content
+function defaultHtmlContent() {
+    return /* HTML */ `
+    <spw-button>Bouton primaire</spw-button>
+    <spw-button variant="secondary">Bouton secondaire</spw-button>
+    <spw-button variant="tertiary">Bouton tertiaire</spw-button>
+  `;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const slottedLabel = 'content';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    // Use provided HTML content or fallback to default
+    const content = args[slottedLabel] || defaultHtmlContent();
+    element.innerHTML = content;
+    return element;
+};
+// Stories
+export const Default = Template.bind({});
+export const Vertical = Template.bind({});
+export const Links = Template.bind({});
+// Story args
+Default.args = {
+    content: defaultHtmlContent(),
+};
+Vertical.args = {
+    orientation: 'vertical',
+    content: `
+    <spw-button>Bouton vertical 1</spw-button>
+    <spw-button variant="secondary">Bouton vertical 2</spw-button>
+    <spw-button variant="tertiary">Bouton vertical 3</spw-button>
+  `,
+};
+Links.args = {
+    orientation: 'vertical',
+    content: `
+    <spw-button variant="tertiary" icon="fa-plane" icon-position="left">Lien avec icône</spw-button>
+                <spw-button variant="tertiary" icon="fa-plane" icon-position="left">Lien avec icône</spw-button>
+                <spw-button variant="tertiary" icon="fa-plane" icon-position="left">Lien avec icône</spw-button>
+                <spw-button variant="tertiary" icon="fa-plane" icon-position="left">Lien avec icône</spw-button>
+  `,
+};
+//# sourceMappingURL=spw-group.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-group.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-group/spw-group.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,WAAW,CAAC;AAE/B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,uBAAuB;AACvB,SAAS,kBAAkB;IACzB,OAAO,UAAU,CAAC;;;;GAIjB,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,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,mDAAmD;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,kBAAkB,EAAE,CAAC;IAC3D,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;IAE5B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,aAAa;AACb,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,kBAAkB,EAAE;CAC9B,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG;IACd,WAAW,EAAE,UAAU;IACvB,OAAO,EAAE;;;;GAIR;CACF,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG;IACX,WAAW,EAAE,UAAU;IACvB,OAAO,EAAE;;;;;GAKR;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-group';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Groupe de boutons',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nRegroupe plusieurs boutons en une seule unité fonctionnelle pour des actions connexes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/56fd38-groupe-de-boutons)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\n// Default HTML content\nfunction defaultHtmlContent() {\n  return /* HTML */ `\n    <spw-button>Bouton primaire</spw-button>\n    <spw-button variant=\"secondary\">Bouton secondaire</spw-button>\n    <spw-button variant=\"tertiary\">Bouton tertiaire</spw-button>\n  `;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\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  // Use provided HTML content or fallback to default\n  const content = args[slottedLabel] || defaultHtmlContent();\n  element.innerHTML = content;\n\n  return element;\n};\n\n// Stories\nexport const Default = Template.bind({});\nexport const Vertical = Template.bind({});\nexport const Links = Template.bind({});\n\n// Story args\nDefault.args = {\n  content: defaultHtmlContent(),\n};\n\nVertical.args = {\n  orientation: 'vertical',\n  content: `\n    <spw-button>Bouton vertical 1</spw-button>\n    <spw-button variant=\"secondary\">Bouton vertical 2</spw-button>\n    <spw-button variant=\"tertiary\">Bouton vertical 3</spw-button>\n  `,\n};\n\nLinks.args = {\n  orientation: 'vertical',\n  content: `\n    <spw-button variant=\"tertiary\" icon=\"fa-plane\" icon-position=\"left\">Lien avec icône</spw-button>\n                <spw-button variant=\"tertiary\" icon=\"fa-plane\" icon-position=\"left\">Lien avec icône</spw-button>\n                <spw-button variant=\"tertiary\" icon=\"fa-plane\" icon-position=\"left\">Lien avec icône</spw-button>\n                <spw-button variant=\"tertiary\" icon=\"fa-plane\" icon-position=\"left\">Lien avec icône</spw-button>\n  `,\n};\n"]}