npm - @spw-ds/spw-stencil-library - Versions diffs - 1.2.0 → 1.2.2 - Mend

@spw-ds/spw-stencil-library 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (734) hide show

package/dist/collection/stories/components/spw-text-field/spw-text-field.stories.js CHANGED Viewed

@@ -36,14 +36,14 @@ const Template = args => {
     const element = document.createElement(elementTag);
     const hasSlot = false;
     const slottedLabel = 'content';
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
-        if (key.startsWith('on')) {
-            element.addEventListener(key.substring(2).toLowerCase(), val);
+        if (masterProps.includes(key)) {
+            element.setAttribute(toKebabCase(key), val);
         }
-        else {
-            if (key !== slottedLabel) {
-                element.setAttribute(toKebabCase(key), val);
-            }
+        else if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
         }
     });
     if (hasSlot) {

package/dist/collection/stories/components/spw-text-field/spw-text-field.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-text-field.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-text-field/spw-text-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,gBAAgB,CAAC;AAEpC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;SAMV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,IAAI;IACvB,OAAO,UAAU,CAAC,GAAG,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC;IACtB,MAAM,YAAY,GAAG,SAAS,CAAC;IAE/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,~~GAAG~~,CAAC,~~UAAU~~,CAAC,~~IAAI~~,CAAC,EAAE,CAAC;~~YACzB~~,OAAO,CAAC,~~gBAAgB~~,CAAC,~~GAAG~~,CAAC,~~SAAS~~,CAAC,~~CAAC,CAAC,CAAC,WAAW,~~EAAE,~~EAAE~~,~~GAAG,~~CAAC,CAAC;~~QAChE~~,CAAC;aAAM,~~CAAC;YACN,~~IAAI,GAAG,~~KAAK~~,~~YAAY~~,EAAE,CAAC;~~gBACzB~~,OAAO,CAAC,~~YAAY~~,CAAC,~~WAAW~~,CAAC,~~GAAG~~,CAAC,~~EAAE~~,~~GAAa~~,CAAC,CAAC~~;YACxD~~,CAAC;~~QACH~~,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,iBAAiB;IAC9B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,OAAO;IACb,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-text-field';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n title: 'Composants/Champ de saisie (input text)',\n component: elementTag,\n argTypes,\n tags: ['autodocs'],\n parameters: {\n docs: {\n description: {\n component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nPermet aux utilisateurs d’entrer du texte ou une valeur.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/859851-champ-de-saisie-input-field)\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 hint: \"Mon texte d'assistance\",\n required: true,\n showHintIcon: false,\n};\n"]}
1	+ {"version":3,"file":"spw-text-field.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-text-field/spw-text-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,gBAAgB,CAAC;AAEpC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;SAMV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,IAAI;IACvB,OAAO,UAAU,CAAC,GAAG,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC;IACtB,MAAM,YAAY,GAAG,SAAS,CAAC;IAE/B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC;IAClF,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,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,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-text-field';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n title: 'Composants/Champ de saisie (input text)',\n component: elementTag,\n argTypes,\n tags: ['autodocs'],\n parameters: {\n docs: {\n description: {\n component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nPermet aux utilisateurs d’entrer du texte ou une valeur.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/859851-champ-de-saisie-input-field)\n `,\n },\n },\n },\n};\n\nexport default meta;\n\nfunction htmlContent(slot) {\n return /* HTML */ `${slot}`;\n}\n\nconst Template: StoryFn = args => {\n const element = document.createElement(elementTag);\n const hasSlot = false;\n const slottedLabel = 'content';\n\n const controls = withComponentControls(componentsData, { tag: elementTag }) \|\| {};\n const masterProps = controls.__realProps \|\| Object.keys(controls);\n\n Object.entries(args).forEach(([key, val]) => {\n if (masterProps.includes(key)) {\n element.setAttribute(toKebabCase(key), val as string);\n } else if (key.startsWith('on')) {\n element.addEventListener(key.substring(2).toLowerCase(), val);\n }\n });\n\n if (hasSlot) {\n element.innerHTML = htmlContent(args[slottedLabel]);\n }\n\n return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n placeholder: 'Mon placeholder',\n label: 'Mon label',\n name: 'input',\n hint: \"Mon texte d'assistance\",\n required: true,\n showHintIcon: false,\n};\n"]}

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

@@ -21,7 +21,7 @@ const meta = {
                 component: `
 <strong class="mr-2">Statut du composant :</strong> <spw-tag size="small" variant="green">Prêt</spw-tag>
-La 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.
+La 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.
 [<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/71f31e-carte-card)
         `,
@@ -78,6 +78,73 @@ function getHtmlContent(variant, slotArgs) {
         <spw-card-content tag="${slotArgs.contentTag}">
           ${cardTitle}
         </spw-card-content>
+      `;
+        case 'people':
+            if (slotArgs.withAffiliates) {
+                return `
+          <spw-card-title>${slotArgs.title}</spw-card-title>
+          <spw-card-content>
+            <spw-card-excerpt line-clamp="none">
+              <h4 class="spw-ds-typography-heading-04 mb-1">${slotArgs.personName}</h4>
+              <p class="mb-3">${slotArgs.personTitle}</p>
+              <p class="mb-1">${slotArgs.address}</p>
+              <p class="mb-1">${slotArgs.city}</p>
+              <spw-link href="tel:${slotArgs.phone}">Tel : ${slotArgs.phone}</spw-link>
+            </spw-card-excerpt>
+            <spw-card-image>
+              <img alt="${slotArgs.imgAlt || ''}" src="${slotArgs.imgSrc}" />
+            </spw-card-image>
+          </spw-card-content>
+          <spw-separator class="mb-2"></spw-separator>
+          <spw-card-content>
+            <h4 class="spw-ds-typography-heading-04 mb-3">Entités affiliées :</h4>
+            <spw-card class="mb-4" variant="people" full-height="true">
+              <spw-card-title border-color="#F6CC1E">SPW Support</spw-card-title>
+              <spw-card-content>
+                <spw-card-excerpt line-clamp="none">
+                  <h4 class="spw-ds-typography-heading-04 mb-1">John Doe</h4>
+                  <p class="mb-3">Directeur général</p>
+                  <p class="mb-1">Place Joséphine Charlotte, 1</p>
+                  <p class="mb-1">5100 Jambes</p>
+                  <spw-link href="tel:${slotArgs.phone}">Tel : ${slotArgs.phone}</spw-link>
+                </spw-card-excerpt>
+                <spw-card-image>
+                  <img alt="Image" src="https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
+                </spw-card-image>
+              </spw-card-content>
+            </spw-card>
+            <spw-card variant="people" full-height="true">
+              <spw-card-title border-color="#8005CC">SPW Digital</spw-card-title>
+              <spw-card-content>
+                <spw-card-excerpt line-clamp="none">
+                  <h4 class="spw-ds-typography-heading-04 mb-1">John Doe</h4>
+                  <p class="mb-3">Directeur général</p>
+                  <p class="mb-1">Place Joséphine Charlotte, 1</p>
+                  <p class="mb-1">5100 Jambes</p>
+                  <spw-link href="tel:${slotArgs.phone}">Tel : ${slotArgs.phone}</spw-link>
+                </spw-card-excerpt>
+                <spw-card-image>
+                  <img alt="Image" src="https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
+                </spw-card-image>
+              </spw-card-content>
+            </spw-card>
+          </spw-card-content>
+        `;
+            }
+            return `
+        <spw-card-title>${slotArgs.title}</spw-card-title>
+        <spw-card-content>
+          <spw-card-excerpt line-clamp="none">
+            <h4 class="spw-ds-typography-heading-04 mb-1">${slotArgs.personName}</h4>
+            <p class="mb-3">${slotArgs.personTitle}</p>
+            <p class="mb-1">${slotArgs.address}</p>
+            <p class="mb-1">${slotArgs.city}</p>
+            <spw-link href="tel:${slotArgs.phone}">Tel : ${slotArgs.phone}</spw-link>
+          </spw-card-excerpt>
+          <spw-card-image>
+            <img alt="${slotArgs.imgAlt || ''}" src="${slotArgs.imgSrc}" />
+          </spw-card-image>
+        </spw-card-content>
       `;
         default:
             return `
@@ -93,7 +160,8 @@ function getHtmlContent(variant, slotArgs) {
 const Template = args => {
     const element = document.createElement(elementTag);
     const variant = args.variant || 'news';
-    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
         const kebabKey = key.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
         if (masterProps.includes(key)) {
@@ -117,7 +185,7 @@ Default.args = {
     contentTag: 'Actualités',
     contentDate: '2024-02-09',
     title: 'Comment soutenir nos agricultrices et agriculteurs ?',
-    excerpt: "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.",
+    excerpt: "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.",
 };
 export const WithoutImage = Template.bind({});
 WithoutImage.args = Object.assign(Object.assign({}, Default.args), { imgSrc: '' });
@@ -143,7 +211,7 @@ Vertical.args = {
     contentTag: 'Publication',
     contentDate: '2024-02-09',
     title: 'Comment soutenir nos agricultrices et agriculteurs ?',
-    excerpt: "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.",
+    excerpt: "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.",
 };
 export const Event = Template.bind({});
 Event.args = {
@@ -182,4 +250,31 @@ Mini.args = {
     label: '',
     title: 'Comment soutenir nos agricultrices et agriculteurs ?',
 };
+export const People = Template.bind({});
+People.args = {
+    variant: 'people',
+    fullHeight: true,
+    title: 'SPW Secrétariat Général',
+    personName: 'John Doe',
+    personTitle: 'Directeur général',
+    address: 'Place Joséphine Charlotte, 1',
+    city: '5100 Jambes',
+    phone: '081000000',
+    imgAlt: 'Image',
+    imgSrc: 'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+};
+export const PeopleWithAffiliates = Template.bind({});
+PeopleWithAffiliates.args = {
+    variant: 'people',
+    withAffiliates: true,
+    fullHeight: true,
+    title: 'SPW Secrétariat Général',
+    personName: 'John Doe',
+    personTitle: 'Secrétaire général',
+    address: 'Place Joséphine Charlotte, 1',
+    city: '5100 Jambes',
+    phone: '081000000',
+    imgAlt: 'Image',
+    imgSrc: 'https://images.unsplash.com/photo-1518020382113-a7e8fc38eac9?q=80&w=717&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+};
 //# sourceMappingURL=spw-card.stories.js.map

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

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

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

@@ -87,7 +87,8 @@ function htmlContentLight(slotArgs) {
 }
 const Template = args => {
     const element = document.createElement(elementTag);
-    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
         if (masterProps.includes(key)) {
             element.setAttribute(toKebabCase(key), val);
@@ -101,7 +102,8 @@ const Template = args => {
 };
 const TemplateLight = args => {
     const element = document.createElement(elementTag);
-    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
         if (masterProps.includes(key)) {
             element.setAttribute(key, val);

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

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

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

@@ -121,7 +121,8 @@ function htmlContent(slotArgs) {
 }
 const Template = args => {
     const element = document.createElement(elementTag);
-    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
         if (masterProps.includes(key)) {
             element.setAttribute(toKebabCase(key), val);

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

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

package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js CHANGED Viewed

@@ -35,8 +35,8 @@ function htmlContent() {
     <h1 class="spw-ds-typography-heading-01 mb-3">Mon titre</h1>
     <p class="spw-ds-typography-body-1 mb-4">Ceci est un exemple du hero banner avec une image.</p>
     <spw-group type="buttons" orientation="horizontal" alignment="left">
-      <spw-button is-full-width="true" variant="primary">Bouton primaire</spw-button>
-      <spw-button is-full-width="true" variant="tertiary">Bouton tertiaire</spw-button>
+      <spw-button is-full-width-mobile="true" variant="primary">Bouton primaire</spw-button>
+      <spw-button is-full-width-mobile="true" variant="tertiary">Bouton tertiaire</spw-button>
     </spw-group>
   `;
 }
@@ -69,7 +69,8 @@ function htmlContentMaxi() {
 }
 const Template = args => {
     const element = document.createElement(elementTag);
-    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
         if (masterProps.includes(key)) {
             element.setAttribute(toKebabCase(key), val);
@@ -83,7 +84,8 @@ const Template = args => {
 };
 const TemplateMaxi = args => {
     const element = document.createElement(elementTag);
-    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
         if (masterProps.includes(key)) {
             element.setAttribute(toKebabCase(key), val);
@@ -159,4 +161,22 @@ WhiteRight.args = {
     surface: 'light',
     alignment: 'right',
 };
+export const WhiteLeftPictureFull = Template.bind({});
+WhiteLeftPictureFull.args = {
+    variant: 'white',
+    imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',
+    imageAlt: 'Attribut alt',
+    surface: 'light',
+    alignment: 'left',
+    hasPictureFull: true,
+};
+export const WhiteRightPictureFull = Template.bind({});
+WhiteRightPictureFull.args = {
+    variant: 'white',
+    imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',
+    imageAlt: 'Attribut alt',
+    surface: 'light',
+    alignment: 'right',
+    hasPictureFull: true,
+};
 //# sourceMappingURL=spw-hero.stories.js.map

package/dist/collection/stories/organisms/spw-hero/spw-hero.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-hero.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-hero/spw-hero.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-hero';\n\nconst subComponentTags = [];\n\nconst argTypes = {\n ...withComponentControls(componentsData, { tag: elementTag }),\n ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n title: \"Organismes/Bandeau d'en-tête (hero banner)\",\n component: elementTag,\n argTypes,\n tags: ['autodocs'],\n parameters: {\n docs: {\n description: {\n component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nBandeau illustré pour une mise en avant percutante.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/5039a3-bandeau-den-tete-hero-banner)\n `,\n },\n },\n },\n};\n\nexport default meta;\n\nfunction htmlContent() {\n return /* HTML / `\n <h1 class=\"spw-ds-typography-heading-01 mb-3\">Mon titre</h1>\n <p class=\"spw-ds-typography-body-1 mb-4\">Ceci est un exemple du hero banner avec une image.</p>\n <spw-group type=\"buttons\" orientation=\"horizontal\" alignment=\"left\">\n <spw-button is-full-width=\"true\" variant=\"primary\">Bouton primaire</spw-button>\n <spw-button is-full-width=\"true\" variant=\"tertiary\">Bouton tertiaire</spw-button>\n </spw-group>\n `;\n}\n\nfunction htmlContentMaxi() {\n return / HTML */ `\n <h1 class=\"spw-ds-typography-heading-01 mb-4\">Que cherchez-vous ?</h1>\n <spw-search-field\n class=\"mb-3\"\n size=\"large\"\n name=\"search\"\n items='[\n {\"url\": \"http://google.com\", \"label\": \"Banane\"},\n {\"label\": \"Pomme\"},\n {\"label\": \"Poire\"},\n {\"label\": \"Cerise\"},\n {\"label\": \"Raisin\"}\n ]'\n placeholder=\"Exemple : un mot-clé...\"\n ></spw-search-field>\n <div class=\"d-flex justify-content-center flex-wrap\">\n <spw-button class=\"m-2\" variant=\"primary\">Démarches</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Réforme primes énergie</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Jobs</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Trafiroutes</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Précompte immobilier</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Taxes de circulation</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Plan de paiement</spw-button>\n </div>\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(toKebabCase(key), val as string);\n } else if (key.startsWith('on')) {\n element.addEventListener(key.substring(2).toLowerCase(), val);\n }\n });\n\n element.innerHTML = htmlContent();\n\n return element;\n};\n\nconst TemplateMaxi: 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(toKebabCase(key), val as string);\n } else if (key.startsWith('on')) {\n element.addEventListener(key.substring(2).toLowerCase(), val);\n }\n });\n\n element.innerHTML = htmlContentMaxi();\n\n return element;\n};\n\nexport const PhotoLeft = Template.bind({});\nPhotoLeft.args = {\n variant: 'photo',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'left',\n};\n\nexport const PhotoRight = Template.bind({});\nPhotoRight.args = {\n variant: 'photo',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'right',\n};\n\nexport const PhotoCenter = Template.bind({});\nPhotoCenter.args = {\n variant: 'photo',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'center',\n};\n\nexport const Maxi = TemplateMaxi.bind({});\nMaxi.args = {\n variant: 'maxi',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'dark',\n overlayOpacity: 60,\n};\n\nexport const GreyLeft = Template.bind({});\nGreyLeft.args = {\n variant: 'grey',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'left',\n};\n\nexport const GreyRight = Template.bind({});\nGreyRight.args = {\n variant: 'grey',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'right',\n};\n\nexport const WhiteLeft = Template.bind({});\nWhiteLeft.args = {\n variant: 'white',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'left',\n};\n\nexport const WhiteRight = Template.bind({});\nWhiteRight.args = {\n variant: 'white',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'right',\n};\n"]}
1	+ {"version":3,"file":"spw-hero.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-hero/spw-hero.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-hero';\n\nconst subComponentTags = [];\n\nconst argTypes = {\n ...withComponentControls(componentsData, { tag: elementTag }),\n ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n title: \"Organismes/Bandeau d'en-tête (hero banner)\",\n component: elementTag,\n argTypes,\n tags: ['autodocs'],\n parameters: {\n docs: {\n description: {\n component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nBandeau illustré pour une mise en avant percutante.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/5039a3-bandeau-den-tete-hero-banner)\n `,\n },\n },\n },\n};\n\nexport default meta;\n\nfunction htmlContent() {\n return /* HTML / `\n <h1 class=\"spw-ds-typography-heading-01 mb-3\">Mon titre</h1>\n <p class=\"spw-ds-typography-body-1 mb-4\">Ceci est un exemple du hero banner avec une image.</p>\n <spw-group type=\"buttons\" orientation=\"horizontal\" alignment=\"left\">\n <spw-button is-full-width-mobile=\"true\" variant=\"primary\">Bouton primaire</spw-button>\n <spw-button is-full-width-mobile=\"true\" variant=\"tertiary\">Bouton tertiaire</spw-button>\n </spw-group>\n `;\n}\n\nfunction htmlContentMaxi() {\n return / HTML */ `\n <h1 class=\"spw-ds-typography-heading-01 mb-4\">Que cherchez-vous ?</h1>\n <spw-search-field\n class=\"mb-3\"\n size=\"large\"\n name=\"search\"\n items='[\n {\"url\": \"http://google.com\", \"label\": \"Banane\"},\n {\"label\": \"Pomme\"},\n {\"label\": \"Poire\"},\n {\"label\": \"Cerise\"},\n {\"label\": \"Raisin\"}\n ]'\n placeholder=\"Exemple : un mot-clé...\"\n ></spw-search-field>\n <div class=\"d-flex justify-content-center flex-wrap\">\n <spw-button class=\"m-2\" variant=\"primary\">Démarches</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Réforme primes énergie</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Jobs</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Trafiroutes</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Précompte immobilier</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Taxes de circulation</spw-button>\n <spw-button class=\"m-2\" variant=\"primary\">Plan de paiement</spw-button>\n </div>\n `;\n}\n\nconst Template: StoryFn = args => {\n const element = document.createElement(elementTag);\n\n const controls = withComponentControls(componentsData, { tag: elementTag }) \|\| {};\n const masterProps = controls.__realProps \|\| Object.keys(controls);\n\n Object.entries(args).forEach(([key, val]) => {\n if (masterProps.includes(key)) {\n element.setAttribute(toKebabCase(key), val as string);\n } else if (key.startsWith('on')) {\n element.addEventListener(key.substring(2).toLowerCase(), val);\n }\n });\n\n element.innerHTML = htmlContent();\n\n return element;\n};\n\nconst TemplateMaxi: StoryFn = args => {\n const element = document.createElement(elementTag);\n\n const controls = withComponentControls(componentsData, { tag: elementTag }) \|\| {};\n const masterProps = controls.__realProps \|\| Object.keys(controls);\n\n Object.entries(args).forEach(([key, val]) => {\n if (masterProps.includes(key)) {\n element.setAttribute(toKebabCase(key), val as string);\n } else if (key.startsWith('on')) {\n element.addEventListener(key.substring(2).toLowerCase(), val);\n }\n });\n\n element.innerHTML = htmlContentMaxi();\n\n return element;\n};\n\nexport const PhotoLeft = Template.bind({});\nPhotoLeft.args = {\n variant: 'photo',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'left',\n};\n\nexport const PhotoRight = Template.bind({});\nPhotoRight.args = {\n variant: 'photo',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'right',\n};\n\nexport const PhotoCenter = Template.bind({});\nPhotoCenter.args = {\n variant: 'photo',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'center',\n};\n\nexport const Maxi = TemplateMaxi.bind({});\nMaxi.args = {\n variant: 'maxi',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'dark',\n overlayOpacity: 60,\n};\n\nexport const GreyLeft = Template.bind({});\nGreyLeft.args = {\n variant: 'grey',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'left',\n};\n\nexport const GreyRight = Template.bind({});\nGreyRight.args = {\n variant: 'grey',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'right',\n};\n\nexport const WhiteLeft = Template.bind({});\nWhiteLeft.args = {\n variant: 'white',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'left',\n};\n\nexport const WhiteRight = Template.bind({});\nWhiteRight.args = {\n variant: 'white',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'right',\n};\n\nexport const WhiteLeftPictureFull = Template.bind({});\nWhiteLeftPictureFull.args = {\n variant: 'white',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'left',\n hasPictureFull: true,\n};\n\nexport const WhiteRightPictureFull = Template.bind({});\nWhiteRightPictureFull.args = {\n variant: 'white',\n imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',\n imageAlt: 'Attribut alt',\n surface: 'light',\n alignment: 'right',\n hasPictureFull: true,\n};\n"]}

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

@@ -80,7 +80,8 @@ function htmlContentDefault(slotArgs) {
 }
 const TemplateDefault = args => {
     const element = document.createElement(elementTag);
-    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
+    const masterProps = controls.__realProps || Object.keys(controls);
     Object.entries(args).forEach(([key, val]) => {
         if (masterProps.includes(key)) {
             element.setAttribute(toKebabCase(key), val);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"spw-list.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-list/spw-list.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,UAAU,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,eAAe,CAAC,CAAC;AAE3C,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,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;;;;;;SAMV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,kBAAkB,CAAC,QAAQ;IAClC,OAAO,UAAU,CAAC;;cAEN,QAAQ,CAAC,IAAI;iBACV,QAAQ,CAAC,OAAO;kBACf,QAAQ,CAAC,QAAQ;uBACZ,QAAQ,CAAC,YAAY;uBACrB,QAAQ,CAAC,YAAY;oBACxB,QAAQ,CAAC,SAAS;cACxB,QAAQ,CAAC,IAAI;gBACX,QAAQ,CAAC,MAAM;cACjB,QAAQ,CAAC,IAAI;;;;;;;;;;;;;;cAcb,QAAQ,CAAC,IAAI;iBACV,QAAQ,CAAC,OAAO;kBACf,QAAQ,CAAC,QAAQ;uBACZ,QAAQ,CAAC,YAAY;uBACrB,QAAQ,CAAC,YAAY;oBACxB,QAAQ,CAAC,SAAS;cACxB,QAAQ,CAAC,IAAI;gBACX,QAAQ,CAAC,MAAM;cACjB,QAAQ,CAAC,IAAI;;;;;;;;;;;;;GAaxB,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GAAY,IAAI,CAAC,EAAE;IACtC,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,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,EAAE;IACR,YAAY,EAAE,mBAAmB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,+BAA+B;IACrC,YAAY,EAAE,EAAE;CACjB,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-list';\n\nconst subComponentTags = ['spw-list-item'];\n\nconst argTypes = {\n ...withComponentControls(componentsData, { tag: elementTag }),\n ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n title: 'Organismes/Liste',\n component: elementTag,\n argTypes,\n tags: ['autodocs'],\n parameters: {\n docs: {\n description: {\n component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nOrganise et présente des informations de manière structurée et facilement lisible. \n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/51c7cf-liste)\n `,\n },\n },\n },\n};\n\nexport default meta;\n\nfunction htmlContentDefault(slotArgs) {\n return /* HTML */ `\n <spw-list-item\n icon=\"${slotArgs.icon}\"\n variant=\"${slotArgs.variant}\"\n category=\"${slotArgs.category}\"\n category-link=\"${slotArgs.categoryLink}\"\n category-icon=\"${slotArgs.categoryIcon}\"\n line-clamp=\"${slotArgs.lineClamp}\"\n href=\"${slotArgs.href}\"\n target=\"${slotArgs.target}\"\n icon=\"${slotArgs.icon}\"\n >\n <spw-list-title\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-title>\n <spw-list-description\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-description>\n </spw-list-item>\n <spw-list-item\n icon=\"${slotArgs.icon}\"\n variant=\"${slotArgs.variant}\"\n category=\"${slotArgs.category}\"\n category-link=\"${slotArgs.categoryLink}\"\n category-icon=\"${slotArgs.categoryIcon}\"\n line-clamp=\"${slotArgs.lineClamp}\"\n href=\"${slotArgs.href}\"\n target=\"${slotArgs.target}\"\n icon=\"${slotArgs.icon}\"\n >\n <spw-list-title\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-title>\n <spw-list-description\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-description>\n </spw-list-item>\n `;\n}\n\nconst TemplateDefault: StoryFn = args => {\n const element = document.createElement(elementTag);\n\n const ~~masterProps~~ = ~~Object.keys(~~withComponentControls(componentsData, { tag: elementTag }) \|\| {});\n\n Object.entries(args).forEach(([key, val]) => {\n if (masterProps.includes(key)) {\n element.setAttribute(toKebabCase(key), val as string);\n } else if (key.startsWith('on')) {\n element.addEventListener(key.substring(2).toLowerCase(), val);\n }\n });\n\n element.innerHTML = htmlContentDefault(args);\n\n return element;\n};\n\nexport const Default = TemplateDefault.bind({});\nDefault.args = {\n variant: 'default',\n category: '',\n categoryLink: '',\n lineClamp: '2',\n href: 'http://google.com',\n target: '_blank',\n icon: 'fa-arrow-right',\n categoryIcon: '',\n};\n\nexport const Category = TemplateDefault.bind({});\nCategory.args = {\n variant: 'default',\n category: 'Catégorie',\n categoryLink: '',\n lineClamp: '2',\n href: 'http://google.com',\n target: '_blank',\n icon: '',\n categoryIcon: 'fa-file-signature',\n};\n\nexport const Shortcut = TemplateDefault.bind({});\nShortcut.args = {\n variant: 'shortcut',\n category: '',\n categoryLink: '',\n lineClamp: '1',\n href: 'http://google.com',\n target: '_blank',\n icon: 'fa-arrow-up-right-from-square',\n categoryIcon: '',\n};\n"]}
1	+ {"version":3,"file":"spw-list.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/spw-list/spw-list.stories.ts"],"names":[],"mappings":"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","sourcesContent":["let componentsData: any;\n\ntry {\n componentsData = require('../../../../dist/components_json.json');\n} catch (error) {\n console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');\n componentsData = {};\n}\n\nimport { Meta, StoryFn } from '@storybook/web-components';\nimport { withComponentControls, extractArgTypes, toKebabCase } from '@utils/utils';\n\nconst elementTag = 'spw-list';\n\nconst subComponentTags = ['spw-list-item'];\n\nconst argTypes = {\n ...withComponentControls(componentsData, { tag: elementTag }),\n ...extractArgTypes(componentsData, subComponentTags),\n};\n\nconst meta: Meta = {\n title: 'Organismes/Liste',\n component: elementTag,\n argTypes,\n tags: ['autodocs'],\n parameters: {\n docs: {\n description: {\n component: `\n<strong class=\"mr-2\">Statut du composant :</strong> <spw-tag size=\"small\" variant=\"green\">Prêt</spw-tag>\n\nOrganise et présente des informations de manière structurée et facilement lisible. \n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/51c7cf-liste)\n `,\n },\n },\n },\n};\n\nexport default meta;\n\nfunction htmlContentDefault(slotArgs) {\n return /* HTML */ `\n <spw-list-item\n icon=\"${slotArgs.icon}\"\n variant=\"${slotArgs.variant}\"\n category=\"${slotArgs.category}\"\n category-link=\"${slotArgs.categoryLink}\"\n category-icon=\"${slotArgs.categoryIcon}\"\n line-clamp=\"${slotArgs.lineClamp}\"\n href=\"${slotArgs.href}\"\n target=\"${slotArgs.target}\"\n icon=\"${slotArgs.icon}\"\n >\n <spw-list-title\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-title>\n <spw-list-description\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-description>\n </spw-list-item>\n <spw-list-item\n icon=\"${slotArgs.icon}\"\n variant=\"${slotArgs.variant}\"\n category=\"${slotArgs.category}\"\n category-link=\"${slotArgs.categoryLink}\"\n category-icon=\"${slotArgs.categoryIcon}\"\n line-clamp=\"${slotArgs.lineClamp}\"\n href=\"${slotArgs.href}\"\n target=\"${slotArgs.target}\"\n icon=\"${slotArgs.icon}\"\n >\n <spw-list-title\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-title>\n <spw-list-description\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Aliquam dapibus\n orci quam, ut lacinia turpis pharetra pulvinar. Duis vestibulum nisi nec quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus orci quam, ut\n lacinia turpis pharetra pulvinar.\n </spw-list-description>\n </spw-list-item>\n `;\n}\n\nconst TemplateDefault: StoryFn = args => {\n const element = document.createElement(elementTag);\n\n const controls = withComponentControls(componentsData, { tag: elementTag }) \|\| {};\n const masterProps = controls.__realProps \|\| Object.keys(controls);\n\n Object.entries(args).forEach(([key, val]) => {\n if (masterProps.includes(key)) {\n element.setAttribute(toKebabCase(key), val as string);\n } else if (key.startsWith('on')) {\n element.addEventListener(key.substring(2).toLowerCase(), val);\n }\n });\n\n element.innerHTML = htmlContentDefault(args);\n\n return element;\n};\n\nexport const Default = TemplateDefault.bind({});\nDefault.args = {\n variant: 'default',\n category: '',\n categoryLink: '',\n lineClamp: '2',\n href: 'http://google.com',\n target: '_blank',\n icon: 'fa-arrow-right',\n categoryIcon: '',\n};\n\nexport const Category = TemplateDefault.bind({});\nCategory.args = {\n variant: 'default',\n category: 'Catégorie',\n categoryLink: '',\n lineClamp: '2',\n href: 'http://google.com',\n target: '_blank',\n icon: '',\n categoryIcon: 'fa-file-signature',\n};\n\nexport const Shortcut = TemplateDefault.bind({});\nShortcut.args = {\n variant: 'shortcut',\n category: '',\n categoryLink: '',\n lineClamp: '1',\n href: 'http://google.com',\n target: '_blank',\n icon: 'fa-arrow-up-right-from-square',\n categoryIcon: '',\n};\n"]}

package/dist/collection/stories/organisms/spw-modal/spw-modal.stories.js CHANGED Viewed

@@ -40,7 +40,7 @@ const Template = args => {
             element.addEventListener(key.substring(2).toLowerCase(), val);
         }
         else {
-            if (key !== 'content' && key !== 'buttons') {
+            if (key !== 'content' && key !== 'buttons' && key !== 'closeModal' && key !== 'openModal') {
                 element.setAttribute(toKebabCase(key), val);
             }
         }