let componentsData;
try {
    componentsData = require('../../../../dist/components_json.json');
}
catch (error) {
    console.warn('components_json.json non trouvé. Utilisation de valeurs par défaut.');
    componentsData = {};
}
import { withComponentControls, extractArgTypes, toKebabCase } from "../../../utils/utils";
const elementTag = 'spw-breadcrumb';
const subComponentTags = ['spw-breadcrumb-item'];
const argTypes = Object.assign(Object.assign({}, withComponentControls(componentsData, { tag: elementTag })), extractArgTypes(componentsData, subComponentTags));
const meta = {
    title: "Composants/Fil d'Ariane (breadcrumb)",
    component: elementTag,
    argTypes,
    tags: ['autodocs'],
    parameters: {
        docs: {
            description: {
                component: `

Le composant Breadcrumb affiche le chemin de navigation hiérarchique de la page actuelle. Il aide les utilisateurs à comprendre où ils se trouvent et à remonter facilement dans l'arborescence du site.

## Fonctionnalités

- Navigation hiérarchique cliquable
- Dernier élément non cliquable (page courante)
- Séparateurs automatiques entre items
- Support de textes longs avec ellipsis
- Responsive avec adaptation mobile
- Accessibilité avec navigation ARIA

## Cas d'usage

- Navigation dans arborescences complexes
- Indication de position dans le site
- Retour rapide aux niveaux supérieurs
- Structure de documentation
- Navigation dans rubriques administratives

[<spw-link>Consulter la documentation</spw-link>](https://zeroheight.com/2310c7a1e/p/335164-fil-dariane-breadcrumbs)
        `,
            },
        },
    },
};
export default meta;
function htmlContent() {
    return /* HTML */ `
    <spw-breadcrumb-item href="#"> Accueil </spw-breadcrumb-item>
    <spw-breadcrumb-item href="#"> Vivre en Wallonie </spw-breadcrumb-item>
    <spw-breadcrumb-item href="#"> Environnement et agriculture </spw-breadcrumb-item>
    <spw-breadcrumb-item
      >Avec plus de 550.000 ha de forêts et 35.000 espèces répertoriées, la Wallonie jouit d'une nature préservée et d'une biodiversité diversifiée</spw-breadcrumb-item
    >
  `;
}
const Template = args => {
    const element = document.createElement(elementTag);
    const slottedLabel = 'label';
    // Apply properties to the main element
    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);
            }
        }
    });
    // Set inner HTML content
    element.innerHTML = htmlContent();
    return element;
};
export const Default = Template.bind({});
Default.args = {
    variant: 'default',
};
export const MultiLine = Template.bind({});
MultiLine.args = {
    variant: 'multiline',
};
Default.parameters = {
    docs: {
        description: {
            story: `Fil d'Ariane classique sur une ligne avec items cliquables. Navigation hiérarchique du niveau supérieur vers la page actuelle. Cas d'usage : arborescence standard de site, navigation dans catégories, indication de position dans structure.`,
        },
    },
};
MultiLine.parameters = {
    docs: {
        description: {
            story: `Fil d'Ariane en mode multi-lignes pour chemins longs. Items répartis sur plusieurs lignes pour meilleure lisibilité. Cas d'usage : arborescences profondes, titres de pages longs, navigation complexe avec textes détaillés.`,
        },
    },
};
