@conciso/design-system-mcp 0.0.0-bootstrap.0

package/snapshot/services/core/docgen/komponenten-inputs-forms-checkbox.json

@@ -0,0 +1,182 @@
+{
+  "components": {
+    "komponenten-inputs-forms-checkbox": {
+      "id": "komponenten-inputs-forms-checkbox",
+      "name": "CheckboxComponent",
+      "path": "./src/lib/checkbox/checkbox.stories.ts",
+      "description": "Checkbox — Einwilligungs-/Consent-Feld nach docs/index.html („Forms“).\n\nBewusst KEIN nachgebautes Kästchen: ein natives `<input type=\"checkbox\">` mit\n`accent-color` in der Bereichsfarbe (genau wie die Doku), umschlossen von einem\n`<label>` mit dem Einwilligungstext und optional verlinktem Datenschutzhinweis.\nDokumentierte Verwendung: Newsletter-/DSGVO-Einwilligung, i. d. R. `required`.\n\nAls `ControlValueAccessor` direkt an Angular-Formulare anbindbar (`[(ngModel)]`,\n`formControlName`); ohne Formular geht `[(checked)]` (checkedChange via model()).",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "description": "Brand Area → accent-color der Checkbox.",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {
+              "summary": "co"
+            }
+          }
+        },
+        "checked": {
+          "name": "checked",
+          "description": "Gesetzt/aktiv → checked. Two-Way (`[(checked)]`) UND Angular-Forms.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "disabled": {
+          "name": "disabled",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "label": {
+          "name": "label",
+          "description": "Einwilligungstext neben der Checkbox.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Ich bin einverstanden."
+            }
+          }
+        },
+        "linkHref": {
+          "name": "linkHref",
+          "description": "Ziel des verlinkten Hinweises.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "#"
+            }
+          }
+        },
+        "linkLabel": {
+          "name": "linkLabel",
+          "description": "Optionaler verlinkter Hinweis am Ende des Labels (z. B. „Datenschutzhinweise“).",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "required": {
+          "name": "required",
+          "description": "Pflicht-Einwilligung → required + aria-required + .req-Sternchen am Label-Ende.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "checkedChange": {
+          "name": "checkedChange",
+          "description": "Gesetzt/aktiv → checked. Two-Way (`[(checked)]`) UND Angular-Forms.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "checkedChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: boolean) => void"
+            }
+          }
+        },
+        "disabledChange": {
+          "name": "disabledChange",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "disabledChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: boolean) => void"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type CheckboxComponentInputs = {\n  /**\n   * Brand Area → accent-color der Checkbox.\n   *\n   * @default co\n   */\n  area?: CdsArea;\n  /**\n   * Gesetzt/aktiv → checked. Two-Way (`[(checked)]`) UND Angular-Forms.\n   *\n   * @default false\n   */\n  checked?: boolean; // two-way: [(checked)]\n  /**\n   * Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.\n   *\n   * @default false\n   */\n  disabled?: boolean; // two-way: [(disabled)]\n  /**\n   * Einwilligungstext neben der Checkbox.\n   *\n   * @default Ich bin einverstanden.\n   */\n  label?: string;\n  /**\n   * Ziel des verlinkten Hinweises.\n   *\n   * @default #\n   */\n  linkHref?: string;\n  /**\n   * Optionaler verlinkter Hinweis am Ende des Labels (z. B. „Datenschutzhinweise“).\n   *\n   * @default ''\n   */\n  linkLabel?: string;\n  /**\n   * Pflicht-Einwilligung → required + aria-required + .req-Sternchen am Label-Ende.\n   *\n   * @default false\n   */\n  required?: boolean;\n}\n```\n\n## Outputs\n\n```\nexport type CheckboxComponentOutputs = {\n  /** Gesetzt/aktiv → checked. Two-Way (`[(checked)]`) UND Angular-Forms. */\n  checkedChange: (e: boolean) => void;\n  /** Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar. */\n  disabledChange: (e: boolean) => void;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "CheckboxComponent",
+        "selector": "cds-checkbox",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "checked",
+          "disabled",
+          "label",
+          "linkHref",
+          "linkLabel",
+          "required"
+        ],
+        "outputs": [
+          "checkedChange",
+          "disabledChange"
+        ],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-inputs-forms-radio.json

@@ -0,0 +1,181 @@
+{
+  "components": {
+    "komponenten-inputs-forms-radio": {
+      "id": "komponenten-inputs-forms-radio",
+      "name": "RadioGroupComponent",
+      "path": "./src/lib/radio-group/radio-group.stories.ts",
+      "description": "Radio-Gruppe (Optionsfelder) nach docs/index.html („Forms“).\n\nFür 2–6 sich gegenseitig ausschließende Optionen (mehr → Select). Bewusst KEIN\nnachgebauter Kreis: native `<input type=\"radio\">` mit `accent-color` in der\nBereichsfarbe, gruppiert in `<fieldset>`/`<legend>` (Gruppen-Label wie ein\nFeld-Label), alle Optionen teilen denselben `name`.\n\nAls `ControlValueAccessor` direkt an Angular-Formulare anbindbar (`[(ngModel)]`,\n`formControlName`); ohne Formular geht `[(value)]` (valueChange via model()).",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "description": "Brand Area → accent-color der Radios.",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {
+              "summary": "co"
+            }
+          }
+        },
+        "disabled": {
+          "name": "disabled",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "legend": {
+          "name": "legend",
+          "description": "Gruppen-Label (die Frage) → <legend>.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Optionen"
+            }
+          }
+        },
+        "name": {
+          "name": "name",
+          "description": "Gemeinsamer name aller Radios der Gruppe. Default eindeutig.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "options": {
+          "name": "options",
+          "description": "Auswahloptionen (Label = Wert).",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string[]"
+            },
+            "defaultValue": {
+              "summary": "[]"
+            }
+          }
+        },
+        "required": {
+          "name": "required",
+          "description": "Pflichtauswahl → required + .req-Asterisk.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "value": {
+          "name": "value",
+          "description": "Aktuell gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "disabledChange": {
+          "name": "disabledChange",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "disabledChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: boolean) => void"
+            }
+          }
+        },
+        "valueChange": {
+          "name": "valueChange",
+          "description": "Aktuell gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "valueChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: string) => void"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type RadioGroupComponentInputs = {\n  /**\n   * Brand Area → accent-color der Radios.\n   *\n   * @default co\n   */\n  area?: CdsArea;\n  /**\n   * Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.\n   *\n   * @default false\n   */\n  disabled?: boolean; // two-way: [(disabled)]\n  /**\n   * Gruppen-Label (die Frage) → <legend>.\n   *\n   * @default Optionen\n   */\n  legend?: string;\n  /** Gemeinsamer name aller Radios der Gruppe. Default eindeutig. */\n  name?: string;\n  /**\n   * Auswahloptionen (Label = Wert).\n   *\n   * @default []\n   */\n  options?: string[];\n  /**\n   * Pflichtauswahl → required + .req-Asterisk.\n   *\n   * @default false\n   */\n  required?: boolean;\n  /**\n   * Aktuell gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms.\n   *\n   * @default ''\n   */\n  value?: string; // two-way: [(value)]\n}\n```\n\n## Outputs\n\n```\nexport type RadioGroupComponentOutputs = {\n  /** Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar. */\n  disabledChange: (e: boolean) => void;\n  /** Aktuell gewählter Wert. Two-Way (`[(value)]`) UND Angular-Forms. */\n  valueChange: (e: string) => void;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "RadioGroupComponent",
+        "selector": "cds-radio-group",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "disabled",
+          "legend",
+          "name",
+          "options",
+          "required",
+          "value"
+        ],
+        "outputs": [
+          "disabledChange",
+          "valueChange"
+        ],
+        "enums": []
+      }
+    }
+  }
+}

package/snapshot/services/core/docgen/komponenten-inputs-forms-skala.json

@@ -0,0 +1,179 @@
+{
+  "components": {
+    "komponenten-inputs-forms-skala": {
+      "id": "komponenten-inputs-forms-skala",
+      "name": "ScaleComponent",
+      "path": "./src/lib/scale/scale.stories.ts",
+      "description": "Skala (cds-scale) — Slider für GEORDNETE (ordinale) Kategorien, deren Labels die\nWerte SIND (z. B. Niedrig < Mittel < Hoch, nie < selten < oft < immer).\n\nBasiert auf dem nativen <input type=\"range\">; min=0, max=labels.length-1, step=1\nwerden intern abgeleitet und NICHT exponiert. Der aktuelle Wert erscheint als\nLABEL im <output> und wird Screenreadern über `aria-valuetext` als Text gemeldet\n(nicht als Zahl) — das anerkannte APG-Muster für ordinale Slider. Die Skalenpunkte\nzeigen alle Labels, exakt auf ihre Position ausgerichtet und bewusst OHNE\nReduktion (jedes Label ist eine wählbare Stufe).\n\nNUR für geordnete Kategorien. Ungeordnete/gleichrangige Optionen (ohne natürliche\nReihenfolge) gehören NICHT auf einen Slider → cds-radio-group oder cds-area-tabs.\n\nAls `ControlValueAccessor` direkt an Angular-Formulare anbindbar (`[(ngModel)]`,\n`formControlName`); der Formularwert ist der Stufen-INDEX. Ohne Formular geht\n`[(value)]` (valueChange via model()).",
+      "jsDocTags": {},
+      "argTypes": {
+        "area": {
+          "name": "area",
+          "description": "Markenbereich → Thumb-/Output-Farbe.",
+          "type": {
+            "name": "enum",
+            "value": [
+              "co",
+              "ki",
+              "es",
+              "wo"
+            ]
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "CdsArea"
+            },
+            "defaultValue": {
+              "summary": "co"
+            }
+          }
+        },
+        "disabled": {
+          "name": "disabled",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "boolean"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "boolean"
+            },
+            "defaultValue": {
+              "summary": false
+            }
+          }
+        },
+        "helper": {
+          "name": "helper",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": ""
+            }
+          }
+        },
+        "label": {
+          "name": "label",
+          "description": "Feld-Label (die Frage), z. B. „Zufriedenheit“.",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {
+              "summary": "Bewertung"
+            }
+          }
+        },
+        "labels": {
+          "name": "labels",
+          "description": "Geordnete Skalen-Labels; sie sind zugleich die Werte.",
+          "type": {
+            "name": "other",
+            "value": "empty-enum"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string[]"
+            },
+            "defaultValue": {
+              "summary": "['Niedrig', 'Mittel', 'Hoch']"
+            }
+          }
+        },
+        "scaleId": {
+          "name": "scaleId",
+          "type": {
+            "name": "string"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "string"
+            },
+            "defaultValue": {}
+          }
+        },
+        "value": {
+          "name": "value",
+          "description": "Gewählte Stufe als Index (0-basiert). Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "number"
+          },
+          "table": {
+            "category": "inputs",
+            "type": {
+              "summary": "number"
+            },
+            "defaultValue": {
+              "summary": 1
+            }
+          }
+        },
+        "disabledChange": {
+          "name": "disabledChange",
+          "description": "Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "disabledChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: boolean) => void"
+            }
+          }
+        },
+        "valueChange": {
+          "name": "valueChange",
+          "description": "Gewählte Stufe als Index (0-basiert). Two-Way (`[(value)]`) UND Angular-Forms.",
+          "type": {
+            "name": "other",
+            "value": "void"
+          },
+          "action": "valueChange",
+          "table": {
+            "category": "outputs",
+            "type": {
+              "summary": "(e: number) => void"
+            }
+          }
+        }
+      },
+      "apiDescription": "## Inputs\n\n```\nexport type ScaleComponentInputs = {\n  /**\n   * Markenbereich → Thumb-/Output-Farbe.\n   *\n   * @default co\n   */\n  area?: CdsArea;\n  /**\n   * Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar.\n   *\n   * @default false\n   */\n  disabled?: boolean; // two-way: [(disabled)]\n  /** @default '' */\n  helper?: string;\n  /**\n   * Feld-Label (die Frage), z. B. „Zufriedenheit“.\n   *\n   * @default Bewertung\n   */\n  label?: string;\n  /**\n   * Geordnete Skalen-Labels; sie sind zugleich die Werte.\n   *\n   * @default ['Niedrig', 'Mittel', 'Hoch']\n   */\n  labels?: string[];\n  scaleId?: string;\n  /**\n   * Gewählte Stufe als Index (0-basiert). Two-Way (`[(value)]`) UND Angular-Forms.\n   *\n   * @default 1\n   */\n  value?: number; // two-way: [(value)]\n}\n```\n\n## Outputs\n\n```\nexport type ScaleComponentOutputs = {\n  /** Deaktiviert; auch über Angular-Forms (setDisabledState) steuerbar. */\n  disabledChange: (e: boolean) => void;\n  /** Gewählte Stufe als Index (0-basiert). Two-Way (`[(value)]`) UND Angular-Forms. */\n  valueChange: (e: number) => void;\n}\n```",
+      "renderer": "angular",
+      "angularComponentMeta": {
+        "name": "ScaleComponent",
+        "selector": "cds-scale",
+        "standalone": true,
+        "inputs": [
+          "area",
+          "disabled",
+          "helper",
+          "label",
+          "labels",
+          "scaleId",
+          "value"
+        ],
+        "outputs": [
+          "disabledChange",
+          "valueChange"
+        ],
+        "enums": []
+      }
+    }
+  }
+}