@spw-ds/spw-stencil-library 1.16.0 → 1.17.1

package/dist/collection/stories/organisms/spw-tile/spw-tile.stories.js

@@ -27,6 +27,8 @@ const meta = {
 
 Le composant Tile est un bloc visuel cliquable permettant aux utilisateurs de naviguer vers des pages ou de sélectionner des options. Il offre trois variantes adaptées à différents contextes d'utilisation.
 
+[<spw-link icon="fa-arrow-up-right-from-square" icon-position="right">Voir la documentation sur Zeroheight</spw-link>](https://zeroheight.com/2310c7a1e/p/3326e7-tuile-tile)
+
 ## Structure
 
 Le composant se compose de trois éléments :
@@ -56,7 +58,43 @@ Le composant se compose de trois éléments :
 - **Variant light** : Navigation par catégories, sections thématiques
 - **Variant big** : Mise en avant de contenus majeurs, landing pages
 
-[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/3326e7-tuile-tile)
+## Tracking Matomo
+
+**card_click** est émis lors d'un click sur une tuile.
+
+<details>
+<summary style="font-size: 12px;">Voir le code de tracking</summary>
+
+\`\`\`javascript
+// default Google dataLayer format adapted for Matomo
+
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+    'event': 'card_click',
+    // default parameter for Matomo
+    'event_category':  'Link clicks',
+    'event_action':  'Card clicks',
+    'event_name':  'Comment soutenir nos agricultrices et agriculteurs?',
+    'event_value': 'https://www.wallonie.be/fr/demarches/demander-une-aide-linvestissement-pour-mon-activite-agricole',
+
+    // parameters giving context & reusable for other button or link clicks
+    'link_text':   'Comment soutenir nos agricultrices et agriculteurs?',
+    'link_url':  'https://www.wallonie.be/fr/demarches/demander-une-aide-linvestissement-pour-mon-activite-agricole',
+    'link_type': 'Card clicks',
+    'page_language': 'FR',
+
+    // user-level parameters, not specific to the event
+    'user_id':  'JKSFI29924FDK',
+    'user_email':  'sebatien.fabri.ext@spw.wallonie.be',  // Can be in clear in the dataLayer but we will never collect it without a hash
+    'user_type':  'employé SPW' OR 'citoyen' ,
+    'user_postal_code':  '4000',
+    'user_city':  'LIEGE'
+});
+\`\`\`
+
+</details>
+
+## Composant interactif
         `,
             },
         },
@@ -76,6 +114,12 @@ function htmlContentLight() {
 function htmlContentBig() {
     return /* HTML */ ` <spw-tile-title>Titre de ma tuile</spw-tile-title> `;
 }
+function htmlContentWithDescription() {
+    return /* HTML */ `
+    <spw-tile-title>Titre de ma tuile</spw-tile-title>
+    <spw-tile-description>Description qui apporte plus de contexte sur le contenu de la tuile.</spw-tile-description>
+  `;
+}
 const TemplateIcon = args => {
     const element = document.createElement(elementTag);
     const controls = withComponentControls(componentsData, { tag: elementTag }) || {};
@@ -127,6 +171,24 @@ const TemplateBig = args => {
     wrapper.appendChild(element);
     return wrapper;
 };
+const TemplateWithDescription = args => {
+    const wrapper = document.createElement('div');
+    wrapper.style.maxWidth = '400px';
+    const element = document.createElement(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);
+        }
+        else if (key.startsWith('on')) {
+            element.addEventListener(key.substring(2).toLowerCase(), val);
+        }
+    });
+    element.innerHTML = htmlContentWithDescription();
+    wrapper.appendChild(element);
+    return wrapper;
+};
 export const Icon = TemplateIcon.bind({});
 Icon.storyName = 'Tuile avec icône';
 Icon.args = {
@@ -152,6 +214,26 @@ Big.args = {
     imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',
     imageAlt: 'Image de tuile',
 };
+export const DescriptionOnHover = TemplateWithDescription.bind({});
+DescriptionOnHover.storyName = 'Tuile avec description au hover';
+DescriptionOnHover.args = {
+    variant: 'light',
+    href: 'https://google.com',
+    target: '_blank',
+    imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',
+    imageAlt: 'Image de tuile',
+    revealDescription: true,
+};
+export const DescriptionStatic = TemplateWithDescription.bind({});
+DescriptionStatic.storyName = 'Tuile avec description statique';
+DescriptionStatic.args = {
+    variant: 'light',
+    href: 'https://google.com',
+    target: '_blank',
+    imageSrc: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5',
+    imageAlt: 'Image de tuile',
+    revealDescription: false,
+};
 Icon.parameters = {
     docs: {
         description: {
@@ -205,3 +287,142 @@ Cas d'usage : landing pages avec sections principales, mise en avant d'univers t
         },
     },
 };
+DescriptionOnHover.parameters = {
+    docs: {
+        description: {
+            story: `
+Tuile light avec description qui apparaît au hover (comportement par défaut, reveal-description="true"). Le titre reste toujours visible, la description est révélée à l'interaction.
+
+Cas d'usage : grille de tuiles où l'on veut garder un rendu épuré (titres seuls) et enrichir l'information au survol. La description est masquée en mobile.
+      `,
+        },
+    },
+};
+DescriptionStatic.parameters = {
+    docs: {
+        description: {
+            story: `
+Tuile light avec description toujours visible (reveal-description="false"). Titre et description sont affichés en permanence par-dessus l'image.
+
+Cas d'usage : quand la description est essentielle à la compréhension du contenu ou du choix, et ne doit pas dépendre d'une interaction (souvent le cas en mobile ou pour l'accessibilité).
+      `,
+        },
+    },
+};
+const iconGridItems = [
+    { icon: 'fa-wheat-awn', label: 'Agriculture', description: 'Aides, subsides et démarches pour le monde agricole.' },
+    { icon: 'fa-comments', label: 'Consultance', description: 'Accompagnement personnalisé par des experts sectoriels.' },
+    { icon: 'fa-id-badge', label: 'Emploi', description: "Offres, aides à l'embauche et incitants à l'emploi en Wallonie." },
+    { icon: 'fa-wind', label: 'Energie', description: 'Primes énergie, rénovation et transition énergétique.' },
+    { icon: 'fa-seedling', label: 'Environnement', description: 'Biodiversité, gestion des déchets et actions climat.' },
+    { icon: 'fa-earth-europe', label: 'Exportation', description: "Accompagnement à l'internationalisation des entreprises." },
+];
+export const IconGrid = () => {
+    const wrapper = document.createElement('div');
+    const grid = document.createElement('spw-grid');
+    grid.setAttribute('gap', 'small');
+    grid.setAttribute('cols-desktop', '3');
+    grid.setAttribute('cols-tablet', '2');
+    grid.setAttribute('cols-mobile', '1');
+    grid.innerHTML = iconGridItems
+        .map(item => /* HTML */ `
+        <spw-grid-item>
+          <spw-tile variant="icon" href="#">
+            <spw-icon icon="${item.icon}"></spw-icon>
+            <spw-tile-title>${item.label}</spw-tile-title>
+            <spw-tile-description>${item.description}</spw-tile-description>
+          </spw-tile>
+        </spw-grid-item>
+      `)
+        .join('');
+    wrapper.appendChild(grid);
+    return wrapper;
+};
+IconGrid.storyName = 'Grille de tuiles icônes';
+IconGrid.parameters = {
+    docs: {
+        description: {
+            story: `
+Grille de tuiles variant="icon" en surface claire par défaut. Icônes FontAwesome centrées et titres sur fond blanc.
+
+Cas d'usage : portail thématique avec accès rapides aux différentes rubriques quand le rendu doit rester léger et neutre (fond blanc de la page).
+      `,
+        },
+    },
+};
+const imageGridItems = [
+    { image: 'https://images.unsplash.com/photo-1465056836041-7f43ac27dcb5', label: 'Environnement', description: 'Biodiversité, gestion des déchets et actions climat.' },
+    { image: 'https://images.unsplash.com/photo-1486406146926-c627a92ad1ab', label: 'Aides et subsides', description: 'Aides financières, primes et incitants économiques.' },
+    {
+        image: 'https://images.unsplash.com/photo-1542744173-8e7e53415bb0',
+        label: 'Emploi et formation',
+        description: 'Offres, formations continues et reconversion professionnelle.',
+    },
+    { image: 'https://images.unsplash.com/photo-1497366216548-37526070297c', label: 'Économie', description: 'Accompagnement des entreprises et développement régional.' },
+    { image: 'https://images.unsplash.com/photo-1454165804606-c3d57bc86b40', label: 'Mobilité', description: 'Transports en commun, infrastructures et sécurité routière.' },
+    { image: 'https://images.unsplash.com/photo-1531482615713-2afd69097998', label: 'Patrimoine', description: 'Sites classés, monuments et héritage culturel wallon.' },
+];
+export const LightImageGrid = () => {
+    const wrapper = document.createElement('div');
+    const grid = document.createElement('spw-grid');
+    grid.setAttribute('gap', 'small');
+    grid.setAttribute('cols-desktop', '3');
+    grid.setAttribute('cols-tablet', '2');
+    grid.setAttribute('cols-mobile', '1');
+    grid.innerHTML = imageGridItems
+        .map(item => /* HTML */ `
+        <spw-grid-item>
+          <spw-tile variant="light" height="square" image-src="${item.image}" image-alt="${item.label}" href="#">
+            <spw-tile-title>${item.label}</spw-tile-title>
+            <spw-tile-description>${item.description}</spw-tile-description>
+          </spw-tile>
+        </spw-grid-item>
+      `)
+        .join('');
+    wrapper.appendChild(grid);
+    return wrapper;
+};
+LightImageGrid.storyName = 'Grille de tuiles avec image de fond';
+LightImageGrid.parameters = {
+    docs: {
+        description: {
+            story: `
+Grille de tuiles variant="light" avec image de fond et titre en overlay. Format carré (height="square") pour une présentation homogène.
+
+Cas d'usage : navigation par thématiques visuelles sur une page d'accueil ou portail (chaque thème est illustré par une image évocatrice, le titre reste visible en overlay).
+      `,
+        },
+    },
+};
+export const IconGridDarkBackground = () => {
+    const wrapper = document.createElement('div');
+    const grid = document.createElement('spw-grid');
+    grid.setAttribute('gap', 'small');
+    grid.setAttribute('cols-desktop', '4');
+    grid.setAttribute('cols-tablet', '3');
+    grid.setAttribute('cols-mobile', '2');
+    grid.innerHTML = iconGridItems
+        .map(item => /* HTML */ `
+        <spw-grid-item>
+          <spw-tile variant="icon" height="square" surface="dark" background="#333" href="#">
+            <spw-icon icon="${item.icon}"></spw-icon>
+            <spw-tile-title>${item.label}</spw-tile-title>
+          </spw-tile>
+        </spw-grid-item>
+      `)
+        .join('');
+    wrapper.appendChild(grid);
+    return wrapper;
+};
+IconGridDarkBackground.storyName = 'Grille de tuiles icon avec fond personnalisable';
+IconGridDarkBackground.parameters = {
+    docs: {
+        description: {
+            story: `
+Grille de tuiles variant="icon" en format carré (height="square") avec fond uni sombre (background personnalisable via un hexadécimal ou une var css) et surface="dark" pour que le titre et l'icône ressortent en blanc.
+
+Cas d'usage : portail thématique avec accès rapides aux différentes rubriques (démarches, thématiques, univers). Le format carré et le fond coloré uniforme permettent une présentation homogène et lisible sur toutes les tailles d'écran.
+      `,
+        },
+    },
+};

package/dist/collection/stories/organisms/spw-timeline/spw-timeline.stories.js

@@ -29,6 +29,8 @@ Le composant Timeline affiche une liste d'événements ou d'étapes de manière
 - Support des liens sur les labels
 - Option "voir plus" pour limiter le nombre d'items affichés
 - Descriptions et contenu personnalisés
+
+## Composant interactif
         `,
             },
         },

package/dist/collection/stories/organisms/spw-toc/spw-toc.stories.js

@@ -43,6 +43,44 @@ Le composant se compose de trois parties :
 - Détection automatique de la section active
 - Barre de progression pour les sections principales (h2)
 - Support du responsive design avec position sticky
+
+## Tracking Matomo
+
+**table_of_content_click** est émis lors d'un click sur un élément de la table des matières.
+
+<details>
+<summary style="font-size: 12px;">Voir le code de tracking</summary>
+
+\`\`\`javascript
+// default Google dataLayer format adapted for Matomo
+
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+    'event': 'table_of_content_click',
+    // default parameter for Matomo
+    'event_category':  'Link clicks',
+    'event_action':  'Table of content link click',
+    'event_name':  'Personnaliser votre profil',
+    'event_value': 'https://monespace.wallonie.be/me/profile',
+
+    // parameters giving context & reusable for other button or link clicks
+    'link_text':   'Personnaliser votre profil',
+    'link_url':  'https://monespace.wallonie.be/me/profile',
+    'link_type': 'Table of content link',
+    'page_language': 'FR',
+
+    // user-level parameters, not specific to the event
+    'user_id':  'JKSFI29924FDK',
+    'user_email':  'sebatien.fabri.ext@spw.wallonie.be',  // Can be in clear in the dataLayer but we will never collect it without a hash
+    'user_type':  'employé SPW' OR 'citoyen' ,
+    'user_postal_code':  '4000',
+    'user_city':  'LIEGE'
+});
+\`\`\`
+
+</details>
+
+## Composant interactif
         `,
             },
         },

package/dist/collection/stories/organisms/spw-topbar/spw-topbar.stories.js

@@ -33,7 +33,8 @@ Le composant est un élément simple sans sous-composants :
 |------|-------------|
 | logo | Nom ou titre de l'application, placé à côté du logo dans le lien d'accueil |
 | baseline | Texte explicatif ou description de l'application |
-| right | Zone pour éléments à droite (boutons, profil utilisateur, notifications, etc.) |
+| right | Zone pour éléments à droite en desktop (boutons, profil utilisateur, notifications, etc.) |
+| right-mobile | Zone pour éléments à droite en mobile (généralement un menu hamburger ou dropdown compact) |
 | *(default)* | Contenu additionnel dans la zone logo, après le lien d'accueil |
 
 ## Fonctionnalités
@@ -51,6 +52,8 @@ Le composant est un élément simple sans sous-composants :
 - Barre de navigation supérieure d'outil métier
 - Header d'interface d'administration
 - Bandeau supérieur d'application interne
+
+## Composant interactif
 `,
             },
         },
@@ -74,6 +77,29 @@ function htmlContentCustomLogo() {
 function htmlContentMinimal() {
     return /* HTML */ ` <div slot="logo">Application interne</div> `;
 }
+function htmlContentWithActions() {
+    return /* HTML */ `
+    <div slot="right">
+      <spw-group>
+        <spw-button size="small" variant="secondary" icon-position="right" icon="fa-arrow-up-right-from-square">Plus d'infos</spw-button>
+        <spw-button size="small" variant="secondary" icon-position="right" icon="fa-question" is-icon-only="true"></spw-button>
+        <spw-button size="small" variant="secondary" icon-position="right" icon="fa-user" is-icon-only="true"></spw-button>
+      </spw-group>
+    </div>
+    <div slot="right-mobile">
+      <spw-dropdown direction="bottom" alignment="end" has-padding="false" content-width="160">
+        <spw-button size="small" variant="secondary" icon-position="right" icon="fa-bars" is-icon-only="true"></spw-button>
+        <div slot="dropdownContent">
+          <div>
+            <spw-dropdown-item>Mon profil</spw-dropdown-item>
+            <spw-dropdown-item>Paramètres</spw-dropdown-item>
+            <spw-dropdown-item>Déconnexion</spw-dropdown-item>
+          </div>
+        </div>
+      </spw-dropdown>
+    </div>
+  `;
+}
 function createTemplate(htmlFn) {
     return args => {
         const element = document.createElement(elementTag);
@@ -94,6 +120,7 @@ function createTemplate(htmlFn) {
 const TemplateDefault = createTemplate(htmlContentDefault);
 const TemplateCustomLogo = createTemplate(htmlContentCustomLogo);
 const TemplateMinimal = createTemplate(htmlContentMinimal);
+const TemplateWithActions = createTemplate(htmlContentWithActions);
 export const Default = TemplateDefault.bind({});
 Default.storyName = 'Topbar par défaut';
 Default.args = {};
@@ -148,3 +175,25 @@ Seul slot utilisé :
         },
     },
 };
+export const WithActions = TemplateWithActions.bind({});
+WithActions.storyName = 'Topbar avec actions (right / right-mobile)';
+WithActions.args = {
+    siteTitle: 'Carte Géoportail',
+    borderColor: '#0066cc',
+};
+WithActions.parameters = {
+    docs: {
+        story: { height: '80px' },
+        description: {
+            story: `
+Topbar d'application métier (ex : Carte Géoportail) avec titre + bordure colorée sous le nom (border-color="#0066cc") et deux zones d'actions distinctes selon le breakpoint.
+
+Slots utilisés :
+- **right** (desktop) : groupe de boutons d'action (Plus d'infos, aide, profil utilisateur). Visible en desktop uniquement.
+- **right-mobile** (mobile) : menu compact (dropdown déclenché par un bouton hamburger) qui regroupe les actions dans un dropdown-item afin de préserver l'espace disponible. Visible en mobile uniquement.
+
+Cas d'usage : back-office ou portail métier avec plusieurs actions rapides qui doivent rester accessibles sur toutes les tailles d'écran sans encombrer la topbar mobile.
+      `,
+        },
+    },
+};

package/dist/collection/stories/organisms/spw-wizard/spw-wizard.stories.js

@@ -22,7 +22,129 @@ const meta = {
 
 Le wizard (ou assistant) permet de guider l'utilisateur à travers un processus en plusieurs étapes. Il affiche la progression et permet de naviguer entre les étapes.
 
-[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/85cf28-barre-de-progression-stepper)
+[<spw-link icon="fa-arrow-up-right-from-square" icon-position="right">Voir la documentation sur Zeroheight</spw-link>](https://zeroheight.com/2310c7a1e/p/85cf28-barre-de-progression-stepper)
+
+## Tracking Matomo
+
+**flow_start** est émis lors du commencement d'un processus en plusieurs étapes.
+
+<details>
+<summary style="font-size: 12px;">Voir le code de tracking</summary>
+
+\`\`\`javascript
+// default Google dataLayer format adapted for Matomo
+
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+    'event': 'flow_start',
+    // default parameter for Matomo
+    'event_category':  'Flow events',
+    'event_action':  'Flow start',
+    'event_name':  'Récupérer mes anciens dossiers',
+    'event_value': '', // Not necessary here
+
+    // flow events specific parameters
+    'flow_name':  'Récupérer mes anciens dossiers',
+    'flow_type':  'Form submit',
+    'folder_id_number':  '1001311-070108', // ='Numero de dossier'
+
+    // parameters giving context & reusable for other button or link clicks
+    'link_text':   'Récupérer mes anciens dossiers',
+    'link_url':  'https://monespace.wallonie.be/me/dossiers/fetch-epv3-users',
+    'link_type': 'Button clicks',
+    'page_language': 'FR',
+
+    // user-level parameters, not specific to the event
+    'user_id':  'JKSFI29924FDK',
+    'user_email':  'sebatien.fabri.ext@spw.wallonie.be',  // Can be in clear in the dataLayer but we will never collect it without a hash
+    'user_type':  'employé SPW' OR 'citoyen' ,
+    'user_postal_code':  '4000',
+    'user_city':  'LIEGE'
+});
+\`\`\`
+
+</details>
+
+**flow_step_number_[n]** est émis lors de la fin réussie d'une étape de flow. Si le bouton est cliqué mais l'étape non réussie (info manquante), l'event n'est pas envoyé.
+
+<details>
+<summary style="font-size: 12px;">Voir le code de tracking</summary>
+
+\`\`\`javascript
+// default Google dataLayer format adapted for Matomo
+
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+    'event': 'flow_step_number_2',
+    // default parameter for Matomo
+    'event_category':  'Flow events',
+    'event_action':  'Flow steps',
+    'event_name':  'Demande de réduction du précompte immobilier',
+    'event_value': '2',
+
+    // flow events specific parameters
+    'flow_name':  'Demande de réduction du précompte immobilier',
+    'flow_step_number':  2.1 , // use an integer
+    'flow_step_name':  'Adresse',
+    'flow_type':  'Multiple step Form submit',
+    'folder_id_number':  '1001311-070108', // ='Numero de dossier'
+
+    // parameters giving context & reusable for other button or link clicks
+    'link_text':   '', // Not necessary here
+    'link_url':  'https://forms10.wallonie.be/DGO7_PRI_v01.10.07/Controler?action=submit&documentId=...',
+    'link_type': 'Button clicks',
+    'page_language': 'FR',
+
+    // user-level parameters, not specific to the event
+    'user_id':  'JKSFI29924FDK',
+    'user_email':  'sebatien.fabri.ext@spw.wallonie.be',  // Can be in clear in the dataLayer but we will never collect it without a hash
+    'user_type':  'employé SPW' OR 'citoyen' ,
+    'user_postal_code':  '4000',
+    'user_city':  'LIEGE'
+});
+\`\`\`
+
+</details>
+
+**flow_end** est émis lors de la fin réussie d'un processus en plusieurs étapes. Si le bouton est cliqué mais la fin non réussie (info manquante), l'event n'est pas envoyé.
+
+<details>
+<summary style="font-size: 12px;">Voir le code de tracking</summary>
+
+\`\`\`javascript
+// default Google dataLayer format adapted for Matomo
+
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+    'event': 'flow_end',
+    // default parameter for Matomo
+    'event_category':  'Flow events',
+    'event_action':  'Flow end',
+    'event_name':  'Récupérer mes anciens dossiers',
+    'event_value': '', // Not necessary here
+
+    // flow events specific parameters
+    'flow_name':  'Récupérer mes anciens dossiers',
+    'flow_type':  'Form submit',
+
+    // parameters giving context & reusable for other button or link clicks
+    'link_text':   'Récupérer mes anciens dossiers',
+    'link_url':  '', // Not necessary here
+    'link_type': 'Button clicks',
+    'page_language': 'FR',
+
+    // user-level parameters, not specific to the event
+    'user_id':  'JKSFI29924FDK',
+    'user_email':  'sebatien.fabri.ext@spw.wallonie.be',  // Can be in clear in the dataLayer but we will never collect it without a hash
+    'user_type':  'employé SPW' OR 'citoyen' ,
+    'user_postal_code':  '4000',
+    'user_city':  'LIEGE'
+});
+\`\`\`
+
+</details>
+
+## Composant interactif
         `,
             },
         },

package/dist/components/p-BBsDk5QJ.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as i,a,t}from"./index.js";import{d as p}from"./p-2AbKLqDf.js";import{d}from"./p-BrCHGcGN.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.showIcon=!0,this.isExpandable=!1,this.expandLabel="Plus d'informations",this.collapseLabel="Moins d'informations",this.isExpanded=!1,this.toggleExpanded=e=>{e.preventDefault(),this.isExpanded=!this.isExpanded}}get variantIcon(){switch(this.variant){case"error":return"fa-warning";case"hint":return"fa-exclamation-circle";case"success":return"fa-check-circle";case"warning":return"fa-triangle-exclamation";default:return""}}get elementClass(){return{"spw-field-message":!0,[`spw-field-message--${this.variant}`]:!0}}render(){const{isExpandable:e,isExpanded:s,expandLabel:t,collapseLabel:p}=this;return i(a,{key:"0eca782d02fd33f6d1c3aec9f757285c90d56e9d"},i("div",{key:"1cb65229cdf9af52e35bab2c4ba6e80426266203",class:this.elementClass},this.showIcon&&i("div",{key:"a2fcb8f1c07596e86eab0958e6d21729fa83190a",class:"spw-field-message__icon"},i("spw-icon",{key:"8db298fb8a078dea7f2d11df574bbc90d26e9068",icon:this.variantIcon})),i("span",{key:"4de975363a2c1edf52f7f8705f2975e3829526fd",class:"spw-field-message__text"},i("slot",{key:"1b7a99972dc56da986ee17c279c22b04f959581e"}),e&&i("div",{key:"723f3fc9b22c7ecb5d1c3f67ffb1fad2587b8924",class:"spw-field-message__expandable"},i("div",{key:"3f37026e90095977ac6271e98dcc6ffa7ecc1e7a",class:{"spw-field-message__details":!0,"spw-field-message__details--hidden":!s}},i("slot",{key:"7cbf66a6c763a27e09bd3dfaee76ad8b20509a38",name:"details"})),i("spw-link",{key:"b4269a46acc07330f293829f29883d1a1e6c5611",href:"#",icon:s?"fa-chevron-up":"fa-chevron-down",onClick:this.toggleExpanded},s?p:t)))))}static get style(){return"html.sc-spw-field-message{line-height:1.3;-webkit-text-size-adjust:100%}h1.sc-spw-field-message,h2.sc-spw-field-message,h3.sc-spw-field-message,h4.sc-spw-field-message,h5.sc-spw-field-message,h6.sc-spw-field-message,p.sc-spw-field-message,ul.sc-spw-field-message,li.sc-spw-field-message{padding:0;margin:0}ul.sc-spw-field-message{list-style:none}.sc-spw-field-message-h{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}.sc-spw-field-message-h *.sc-spw-field-message,.sc-spw-field-message-h *.sc-spw-field-message::before,.sc-spw-field-message-h *.sc-spw-field-message::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body.sc-spw-field-message{margin:0}hr.sc-spw-field-message{box-sizing:content-box;height:0;overflow:visible}pre.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}a.sc-spw-field-message{background-color:transparent}abbr[title].sc-spw-field-message{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b.sc-spw-field-message,strong.sc-spw-field-message{font-weight:bolder}code.sc-spw-field-message,kbd.sc-spw-field-message,samp.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}small.sc-spw-field-message{font-size:80%}sub.sc-spw-field-message,sup.sc-spw-field-message{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-spw-field-message{bottom:-0.25em}sup.sc-spw-field-message{top:-0.5em}img.sc-spw-field-message{border-style:none}button.sc-spw-field-message,input.sc-spw-field-message,optgroup.sc-spw-field-message,select.sc-spw-field-message,textarea.sc-spw-field-message{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-spw-field-message,input.sc-spw-field-message{overflow:visible}button.sc-spw-field-message,select.sc-spw-field-message{text-transform:none}button.sc-spw-field-message,[type=button].sc-spw-field-message,[type=reset].sc-spw-field-message,[type=submit].sc-spw-field-message{-webkit-appearance:button}button.sc-spw-field-message::-moz-focus-inner,[type=button].sc-spw-field-message::-moz-focus-inner,[type=reset].sc-spw-field-message::-moz-focus-inner,[type=submit].sc-spw-field-message::-moz-focus-inner{border-style:none;padding:0}button.sc-spw-field-message:-moz-focusring,[type=button].sc-spw-field-message:-moz-focusring,[type=reset].sc-spw-field-message:-moz-focusring,[type=submit].sc-spw-field-message:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-spw-field-message{padding:0.35em 0.75em 0.625em}legend.sc-spw-field-message{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-spw-field-message{vertical-align:baseline}textarea.sc-spw-field-message{overflow:auto}[type=checkbox].sc-spw-field-message,[type=radio].sc-spw-field-message{box-sizing:border-box;padding:0}[type=number].sc-spw-field-message::-webkit-inner-spin-button,[type=number].sc-spw-field-message::-webkit-outer-spin-button{height:auto}[type=search].sc-spw-field-message{-webkit-appearance:textfield;outline-offset:-2px}[type=search].sc-spw-field-message::-webkit-search-decoration{-webkit-appearance:none}.sc-spw-field-message::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-spw-field-message{display:block}summary.sc-spw-field-message{display:list-item}template.sc-spw-field-message{display:none}[hidden].sc-spw-field-message{display:none}.sc-spw-field-message:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container.sc-spw-field-message{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-xl)}}.sc-spw-field-message-h{display:block}.spw-field-message.sc-spw-field-message{display:block;margin-top:8px;display:flex;gap:8px}.spw-field-message--error.sc-spw-field-message{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint.sc-spw-field-message{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success.sc-spw-field-message{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning.sc-spw-field-message{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon.sc-spw-field-message{position:relative;top:1px}.spw-field-message__text.sc-spw-field-message{flex:1;font-size:14px;line-height:1.5}.spw-field-message__expandable.sc-spw-field-message{margin-top:6px}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message{user-select:none;--spw-link-text-decoration:none;--spw-link-color:var(--spw-colors-support-grey-grey-800)}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message:hover{--spw-link-text-decoration:underline}.spw-field-message__details.sc-spw-field-message{margin:6px 0;padding:16px;border:1px solid var(--spw-colors-support-grey-grey-300);background:var(--spw-colors-support-grey-grey-50);border-radius:4px;color:var(--spw-colors-support-grey-grey-800)}.spw-field-message__details--hidden.sc-spw-field-message{display:none}"}},[262,"spw-field-message",{showIcon:[4,"show-icon"],variant:[1],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],isExpanded:[32]}]);function n(){"undefined"!=typeof customElements&&["spw-field-message","spw-icon","spw-link"].forEach((e=>{switch(e){case"spw-field-message":customElements.get(t(e))||customElements.define(t(e),l);break;case"spw-icon":customElements.get(t(e))||p();break;case"spw-link":customElements.get(t(e))||d()}}))}export{l as S,n as d}

package/dist/components/{p-CnzSr9Im.js → p-BrCHGcGN.js}

@@ -1 +1 @@
-import{p as e,H as i,c as t,h as n,t as s}from"./index.js";import{d as o}from"./p-2AbKLqDf.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwClick=t(this,"spwClick",7),this.target="_self",this.iconPosition="right",this.disabled=!1,this.surface="light",this.onClick=e=>{this.disabled?e.preventDefault():this.spwClick.emit(e)}}get elementClass(){return{"spw-link":!0,"spw-link--has-icon-right":this.icon&&"right"===this.iconPosition,"spw-link--has-icon-left":this.icon&&"left"===this.iconPosition,[`spw-link--surface-${this.surface}`]:!0,"spw-link--has-icon":!!this.icon}}render(){const{href:e,rel:i,download:t,target:s,icon:o,iconPosition:a,accAriaLabel:r,disabled:l}=this,p={"aria-label":r,"aria-disabled":l?"true":null},d=o?n("spw-icon",{class:`spw-icon--${a}`,icon:o}):null;return n("a",Object.assign({key:"f6f5e296a99640156dc7204b042fd8c1a8984f0f",href:l?void 0:e,rel:i,download:t,target:s,class:this.elementClass,onClick:this.onClick},p),"left"===a&&d,n("div",{key:"7eba164c5de00f7feeedd4722247330ad9a2d2d3",class:"spw-link__inner"},n("slot",{key:"6e1784314b450ccb7e9d301d3514941950164cc8"})),"right"===a&&d)}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-link-display:inline;--spw-link-wrap:wrap;--spw-link-white-space:normal;--spw-link-color:var(--spw-ds-primary);--spw-link-hover-color:var(--spw-ds-variant);--spw-link-active-color:var(--spw-ds-active);--spw-link-font-weight:700;--spw-link-text-decoration:underline;--spw-link-padding:6px}.spw-link{display:var(--spw-link-display);text-decoration:none;text-wrap:var(--spw-link-wrap);white-space:var(--spw-link-white-space);cursor:pointer;color:var(--spw-link-color);border-radius:4px;font-weight:var(--spw-link-font-weight)}.spw-link--surface-dark{color:var(--spw-ds-white)}.spw-link__inner{display:inline;overflow-wrap:break-word;text-decoration:var(--spw-link-text-decoration);text-underline-offset:2px}.spw-link:focus-visible{outline-offset:2px;outline:3px solid black}.spw-link:hover{color:var(--spw-link-hover-color)}.spw-link:hover .spw-link__inner{text-decoration-thickness:2px}.spw-link:active{color:var(--spw-link-active-color)}.spw-link:active .spw-link__inner{text-decoration-thickness:2px}.spw-link[aria-disabled=true]{pointer-events:none;color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed}.spw-link--surface-dark:hover{color:var(--spw-ds-white)}.spw-link--surface-dark:active{color:var(--spw-ds-white)}.spw-link--surface-dark[aria-disabled=true]{color:var(--spw-ds-white);opacity:0.5}.spw-link--has-icon-right spw-icon{margin-left:var(--spw-link-padding);margin-right:4px}.spw-link--has-icon-left spw-icon{margin-left:4px;margin-right:var(--spw-link-padding)}'}},[257,"spw-link",{href:[1],target:[1],rel:[1],icon:[1],download:[1],iconPosition:[1,"icon-position"],disabled:[4],accAriaLabel:[1,"acc-aria-label"],surface:[1]}]);function r(){"undefined"!=typeof customElements&&["spw-link","spw-icon"].forEach((e=>{switch(e){case"spw-link":customElements.get(s(e))||customElements.define(s(e),a);break;case"spw-icon":customElements.get(s(e))||o()}}))}export{a as S,r as d}
+import{p as e,H as i,c as t,h as n,t as s}from"./index.js";import{d as o}from"./p-2AbKLqDf.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwClick=t(this,"spwClick",7),this.target="_self",this.iconPosition="right",this.disabled=!1,this.surface="light",this.onClick=e=>{this.disabled?e.preventDefault():this.spwClick.emit(e)}}get elementClass(){return{"spw-link":!0,"spw-link--has-icon-right":this.icon&&"right"===this.iconPosition,"spw-link--has-icon-left":this.icon&&"left"===this.iconPosition,[`spw-link--surface-${this.surface}`]:!0,"spw-link--has-icon":!!this.icon}}render(){const{href:e,rel:i,download:t,target:s,icon:o,iconPosition:a,accAriaLabel:r,disabled:l}=this,p={"aria-label":r,"aria-disabled":l?"true":null},d=o?n("spw-icon",{class:`spw-icon--${a}`,icon:o}):null;return n("a",Object.assign({key:"3540a48e490ae0c5c18812f59cac4b79f7af92ed",href:l?void 0:e,rel:i,download:t,target:s,class:this.elementClass,onClick:this.onClick},p),"left"===a&&d,n("div",{key:"d946f5fd86f1b16b120b8e4392eea8fdeb056a5b",class:"spw-link__inner"},n("slot",{key:"e0f965fe25e66d68e06bd4fe59a0f1ec40948455"})),"right"===a&&d)}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-link-display:inline;--spw-link-wrap:wrap;--spw-link-white-space:normal;--spw-link-color:var(--spw-ds-primary);--spw-link-hover-color:var(--spw-ds-variant);--spw-link-active-color:var(--spw-ds-active);--spw-link-font-weight:700;--spw-link-text-decoration:underline;--spw-link-padding:6px}.spw-link{display:var(--spw-link-display);text-decoration:none;text-wrap:var(--spw-link-wrap);white-space:var(--spw-link-white-space);cursor:pointer;color:var(--spw-link-color);border-radius:4px;font-weight:var(--spw-link-font-weight)}.spw-link--surface-dark{color:var(--spw-ds-white)}.spw-link__inner{display:inline;overflow-wrap:break-word;text-decoration:var(--spw-link-text-decoration);text-underline-offset:2px}.spw-link:focus-visible{outline-offset:2px;outline:3px solid black}.spw-link:hover{color:var(--spw-link-hover-color)}.spw-link:hover .spw-link__inner{text-decoration-thickness:2px}.spw-link:active{color:var(--spw-link-active-color)}.spw-link:active .spw-link__inner{text-decoration-thickness:2px}.spw-link[aria-disabled=true]{pointer-events:none;color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed}.spw-link--surface-dark:hover{color:var(--spw-ds-white)}.spw-link--surface-dark:active{color:var(--spw-ds-white)}.spw-link--surface-dark[aria-disabled=true]{color:var(--spw-ds-white);opacity:0.5}.spw-link--has-icon-right spw-icon{margin-left:var(--spw-link-padding);margin-right:4px}.spw-link--has-icon-left spw-icon{margin-left:4px;margin-right:var(--spw-link-padding)}'}},[257,"spw-link",{href:[1],target:[1],rel:[1],icon:[1],download:[1],iconPosition:[1,"icon-position"],disabled:[4],accAriaLabel:[1,"acc-aria-label"],surface:[1]}]);function r(){"undefined"!=typeof customElements&&["spw-link","spw-icon"].forEach((e=>{switch(e){case"spw-link":customElements.get(s(e))||customElements.define(s(e),a);break;case"spw-icon":customElements.get(s(e))||o()}}))}export{a as S,r as d}

package/dist/components/{p-DlhwYK4n.js → p-CLldNY-_.js}

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-2AbKLqDf.js";import{d as a}from"./p-aWQ1v8BH.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.label="",this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.handleClick=()=>{const t=this.el.getRootNode().getElementById(this.name);t&&t.focus()}}get hasTooltip(){return!(!this.tooltipText&&!this.tooltipTitle)}render(){return i(o,{key:"98e1c6ce4789a41cb40cf17e05b4b5f01ede9206"},i("label",{key:"806fcafd344b1ec3aebad9f7ca5240fe60c66a70",class:"spw-field-label",htmlFor:this.name,onClick:this.handleClick},i("span",{key:"df417feeb140d5791a115d9454062962135fddaa",class:"spw-field-label__text"},this.label),this.hasTooltip&&i("spw-tooltip",{key:"5874bf363f3c0f194b4710b85e3bc7e4e594ed00",tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,maxWidth:this.tooltipMaxWidth,direction:this.tooltipDirection,cursor:this.tooltipCursor},i("spw-icon",{key:"80048d6b4ab44327a48b400fd443c63705c16bf4",variant:"fa-regular",icon:"fa-circle-info",class:"spw-field-label__icon"})),this.required&&i("span",{key:"3522289fd7311ac8d834a99119003aea6468e125",class:"spw-field-label__required"},"*")))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-field-label{color:var(--spw-color-themes-grey-grey-800);display:flex;align-items:center;gap:4px;font-weight:600;margin-bottom:8px}.spw-field-label__text{display:inline-block}.spw-field-label__required{color:var(--spw-ds-primary)}.spw-field-label__icon{color:var(--spw-color-themes-grey-grey-600);font-size:16px;flex-shrink:0}"}},[1,"spw-field-label",{name:[1],label:[1],required:[4],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"]}]);function l(){"undefined"!=typeof customElements&&["spw-field-label","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-field-label":customElements.get(s(t))||customElements.define(s(t),r);break;case"spw-icon":customElements.get(s(t))||n();break;case"spw-tooltip":customElements.get(s(t))||a()}}))}export{r as S,l as d}
+import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-2AbKLqDf.js";import{d as a}from"./p-CdTWu15K.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.label="",this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.handleClick=()=>{const t=this.el.getRootNode().getElementById(this.name);t&&t.focus()}}get hasTooltip(){return!(!this.tooltipText&&!this.tooltipTitle)}render(){return i(o,{key:"c52052ffddf2165799a5b1e8cff0819aceeff91c"},i("label",{key:"4a10f27fc26d352d94c1f58920883fe9bd6987f1",class:"spw-field-label",htmlFor:this.name,onClick:this.handleClick},i("span",{key:"8ff780a360a11dd807d5699bf85366c9def3200f",class:"spw-field-label__text"},this.label),this.hasTooltip&&i("spw-tooltip",{key:"fe27fc64947802a3f37b589aa43b4074961cc650",tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,maxWidth:this.tooltipMaxWidth,direction:this.tooltipDirection,cursor:this.tooltipCursor},i("spw-icon",{key:"44912845596090f2d5e69a32a9600c62ef8e175c",variant:"fa-regular",icon:"fa-circle-info",class:"spw-field-label__icon"})),this.required&&i("span",{key:"de283f3b520ec7c4b1b4571fbecef935bb3fd499",class:"spw-field-label__required"},"*")))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-field-label{color:var(--spw-color-themes-grey-grey-800);display:flex;align-items:center;gap:4px;font-weight:600;margin-bottom:8px}.spw-field-label__text{display:inline-block}.spw-field-label__required{color:var(--spw-ds-primary)}.spw-field-label__icon{color:var(--spw-color-themes-grey-grey-600);font-size:16px;flex-shrink:0}"}},[1,"spw-field-label",{name:[1],label:[1],required:[4],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"]}]);function l(){"undefined"!=typeof customElements&&["spw-field-label","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-field-label":customElements.get(s(t))||customElements.define(s(t),r);break;case"spw-icon":customElements.get(s(t))||n();break;case"spw-tooltip":customElements.get(s(t))||a()}}))}export{r as S,l as d}

package/dist/components/{p-aWQ1v8BH.js → p-CdTWu15K.js}

@@ -1 +1 @@
-import{p as t,H as e,h as i,t as o}from"./index.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tooltipTitle="",this.tooltipText="",this.direction="top",this.cursor="help",this.visible=!0,this.isVisible=!1,this.showTooltip=()=>{this.visible&&(this.isVisible=!0,this.createTooltip(),requestAnimationFrame((()=>{this.positionTooltip()})),window.addEventListener("scroll",this.handleScrollOrResize,!0),window.addEventListener("resize",this.handleScrollOrResize))},this.hideTooltip=()=>{this.isVisible=!1,this.removeTooltipFromDOM(),window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize)}}connectedCallback(){this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize),this.removeTooltipFromDOM()}updateTooltipVisibility(){this.tooltipEl&&(this.tooltipEl.style.display=this.visible?"flex":"none")}componentWillRender(){this.updateTooltipVisibility()}componentDidUpdate(){this.updateTooltipVisibility()}handleScrollOrResize(){this.isVisible&&this.positionTooltip()}createTooltip(){if(!this.tooltipEl){if(this.tooltipEl=document.createElement("div"),this.tooltipEl.className=`spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`,this.tooltipEl.setAttribute("role","tooltip"),this.tooltipTitle){const t=document.createElement("strong");t.className="spw-tooltip__title",t.textContent=this.tooltipTitle,this.tooltipEl.appendChild(t)}if(this.tooltipText){const t=document.createElement("div");t.textContent=this.tooltipText,this.tooltipEl.appendChild(t)}document.body.appendChild(this.tooltipEl)}}removeTooltipFromDOM(){this.tooltipEl&&this.tooltipEl.parentNode&&this.tooltipEl.parentNode.removeChild(this.tooltipEl),this.tooltipEl=null}positionTooltip(){var t;if(!this.tooltipEl)return;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-tooltip__target");if(!e)return;const i=e.getBoundingClientRect(),o=this.tooltipEl;o.style.visibility="hidden",o.style.display="flex",o.style.position="fixed",o.style.top="0px",o.style.left="0px",o.style.maxWidth=this.maxWidth+"px"||"100%";const s=o.getBoundingClientRect();let n=0,r=0;switch(this.direction){case"top":n=i.top-s.height-8,r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8,r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2,r=i.left-s.width-8;break;default:n=i.top+(i.height-s.height)/2,r=i.right+8}o.style.top=`${n}px`,o.style.left=`${r}px`,o.style.zIndex="9999",o.style.visibility="visible"}get classes(){return{"spw-tooltip__target":!0,[`spw-tooltip__target--${this.cursor}`]:!0}}render(){return i("div",{key:"85279a6e6e1fc9de788d0b5f36df918f6284b200",class:this.classes,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip},i("slot",{key:"acd39fe15bf329ed41143c57a0cf865060377041"}))}get host(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block}.spw-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}:host(.spw-tooltip--has-ellipsis) .spw-tooltip__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[257,"spw-tooltip",{tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],maxWidth:[1,"max-width"],direction:[1],cursor:[1],visible:[4],isVisible:[32]}]);function n(){"undefined"!=typeof customElements&&["spw-tooltip"].forEach((t=>{"spw-tooltip"===t&&(customElements.get(o(t))||customElements.define(o(t),s))}))}export{s as S,n as d}
+import{p as t,H as e,h as i,t as o}from"./index.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tooltipTitle="",this.tooltipText="",this.direction="top",this.cursor="help",this.visible=!0,this.isVisible=!1,this.showTooltip=()=>{this.visible&&(this.isVisible=!0,this.createTooltip(),requestAnimationFrame((()=>{this.positionTooltip()})),window.addEventListener("scroll",this.handleScrollOrResize,!0),window.addEventListener("resize",this.handleScrollOrResize))},this.hideTooltip=()=>{this.isVisible=!1,this.removeTooltipFromDOM(),window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize)}}connectedCallback(){this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize),this.removeTooltipFromDOM()}updateTooltipVisibility(){this.tooltipEl&&(this.tooltipEl.style.display=this.visible?"flex":"none")}componentWillRender(){this.updateTooltipVisibility()}componentDidUpdate(){this.updateTooltipVisibility()}handleScrollOrResize(){this.isVisible&&this.positionTooltip()}createTooltip(){if(!this.tooltipEl){if(this.tooltipEl=document.createElement("div"),this.tooltipEl.className=`spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`,this.tooltipEl.setAttribute("role","tooltip"),this.tooltipTitle){const t=document.createElement("strong");t.className="spw-tooltip__title",t.textContent=this.tooltipTitle,this.tooltipEl.appendChild(t)}if(this.tooltipText){const t=document.createElement("div");t.textContent=this.tooltipText,this.tooltipEl.appendChild(t)}document.body.appendChild(this.tooltipEl)}}removeTooltipFromDOM(){this.tooltipEl&&this.tooltipEl.parentNode&&this.tooltipEl.parentNode.removeChild(this.tooltipEl),this.tooltipEl=null}positionTooltip(){var t;if(!this.tooltipEl)return;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-tooltip__target");if(!e)return;const i=e.getBoundingClientRect(),o=this.tooltipEl;o.style.visibility="hidden",o.style.display="flex",o.style.position="fixed",o.style.top="0px",o.style.left="0px",o.style.maxWidth=this.maxWidth+"px"||"100%";const s=o.getBoundingClientRect();let n=0,r=0;switch(this.direction){case"top":n=i.top-s.height-8,r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8,r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2,r=i.left-s.width-8;break;default:n=i.top+(i.height-s.height)/2,r=i.right+8}o.style.top=`${n}px`,o.style.left=`${r}px`,o.style.zIndex="9999",o.style.visibility="visible"}get classes(){return{"spw-tooltip__target":!0,[`spw-tooltip__target--${this.cursor}`]:!0}}render(){return i("div",{key:"dcdf0a4a2a20b67a8ee8e7afa34b00cd6f6e0bb1",class:this.classes,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip},i("slot",{key:"08c755da2d1ae451b1ff40b5ac0bebb6e1cc30b2"}))}get host(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block}.spw-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}:host(.spw-tooltip--has-ellipsis) .spw-tooltip__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"}},[257,"spw-tooltip",{tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],maxWidth:[1,"max-width"],direction:[1],cursor:[1],visible:[4],isVisible:[32]}]);function n(){"undefined"!=typeof customElements&&["spw-tooltip"].forEach((t=>{"spw-tooltip"===t&&(customElements.get(o(t))||customElements.define(o(t),s))}))}export{s as S,n as d}