@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-stepper.mjs

@@ -0,0 +1,483 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, booleanAttribute, computed, contentChild, contentChildren, inject, input, model } from "@angular/core";
+import { vdUniqueId } from "@vadem/ui/field";
+import { VdIcon } from "@vadem/ui/icon";
+import { vdTexts } from "@vadem/ui/locale";
+var VdStepper = class VdStepper {
+	value = model(void 0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	completedLabel = input(...ngDevMode ? [void 0, { debugName: "completedLabel" }] : /* istanbul ignore next */ []);
+	errorLabel = input(...ngDevMode ? [void 0, { debugName: "errorLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("stepper", {
+		label: this.label,
+		completedLabel: this.completedLabel,
+		errorLabel: this.errorLabel
+	});
+	steps = contentChildren(VdStep, {
+		...ngDevMode ? { debugName: "steps" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	current = computed(() => this.value() ?? this.steps()[0]?.value(), ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	number(step) {
+		return this.steps().indexOf(step) + 1;
+	}
+	select(step) {
+		if (this.disabled() || step.disabled() || step.value() === this.current()) return;
+		this.value.set(step.value());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdStepper,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: VdStepper,
+		isStandalone: true,
+		selector: "nav[vdStepper]",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			completedLabel: {
+				classPropertyName: "completedLabel",
+				publicName: "completedLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorLabel: {
+				classPropertyName: "errorLabel",
+				publicName: "errorLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			properties: {
+				"attr.aria-label": "t().label",
+				"attr.data-orientation": "orientation()",
+				"attr.data-disabled": "disabled() ? \"\" : null"
+			},
+			classAttribute: "vd-stepper"
+		},
+		queries: [{
+			propertyName: "steps",
+			predicate: VdStep,
+			descendants: true,
+			isSignal: true
+		}],
+		exportAs: ["vdStepper"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdStepper,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "nav[vdStepper]",
+			exportAs: "vdStepper",
+			host: {
+				class: "vd-stepper",
+				"[attr.aria-label]": "t().label",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.data-disabled]": "disabled() ? \"\" : null"
+			}
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		completedLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "completedLabel",
+				required: false
+			}]
+		}],
+		errorLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorLabel",
+				required: false
+			}]
+		}],
+		steps: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => VdStep), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var VdStep = class VdStep {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	completed = input(false, {
+		...ngDevMode ? { debugName: "completed" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	stepper = inject(VdStepper);
+	title = contentChild(VdStepTitle, ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	description = contentChild(VdStepDescription, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	statusId = vdUniqueId("vd-step-status");
+	number = computed(() => this.stepper.number(this), ...ngDevMode ? [{ debugName: "number" }] : /* istanbul ignore next */ []);
+	current = computed(() => this.stepper.current() === this.value(), ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.stepper.disabled() || this.disabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	state = computed(() => this.invalid() ? "error" : this.completed() ? "complete" : this.current() ? "current" : "upcoming", ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	status = computed(() => this.invalid() ? this.stepper.errorLabel() : this.completed() ? this.stepper.completedLabel() : "", ...ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []);
+	describedBy = computed(() => [this.description()?.id, this.status() ? this.statusId : null].filter(Boolean).join(" ") || null, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdStep,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdStep,
+		isStandalone: true,
+		selector: "button[vdStep]",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			completed: {
+				classPropertyName: "completed",
+				publicName: "completed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "type": "button" },
+			listeners: { "click": "stepper.select(this)" },
+			properties: {
+				"disabled": "isDisabled()",
+				"attr.aria-current": "current() ? \"step\" : null",
+				"attr.aria-labelledby": "title()?.id ?? null",
+				"attr.aria-describedby": "describedBy()",
+				"attr.data-current": "current() ? \"\" : null",
+				"attr.data-completed": "completed() ? \"\" : null",
+				"attr.data-invalid": "invalid() ? \"\" : null",
+				"attr.data-state": "state()"
+			},
+			classAttribute: "vd-step"
+		},
+		queries: [{
+			propertyName: "title",
+			first: true,
+			predicate: VdStepTitle,
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "description",
+			first: true,
+			predicate: VdStepDescription,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <span class="vd-step__indicator" aria-hidden="true">
+      @if (invalid()) {
+        <vd-icon name="alert-circle" />
+      } @else if (completed()) {
+        <vd-icon name="check" />
+      } @else {
+        {{ number() }}
+      }
+    </span>
+    <span class="vd-step__content"><ng-content /></span>
+    @if (status(); as text) {
+      <span class="vd-visually-hidden" [id]="statusId">{{ text }}</span>
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: VdIcon,
+			selector: "vd-icon",
+			inputs: ["name", "label"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdStep,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[vdStep]",
+			imports: [VdIcon],
+			template: `
+    <span class="vd-step__indicator" aria-hidden="true">
+      @if (invalid()) {
+        <vd-icon name="alert-circle" />
+      } @else if (completed()) {
+        <vd-icon name="check" />
+      } @else {
+        {{ number() }}
+      }
+    </span>
+    <span class="vd-step__content"><ng-content /></span>
+    @if (status(); as text) {
+      <span class="vd-visually-hidden" [id]="statusId">{{ text }}</span>
+    }
+  `,
+			host: {
+				class: "vd-step",
+				type: "button",
+				"[disabled]": "isDisabled()",
+				"[attr.aria-current]": "current() ? \"step\" : null",
+				"[attr.aria-labelledby]": "title()?.id ?? null",
+				"[attr.aria-describedby]": "describedBy()",
+				"[attr.data-current]": "current() ? \"\" : null",
+				"[attr.data-completed]": "completed() ? \"\" : null",
+				"[attr.data-invalid]": "invalid() ? \"\" : null",
+				"[attr.data-state]": "state()",
+				"(click)": "stepper.select(this)"
+			},
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		completed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "completed",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		title: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => VdStepTitle), { isSignal: true }]
+		}],
+		description: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => VdStepDescription), { isSignal: true }]
+		}]
+	}
+});
+var VdStepTitle = class VdStepTitle {
+	id = vdUniqueId("vd-step-title");
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdStepTitle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdStepTitle,
+		isStandalone: true,
+		selector: "[vdStepTitle]",
+		host: {
+			properties: { "id": "id" },
+			classAttribute: "vd-step__title"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdStepTitle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdStepTitle]",
+			host: {
+				class: "vd-step__title",
+				"[id]": "id"
+			}
+		}]
+	}]
+});
+var VdStepDescription = class VdStepDescription {
+	id = vdUniqueId("vd-step-description");
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdStepDescription,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdStepDescription,
+		isStandalone: true,
+		selector: "[vdStepDescription]",
+		host: {
+			properties: { "id": "id" },
+			classAttribute: "vd-step__description"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdStepDescription,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[vdStepDescription]",
+			host: {
+				class: "vd-step__description",
+				"[id]": "id"
+			}
+		}]
+	}]
+});
+const VD_STEPPER = [
+	VdStepper,
+	VdStep,
+	VdStepTitle,
+	VdStepDescription
+];
+export { VD_STEPPER, VdStep, VdStepDescription, VdStepTitle, VdStepper };
+
+//# sourceMappingURL=vadem-ui-stepper.mjs.map

package/fesm2022/vadem-ui-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-stepper.mjs","names":[],"sources":["../../../projects/ui/stepper/src/stepper.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  contentChild,\n  contentChildren,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdTexts } from '@vadem/ui/locale';\n\nexport type VdStepperOrientation = 'horizontal' | 'vertical';\n\n/** Ordered process navigation. The consumer owns stage content and validation. */\n@Directive({\n  selector: 'nav[vdStepper]',\n  exportAs: 'vdStepper',\n  host: {\n    class: 'vd-stepper',\n    '[attr.aria-label]': 't().label',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class VdStepper {\n  readonly value = model<string | undefined>(undefined);\n  readonly label = input<string>();\n  readonly orientation = input<VdStepperOrientation>('horizontal');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly completedLabel = input<string>();\n  readonly errorLabel = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('stepper', {\n    label: this.label,\n    completedLabel: this.completedLabel,\n    errorLabel: this.errorLabel,\n  });\n\n  private readonly steps = contentChildren(VdStep, { descendants: true });\n  readonly current = computed(() => this.value() ?? this.steps()[0]?.value());\n\n  number(step: VdStep): number {\n    return this.steps().indexOf(step) + 1;\n  }\n\n  select(step: VdStep): void {\n    if (this.disabled() || step.disabled() || step.value() === this.current()) return;\n    this.value.set(step.value());\n  }\n}\n\n/** Native button with a numbered/status indicator and compositional text parts. */\n@Component({\n  // Attribute component preserves native button behavior while rendering the status icon.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[vdStep]',\n  imports: [VdIcon],\n  template: `\n    <span class=\"vd-step__indicator\" aria-hidden=\"true\">\n      @if (invalid()) {\n        <vd-icon name=\"alert-circle\" />\n      } @else if (completed()) {\n        <vd-icon name=\"check\" />\n      } @else {\n        {{ number() }}\n      }\n    </span>\n    <span class=\"vd-step__content\"><ng-content /></span>\n    @if (status(); as text) {\n      <span class=\"vd-visually-hidden\" [id]=\"statusId\">{{ text }}</span>\n    }\n  `,\n  host: {\n    class: 'vd-step',\n    type: 'button',\n    '[disabled]': 'isDisabled()',\n    '[attr.aria-current]': 'current() ? \"step\" : null',\n    '[attr.aria-labelledby]': 'title()?.id ?? null',\n    '[attr.aria-describedby]': 'describedBy()',\n    '[attr.data-current]': 'current() ? \"\" : null',\n    '[attr.data-completed]': 'completed() ? \"\" : null',\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    '[attr.data-state]': 'state()',\n    '(click)': 'stepper.select(this)',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdStep {\n  readonly value = input.required<string>();\n  readonly completed = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly stepper = inject(VdStepper);\n  protected readonly title = contentChild(VdStepTitle);\n  private readonly description = contentChild(VdStepDescription);\n  protected readonly statusId = vdUniqueId('vd-step-status');\n  protected readonly number = computed(() => this.stepper.number(this));\n  protected readonly current = computed(() => this.stepper.current() === this.value());\n  protected readonly isDisabled = computed(() => this.stepper.disabled() || this.disabled());\n  protected readonly state = computed(() =>\n    this.invalid()\n      ? 'error'\n      : this.completed()\n        ? 'complete'\n        : this.current()\n          ? 'current'\n          : 'upcoming',\n  );\n  protected readonly status = computed(() =>\n    this.invalid()\n      ? this.stepper.errorLabel()\n      : this.completed()\n        ? this.stepper.completedLabel()\n        : '',\n  );\n  protected readonly describedBy = computed(\n    () =>\n      [this.description()?.id, this.status() ? this.statusId : null].filter(Boolean).join(' ') ||\n      null,\n  );\n}\n\n@Directive({\n  selector: '[vdStepTitle]',\n  host: { class: 'vd-step__title', '[id]': 'id' },\n})\nexport class VdStepTitle {\n  readonly id = vdUniqueId('vd-step-title');\n}\n\n@Directive({\n  selector: '[vdStepDescription]',\n  host: { class: 'vd-step__description', '[id]': 'id' },\n})\nexport class VdStepDescription {\n  readonly id = vdUniqueId('vd-step-description');\n}\n\nexport const VD_STEPPER = [VdStepper, VdStep, VdStepTitle, VdStepDescription] as const;\n"],"mappings":"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"}

package/fesm2022/vadem-ui-switch.mjs

@@ -0,0 +1,45 @@
+import * as i0 from "@angular/core";
+import { Directive } from "@angular/core";
+import { VdFieldControlBase } from "@vadem/ui/field";
+var VdSwitch = class VdSwitch extends VdFieldControlBase {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSwitch,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdSwitch,
+		isStandalone: true,
+		selector: "input[type=checkbox][vdSwitch]",
+		host: {
+			attributes: { "role": "switch" },
+			classAttribute: "vd-switch"
+		},
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSwitch,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[type=checkbox][vdSwitch]",
+			host: {
+				class: "vd-switch",
+				role: "switch"
+			}
+		}]
+	}]
+});
+export { VdSwitch };
+
+//# sourceMappingURL=vadem-ui-switch.mjs.map

package/fesm2022/vadem-ui-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-switch.mjs","names":[],"sources":["../../../projects/ui/switch/src/switch.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { VdFieldControlBase } from '@vadem/ui/field';\n\n/**\n * A native `<input type=\"checkbox\">` exposed as `role=\"switch\"` (on/off, takes effect\n * immediately). Forms and keyboard stay native. Spec: specs/switch.md\n */\n@Directive({\n  selector: 'input[type=checkbox][vdSwitch]',\n  host: {\n    class: 'vd-switch',\n    role: 'switch',\n  },\n})\nexport class VdSwitch extends VdFieldControlBase {}\n"],"mappings":";;;AAcA,IAAa,WAAb,MAAa,iBAAiB,mBAAkB;CAAnC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAR,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAQ,cAAA;EAAA,UAAA;EAAA,MAAA;GAAA,YAAA,EAAA,QAAA,SAAA;GAAA,gBAAA;EAAA;EAAA,iBAAA;EAAA,UAAA;CAAA,CAAA;;AAAR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAQ,YAAA,CAAA;EAPpB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IACJ,OAAO;IACP,MAAM;GACP;EACF,CAAA"}