{
  "schemaVersion": "1.0.0",
  "readme": "",
  "modules": [
    {
      "kind": "javascript-module",
      "path": "src/index.ts",
      "declarations": [],
      "exports": [
        {
          "kind": "js",
          "name": "ItBreadcrumb",
          "declaration": {
            "name": "ItBreadcrumb",
            "module": "./it-breadcrumbs.js"
          }
        },
        {
          "kind": "js",
          "name": "ItBreadcrumbItem",
          "declaration": {
            "name": "ItBreadcrumbItem",
            "module": "./it-breadcrumb-item.js"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/it-breadcrumb-item.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Breadcrumb item component representing a single item in the breadcrumb trail.\n- Wraps slotted content (typically an anchor or text)\n- Adds a separator after the item\n- Supports progressive enhancement: links work even without JavaScript",
          "name": "ItBreadcrumbItem",
          "members": [
            {
              "kind": "field",
              "name": "elRole",
              "type": {
                "text": "string"
              },
              "default": "'listitem'",
              "attribute": "role",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "current",
              "type": {
                "text": "boolean"
              },
              "privacy": "private",
              "default": "false"
            },
            {
              "kind": "method",
              "name": "setCurrent",
              "privacy": "public",
              "parameters": [
                {
                  "name": "value",
                  "type": {
                    "text": "boolean"
                  }
                }
              ]
            },
            {
              "kind": "field",
              "name": "separator",
              "type": {
                "text": "string"
              },
              "privacy": "private",
              "default": "'/'"
            },
            {
              "kind": "method",
              "name": "setSeparator",
              "privacy": "public",
              "parameters": [
                {
                  "name": "value",
                  "type": {
                    "text": "string"
                  }
                }
              ]
            },
            {
              "kind": "method",
              "name": "_getSeparatorClasses",
              "privacy": "private"
            }
          ],
          "attributes": [
            {
              "name": "role",
              "type": {
                "text": "string"
              },
              "default": "'listitem'",
              "fieldName": "elRole"
            }
          ],
          "superclass": {
            "name": "BaseComponent",
            "package": "@italia/globals"
          },
          "tagName": "it-breadcrumb-item",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ItBreadcrumbItem",
          "declaration": {
            "name": "ItBreadcrumbItem",
            "module": "src/it-breadcrumb-item.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "it-breadcrumb-item",
          "declaration": {
            "name": "ItBreadcrumbItem",
            "module": "src/it-breadcrumb-item.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "src/it-breadcrumbs.ts",
      "declarations": [
        {
          "kind": "class",
          "description": "Simple breadcrumbs component following repository conventions.\n- Renders a list of slotted anchors or items\n- Dark mode variant",
          "name": "ItBreadcrumb",
          "members": [
            {
              "kind": "field",
              "name": "itAriaLabel",
              "type": {
                "text": "string"
              },
              "default": "'Breadcrumbs'",
              "attribute": "it-aria-label",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "separator",
              "type": {
                "text": "string"
              },
              "default": "'/'",
              "attribute": "separator",
              "reflects": true
            },
            {
              "kind": "field",
              "name": "dark",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "attribute": "dark",
              "reflects": true
            },
            {
              "kind": "method",
              "name": "_setChildrenProperties",
              "privacy": "private"
            }
          ],
          "attributes": [
            {
              "name": "it-aria-label",
              "type": {
                "text": "string"
              },
              "default": "'Breadcrumbs'",
              "fieldName": "itAriaLabel"
            },
            {
              "name": "separator",
              "type": {
                "text": "string"
              },
              "default": "'/'",
              "fieldName": "separator"
            },
            {
              "name": "dark",
              "type": {
                "text": "boolean"
              },
              "default": "false",
              "fieldName": "dark"
            }
          ],
          "superclass": {
            "name": "BaseComponent",
            "package": "@italia/globals"
          },
          "tagName": "it-breadcrumbs",
          "customElement": true
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "ItBreadcrumb",
          "declaration": {
            "name": "ItBreadcrumb",
            "module": "src/it-breadcrumbs.ts"
          }
        },
        {
          "kind": "custom-element-definition",
          "name": "it-breadcrumbs",
          "declaration": {
            "name": "ItBreadcrumb",
            "module": "src/it-breadcrumbs.ts"
          }
        }
      ]
    },
    {
      "kind": "javascript-module",
      "path": "stories/it-breadcrumbs.stories.ts",
      "declarations": [
        {
          "kind": "variable",
          "name": "meta",
          "default": "{ title: 'Componenti/Breadcrumbs', tags: ['web-component', 'a11y-ok'], component: 'it-breadcrumbs', parameters: { a11y: { config: { rules: [ { id: 'list', enabled: false, }, { id: 'listitem', enabled: false, }, ], }, }, }, args: { 'it-aria-label': 'Percorso di navigazione', dark: false, }, argTypes: { 'it-aria-label': { control: 'text', description: 'Testo usato come `aria-label` sul contenitore di navigazione (es. \"Percorso di navigazione\").', }, dark: { control: 'boolean', description: 'Imposta la variante a tema scuro.', }, }, } satisfies Meta<BreadcrumbProps>"
        },
        {
          "kind": "variable",
          "name": "EsempioInterattivo",
          "type": {
            "text": "Story"
          },
          "default": "{ name: 'Esempio interattivo', tags: ['!autodocs', '!dev'], parameters: { docs: { canvas: { sourceState: 'hidden' } } }, render: (args) => html` <it-breadcrumbs it-aria-label=${args['it-aria-label']} ?dark=\"${ifDefined(args.dark)}\"> <it-breadcrumb-item><a href=\"#\">Home</a></it-breadcrumb-item> <it-breadcrumb-item><a href=\"#\">Sezione</a></it-breadcrumb-item> <it-breadcrumb-item>Voce corrente</it-breadcrumb-item> </it-breadcrumbs> `, }"
        },
        {
          "kind": "variable",
          "name": "ConLink",
          "type": {
            "text": "Story"
          },
          "default": "{ tags: ['!autodocs', '!dev'], args: { 'it-aria-label': 'Breadcrumb con link', }, render: (args) => html` <it-breadcrumbs it-aria-label=${args['it-aria-label']}> <it-breadcrumb-item><a href=\"#\">Home</a></it-breadcrumb-item> <it-breadcrumb-item><a href=\"#\">Sezione</a></it-breadcrumb-item> <it-breadcrumb-item>Voce corrente</it-breadcrumb-item> </it-breadcrumbs> `, }"
        },
        {
          "kind": "variable",
          "name": "ConIcona",
          "type": {
            "text": "Story"
          },
          "default": "{ name: 'Con icona', render: () => html` <it-breadcrumbs it-aria-label=\"Percorso di navigazione\"> <it-breadcrumb-item> <a href=\"#\"><it-icon name=\"it-link\" color=\"secondary\" size=\"sm\" class=\"me-1\"></it-icon>Home</a> </it-breadcrumb-item> <it-breadcrumb-item> <a href=\"#\"><it-icon name=\"it-link\" color=\"secondary\" size=\"sm\" class=\"me-1\"></it-icon>Sezione</a> </it-breadcrumb-item> <it-breadcrumb-item> <a href=\"#\"><it-icon name=\"it-link\" color=\"secondary\" size=\"sm\" class=\"me-1\"></it-icon>Voce corrente</a> </it-breadcrumb-item> </it-breadcrumbs> `, }"
        },
        {
          "kind": "variable",
          "name": "SeparatorePersonalizzato",
          "type": {
            "text": "Story"
          },
          "default": "{ args: { 'it-aria-label': 'Breadcrumb con separatore personalizzato', separator: '>', }, render: (args) => html` <it-breadcrumbs label=${args['it-aria-label']} separator=${args.separator}> <it-breadcrumb-item><a href=\"#\">Home</a></it-breadcrumb-item> <it-breadcrumb-item><a href=\"#\">Sezione</a></it-breadcrumb-item> <it-breadcrumb-item>Voce corrente</it-breadcrumb-item> </it-breadcrumbs> <it-breadcrumbs it-aria-label=\"Percorso di navigazione con icona come separatore\" class=\"mt-3\"> <it-breadcrumb-item> <a href=\"#\">Home</a> <it-icon name=\"it-chevron-right\" color=\"secondary\" size=\"sm\" slot=\"separator\" class=\"my-separator\"></it-icon> </it-breadcrumb-item> <it-breadcrumb-item> <a href=\"#\">Sezione</a> <it-icon name=\"it-chevron-right\" color=\"secondary\" size=\"sm\" slot=\"separator\" class=\"my-separator\"></it-icon> </it-breadcrumb-item> <it-breadcrumb-item>Voce corrente</it-breadcrumb-item> </it-breadcrumbs> <style> .my-separator { margin-inline: -4px; } </style> `, }"
        },
        {
          "kind": "variable",
          "name": "Sfondo",
          "type": {
            "text": "Story"
          },
          "default": "{ name: 'Sfondo scuro', render: () => html` <it-breadcrumbs it-aria-label=\"Percorso di navigazione\" dark> <it-breadcrumb-item><a href=\"#\">Home</a></it-breadcrumb-item> <it-breadcrumb-item><a href=\"#\">Sezione</a></it-breadcrumb-item> <it-breadcrumb-item>Voce corrente</it-breadcrumb-item> </it-breadcrumbs> <it-breadcrumbs it-aria-label=\"Percorso di navigazione2\" dark> <it-breadcrumb-item> <a href=\"#\">Home</a> <it-icon name=\"it-chevron-right\" color=\"inverse\" size=\"sm\" slot=\"separator\" class=\"my-separator\"></it-icon> </it-breadcrumb-item> <it-breadcrumb-item> <a href=\"#\">Sezione</a> <it-icon name=\"it-chevron-right\" color=\"inverse\" size=\"sm\" slot=\"separator\" class=\"my-separator\"></it-icon> </it-breadcrumb-item> <it-breadcrumb-item>Voce corrente</it-breadcrumb-item> </it-breadcrumbs> <it-breadcrumbs it-aria-label=\"Percorso di navigazione3\" dark> <it-breadcrumb-item> <a href=\"#\"> <it-icon name=\"it-link\" color=\"inverse\" size=\"sm\" class=\"me-1\"></it-icon> Home </a> </it-breadcrumb-item> <it-breadcrumb-item> <a href=\"#\"> <it-icon name=\"it-link\" color=\"inverse\" size=\"sm\" class=\"me-1\"></it-icon> Sezione </a> </it-breadcrumb-item> <it-breadcrumb-item> <it-icon name=\"it-link\" color=\"inverse\" size=\"sm\" class=\"me-1\"></it-icon> Voce corrente </it-breadcrumb-item> </it-breadcrumbs> <style> .my-separator { margin-inline: -4px; } </style> `, }"
        }
      ],
      "exports": [
        {
          "kind": "js",
          "name": "default",
          "declaration": {
            "name": "meta",
            "module": "stories/it-breadcrumbs.stories.ts"
          }
        },
        {
          "kind": "js",
          "name": "EsempioInterattivo",
          "declaration": {
            "name": "EsempioInterattivo",
            "module": "stories/it-breadcrumbs.stories.ts"
          }
        },
        {
          "kind": "js",
          "name": "ConLink",
          "declaration": {
            "name": "ConLink",
            "module": "stories/it-breadcrumbs.stories.ts"
          }
        },
        {
          "kind": "js",
          "name": "ConIcona",
          "declaration": {
            "name": "ConIcona",
            "module": "stories/it-breadcrumbs.stories.ts"
          }
        },
        {
          "kind": "js",
          "name": "SeparatorePersonalizzato",
          "declaration": {
            "name": "SeparatorePersonalizzato",
            "module": "stories/it-breadcrumbs.stories.ts"
          }
        },
        {
          "kind": "js",
          "name": "Sfondo",
          "declaration": {
            "name": "Sfondo",
            "module": "stories/it-breadcrumbs.stories.ts"
          }
        }
      ]
    }
  ]
}