@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1,146 @@
+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-mosaic';
+const subComponentTags = ['spw-mosaic-item'];
+const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
+const meta = {
+    title: "Composants/Mosaique d'éléments (masonry)",
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Permet d'afficher une grille d'éléments sous la forme d'un masonry.
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent() {
+    return /* HTML */ `
+    <spw-mosaic-item>
+      <spw-card full-height="true" href="http://google.com" target="_blank">
+        <spw-card-content subtag="Tag" tag="Catégorie" date="2024-02-09">
+          <spw-card-subtags>
+            <spw-card-subtag-item link="http://google.be">Sous-tag 1</spw-card-subtag-item>
+            <spw-card-subtag-item link="http://google.be">Sous-tag 2</spw-card-subtag-item>
+          </spw-card-subtags>
+          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>
+          <spw-card-excerpt>
+            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.
+          </spw-card-excerpt>
+        </spw-card-content>
+      </spw-card>
+    </spw-mosaic-item>
+    <spw-mosaic-item>
+      <spw-card full-height="true" href="http://google.com" target="_blank">
+        <spw-card-image label="Tag">
+          <img
+            alt="Image"
+            src="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"
+          />
+        </spw-card-image>
+        <spw-card-content subtag="Tag" tag="Catégorie" date="2024-02-09">
+          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>
+          <spw-card-excerpt>
+            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.
+          </spw-card-excerpt>
+        </spw-card-content>
+      </spw-card>
+    </spw-mosaic-item>
+    <spw-mosaic-item>
+      <spw-card full-height="true" href="http://google.com" target="_blank">
+        <spw-card-image label="Tag">
+          <img
+            alt="Image"
+            src="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"
+          />
+        </spw-card-image>
+        <spw-card-content subtag="Tag" tag="Catégorie" date="2024-02-09">
+          <spw-card-title>Lorem ipsum dolor sit</spw-card-title>
+          <spw-card-excerpt>
+            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.
+          </spw-card-excerpt>
+        </spw-card-content>
+      </spw-card>
+    </spw-mosaic-item>
+    <spw-mosaic-item>
+      <spw-card full-height="true" href="http://google.com" target="_blank">
+        <spw-card-image label="Tag">
+          <img
+            alt="Image"
+            src="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"
+          />
+        </spw-card-image>
+        <spw-card-content subtag="Tag" tag="Catégorie" date="2024-02-09">
+          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>
+          <spw-card-excerpt>
+            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.
+          </spw-card-excerpt>
+        </spw-card-content>
+      </spw-card>
+    </spw-mosaic-item>
+    <spw-mosaic-item>
+      <spw-card full-height="true" href="http://google.com" target="_blank">
+        <spw-card-image label="Tag">
+          <img
+            alt="Image"
+            src="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"
+          />
+        </spw-card-image>
+        <spw-card-content subtag="Tag" tag="Catégorie" date="2024-02-09">
+          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>
+          <spw-card-excerpt>
+            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.
+          </spw-card-excerpt>
+        </spw-card-content>
+      </spw-card>
+    </spw-mosaic-item>
+    <spw-mosaic-item>
+      <spw-card full-height="true" href="http://google.com" target="_blank">
+        <spw-card-content subtag="Tag" tag="Catégorie" date="2024-02-09">
+          <spw-card-title>Lorem ipsum dolor sit amet</spw-card-title>
+          <spw-card-excerpt>
+            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.
+          </spw-card-excerpt>
+        </spw-card-content>
+      </spw-card>
+    </spw-mosaic-item>
+  `;
+}
+function camelToKebab(str) {
+    return str.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
+}
+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)) {
+            const kebabKey = camelToKebab(key);
+            element.setAttribute(kebabKey, val);
+        }
+        else if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+    });
+    element.innerHTML = htmlContent();
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    isMasonry: true,
+    colsDesktop: 3,
+    colsTablet: 2,
+    colsMobile: 1,
+};
+//# sourceMappingURL=spw-mosaic.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-mosaic.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-mosaic/spw-mosaic.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,iBAAiB,CAAC,CAAC;AAE7C,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,0CAA0C;IACjD,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;IAClB,OAAO,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFjB,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,GAAW;IAC/B,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACnE,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,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YACnC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACtC,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,EAAE,CAAC;IAElC,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,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,CAAC;IACd,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;CACd,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-mosaic';\n\nconst subComponentTags = ['spw-mosaic-item'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: \"Composants/Mosaique d'éléments (masonry)\",\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nPermet d'afficher une grille d'éléments sous la forme d'un masonry.\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent() {\n  return /* HTML */ `\n    <spw-mosaic-item>\n      <spw-card full-height=\"true\" href=\"http://google.com\" target=\"_blank\">\n        <spw-card-content subtag=\"Tag\" tag=\"Catégorie\" date=\"2024-02-09\">\n          <spw-card-subtags>\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          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>\n          <spw-card-excerpt>\n            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.\n          </spw-card-excerpt>\n        </spw-card-content>\n      </spw-card>\n    </spw-mosaic-item>\n    <spw-mosaic-item>\n      <spw-card full-height=\"true\" href=\"http://google.com\" target=\"_blank\">\n        <spw-card-image label=\"Tag\">\n          <img\n            alt=\"Image\"\n            src=\"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          />\n        </spw-card-image>\n        <spw-card-content subtag=\"Tag\" tag=\"Catégorie\" date=\"2024-02-09\">\n          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>\n          <spw-card-excerpt>\n            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.\n          </spw-card-excerpt>\n        </spw-card-content>\n      </spw-card>\n    </spw-mosaic-item>\n    <spw-mosaic-item>\n      <spw-card full-height=\"true\" href=\"http://google.com\" target=\"_blank\">\n        <spw-card-image label=\"Tag\">\n          <img\n            alt=\"Image\"\n            src=\"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          />\n        </spw-card-image>\n        <spw-card-content subtag=\"Tag\" tag=\"Catégorie\" date=\"2024-02-09\">\n          <spw-card-title>Lorem ipsum dolor sit</spw-card-title>\n          <spw-card-excerpt>\n            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.\n          </spw-card-excerpt>\n        </spw-card-content>\n      </spw-card>\n    </spw-mosaic-item>\n    <spw-mosaic-item>\n      <spw-card full-height=\"true\" href=\"http://google.com\" target=\"_blank\">\n        <spw-card-image label=\"Tag\">\n          <img\n            alt=\"Image\"\n            src=\"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          />\n        </spw-card-image>\n        <spw-card-content subtag=\"Tag\" tag=\"Catégorie\" date=\"2024-02-09\">\n          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>\n          <spw-card-excerpt>\n            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.\n          </spw-card-excerpt>\n        </spw-card-content>\n      </spw-card>\n    </spw-mosaic-item>\n    <spw-mosaic-item>\n      <spw-card full-height=\"true\" href=\"http://google.com\" target=\"_blank\">\n        <spw-card-image label=\"Tag\">\n          <img\n            alt=\"Image\"\n            src=\"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          />\n        </spw-card-image>\n        <spw-card-content subtag=\"Tag\" tag=\"Catégorie\" date=\"2024-02-09\">\n          <spw-card-title>Lorem ipsum dolor sit amet consectetur adipiscing</spw-card-title>\n          <spw-card-excerpt>\n            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.\n          </spw-card-excerpt>\n        </spw-card-content>\n      </spw-card>\n    </spw-mosaic-item>\n    <spw-mosaic-item>\n      <spw-card full-height=\"true\" href=\"http://google.com\" target=\"_blank\">\n        <spw-card-content subtag=\"Tag\" tag=\"Catégorie\" date=\"2024-02-09\">\n          <spw-card-title>Lorem ipsum dolor sit amet</spw-card-title>\n          <spw-card-excerpt>\n            Nullam et orci ac sapien hendrerit porta non in ligula. Suspendisse quis mattis neque. Cras sagittis nisi non urna congue, sed iaculis felis fermentum.\n          </spw-card-excerpt>\n        </spw-card-content>\n      </spw-card>\n    </spw-mosaic-item>\n  `;\n}\n\nfunction camelToKebab(str: string) {\n  return str.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\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      const kebabKey = camelToKebab(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 = htmlContent();\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  isMasonry: true,\n  colsDesktop: 3,\n  colsTablet: 2,\n  colsMobile: 1,\n};\n"]}

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

@@ -0,0 +1,93 @@
+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-pagination';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Pagination',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Permet de naviguer entre différentes pages d'un contenu divisé.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/0281c1-pagination)
+        `,
+            },
+        },
+    },
+};
+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 = {
+    totalItems: 90,
+    itemsPerPage: 10,
+    label: '',
+};
+export const Input = Template.bind({});
+Input.args = {
+    totalItems: 90,
+    itemsPerPage: 10,
+    variant: 'input',
+    label: '',
+};
+export const NavigationPhysique = {
+    args: {
+        totalItems: 90,
+        itemsPerPage: 10,
+        label: '',
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: `
+// Exemple de code pour implémenter la navigation physique entre les pages
+document.querySelectorAll('.spw-pagination').forEach(pagination => {
+  pagination.addEventListener('pageChanged', event => {
+    const newPage = event.detail;
+    window.location.href = \`./index.html?page=\${newPage}\`;
+  });
+});
+        `,
+            },
+            description: {
+                story: `
+Si vous souhaitez que le changement de page entraîne une navigation physique vers une nouvelle URL, 
+vous pouvez utiliser l'événement pageChanged émis par le composant, comme montré dans l'exemple ci-dessous. N'oubliez pas de changer la structure de l'url pour que ça corresponde à vos besoins.
+        `,
+            },
+        },
+    },
+};
+//# sourceMappingURL=spw-pagination.stories.js.map

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

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

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

@@ -0,0 +1,62 @@
+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-radio'];
+const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
+const meta = {
+    title: 'Composants/Bouton radio (input radio)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Les boutons radio permettent à l’utilisateur de sélectionner une seule option dans une liste.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/03147d-bouton-radio)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent() {
+    return /* HTML */ `
+    <spw-radio name="radio" value="1">Radio 1</spw-radio>
+    <spw-radio name="radio" value="2">Radio 2</spw-radio>
+  `;
+}
+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',
+    name: 'radio',
+};
+//# sourceMappingURL=spw-radio.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-radio.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-radio/spw-radio.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,WAAW,CAAC,CAAC;AAEvC,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,uCAAuC;IAC9C,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;IAClB,IAAI,EAAE,OAAO;CACd,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-radio'];\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n  ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n  title: 'Composants/Bouton radio (input radio)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nLes boutons radio permettent à l’utilisateur de sélectionner une seule option dans une liste.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/03147d-bouton-radio)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent() {\n  return /* HTML */ `\n    <spw-radio name=\"radio\" value=\"1\">Radio 1</spw-radio>\n    <spw-radio name=\"radio\" value=\"2\">Radio 2</spw-radio>\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  name: 'radio',\n};\n"]}

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

@@ -0,0 +1,60 @@
+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-search-field';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Champ de recherche (input search)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Permet d’entrer un mot-clé ou une expression et d’obtenir des informations pertinentes.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/9384eb-champ-de-recherche-search-input)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = false;
+    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 Default = Template.bind({});
+Default.args = {
+    placeholder: 'Mon placeholder',
+    label: 'Mon label',
+    name: 'input',
+    required: true,
+    items: "[ { 'label': 'Item 1', 'url': 'http://google.com', }, { 'label': 'Item 2', 'url': 'http://google.com', }, ]",
+};
+//# sourceMappingURL=spw-search-field.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-search-field.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-search-field/spw-search-field.stories.ts"],"names":[],"mappings":"AAAA,IAAI,cAAmB,CAAC;AAExB,IAAI,CAAC;IACH,cAAc,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AACpE,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACpF,cAAc,GAAG,EAAE,CAAC;AACtB,CAAC;AAGD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,GAAG,kBAAkB,CAAC;AAEtC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;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,SAAS,CAAC;IAE/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gBACzB,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,iBAAiB;IAC9B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,6GAA6G;CACrH,CAAC","sourcesContent":["let componentsData: any;\n\ntry {\n  componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n  console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n  componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-search-field';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Champ de recherche (input search)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nPermet d’entrer un mot-clé ou une expression et d’obtenir des informations pertinentes.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/9384eb-champ-de-recherche-search-input)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slot) {\n  return /* HTML */ `${slot}`;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const hasSlot = false;\n  const slottedLabel = 'content';\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    } else {\n      if (key !== slottedLabel) {\n        element.setAttribute(toKebabCase(key), val as string);\n      }\n    }\n  });\n\n  if (hasSlot) {\n    element.innerHTML = htmlContent(args[slottedLabel]);\n  }\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  placeholder: 'Mon placeholder',\n  label: 'Mon label',\n  name: 'input',\n  required: true,\n  items: \"[ { 'label': 'Item 1', 'url': 'http://google.com', }, { 'label': 'Item 2', 'url': 'http://google.com', }, ]\",\n};\n"]}

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

@@ -0,0 +1,65 @@
+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-select';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Champ de sélection (select)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Autorise les utilisateurs à choisir une option dans une liste de plusieurs options.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/7029dd-champ-de-selection-select)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent() {
+    return /* HTML */ `
+    <option>Option 1</option>
+    <option>Option 2</option>
+    <option>Option 3</option>
+  `;
+}
+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();
+    }
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    placeholder: 'Mon placeholder',
+    label: 'Mon label',
+    name: 'select',
+    hint: "Mon texte d'assistance",
+    required: true,
+    showHintIcon: false,
+};
+//# sourceMappingURL=spw-select.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-select.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-select/spw-select.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,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,wCAAwC;IAC/C,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;;;;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,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,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,WAAW,EAAE,iBAAiB;IAC9B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,wBAAwB;IAC9B,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;CACpB,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-select';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Champ de sélection (select)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nAutorise les utilisateurs à choisir une option dans une liste de plusieurs options.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/7029dd-champ-de-selection-select)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent() {\n  return /* HTML */ `\n    <option>Option 1</option>\n    <option>Option 2</option>\n    <option>Option 3</option>\n  `;\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();\n  }\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  placeholder: 'Mon placeholder',\n  label: 'Mon label',\n  name: 'select',\n  hint: \"Mon texte d'assistance\",\n  required: true,\n  showHintIcon: false,\n};\n"]}

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

@@ -0,0 +1,63 @@
+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-separator';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Séparateur (divider)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Sert à séparer visuellement le contenu d’une page.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/381355-separateur)
+        `,
+            },
+        },
+    },
+};
+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 Horizontal = Template.bind({});
+Horizontal.args = {
+    direction: 'horizontal',
+    thickness: '1',
+};
+export const Vertical = Template.bind({});
+Vertical.args = {
+    direction: 'vertical',
+    thickness: '1',
+    height: '50',
+};
+//# sourceMappingURL=spw-separator.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-separator.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-separator/spw-separator.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,eAAe,CAAC;AAEnC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,iCAAiC;IACxC,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,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,GAAG;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,IAAI;CACb,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-separator';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Séparateur (divider)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nSert à séparer visuellement le contenu d’une page.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/381355-separateur)\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 Horizontal = Template.bind({});\nHorizontal.args = {\n  direction: 'horizontal',\n  thickness: '1',\n};\n\nexport const Vertical = Template.bind({});\nVertical.args = {\n  direction: 'vertical',\n  thickness: '1',\n  height: '50',\n};\n"]}