@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1,135 @@
+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-header';
+const subComponentTags = ['spw-header-navigation', 'spw-header-navigation-item'];
+const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
+const meta = {
+    title: 'Composants/En-tête de site (header)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Section supérieure d'une page, servant de conteneur pour les éléments de navigation et les informations importantes.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/78fef5-en-tete-de-site-header)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slotArgs) {
+    return /* HTML */ `
+    <div slot="title">${slotArgs.siteTitle}</div>
+
+    <div slot="user-space">
+      <spw-header-lang>
+        <spw-header-lang-item lang="Fr" active="true">
+          <a href="https://wallonie.be/fr/">Fr</a>
+        </spw-header-lang-item>
+        <spw-header-lang-item lang="Nl"><a href="https://wallonie.be/nl/">Nl</a></spw-header-lang-item>
+        <spw-header-lang-item lang="De"><a href="https://wallonie.be/de/">De</a></spw-header-lang-item>
+        <spw-header-lang-item lang="En"><a href="https://wallonie.be/en/">En</a></spw-header-lang-item>
+      </spw-header-lang>
+    </div>
+
+    <div slot="top-left">
+      <spw-header-persona>
+        <spw-header-persona-item persona="Citoyens">
+          <a href="https://wallonie.be/fr/">Citoyens</a>
+        </spw-header-persona-item>
+        <spw-header-persona-item active="true" persona="Entreprises"><a href="https://wallonie.be/nl/">Entreprises</a></spw-header-persona-item>
+        <spw-header-persona-item persona="Pouvoirs locaux"><a href="https://wallonie.be/de/">Pouvoirs locaux</a></spw-header-persona-item>
+        <spw-header-persona-item persona="Non marchand"><a href="https://wallonie.be/en/">Non marchand</a></spw-header-persona-item>
+      </spw-header-persona>
+    </div>
+
+    <div slot="right">
+      <spw-search-field
+        name="search"
+        items='[
+          {"url": "http://google.com", "label": "Item 1"},
+          {"url": "http://google.com", "label": "Item 2"},
+          {"url": "http://google.com", "label": "Item 3"},
+          {"url": "http://google.com", "label": "Item 4"}
+        ]'
+        placeholder="Rechercher..."
+      ></spw-search-field>
+    </div>
+
+    <spw-header-navigation>
+      <spw-header-navigation-item is-active="${slotArgs.isActive}">
+        <a href="#">Rubrique 1</a>
+
+        <spw-header-navigation-dropdown>
+          <spw-header-navigation-item>
+            <a href="#">Sous-rubrique niveau 2</a>
+            <spw-header-navigation-dropdown>
+              <spw-header-navigation-item>
+                <a href="#">Sous-rubrique niveau 3</a>
+              </spw-header-navigation-item>
+              <spw-header-navigation-item>
+                <a href="#">Sous-rubrique niveau 3</a>
+              </spw-header-navigation-item>
+            </spw-header-navigation-dropdown>
+          </spw-header-navigation-item>
+          <spw-header-navigation-item>
+            <a href="#">Sous-rubrique</a>
+          </spw-header-navigation-item>
+          <spw-header-navigation-item>
+            <a href="#">Sous-rubrique</a>
+          </spw-header-navigation-item>
+          <spw-header-navigation-item>
+            <a href="#">Sous-rubrique</a>
+          </spw-header-navigation-item>
+        </spw-header-navigation-dropdown>
+      </spw-header-navigation-item>
+
+      <spw-header-navigation-item>
+        <a href="#">Rubrique 2</a>
+      </spw-header-navigation-item>
+      <spw-header-navigation-item>
+        <a href="#">Rubrique 3</a>
+      </spw-header-navigation-item>
+      <spw-header-navigation-item>
+        <a href="#">Rubrique 4</a>
+      </spw-header-navigation-item>
+      <spw-header-navigation-item>
+        <a href="#">Rubrique 5</a>
+      </spw-header-navigation-item>
+      <spw-header-navigation-item>
+        <a href="#">Rubrique 6</a>
+      </spw-header-navigation-item>
+    </spw-header-navigation>
+  `;
+}
+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;
+};
+export const Default = Template.bind({});
+Default.args = {
+    isActive: false,
+    siteTitle: 'Titre du site',
+};
+//# sourceMappingURL=spw-header.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-header.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/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,MAAM,cAAc,CAAC;AAEtE,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;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,QAAQ;IAC3B,OAAO,UAAU,CAAC;wBACI,QAAQ,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAsCK,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,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IAElG,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,GAAG,EAAE,GAAG,CAAC,CAAC;QACjC,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;CAC3B,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 } 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: 'Composants/En-tête de site (header)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\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=\"title\">${slotArgs.siteTitle}</div>\n\n    <div slot=\"user-space\">\n      <spw-header-lang>\n        <spw-header-lang-item lang=\"Fr\" active=\"true\">\n          <a href=\"https://wallonie.be/fr/\">Fr</a>\n        </spw-header-lang-item>\n        <spw-header-lang-item lang=\"Nl\"><a href=\"https://wallonie.be/nl/\">Nl</a></spw-header-lang-item>\n        <spw-header-lang-item lang=\"De\"><a href=\"https://wallonie.be/de/\">De</a></spw-header-lang-item>\n        <spw-header-lang-item lang=\"En\"><a href=\"https://wallonie.be/en/\">En</a></spw-header-lang-item>\n      </spw-header-lang>\n    </div>\n\n    <div slot=\"top-left\">\n      <spw-header-persona>\n        <spw-header-persona-item persona=\"Citoyens\">\n          <a href=\"https://wallonie.be/fr/\">Citoyens</a>\n        </spw-header-persona-item>\n        <spw-header-persona-item active=\"true\" persona=\"Entreprises\"><a href=\"https://wallonie.be/nl/\">Entreprises</a></spw-header-persona-item>\n        <spw-header-persona-item persona=\"Pouvoirs locaux\"><a href=\"https://wallonie.be/de/\">Pouvoirs locaux</a></spw-header-persona-item>\n        <spw-header-persona-item persona=\"Non marchand\"><a href=\"https://wallonie.be/en/\">Non marchand</a></spw-header-persona-item>\n      </spw-header-persona>\n    </div>\n\n    <div slot=\"right\">\n      <spw-search-field\n        name=\"search\"\n        items='[\n          {\"url\": \"http://google.com\", \"label\": \"Item 1\"},\n          {\"url\": \"http://google.com\", \"label\": \"Item 2\"},\n          {\"url\": \"http://google.com\", \"label\": \"Item 3\"},\n          {\"url\": \"http://google.com\", \"label\": \"Item 4\"}\n        ]'\n        placeholder=\"Rechercher...\"\n      ></spw-search-field>\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 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\nexport const Default = Template.bind({});\nDefault.args = {\n  isActive: false,\n  siteTitle: 'Titre du site',\n};\n"]}

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

@@ -0,0 +1,54 @@
+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-icon';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Icône',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Permet d'afficher une icône de la bibliothèque Font Awesome.
+        `,
+            },
+        },
+    },
+};
+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 = {
+    icon: 'fa-arrow-right',
+};
+//# sourceMappingURL=spw-icon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-icon.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-icon/spw-icon.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,UAAU,CAAC;AAE9B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;SAEV;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,IAAI,EAAE,gBAAgB;CACvB,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-icon';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Icône',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nPermet d'afficher une icône de la bibliothèque Font Awesome.\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  icon: 'fa-arrow-right',\n};\n"]}

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

@@ -0,0 +1,66 @@
+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-link';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Lien',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Permet de naviguer vers d'autres pages, sections ou vers des ressources externes.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/47998e-lien)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = true;
+    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);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent(args[slottedLabel]);
+    }
+    return element;
+};
+export const Primary = Template.bind({});
+Primary.args = {
+    content: 'Mon super lien',
+    href: 'http://google.com',
+    target: '_blank',
+};
+export const WithIcon = Template.bind({});
+WithIcon.args = {
+    content: 'Mon super lien avec icône',
+    href: 'http://google.com',
+    target: '_blank',
+    icon: 'fa-arrow-right',
+    iconPosition: 'right',
+};
+//# sourceMappingURL=spw-link.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-link.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-link/spw-link.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,UAAU,CAAC;AAE9B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,iBAAiB;IACxB,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,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,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,2BAA2B;IACpC,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,OAAO;CACtB,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-link';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Lien',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nPermet de naviguer vers d'autres pages, sections ou vers des ressources externes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/47998e-lien)\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 = '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 Primary = Template.bind({});\nPrimary.args = {\n  content: 'Mon super lien',\n  href: 'http://google.com',\n  target: '_blank',\n};\n\nexport const WithIcon = Template.bind({});\nWithIcon.args = {\n  content: 'Mon super lien avec icône',\n  href: 'http://google.com',\n  target: '_blank',\n  icon: 'fa-arrow-right',\n  iconPosition: 'right',\n};\n"]}

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

@@ -0,0 +1,58 @@
+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-loading';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Chargement (loader)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Indique que le contenu ou une action est en cours de chargement.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/957e2a-chargement-loader)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = false;
+    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({});
+export const WithoutText = Template.bind({});
+Default.args = {};
+WithoutText.args = {
+    text: '',
+};
+//# sourceMappingURL=spw-loading.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-loading.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-loading/spw-loading.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,gCAAgC;IACvC,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,KAAK,CAAC;IACtB,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,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAClB,WAAW,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,EAAE;CACT,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-loading';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Chargement (loader)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nIndique que le contenu ou une action est en cours de chargement.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/957e2a-chargement-loader)\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 = '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({});\nexport const WithoutText = Template.bind({});\nDefault.args = {};\nWithoutText.args = {\n  text: '',\n};\n"]}

package/dist/collection/stories/components/spw-message/spw-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-message';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Message',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Affiche des notifications ou des informations importantes à l'utilisateur.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/039ae1-message)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = true;
+    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);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent(args[slottedLabel]);
+    }
+    return element;
+};
+const commonArgs = {
+    messageTitle: 'Titre du message',
+    isDismissable: true,
+    content: 'Contenu du message',
+};
+export const Default = Template.bind({});
+Default.args = Object.assign(Object.assign({}, commonArgs), { messageId: '1', variant: 'default' });
+export const Success = Template.bind({});
+Success.args = Object.assign(Object.assign({}, commonArgs), { messageId: '2', variant: 'success' });
+export const Alert = Template.bind({});
+Alert.args = Object.assign(Object.assign({}, commonArgs), { messageId: '3', variant: 'alert' });
+export const Info = Template.bind({});
+Info.args = Object.assign(Object.assign({}, commonArgs), { messageId: '4', variant: 'info' });
+export const Warning = Template.bind({});
+Warning.args = Object.assign(Object.assign({}, commonArgs), { messageId: '5', variant: 'warning' });
+//# sourceMappingURL=spw-message.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-message.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-message/spw-message.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-message';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Message',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nAffiche des notifications ou des informations importantes à l'utilisateur.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/039ae1-message)\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 = '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\nconst commonArgs = {\n  messageTitle: 'Titre du message',\n  isDismissable: true,\n  content: 'Contenu du message',\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  ...commonArgs,\n  messageId: '1',\n  variant: 'default',\n};\n\nexport const Success = Template.bind({});\nSuccess.args = {\n  ...commonArgs,\n  messageId: '2',\n  variant: 'success',\n};\n\nexport const Alert = Template.bind({});\nAlert.args = {\n  ...commonArgs,\n  messageId: '3',\n  variant: 'alert',\n};\n\nexport const Info = Template.bind({});\nInfo.args = {\n  ...commonArgs,\n  messageId: '4',\n  variant: 'info',\n};\n\nexport const Warning = Template.bind({});\nWarning.args = {\n  ...commonArgs,\n  messageId: '5',\n  variant: 'warning',\n};\n"]}

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

@@ -0,0 +1,111 @@
+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";
+import "../../assets/css/components.css";
+const elementTag = 'spw-modal';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Modale',
+    component: elementTag,
+    argTypes: Object.assign(Object.assign({}, argTypes), { content: { control: 'text' }, buttons: { control: 'text' } }),
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Fenêtre superposée affichant du contenu ou des actions importantes.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/75759c-modale)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+const Template = args => {
+    const fragment = new DocumentFragment();
+    const button = document.createElement('spw-button');
+    button.textContent = 'Ouvrir fenêtre modale';
+    const element = document.createElement(elementTag);
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== 'content' && key !== 'buttons') {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    button.setAttribute('data-modal-trigger', args.id);
+    if (args.content) {
+        const contentDiv = document.createElement('div');
+        contentDiv.setAttribute('slot', 'content');
+        contentDiv.innerHTML = args.content;
+        element.appendChild(contentDiv);
+    }
+    if (args.buttons) {
+        const buttonsDiv = document.createElement('div');
+        buttonsDiv.setAttribute('slot', 'buttons');
+        buttonsDiv.innerHTML = args.buttons;
+        element.appendChild(buttonsDiv);
+    }
+    fragment.appendChild(button);
+    fragment.appendChild(element);
+    return fragment;
+};
+export const Small = Template.bind({});
+Small.args = {
+    size: 'small',
+    id: 'modal1',
+    content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',
+    buttons: `
+  <spw-group alignment="right">
+    <spw-button size="medium" variant="primary" data-modal-close="modal1">Valider</spw-button>
+    <spw-button size="medium" variant="secondary" data-modal-close="modal1">Fermer</spw-button>
+  </spw-group>
+  `,
+};
+export const Medium = Template.bind({});
+Medium.args = {
+    size: 'medium',
+    id: 'modal2',
+    content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',
+    buttons: `
+  <spw-group alignment="right">
+    <spw-button size="medium" variant="primary" data-modal-close="modal2">Valider</spw-button>
+    <spw-button size="medium" variant="secondary" data-modal-close="modal2">Fermer</spw-button>
+  </spw-group>
+  `,
+};
+export const Large = Template.bind({});
+Large.args = {
+    size: 'large',
+    id: 'modal3',
+    content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',
+    buttons: `
+  <spw-group alignment="right">
+    <spw-button size="medium" variant="primary" data-modal-close="modal3">Valider</spw-button>
+    <spw-button size="medium" variant="secondary" data-modal-close="modal3">Fermer</spw-button>
+  </spw-group>
+  `,
+};
+export const Fluid = Template.bind({});
+Fluid.args = {
+    size: 'fluid',
+    id: 'modal4',
+    content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',
+    buttons: `
+  <spw-group alignment="right">
+    <spw-button size="medium" variant="primary" data-modal-close="modal4">Valider</spw-button>
+    <spw-button size="medium" variant="secondary" data-modal-close="modal4">Fermer</spw-button>
+  </spw-group>
+    `,
+};
+//# sourceMappingURL=spw-modal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-modal.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-modal/spw-modal.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';\nimport '../../assets/css/components.css';\n\nconst elementTag = 'spw-modal';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Modale',\n  component: elementTag,\n  argTypes: {\n    ...argTypes,\n    content: { control: 'text' },\n    buttons: { control: 'text' },\n  },\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nFenêtre superposée affichant du contenu ou des actions importantes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/75759c-modale)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nconst Template: StoryFn = args => {\n  const fragment = new DocumentFragment();\n\n  const button = document.createElement('spw-button');\n  button.textContent = 'Ouvrir fenêtre modale';\n\n  const element = document.createElement(elementTag);\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 !== 'content' && key !== 'buttons') {\n        element.setAttribute(toKebabCase(key), val as string);\n      }\n    }\n  });\n\n  button.setAttribute('data-modal-trigger', args.id);\n\n  if (args.content) {\n    const contentDiv = document.createElement('div');\n    contentDiv.setAttribute('slot', 'content');\n    contentDiv.innerHTML = args.content;\n    element.appendChild(contentDiv);\n  }\n\n  if (args.buttons) {\n    const buttonsDiv = document.createElement('div');\n    buttonsDiv.setAttribute('slot', 'buttons');\n    buttonsDiv.innerHTML = args.buttons;\n    element.appendChild(buttonsDiv);\n  }\n\n  fragment.appendChild(button);\n  fragment.appendChild(element);\n\n  return fragment;\n};\n\nexport const Small = Template.bind({});\nSmall.args = {\n  size: 'small',\n  id: 'modal1',\n  content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',\n  buttons: `\n  <spw-group alignment=\"right\">\n    <spw-button size=\"medium\" variant=\"primary\" data-modal-close=\"modal1\">Valider</spw-button>\n    <spw-button size=\"medium\" variant=\"secondary\" data-modal-close=\"modal1\">Fermer</spw-button>\n  </spw-group>\n  `,\n};\n\nexport const Medium = Template.bind({});\nMedium.args = {\n  size: 'medium',\n  id: 'modal2',\n  content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',\n  buttons: `\n  <spw-group alignment=\"right\">\n    <spw-button size=\"medium\" variant=\"primary\" data-modal-close=\"modal2\">Valider</spw-button>\n    <spw-button size=\"medium\" variant=\"secondary\" data-modal-close=\"modal2\">Fermer</spw-button>\n  </spw-group>\n  `,\n};\n\nexport const Large = Template.bind({});\nLarge.args = {\n  size: 'large',\n  id: 'modal3',\n  content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',\n  buttons: `\n  <spw-group alignment=\"right\">\n    <spw-button size=\"medium\" variant=\"primary\" data-modal-close=\"modal3\">Valider</spw-button>\n    <spw-button size=\"medium\" variant=\"secondary\" data-modal-close=\"modal3\">Fermer</spw-button>\n  </spw-group>\n  `,\n};\n\nexport const Fluid = Template.bind({});\nFluid.args = {\n  size: 'fluid',\n  id: 'modal4',\n  content: 'Lorem ipsum dolor sit amet consectetur adipiscing scelerisque dui lorem ipsum.',\n  buttons: `\n  <spw-group alignment=\"right\">\n    <spw-button size=\"medium\" variant=\"primary\" data-modal-close=\"modal4\">Valider</spw-button>\n    <spw-button size=\"medium\" variant=\"secondary\" data-modal-close=\"modal4\">Fermer</spw-button>\n  </spw-group>\n    `,\n};\n"]}