{
  "tag": "ed-wizard-step",
  "kind": "component",
  "summary": "One step of an `<ed-wizard>`: its entry in the wizard's stepper and the content shown while it is active.",
  "status": "experimental",
  "level": "atom",
  "since": "1.0",
  "docs": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/wizard-step/",
  "usage": "https://test-apps.eurodata.de/a/eurodata-ui/docs/components/wizard-step/usage/",
  "playwright": "getByTestId('…')",
  "dependencies": [],
  "use": [
    "One page of a guided task, such as \"Company data\" in a setup, with its content shown while the step is active",
    "A step that is marked completed once its entries are valid, so the next step unlocks",
    "A step that shows it is loading, for example while a check runs before the user can continue",
    "A step with a label, a short description and an icon in the progress overview"
  ],
  "notFor": [
    {
      "when": "A stage in a process overview without content of its own",
      "instead": "a [Step](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/step) inside a [Stepper](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/stepper)"
    },
    {
      "when": "A section of a record that users switch between freely",
      "instead": "a [Tab Panel](https://test-apps.eurodata.de/a/eurodata-ui/docs/components/tab-panel)"
    }
  ],
  "rules": [],
  "api": {
    "attributes": [
      {
        "name": "name",
        "property": "name",
        "type": "string",
        "default": "''",
        "description": "Identifies the step. Matched against the wizard's `active` attribute and used in its events. A step without a\nname is addressed as `step-<n>`, its 1-based position."
      },
      {
        "name": "label",
        "property": "label",
        "type": "string",
        "default": "''",
        "description": "The step's label, shown in the wizard's stepper. An attribute rather than a slot: the stepper lives in the\nwizard's shadow root, where a step's light-DOM content cannot be projected."
      },
      {
        "name": "description",
        "property": "description",
        "type": "string",
        "default": "''",
        "description": "Optional text shown under the label in the wizard's stepper."
      },
      {
        "name": "icon",
        "property": "icon",
        "type": "string",
        "default": "''",
        "description": "The name of an icon shown in the step's marker instead of its number or checkmark."
      },
      {
        "name": "completed",
        "property": "completed",
        "type": "boolean",
        "default": "false",
        "description": "Marks the step done. With the wizard's `linear` attribute, Next stays disabled until the active step is\ncompleted."
      },
      {
        "name": "disabled",
        "property": "disabled",
        "type": "boolean",
        "default": "false",
        "description": "Makes the step unreachable. Next and Previous skip it, and it cannot be clicked in the stepper."
      },
      {
        "name": "loading",
        "property": "loading",
        "type": "boolean",
        "default": "false",
        "description": "Shows a loading indicator in the step's marker, e.g. while an async check runs."
      },
      {
        "name": "dir",
        "property": "dir",
        "type": "string"
      },
      {
        "name": "lang",
        "property": "lang",
        "type": "string"
      }
    ],
    "properties": [],
    "methods": [
      {
        "name": "getPropertyDescriptor",
        "static": true,
        "parameters": [
          {
            "name": "name",
            "type": "PropertyKey"
          },
          {
            "name": "key",
            "type": "string | symbol"
          },
          {
            "name": "options",
            "type": "PropertyDeclaration"
          }
        ],
        "returns": "PropertyDescriptor | undefined",
        "description": "Wraps the accessor of reflected properties so they always hold a valid value, as a native\nreflected IDL attribute does (`button.type = undefined` reads `submit`):\n\n- A property that declares `useDefault` takes the first value set on an element for its\n  default. That value is its field initializer's: the constructor has finished before markup,\n  a framework or any other code can set anything. Every later `null` or `undefined` means what\n  a dropped prop means on a native element — the attribute is removed: with the attribute\n  there, it is removed and Lit's `useDefault` restores the default without writing it; without\n  one, the property is set to the default. A value set and cleared again before the element\n  updates still writes the default once, from the pending reflection.\n- A Boolean is coerced with `Boolean()`, so `undefined` is `false`.\n\nLit's `useDefault` keeps the initial default out of the DOM. Setting the default explicitly\nwrites it, as `button.type = 'submit'` writes `type`."
      }
    ],
    "events": [],
    "slots": [
      {
        "name": "",
        "description": "The step's content, shown while the step is active. Add the `autofocus` attribute to a control here to move focus to it when the user or a method makes the step active."
      }
    ],
    "cssProperties": [],
    "parts": [
      {
        "name": "base",
        "description": "The wrapper of the step's content."
      }
    ],
    "states": []
  },
  "import": "import '@eurodata/eurodata-ui/dist/components/wizard-step/wizard-step.js';",
  "react": {
    "component": "EdWizardStep",
    "import": "import EdWizardStep from '@eurodata/eurodata-ui/dist/react/wizard-step/index.js';"
  }
}