@dsivd/prestations-ng 19.0.6-beta.2 → 19.0.7

package/eslint/rules/no-uninvoked-signal-in-template.mjs

@@ -0,0 +1,170 @@
+import { collectSignalNames } from "../signal-names.mjs";
+import { handlerExpressionOf, isComponentReceiver } from "../template-ast.mjs";
+
+/**
+ * ESLint rule to detect signals referenced without being called in a template.
+ * Warns against patterns like: {{ mySignal }}, !mySignal, mySignal + 'x'
+ * Suggests calling the signal instead: mySignal()
+ *
+ * The compiler only covers part of these cases (NG8109 / NG8117): it lets through
+ * the negation (`!mySignal`, always false) and the concatenation (`mySignal + 'x'`,
+ * which injects the source code of the function).
+ *
+ * Signal names are resolved from the template's twin `.ts` and from its inheritance
+ * chain, base classes of other packages included. Nothing has to be configured.
+ */
+
+// `mySignal.set(…)` targets the signal itself, not its value: no parentheses needed.
+const SIGNAL_MEMBERS = new Set(["set", "update", "asReadonly"]);
+
+// Implicit template variables: never signals of the component.
+const TEMPLATE_BUILTINS = [
+  "$event",
+  "$index",
+  "$count",
+  "$first",
+  "$last",
+  "$even",
+  "$odd",
+  "$any",
+  "$implicit",
+];
+
+// An inline template is a virtual block whose path is derived from the `.ts`, and whose
+// name ends with `.html` too: `foo.component.ts/1_inline-template-….component.html`.
+// It has to be matched BEFORE the external template, otherwise it resolves to garbage.
+function resolveComponentPath(filename) {
+  const inlineMatch = filename.match(/^(.*\.ts)(?:[/\\]|$)/);
+  if (inlineMatch) {
+    return inlineMatch[1];
+  }
+  return filename.endsWith(".html")
+    ? `${filename.slice(0, -".html".length)}.ts`
+    : undefined;
+}
+
+export default {
+  meta: {
+    type: "problem",
+    docs: {
+      description:
+        "Warn on signals referenced without being called in an Angular template",
+      category: "Best Practices",
+      recommended: true,
+    },
+    fixable: "code",
+    schema: [],
+    messages: {
+      uninvoked:
+        "Signal '{{name}}' is referenced without being called. Use '{{name}}()' instead: a bare reference is the function itself, always truthy and serialized as source code.",
+    },
+  },
+
+  create(context) {
+    const componentPath = resolveComponentPath(context.filename);
+    if (!componentPath) {
+      return {};
+    }
+
+    const signalNames = collectSignalNames(componentPath);
+    if (signalNames.size === 0) {
+      return {};
+    }
+
+    // Names bound by the template (#ref, @for items, @if aliases, @let, let-x): they
+    // shadow the class members, so they are never reported.
+    const shadowed = new Set(TEMPLATE_BUILTINS);
+    // References that already carry parentheses (`x()`) or that address the signal
+    // itself (`x.set(…)`).
+    const exempt = new Set();
+    // Spans already handled, by position. Holds the written positions (lvalue): a
+    // writable signal is bound WITHOUT parentheses — `[(x)]="mySignal"` — Angular
+    // calling `.set()` itself. A two-way binding also duplicates its expression
+    // (BoundAttribute + BoundEvent), so the same set dedupes the reports.
+    const handledSpans = new Set();
+    const candidates = [];
+
+    const markHandled = (node) => {
+      const { start, end } = node?.sourceSpan ?? {};
+      if (typeof start === "number") {
+        handledSpans.add(`${start}:${end}`);
+      }
+    };
+
+    const rememberDeclarations = (node) => {
+      for (const declaration of [
+        ...(node.references ?? []),
+        ...(node.variables ?? []),
+      ]) {
+        shadowed.add(declaration.name);
+      }
+    };
+
+    return {
+      Call: (node) => exempt.add(node.receiver),
+      SafeCall: (node) => exempt.add(node.receiver),
+      Element: rememberDeclarations,
+      Template: rememberDeclarations,
+      Content: rememberDeclarations,
+      BoundEvent(node) {
+        // `[(x)]="expr"` generates a BoundEvent `xChange` whose handler IS the written
+        // target. Its span is the one of the twin BoundAttribute expression: marking
+        // the span neutralizes both copies at once.
+        if (node.name?.endsWith("Change")) {
+          markHandled(handlerExpressionOf(node));
+        }
+      },
+      Binary(node) {
+        if (node.operation === "=") {
+          markHandled(node.left);
+        }
+      },
+      LetDeclaration(node) {
+        shadowed.add(node.name);
+      },
+      IfBlockBranch(node) {
+        if (node.expressionAlias) {
+          shadowed.add(node.expressionAlias.name);
+        }
+      },
+      ForLoopBlock(node) {
+        shadowed.add(node.item.name);
+        for (const contextVariable of node.contextVariables ?? []) {
+          shadowed.add(contextVariable.name);
+        }
+      },
+      PropertyRead(node) {
+        if (SIGNAL_MEMBERS.has(node.name)) {
+          exempt.add(node.receiver);
+        }
+        if (isComponentReceiver(node.receiver) && signalNames.has(node.name)) {
+          candidates.push(node);
+        }
+      },
+      "Program:exit"() {
+        for (const node of candidates) {
+          const { start, end } = node.sourceSpan;
+          const span = `${start}:${end}`;
+          if (
+            exempt.has(node) ||
+            shadowed.has(node.name) ||
+            handledSpans.has(span)
+          ) {
+            continue;
+          }
+          handledSpans.add(span);
+
+          context.report({
+            messageId: "uninvoked",
+            data: { name: node.name },
+            loc: {
+              start: context.sourceCode.getLocFromIndex(start),
+              end: context.sourceCode.getLocFromIndex(end),
+            },
+            fix: (fixer) => fixer.insertTextAfterRange([start, end], "()"),
+          });
+        }
+      },
+    };
+  },
+};

package/eslint/signal-names.mjs

@@ -0,0 +1,232 @@
+import { readFileSync, statSync } from "node:fs";
+import { dirname } from "node:path";
+import ts from "typescript";
+
+/**
+ * Collects the signal member names of a component, walking up its inheritance chain.
+ *
+ * Base classes are resolved automatically: the `extends` clause is matched against the
+ * imports of the file, the module is resolved the way TypeScript would (relative paths,
+ * `node_modules`, `paths` mappings) and the base class is read from there. Nothing has
+ * to be declared by hand.
+ */
+
+// `output()` is absent: an output is never called, it is emitted.
+const SIGNAL_FACTORIES = new Set([
+  "input",
+  "model",
+  "computed",
+  "signal",
+  "linkedSignal",
+  "toSignal",
+  "viewChild",
+  "viewChildren",
+  "contentChild",
+  "contentChildren",
+]);
+
+// Types of a signal member. Declaration files qualify them with the namespace they were
+// imported under: `readonly icon: _angular_core.ModelSignal<IconProp>`, hence the
+// comparison on the last segment only.
+const SIGNAL_TYPES = new Set([
+  "Signal",
+  "WritableSignal",
+  "InputSignal",
+  "InputSignalWithTransform",
+  "ModelSignal",
+]);
+
+const parsedFiles = new Map();
+const compilerOptionsByDirectory = new Map();
+
+const parseFile = (path) => {
+  let stamp;
+  try {
+    stamp = statSync(path).mtimeMs;
+  } catch {
+    return undefined;
+  }
+
+  const cached = parsedFiles.get(path);
+  if (cached?.stamp === stamp) {
+    return cached.sourceFile;
+  }
+
+  const sourceFile = ts.createSourceFile(
+    path,
+    readFileSync(path, "utf8"),
+    ts.ScriptTarget.Latest,
+    false,
+  );
+  parsedFiles.set(path, { stamp, sourceFile });
+  return sourceFile;
+};
+
+const compilerOptionsFor = (path) => {
+  const directory = dirname(path);
+  if (compilerOptionsByDirectory.has(directory)) {
+    return compilerOptionsByDirectory.get(directory);
+  }
+
+  const configPath = ts.findConfigFile(directory, ts.sys.fileExists);
+  const config = configPath
+    ? ts.readConfigFile(configPath, ts.sys.readFile).config
+    : undefined;
+  // Only the options are converted: reading the whole config would glob `include`.
+  const { options } = ts.convertCompilerOptionsFromJson(
+    config?.compilerOptions ?? {},
+    configPath ? dirname(configPath) : directory,
+  );
+  // Without these, `node_modules` is not searched at all.
+  options.module ??= ts.ModuleKind.ESNext;
+  options.moduleResolution ??= ts.ModuleResolutionKind.Bundler;
+
+  compilerOptionsByDirectory.set(directory, options);
+  return options;
+};
+
+const resolveModule = (specifier, containingFile) =>
+  ts.resolveModuleName(
+    specifier,
+    containingFile,
+    compilerOptionsFor(containingFile),
+    ts.sys,
+  ).resolvedModule?.resolvedFileName;
+
+const lastSegmentOf = (entityName) =>
+  ts.isQualifiedName(entityName) ? entityName.right.text : entityName.text;
+
+const isSignalType = (typeNode) =>
+  !!typeNode &&
+  ts.isTypeReferenceNode(typeNode) &&
+  SIGNAL_TYPES.has(lastSegmentOf(typeNode.typeName));
+
+const isSignalFactoryCall = (expression) => {
+  if (!expression || !ts.isCallExpression(expression)) {
+    return false;
+  }
+  // `input.required<T>()` and `viewChild.required(…)` unwrap to their factory.
+  let callee = expression.expression;
+  while (ts.isPropertyAccessExpression(callee)) {
+    callee = callee.expression;
+  }
+  return ts.isIdentifier(callee) && SIGNAL_FACTORIES.has(callee.text);
+};
+
+const isSignalMember = (member) => {
+  if (ts.isGetAccessor(member)) {
+    return isSignalType(member.type);
+  }
+  return (
+    ts.isPropertyDeclaration(member) &&
+    (isSignalType(member.type) || isSignalFactoryCall(member.initializer))
+  );
+};
+
+const findClass = (sourceFile, className) => {
+  let found;
+  const visit = (node) => {
+    if (found) {
+      return;
+    }
+    if (ts.isClassDeclaration(node) && node.name?.text === className) {
+      found = node;
+      return;
+    }
+    node.forEachChild(visit);
+  };
+  sourceFile.forEachChild(visit);
+  return found;
+};
+
+const extendedClassNameOf = (classDeclaration) => {
+  const clause = classDeclaration.heritageClauses?.find(
+    (heritageClause) => heritageClause.token === ts.SyntaxKind.ExtendsKeyword,
+  );
+  const expression = clause?.types[0]?.expression;
+  return expression && ts.isIdentifier(expression) ? expression.text : undefined;
+};
+
+// The import that brings `localName` into the file, with the name it is exported under.
+const importOf = (sourceFile, localName) => {
+  for (const statement of sourceFile.statements) {
+    const bindings = ts.isImportDeclaration(statement)
+      ? statement.importClause?.namedBindings
+      : undefined;
+    if (!bindings || !ts.isNamedImports(bindings)) {
+      continue;
+    }
+    const element = bindings.elements.find(
+      (namedImport) => namedImport.name.text === localName,
+    );
+    if (element) {
+      return {
+        specifier: statement.moduleSpecifier.text,
+        exportedName: (element.propertyName ?? element.name).text,
+      };
+    }
+  }
+  return undefined;
+};
+
+const reExportedModulesOf = (sourceFile) =>
+  sourceFile.statements
+    .filter((statement) => ts.isExportDeclaration(statement) && statement.moduleSpecifier)
+    .map((statement) => statement.moduleSpecifier.text);
+
+const collect = (path, className, names, visited) => {
+  const key = `${path}::${className ?? "*"}`;
+  if (visited.has(key)) {
+    return;
+  }
+  visited.add(key);
+
+  const sourceFile = parseFile(path);
+  if (!sourceFile) {
+    return;
+  }
+
+  const classDeclarations = className
+    ? [findClass(sourceFile, className)].filter(Boolean)
+    : sourceFile.statements.filter(ts.isClassDeclaration);
+
+  // A barrel: the class is only re-exported from here.
+  if (className && classDeclarations.length === 0) {
+    for (const specifier of reExportedModulesOf(sourceFile)) {
+      const target = resolveModule(specifier, path);
+      if (target) {
+        collect(target, className, names, visited);
+      }
+    }
+    return;
+  }
+
+  for (const classDeclaration of classDeclarations) {
+    for (const member of classDeclaration.members) {
+      if (member.name && ts.isIdentifier(member.name) && isSignalMember(member)) {
+        names.add(member.name.text);
+      }
+    }
+
+    const baseName = extendedClassNameOf(classDeclaration);
+    if (!baseName) {
+      continue;
+    }
+    // Declaration bundles are flattened: the base class often sits in the same file.
+    if (findClass(sourceFile, baseName)) {
+      collect(path, baseName, names, visited);
+      continue;
+    }
+    const imported = importOf(sourceFile, baseName);
+    const target = imported && resolveModule(imported.specifier, path);
+    if (target) {
+      collect(target, imported.exportedName, names, visited);
+    }
+  }
+};
+
+export const collectSignalNames = (componentPath) => {
+  const names = new Set();
+  collect(componentPath, undefined, names, new Set());
+  return names;
+};

package/eslint/template-ast.mjs

@@ -0,0 +1,26 @@
+/**
+ * Two subtleties of the Angular template AST that every template rule runs into.
+ * Both are easy to get wrong, hence the shared names.
+ */
+
+/**
+ * The expression carried by a `BoundEvent` handler.
+ *
+ * A two-way binding `[(x)]="expr"` generates a `BoundEvent` named `xChange` whose
+ * handler is the very expression of the twin `BoundAttribute` — same source span, two
+ * AST nodes. A rule that reports on both copies reports the binding twice.
+ */
+export const handlerExpressionOf = (boundEvent) => {
+  const { handler } = boundEvent;
+  return handler?.type === "ASTWithSource" ? handler.ast : handler;
+};
+
+/**
+ * Whether a node is read directly on the component.
+ *
+ * `mySignal` reads the member on an `ImplicitReceiver`, `this.mySignal` on a
+ * `ThisReceiver` — two distinct node types for the same intent. Anything else
+ * (`obj.mySignal`) is read on a foreign object.
+ */
+export const isComponentReceiver = (node) =>
+  node?.type === "ImplicitReceiver" || node?.type === "ThisReceiver";

package/fesm2022/dsivd-prestations-ng.mjs

@@ -14444,8 +14444,6 @@ class FoehnListSummaryComponent extends FoehnInputComponent {
         this.showAsTable = input(false, ...(ngDevMode ? [{ debugName: "showAsTable" }] : /* istanbul ignore next */ []));
         this.tableActionButtons = viewChild('tableActionButtons', ...(ngDevMode ? [{ debugName: "tableActionButtons" }] : /* istanbul ignore next */ []));
         this.canAddItems = input(true, ...(ngDevMode ? [{ debugName: "canAddItems" }] : /* istanbul ignore next */ []));
-        this.internalList = linkedSignal(() => this.model(), ...(ngDevMode ? [{ debugName: "internalList" }] : /* istanbul ignore next */ []));
-        this.internalListItemDescriptions = linkedSignal(() => this.listItemDescriptions(), ...(ngDevMode ? [{ debugName: "internalListItemDescriptions" }] : /* istanbul ignore next */ []));
         this.itemRemoved = output();
         this.itemEdit = output();
         this.tableSort = {
@@ -14464,7 +14462,7 @@ class FoehnListSummaryComponent extends FoehnInputComponent {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         this.ngZone.onMicrotaskEmpty.pipe(first()).subscribe(() => {
-            const listItemDescriptions = this.internalListItemDescriptions();
+            const listItemDescriptions = this.listItemDescriptions();
             this.tableConfiguration = listItemDescriptions.map((item, index) => ({
                 id: `col-${index}`,
                 sortAttribute: index.toString(),
@@ -14497,7 +14495,7 @@ class FoehnListSummaryComponent extends FoehnInputComponent {
             htmlContent: 'Souhaitez-vous vraiment supprimer cet élément ?',
         })
             .then(() => {
-            const updatedList = this.internalList().filter((_item, itemIndex) => itemIndex !== index);
+            const updatedList = this.model().filter((_item, itemIndex) => itemIndex !== index);
             this.updateNgModel(updatedList);
             this.updateListCopyForTable(updatedList);
             this.itemRemoved.emit();
@@ -14506,13 +14504,13 @@ class FoehnListSummaryComponent extends FoehnInputComponent {
         });
     }
     changeSort(sortEvent) {
-        const sortedList = this.sortNow(this.internalList(), sortEvent);
+        const sortedList = this.sortNow(this.model(), sortEvent);
         this.updateNgModel(sortedList);
         this.updateListCopyForTable(sortedList);
         this.tableSort = sortEvent;
     }
     sortNow(elems, sortEvent) {
-        const listItemDescriptions = this.internalListItemDescriptions();
+        const listItemDescriptions = this.listItemDescriptions();
         return [...elems].sort((a, b) => {
             const valueA = listItemDescriptions[sortEvent.sortAttribute].getFormattedValue(a);
             const valueB = listItemDescriptions[sortEvent.sortAttribute].getFormattedValue(b);
@@ -14528,7 +14526,7 @@ class FoehnListSummaryComponent extends FoehnInputComponent {
             return valueB.localeCompare(valueA);
         });
     }
-    updateListCopyForTable(list = this.internalList()) {
+    updateListCopyForTable(list = this.model()) {
         if (!this.showAsTable()) {
             return;
         }
@@ -14542,7 +14540,7 @@ class FoehnListSummaryComponent extends FoehnInputComponent {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnListSummaryComponent),
             },
-        ], viewQueries: [{ propertyName: "tableActionButtons", first: true, predicate: ["tableActionButtons"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n    class=\"form-group clearable-input-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    @if (label() && type !== 'hidden') {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ 'foehn-input.optional' | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts [component]=\"this\" />\n\n    @if (helpText() && type !== 'hidden') {\n        <small\n            [attr.id]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    @if (!showAsTable()) {\n        <section>\n            <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n                @for (\n                    item of internalList();\n                    track trackFoehnListItem(itemIndex, item);\n                    let itemIndex = $index\n                ) {\n                    <li\n                        [id]=\"'list-summary-' + item.trackingIndex\"\n                        class=\"mt-3 border-bottom\"\n                    >\n                        <div class=\"d-flex align-items-baseline flex-wrap\">\n                            <h4 class=\"mt-0 me-3\">\n                                {{ getListItemTitle()(item) }}\n                            </h4>\n                            <span class=\"ms-auto\">\n                                <foehn-error-pill\n                                    [incompleteIndicatorOnly]=\"true\"\n                                    [errorPrefix]=\"\n                                        name() + '[' + itemIndex + ']'\n                                    \"\n                                />\n                            </span>\n                        </div>\n                        <dl class=\"mb-0\">\n                            @for (\n                                itemParam of internalListItemDescriptions();\n                                track trackFoehnListItemDescription(\n                                    $index,\n                                    itemParam\n                                )\n                            ) {\n                                @if (showLine(item, itemParam)) {\n                                    <div class=\"d-flex flex-wrap item-line\">\n                                        <dt class=\"me-1\">\n                                            {{ itemParam.label }}\n                                        </dt>\n                                        <dd class=\"ms-auto text-end\">\n                                            {{\n                                                itemParam.getFormattedValue(\n                                                    item\n                                                )\n                                            }}\n                                        </dd>\n                                    </div>\n                                }\n                            }\n                        </dl>\n                        <ul class=\"list-inline mb-3 mt-0\">\n                            @if (item.disableEdition && item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-see-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Consulter\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableEdition) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-edit-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Modifier\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    &nbsp;\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-delete-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            removeItem(itemIndex)\n                                        \"\n                                    >\n                                        Supprimer\n                                        <span class=\"visually-hidden\">\n                                            {{ getListItemTitle()(item) }}\n                                        </span>\n                                    </a>\n                                </li>\n                            }\n                        </ul>\n                    </li>\n                }\n            </ul>\n        </section>\n    }\n\n    @if (showAsTable() && !!tableConfiguration?.length) {\n        <section>\n            @if (!!listCopyForTable?.length) {\n                <foehn-table\n                    [name]=\"buildChildName('table')\"\n                    [model]=\"listCopyForTable\"\n                    [itemsPerPage]=\"1000000\"\n                    [columnsConfiguration]=\"tableConfiguration\"\n                    [sort]=\"tableSort\"\n                    (sortChange)=\"changeSort($event)\"\n                    [trackByFn]=\"trackFoehnListItem\"\n                />\n            }\n        </section>\n    }\n\n    @if (canAddItems()) {\n        <section [class.mt-5]=\"!showAsTable()\">\n            <h2 class=\"visually-hidden\">Action</h2>\n            <ul class=\"list-inline mb-3\">\n                <li class=\"list-inline-item\">\n                    <button\n                        [id]=\"buildChildId('-add-button')\"\n                        type=\"button\"\n                        class=\"btn btn-primary\"\n                        (click)=\"editItem()\"\n                    >\n                        Ajouter\n                    </button>\n                </li>\n            </ul>\n        </section>\n    }\n</section>\n\n<ng-template #tableActionButtons let-index=\"index\" let-item=\"item\">\n    <div class=\"d-inline-flex\">\n        @if (item.disableEdition && item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-see-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-search [title]=\"'Consulter'\" />\n            </button>\n        }\n        @if (!item.disableEdition) {\n            <button\n                [id]=\"buildChildId('-edit-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-edit [title]=\"'Modifier'\" />\n            </button>\n        }\n        @if (!item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-delete-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent\"\n                (click)=\"removeItem(index)\"\n            >\n                <foehn-icon-trash-alt [title]=\"'Supprimer'\" />\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [":host ::ng-deep .bg-transparent.btn .svg-inline--fa{color:var(--vd-neutral-darker)!important}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }, { kind: "component", type: FoehnTableComponent, selector: "foehn-table", inputs: ["columnsConfiguration", "itemsPerPage", "fixedPageCount", "sort", "title", "totalElements", "titleSrOnly", "previousLabel", "nextLabel", "tableClass", "trackByFn"], outputs: ["columnsConfigurationChange", "sortChange", "pageChange", "rowClick"] }, { kind: "component", type: FoehnIconSearchComponent, selector: "foehn-icon-search" }, { kind: "component", type: FoehnIconEditComponent, selector: "foehn-icon-edit" }, { kind: "component", type: FoehnIconTrashAltComponent, selector: "foehn-icon-trash-alt" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+        ], viewQueries: [{ propertyName: "tableActionButtons", first: true, predicate: ["tableActionButtons"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section\n    class=\"form-group clearable-input-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    @if (label() && type !== 'hidden') {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ 'foehn-input.optional' | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts [component]=\"this\" />\n\n    @if (helpText() && type !== 'hidden') {\n        <small\n            [attr.id]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    @if (!showAsTable()) {\n        <section>\n            <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n                @for (\n                    item of model();\n                    track trackFoehnListItem(itemIndex, item);\n                    let itemIndex = $index\n                ) {\n                    <li\n                        [id]=\"'list-summary-' + item.trackingIndex\"\n                        class=\"mt-3 border-bottom\"\n                    >\n                        <div class=\"d-flex align-items-baseline flex-wrap\">\n                            <h4 class=\"mt-0 me-3\">\n                                {{ getListItemTitle()(item) }}\n                            </h4>\n                            <span class=\"ms-auto\">\n                                <foehn-error-pill\n                                    [incompleteIndicatorOnly]=\"true\"\n                                    [errorPrefix]=\"\n                                        name() + '[' + itemIndex + ']'\n                                    \"\n                                />\n                            </span>\n                        </div>\n                        <dl class=\"mb-0\">\n                            @for (\n                                itemParam of listItemDescriptions();\n                                track trackFoehnListItemDescription(\n                                    $index,\n                                    itemParam\n                                )\n                            ) {\n                                @if (showLine(item, itemParam)) {\n                                    <div class=\"d-flex flex-wrap item-line\">\n                                        <dt class=\"me-1\">\n                                            {{ itemParam.label }}\n                                        </dt>\n                                        <dd class=\"ms-auto text-end\">\n                                            {{\n                                                itemParam.getFormattedValue(\n                                                    item\n                                                )\n                                            }}\n                                        </dd>\n                                    </div>\n                                }\n                            }\n                        </dl>\n                        <ul class=\"list-inline mb-3 mt-0\">\n                            @if (item.disableEdition && item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-see-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Consulter\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableEdition) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-edit-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Modifier\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    &nbsp;\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-delete-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            removeItem(itemIndex)\n                                        \"\n                                    >\n                                        Supprimer\n                                        <span class=\"visually-hidden\">\n                                            {{ getListItemTitle()(item) }}\n                                        </span>\n                                    </a>\n                                </li>\n                            }\n                        </ul>\n                    </li>\n                }\n            </ul>\n        </section>\n    }\n\n    @if (showAsTable() && !!tableConfiguration?.length) {\n        <section>\n            @if (!!listCopyForTable?.length) {\n                <foehn-table\n                    [name]=\"buildChildName('table')\"\n                    [model]=\"listCopyForTable\"\n                    [itemsPerPage]=\"1000000\"\n                    [columnsConfiguration]=\"tableConfiguration\"\n                    [sort]=\"tableSort\"\n                    (sortChange)=\"changeSort($event)\"\n                    [trackByFn]=\"trackFoehnListItem\"\n                />\n            }\n        </section>\n    }\n\n    @if (canAddItems()) {\n        <section [class.mt-5]=\"!showAsTable()\">\n            <h2 class=\"visually-hidden\">Action</h2>\n            <ul class=\"list-inline mb-3\">\n                <li class=\"list-inline-item\">\n                    <button\n                        [id]=\"buildChildId('-add-button')\"\n                        type=\"button\"\n                        class=\"btn btn-primary\"\n                        (click)=\"editItem()\"\n                    >\n                        Ajouter\n                    </button>\n                </li>\n            </ul>\n        </section>\n    }\n</section>\n\n<ng-template #tableActionButtons let-index=\"index\" let-item=\"item\">\n    <div class=\"d-inline-flex\">\n        @if (item.disableEdition && item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-see-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-search [title]=\"'Consulter'\" />\n            </button>\n        }\n        @if (!item.disableEdition) {\n            <button\n                [id]=\"buildChildId('-edit-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-edit [title]=\"'Modifier'\" />\n            </button>\n        }\n        @if (!item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-delete-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent\"\n                (click)=\"removeItem(index)\"\n            >\n                <foehn-icon-trash-alt [title]=\"'Supprimer'\" />\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [":host ::ng-deep .bg-transparent.btn .svg-inline--fa{color:var(--vd-neutral-darker)!important}\n"], dependencies: [{ kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }, { kind: "component", type: FoehnTableComponent, selector: "foehn-table", inputs: ["columnsConfiguration", "itemsPerPage", "fixedPageCount", "sort", "title", "totalElements", "titleSrOnly", "previousLabel", "nextLabel", "tableClass", "trackByFn"], outputs: ["columnsConfigurationChange", "sortChange", "pageChange", "rowClick"] }, { kind: "component", type: FoehnIconSearchComponent, selector: "foehn-icon-search" }, { kind: "component", type: FoehnIconEditComponent, selector: "foehn-icon-edit" }, { kind: "component", type: FoehnIconTrashAltComponent, selector: "foehn-icon-trash-alt" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: FoehnListSummaryComponent, decorators: [{
             type: Component,
@@ -14559,7 +14557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                         FoehnIconEditComponent,
                         FoehnIconTrashAltComponent,
                         SdkDictionaryPipe,
-                    ], template: "<section\n    class=\"form-group clearable-input-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    @if (label() && type !== 'hidden') {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ 'foehn-input.optional' | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts [component]=\"this\" />\n\n    @if (helpText() && type !== 'hidden') {\n        <small\n            [attr.id]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    @if (!showAsTable()) {\n        <section>\n            <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n                @for (\n                    item of internalList();\n                    track trackFoehnListItem(itemIndex, item);\n                    let itemIndex = $index\n                ) {\n                    <li\n                        [id]=\"'list-summary-' + item.trackingIndex\"\n                        class=\"mt-3 border-bottom\"\n                    >\n                        <div class=\"d-flex align-items-baseline flex-wrap\">\n                            <h4 class=\"mt-0 me-3\">\n                                {{ getListItemTitle()(item) }}\n                            </h4>\n                            <span class=\"ms-auto\">\n                                <foehn-error-pill\n                                    [incompleteIndicatorOnly]=\"true\"\n                                    [errorPrefix]=\"\n                                        name() + '[' + itemIndex + ']'\n                                    \"\n                                />\n                            </span>\n                        </div>\n                        <dl class=\"mb-0\">\n                            @for (\n                                itemParam of internalListItemDescriptions();\n                                track trackFoehnListItemDescription(\n                                    $index,\n                                    itemParam\n                                )\n                            ) {\n                                @if (showLine(item, itemParam)) {\n                                    <div class=\"d-flex flex-wrap item-line\">\n                                        <dt class=\"me-1\">\n                                            {{ itemParam.label }}\n                                        </dt>\n                                        <dd class=\"ms-auto text-end\">\n                                            {{\n                                                itemParam.getFormattedValue(\n                                                    item\n                                                )\n                                            }}\n                                        </dd>\n                                    </div>\n                                }\n                            }\n                        </dl>\n                        <ul class=\"list-inline mb-3 mt-0\">\n                            @if (item.disableEdition && item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-see-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Consulter\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableEdition) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-edit-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Modifier\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    &nbsp;\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-delete-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            removeItem(itemIndex)\n                                        \"\n                                    >\n                                        Supprimer\n                                        <span class=\"visually-hidden\">\n                                            {{ getListItemTitle()(item) }}\n                                        </span>\n                                    </a>\n                                </li>\n                            }\n                        </ul>\n                    </li>\n                }\n            </ul>\n        </section>\n    }\n\n    @if (showAsTable() && !!tableConfiguration?.length) {\n        <section>\n            @if (!!listCopyForTable?.length) {\n                <foehn-table\n                    [name]=\"buildChildName('table')\"\n                    [model]=\"listCopyForTable\"\n                    [itemsPerPage]=\"1000000\"\n                    [columnsConfiguration]=\"tableConfiguration\"\n                    [sort]=\"tableSort\"\n                    (sortChange)=\"changeSort($event)\"\n                    [trackByFn]=\"trackFoehnListItem\"\n                />\n            }\n        </section>\n    }\n\n    @if (canAddItems()) {\n        <section [class.mt-5]=\"!showAsTable()\">\n            <h2 class=\"visually-hidden\">Action</h2>\n            <ul class=\"list-inline mb-3\">\n                <li class=\"list-inline-item\">\n                    <button\n                        [id]=\"buildChildId('-add-button')\"\n                        type=\"button\"\n                        class=\"btn btn-primary\"\n                        (click)=\"editItem()\"\n                    >\n                        Ajouter\n                    </button>\n                </li>\n            </ul>\n        </section>\n    }\n</section>\n\n<ng-template #tableActionButtons let-index=\"index\" let-item=\"item\">\n    <div class=\"d-inline-flex\">\n        @if (item.disableEdition && item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-see-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-search [title]=\"'Consulter'\" />\n            </button>\n        }\n        @if (!item.disableEdition) {\n            <button\n                [id]=\"buildChildId('-edit-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-edit [title]=\"'Modifier'\" />\n            </button>\n        }\n        @if (!item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-delete-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent\"\n                (click)=\"removeItem(index)\"\n            >\n                <foehn-icon-trash-alt [title]=\"'Supprimer'\" />\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [":host ::ng-deep .bg-transparent.btn .svg-inline--fa{color:var(--vd-neutral-darker)!important}\n"] }]
+                    ], template: "<section\n    class=\"form-group clearable-input-form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    @if (label() && type !== 'hidden') {\n        <label\n            [class]=\"\n                'form-label ' +\n                (isLabelSrOnly()\n                    ? 'visually-hidden'\n                    : (labelStyleModifier() ?? ''))\n            \"\n            [attr.for]=\"buildChildId()\"\n        >\n            <span [innerHTML]=\"label()\"></span>\n            @if (!required() && !hideNotRequiredExtraLabel()) {\n                <span aria-hidden=\"true\">\n                    {{ 'foehn-input.optional' | fromDictionary }}\n                </span>\n            }\n        </label>\n    }\n\n    <foehn-validation-alerts [component]=\"this\" />\n\n    @if (helpText() && type !== 'hidden') {\n        <small\n            [attr.id]=\"buildChildId() + 'Help'\"\n            class=\"form-text text-secondary\"\n            [innerHTML]=\"helpText()\"\n        ></small>\n    }\n\n    @if (!showAsTable()) {\n        <section>\n            <ul class=\"list-unstyled\" aria-describedby=\"sommaire-help-alt\">\n                @for (\n                    item of model();\n                    track trackFoehnListItem(itemIndex, item);\n                    let itemIndex = $index\n                ) {\n                    <li\n                        [id]=\"'list-summary-' + item.trackingIndex\"\n                        class=\"mt-3 border-bottom\"\n                    >\n                        <div class=\"d-flex align-items-baseline flex-wrap\">\n                            <h4 class=\"mt-0 me-3\">\n                                {{ getListItemTitle()(item) }}\n                            </h4>\n                            <span class=\"ms-auto\">\n                                <foehn-error-pill\n                                    [incompleteIndicatorOnly]=\"true\"\n                                    [errorPrefix]=\"\n                                        name() + '[' + itemIndex + ']'\n                                    \"\n                                />\n                            </span>\n                        </div>\n                        <dl class=\"mb-0\">\n                            @for (\n                                itemParam of listItemDescriptions();\n                                track trackFoehnListItemDescription(\n                                    $index,\n                                    itemParam\n                                )\n                            ) {\n                                @if (showLine(item, itemParam)) {\n                                    <div class=\"d-flex flex-wrap item-line\">\n                                        <dt class=\"me-1\">\n                                            {{ itemParam.label }}\n                                        </dt>\n                                        <dd class=\"ms-auto text-end\">\n                                            {{\n                                                itemParam.getFormattedValue(\n                                                    item\n                                                )\n                                            }}\n                                        </dd>\n                                    </div>\n                                }\n                            }\n                        </dl>\n                        <ul class=\"list-inline mb-3 mt-0\">\n                            @if (item.disableEdition && item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-see-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Consulter\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableEdition) {\n                                <li class=\"list-inline-item\">\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-edit-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            editItem(itemIndex)\n                                        \"\n                                    >\n                                        Modifier\n                                    </a>\n                                    <span class=\"visually-hidden\">\n                                        {{ getListItemTitle()(item) }}\n                                    </span>\n                                </li>\n                            }\n                            @if (!item.disableDeletion) {\n                                <li class=\"list-inline-item\">\n                                    &nbsp;\n                                    <a\n                                        [id]=\"\n                                            buildChildId(\n                                                '-delete-link-' + itemIndex\n                                            )\n                                        \"\n                                        href=\"#\"\n                                        (click)=\"\n                                            $event.preventDefault();\n                                            removeItem(itemIndex)\n                                        \"\n                                    >\n                                        Supprimer\n                                        <span class=\"visually-hidden\">\n                                            {{ getListItemTitle()(item) }}\n                                        </span>\n                                    </a>\n                                </li>\n                            }\n                        </ul>\n                    </li>\n                }\n            </ul>\n        </section>\n    }\n\n    @if (showAsTable() && !!tableConfiguration?.length) {\n        <section>\n            @if (!!listCopyForTable?.length) {\n                <foehn-table\n                    [name]=\"buildChildName('table')\"\n                    [model]=\"listCopyForTable\"\n                    [itemsPerPage]=\"1000000\"\n                    [columnsConfiguration]=\"tableConfiguration\"\n                    [sort]=\"tableSort\"\n                    (sortChange)=\"changeSort($event)\"\n                    [trackByFn]=\"trackFoehnListItem\"\n                />\n            }\n        </section>\n    }\n\n    @if (canAddItems()) {\n        <section [class.mt-5]=\"!showAsTable()\">\n            <h2 class=\"visually-hidden\">Action</h2>\n            <ul class=\"list-inline mb-3\">\n                <li class=\"list-inline-item\">\n                    <button\n                        [id]=\"buildChildId('-add-button')\"\n                        type=\"button\"\n                        class=\"btn btn-primary\"\n                        (click)=\"editItem()\"\n                    >\n                        Ajouter\n                    </button>\n                </li>\n            </ul>\n        </section>\n    }\n</section>\n\n<ng-template #tableActionButtons let-index=\"index\" let-item=\"item\">\n    <div class=\"d-inline-flex\">\n        @if (item.disableEdition && item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-see-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-search [title]=\"'Consulter'\" />\n            </button>\n        }\n        @if (!item.disableEdition) {\n            <button\n                [id]=\"buildChildId('-edit-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent me-3\"\n                (click)=\"editItem(index)\"\n            >\n                <foehn-icon-edit [title]=\"'Modifier'\" />\n            </button>\n        }\n        @if (!item.disableDeletion) {\n            <button\n                [id]=\"buildChildId('-delete-button-' + index)\"\n                type=\"button\"\n                class=\"btn bg-transparent\"\n                (click)=\"removeItem(index)\"\n            >\n                <foehn-icon-trash-alt [title]=\"'Supprimer'\" />\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [":host ::ng-deep .bg-transparent.btn .svg-inline--fa{color:var(--vd-neutral-darker)!important}\n"] }]
         }], propDecorators: { getListItemTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "getListItemTitle", required: false }] }], listItemDescriptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "listItemDescriptions", required: false }] }], showAsTable: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAsTable", required: false }] }], tableActionButtons: [{ type: i0.ViewChild, args: ['tableActionButtons', { isSignal: true }] }], canAddItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "canAddItems", required: false }] }], itemRemoved: [{ type: i0.Output, args: ["itemRemoved"] }], itemEdit: [{ type: i0.Output, args: ["itemEdit"] }] } });
 
 class FoehnMenuItemComponent {