@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1,103 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls } from "../../../utils/utils";
+const elementTag = 'spw-table';
+const argTypes = Object.assign({}, withComponentControls(componentsData, { tag: elementTag }));
+const meta = {
+    title: 'Composants/Tableau',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Affiche toutes les informations d’un ensemble de données.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/90a77b-tableau)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent() {
+    return /* HTML */ `
+    <spw-table-head>
+      <spw-table-row>
+        <spw-table-header scope="col">Header 1</spw-table-header>
+        <spw-table-header scope="col">Header 2</spw-table-header>
+        <spw-table-header scope="col">Header 3</spw-table-header>
+        <spw-table-header scope="col">Header 4</spw-table-header>
+      </spw-table-row>
+    </spw-table-head>
+    <spw-table-body>
+      <spw-table-row>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+      </spw-table-row>
+      <spw-table-row>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+      </spw-table-row>
+      <spw-table-row>
+        <spw-table-cell colspan="2" vertical-align="middle" text-align="center"
+          >Cellule avec contenu plus long centré verticalement et horizontalement pour montrer la fusion</spw-table-cell
+        >
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>
+          <spw-button size="small">Bouton</spw-button>
+        </spw-table-cell>
+      </spw-table-row>
+      <spw-table-row>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+      </spw-table-row>
+      <spw-table-row>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+      </spw-table-row>
+      <spw-table-row>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+        <spw-table-cell>Cellule</spw-table-cell>
+      </spw-table-row>
+    </spw-table-body>
+  `;
+}
+function camelToKebab(str) {
+    return str.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});
+    Object.entries(args).forEach(([key, val]) => {
+        if (masterProps.includes(key)) {
+            const kebabKey = camelToKebab(key);
+            element.setAttribute(kebabKey, val);
+        }
+        else if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+    });
+    element.innerHTML = htmlContent();
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {};
+//# sourceMappingURL=spw-table.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-table/spw-table.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,MAAM,cAAc,CAAC;AAErD,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B,MAAM,QAAQ,qBACT,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAC9D,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW;IAClB,OAAO,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDjB,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,GAAW;IAC/B,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IAElG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YACnC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACtC,CAAC;aAAM,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,GAAG,WAAW,EAAE,CAAC;IAElC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG,EAAE,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 } from '@utils/utils';\n\nconst elementTag = 'spw-table';\n\nconst argTypes = {\n  ...withComponentControls(componentsData, { tag: elementTag }),\n};\n\nconst meta: Meta = {\n  title: 'Composants/Tableau',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nAffiche toutes les informations d’un ensemble de données.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/90a77b-tableau)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent() {\n  return /* HTML */ `\n    <spw-table-head>\n      <spw-table-row>\n        <spw-table-header scope=\"col\">Header 1</spw-table-header>\n        <spw-table-header scope=\"col\">Header 2</spw-table-header>\n        <spw-table-header scope=\"col\">Header 3</spw-table-header>\n        <spw-table-header scope=\"col\">Header 4</spw-table-header>\n      </spw-table-row>\n    </spw-table-head>\n    <spw-table-body>\n      <spw-table-row>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n      </spw-table-row>\n      <spw-table-row>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n      </spw-table-row>\n      <spw-table-row>\n        <spw-table-cell colspan=\"2\" vertical-align=\"middle\" text-align=\"center\"\n          >Cellule avec contenu plus long centré verticalement et horizontalement pour montrer la fusion</spw-table-cell\n        >\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>\n          <spw-button size=\"small\">Bouton</spw-button>\n        </spw-table-cell>\n      </spw-table-row>\n      <spw-table-row>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n      </spw-table-row>\n      <spw-table-row>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n      </spw-table-row>\n      <spw-table-row>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n        <spw-table-cell>Cellule</spw-table-cell>\n      </spw-table-row>\n    </spw-table-body>\n  `;\n}\n\nfunction camelToKebab(str: string) {\n  return str.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n\n  const masterProps = Object.keys(withComponentControls(componentsData, { tag: elementTag }) || {});\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (masterProps.includes(key)) {\n      const kebabKey = camelToKebab(key);\n      element.setAttribute(kebabKey, val);\n    } else if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    }\n  });\n\n  element.innerHTML = htmlContent();\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

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

@@ -0,0 +1,61 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-text-field';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Champ de saisie (input text)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Permet aux utilisateurs d’entrer du texte ou une valeur.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/859851-champ-de-saisie-input-field)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = false;
+    const slottedLabel = 'content';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent(args[slottedLabel]);
+    }
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    placeholder: 'Mon placeholder',
+    label: 'Mon label',
+    name: 'input',
+    hint: "Mon texte d'assistance",
+    required: true,
+    showHintIcon: false,
+};
+//# sourceMappingURL=spw-text-field.stories.js.map

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

@@ -0,0 +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;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,IAAI;IACvB,OAAO,UAAU,CAAC,GAAG,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC;IACtB,MAAM,YAAY,GAAG,SAAS,CAAC;IAE/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gBACzB,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,iBAAiB;IAC9B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,OAAO;IACb,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: `\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"]}

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

@@ -0,0 +1,61 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-textarea';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Champ de texte (textarea)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Permet à l’utilisateur de taper du contenu plus long.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/6692b4-champ-texte-textarea)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = false;
+    const slottedLabel = 'content';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent(args[slottedLabel]);
+    }
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    placeholder: 'Mon placeholder',
+    label: 'Mon label',
+    name: 'textarea',
+    hint: "Mon texte d'assistance",
+    required: true,
+    showHintIcon: false,
+};
+//# sourceMappingURL=spw-textarea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-textarea.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-textarea/spw-textarea.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,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,IAAI;IACvB,OAAO,UAAU,CAAC,GAAG,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,KAAK,CAAC;IACtB,MAAM,YAAY,GAAG,SAAS,CAAC;IAE/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gBACzB,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,iBAAiB;IAC9B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,UAAU;IAChB,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-textarea';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Champ de texte (textarea)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nPermet à l’utilisateur de taper du contenu plus long.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/6692b4-champ-texte-textarea)\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: 'textarea',\n  hint: \"Mon texte d'assistance\",\n  required: true,\n  showHintIcon: false,\n};\n"]}

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

@@ -0,0 +1,58 @@
+let componentsData;
+try {
+    componentsData = require('../../../../dist/components_json.json');
+}
+catch (error) {
+    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
+    componentsData = {};
+}
+import { withComponentControls, toKebabCase } from "../../../utils/utils";
+const elementTag = 'spw-tooltip';
+const argTypes = withComponentControls(componentsData, { tag: elementTag });
+const meta = {
+    title: 'Composants/Infobulle (tooltip)',
+    component: elementTag,
+    argTypes,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+Affiche des informations supplémentaires lorsque l'utilisateur survole un élément.
+
+[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/748e85-infobulle-tooltip)
+        `,
+            },
+        },
+    },
+};
+export default meta;
+function htmlContent(slot) {
+    return /* HTML */ `${slot}`;
+}
+const Template = args => {
+    const element = document.createElement(elementTag);
+    const hasSlot = true;
+    const slottedLabel = 'label';
+    Object.entries(args).forEach(([key, val]) => {
+        if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+        else {
+            if (key !== slottedLabel) {
+                element.setAttribute(toKebabCase(key), val);
+            }
+        }
+    });
+    if (hasSlot) {
+        element.innerHTML = htmlContent(args[slottedLabel]);
+    }
+    return element;
+};
+export const Default = Template.bind({});
+Default.args = {
+    tooltipTitle: 'Mon titre',
+    tooltipText: 'Mon texte',
+    label: 'Mon élément déclencheur',
+};
+//# sourceMappingURL=spw-tooltip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-tooltip.stories.js","sourceRoot":"","sources":["../../../../src/stories/components/spw-tooltip/spw-tooltip.stories.ts"],"names":[],"mappings":"AAAA,IAAI,cAAmB,CAAC;AAExB,IAAI,CAAC;IACH,cAAc,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AACpE,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACpF,cAAc,GAAG,EAAE,CAAC;AACtB,CAAC;AAGD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAE5E,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,UAAU;IACrB,QAAQ;IACR,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;SAIV;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,SAAS,WAAW,CAAC,IAAI;IACvB,OAAO,UAAU,CAAC,GAAG,IAAI,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,QAAQ,GAAY,IAAI,CAAC,EAAE;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC;IACrB,MAAM,YAAY,GAAG,OAAO,CAAC;IAE7B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QAC1C,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gBACzB,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,GAAa,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,YAAY,EAAE,WAAW;IACzB,WAAW,EAAE,WAAW;IACxB,KAAK,EAAE,yBAAyB;CACjC,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-tooltip';\n\nconst argTypes = withComponentControls(componentsData, { tag: elementTag });\n\nconst meta: Meta = {\n  title: 'Composants/Infobulle (tooltip)',\n  component: elementTag,\n  argTypes,\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `\nAffiche des informations supplémentaires lorsque l'utilisateur survole un élément.\n\n[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/748e85-infobulle-tooltip)\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\nfunction htmlContent(slot) {\n  return /* HTML */ `${slot}`;\n}\n\nconst Template: StoryFn = args => {\n  const element = document.createElement(elementTag);\n  const hasSlot = true;\n  const slottedLabel = 'label';\n\n  Object.entries(args).forEach(([key, val]) => {\n    if (key.startsWith('on')) {\n      element.addEventListener(key.substring(2).toLowerCase(), val);\n    } else {\n      if (key !== slottedLabel) {\n        element.setAttribute(toKebabCase(key), val as string);\n      }\n    }\n  });\n\n  if (hasSlot) {\n    element.innerHTML = htmlContent(args[slottedLabel]);\n  }\n\n  return element;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  tooltipTitle: 'Mon titre',\n  tooltipText: 'Mon texte',\n  label: 'Mon élément déclencheur',\n};\n"]}

package/dist/collection/themes/themes.js

@@ -0,0 +1,23 @@
+import rougeTheme from "./rouge.css";
+import bleuTheme from "./bleu.css";
+import bleuClairTheme from "./bleu-clair.css";
+import vertTheme from "./vert.css";
+import vertLegerTheme from "./vert-leger.css";
+import turquoiseTheme from "./turquoise.css";
+import orangeTheme from "./orange.css";
+import indigoTheme from "./indigo.css";
+import mauveTheme from "./mauve.css";
+import grisTheme from "./gris.css";
+export const themes = {
+    rouge: rougeTheme,
+    bleu: bleuTheme,
+    bleuClair: bleuClairTheme,
+    vert: vertTheme,
+    vertLeger: vertLegerTheme,
+    orange: orangeTheme,
+    turquoise: turquoiseTheme,
+    indigo: indigoTheme,
+    mauve: mauveTheme,
+    gris: grisTheme,
+};
+//# sourceMappingURL=themes.js.map

package/dist/collection/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAC7C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE,WAAW;IACnB,SAAS,EAAE,cAAc;IACzB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,SAAS;CAChB,CAAC","sourcesContent":["import rougeTheme from './rouge.css';\nimport bleuTheme from './bleu.css';\nimport bleuClairTheme from './bleu-clair.css';\nimport vertTheme from './vert.css';\nimport vertLegerTheme from './vert-leger.css';\nimport turquoiseTheme from './turquoise.css';\nimport orangeTheme from './orange.css';\nimport indigoTheme from './indigo.css';\nimport mauveTheme from './mauve.css';\nimport grisTheme from './gris.css';\n\nexport const themes = {\n  rouge: rougeTheme,\n  bleu: bleuTheme,\n  bleuClair: bleuClairTheme,\n  vert: vertTheme,\n  vertLeger: vertLegerTheme,\n  orange: orangeTheme,\n  turquoise: turquoiseTheme,\n  indigo: indigoTheme,\n  mauve: mauveTheme,\n  gris: grisTheme,\n};\n\nexport type SpwTheme = keyof typeof themes;\n"]}

package/dist/collection/utils/animation.js

@@ -0,0 +1,23 @@
+export function animationTo(element, keyframes, options) {
+    const animated = element.animate(keyframes, Object.assign(Object.assign({}, options), { fill: 'both' }));
+    animated.addEventListener('finish', () => {
+        // @ts-ignore
+        animated.commitStyles();
+        animated.cancel();
+    });
+    return animated;
+}
+const keyframeDefaults = {
+    easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',
+};
+export const KEYFRAMES = {
+    fadeIn: [
+        Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 0 }),
+        Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 1 }),
+    ],
+    fadeOut: [
+        Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 1 }),
+        Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 0 }),
+    ],
+};
+//# sourceMappingURL=animation.js.map

package/dist/collection/utils/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../src/utils/animation.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,OAAoB,EAAE,SAAgC,EAAE,OAAkC;IACpH,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,kCAAO,OAAO,KAAE,IAAI,EAAE,MAAM,IAAG,CAAC;IAC1E,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACvC,aAAa;QACb,QAAQ,CAAC,YAAY,EAAE,CAAC;QACxB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,0CAA0C;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE;sCAEJ,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;sCAGV,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;KAEb;IACD,OAAO,EAAE;sCAEL,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;sCAGV,MAAM,EAAE,CAAC,IACN,gBAAgB,KACnB,OAAO,EAAE,CAAC;KAEb;CACF,CAAC","sourcesContent":["export function animationTo(element: HTMLElement, keyframes: Keyframe | Keyframe[], options?: KeyframeAnimationOptions) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};\n"]}

package/dist/collection/utils/focus-trap.js

@@ -0,0 +1,113 @@
+/**
+ * Copy/pasted from https://github.com/andreasbm/focus-trap
+ */
+/**
+ * Traverses the slots of the open shadowroots and returns all children matching the query.
+ * We need to traverse each child-depth one at a time because if an element should be skipped
+ * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll("*")
+ * the information of whether the children is within a hidden parent is lost.
+ * @param {ShadowRoot | HTMLElement} root
+ * @param skipNode
+ * @param isMatch
+ * @param {number} maxDepth
+ * @param {number} depth
+ * @returns {HTMLElement[]}
+ */
+export function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {
+    const matches = [];
+    // If the depth is above the max depth, abort the searching here.
+    if (depth >= maxDepth) {
+        return matches;
+    }
+    // Traverses a slot element
+    const traverseSlot = ($slot) => {
+        // Only check nodes that are of the type Node.ELEMENT_NODE
+        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+        const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);
+        if (assignedNodes.length > 0) {
+            const $slotParent = assignedNodes[0].parentElement;
+            return queryShadowRoot($slotParent, skipNode, isMatch, maxDepth, depth + 1);
+        }
+        return [];
+    };
+    // Go through each child and continue the traversing if necessary
+    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.
+    // Therefore we fallback to an empty array if it is undefined.
+    const children = Array.from(root.children || []);
+    for (const $child of children) {
+        // Check if the element and its descendants should be skipped
+        if (skipNode($child)) {
+            // console.log('-- SKIP', $child);
+            continue;
+        }
+        // console.log('$child', $child);
+        // If the element matches we always add it
+        if (isMatch($child)) {
+            matches.push($child);
+        }
+        if ($child.shadowRoot != null) {
+            // If the element has a shadow root we need to traverse it
+            matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
+        }
+        else if ($child.tagName === 'SLOT') {
+            // If the child is a slot we need to traverse each assigned node
+            matches.push(...traverseSlot($child));
+        }
+        else {
+            // Traverse the children of the element
+            matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
+        }
+    }
+    return matches;
+}
+/**
+ * Returns whether the element is hidden.
+ * @param $elem
+ */
+export function isHidden($elem) {
+    return ($elem.hasAttribute('hidden') ||
+        ($elem.hasAttribute('aria-hidden') && $elem.getAttribute('aria-hidden') !== 'false') ||
+        // A quick and dirty way to check whether the element is hidden.
+        // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
+        // If the element has visibility set to "hidden" or "collapse", display set to "none" or opacity set to "0" through CSS
+        // we won't be able to catch it here. We accept it due to the huge performance benefits.
+        $elem.style.display === `none` ||
+        $elem.style.opacity === `0` ||
+        $elem.style.visibility === `hidden` ||
+        $elem.style.visibility === `collapse`);
+    // If offsetParent is null we can assume that the element is hidden
+    // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null
+    // || $elem.offsetParent == null;
+}
+/**
+ * Returns whether the element is disabled.
+ * @param $elem
+ */
+export function isDisabled($elem) {
+    return $elem.hasAttribute('disabled') || ($elem.hasAttribute('aria-disabled') && $elem.getAttribute('aria-disabled') !== 'false');
+}
+/**
+ * Determines whether an element is focusable.
+ * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
+ * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
+ * @param $elem
+ */
+export function isFocusable($elem) {
+    // Discard elements that are removed from the tab order.
+    if ($elem.getAttribute('tabindex') === '-1' || isHidden($elem) || isDisabled($elem)) {
+        return false;
+    }
+    return (
+    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists
+    $elem.hasAttribute('tabindex') ||
+        // Anchor tags or area tags with a href set
+        (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute('href')) ||
+        // Form elements which are not disabled
+        $elem instanceof HTMLButtonElement ||
+        $elem instanceof HTMLInputElement ||
+        $elem instanceof HTMLTextAreaElement ||
+        $elem instanceof HTMLSelectElement ||
+        // IFrames
+        $elem instanceof HTMLIFrameElement);
+}
+//# sourceMappingURL=focus-trap.js.map

package/dist/collection/utils/focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.js","sourceRoot":"","sources":["../../src/utils/focus-trap.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0,\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot($slotParent, skipNode, isMatch, maxDepth, depth + 1);\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') && $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return $elem.hasAttribute('disabled') || ($elem.hasAttribute('aria-disabled') && $elem.getAttribute('aria-disabled') !== 'false');\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if ($elem.getAttribute('tabindex') === '-1' || isHidden($elem) || isDisabled($elem)) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}\n"]}