@hyalo/angular 0.1.0 → 0.3.1

package/fesm2022/hyalo-angular-list.mjs

@@ -0,0 +1,131 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+var HyList = class HyList {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HyList,
+		isStandalone: true,
+		selector: "hy-list",
+		inputs: { label: {
+			classPropertyName: "label",
+			publicName: "label",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: "<ul [attr.aria-label]=\"label()\">\r\n  <ng-content />\r\n</ul>\r\n",
+		styles: [":host{display:block}ul{padding:0;margin:0;list-style:none}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyList,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-list",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ul [attr.aria-label]=\"label()\">\r\n  <ng-content />\r\n</ul>\r\n",
+			styles: [":host{display:block}ul{padding:0;margin:0;list-style:none}\n"]
+		}]
+	}],
+	propDecorators: { label: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "label",
+			required: true
+		}]
+	}] }
+});
+var HyListItem = class HyListItem {
+	heading = input.required(...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyListItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyListItem,
+		isStandalone: true,
+		selector: "li[hyListItem]",
+		inputs: {
+			heading: {
+				classPropertyName: "heading",
+				publicName: "heading",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<div class=\"body\"><strong>{{heading()}}</strong>@if(description()){<span>{{description()}}</span>}</div><ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;align-items:center;gap:1rem;padding:1rem;border-block-end:1px solid var(--hy-line);color:var(--hy-ink);min-inline-size:0}.body{flex:1;min-inline-size:0}strong,span{display:block;overflow-wrap:anywhere}span{color:var(--hy-ink-2);font-size:.875rem;margin-block-start:.25rem}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyListItem,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "li[hyListItem]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"body\"><strong>{{heading()}}</strong>@if(description()){<span>{{description()}}</span>}</div><ng-content />",
+			styles: [":host{display:flex;align-items:center;gap:1rem;padding:1rem;border-block-end:1px solid var(--hy-line);color:var(--hy-ink);min-inline-size:0}.body{flex:1;min-inline-size:0}strong,span{display:block;overflow-wrap:anywhere}span{color:var(--hy-ink-2);font-size:.875rem;margin-block-start:.25rem}\n"]
+		}]
+	}],
+	propDecorators: {
+		heading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heading",
+				required: true
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}]
+	}
+});
+const HY_LIST = [HyList, HyListItem];
+export { HY_LIST, HyList, HyListItem };
+
+//# sourceMappingURL=hyalo-angular-list.mjs.map

package/fesm2022/hyalo-angular-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-list.mjs","names":[],"sources":["../../../projects/hyalo/list/list.ts","../../../projects/hyalo/list/list.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n@Component({\r\n  selector: 'hy-list',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './list.html',\r\n  styleUrl: './list.css',\r\n})\r\nexport class HyList {\r\n  readonly label = input.required<string>();\r\n}\r\n@Component({\r\n  // Native elements preserve link, list, key, and button semantics.\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'li[hyListItem]',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template:\r\n    '<div class=\"body\"><strong>{{heading()}}</strong>@if(description()){<span>{{description()}}</span>}</div><ng-content />',\r\n  styles:\r\n    ':host{display:flex;align-items:center;gap:1rem;padding:1rem;border-block-end:1px solid var(--hy-line);color:var(--hy-ink);min-inline-size:0}.body{flex:1;min-inline-size:0}strong,span{display:block;overflow-wrap:anywhere}span{color:var(--hy-ink-2);font-size:.875rem;margin-block-start:.25rem}',\r\n})\r\nexport class HyListItem {\r\n  readonly heading = input.required<string>();\r\n  readonly description = input('');\r\n}\r\nexport const HY_LIST = [HyList, HyListItem] as const;\r\n","<ul [attr.aria-label]=\"label()\">\r\n  <ng-content />\r\n</ul>\r\n"],"mappings":";;AAOA,IAAa,SAAb,MAAa,OAAM;CACR,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAD9B,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAM,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAN,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAM,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,UAAA;EAAA,UCPnB;EAGA,QAAA,CAAA,8DAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADIa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAM,YAAA,CAAA;EANlB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAS,iBACF,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,8DAAA;EAAA,CAAA;;;;;;;;;;;AAiBjD,IAAa,aAAb,MAAa,WAAU;CACZ,UAAU,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,cAAc,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAFrB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UAJnB;EAAwH,UAAA;EAAA,QAAA,CAAA,uSAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAI/G,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EAVtB,MAAA;EAGW,MAAA,CAAA;GAAA,UAAA;GAAgB,iBACT,wBAAwB;GAAM,UAE7C;GAAwH,QAAA,CAAA,uSAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAQ5H,MAAa,UAAU,CAAC,QAAQ,UAAU"}

package/fesm2022/hyalo-angular-marquee.mjs

@@ -0,0 +1,197 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, TemplateRef, booleanAttribute, computed, contentChildren, inject, input, signal } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { HyMotion } from "@hyalo/angular/motion";
+var HyMarqueeItem = class HyMarqueeItem {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMarqueeItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyMarqueeItem,
+		isStandalone: true,
+		selector: "ng-template[hyMarqueeItem]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMarqueeItem,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[hyMarqueeItem]" }]
+	}]
+});
+var HyMarquee = class HyMarquee {
+	motion = inject(HyMotion);
+	label = input("Partners", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	duration = input("30s", ...ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []);
+	reverse = input(false, {
+		...ngDevMode ? { debugName: "reverse" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	pauseLabel = input("Pause animation", ...ngDevMode ? [{ debugName: "pauseLabel" }] : /* istanbul ignore next */ []);
+	playLabel = input("Play animation", ...ngDevMode ? [{ debugName: "playLabel" }] : /* istanbul ignore next */ []);
+	paused = signal(false, ...ngDevMode ? [{ debugName: "paused" }] : /* istanbul ignore next */ []);
+	motionEnabled = computed(() => this.motion.enabled(), ...ngDevMode ? [{ debugName: "motionEnabled" }] : /* istanbul ignore next */ []);
+	running = computed(() => this.motion.enabled() && !this.paused(), ...ngDevMode ? [{ debugName: "running" }] : /* istanbul ignore next */ []);
+	items = contentChildren(HyMarqueeItem, ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMarquee,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyMarquee,
+		isStandalone: true,
+		selector: "hy-marquee",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			duration: {
+				classPropertyName: "duration",
+				publicName: "duration",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			reverse: {
+				classPropertyName: "reverse",
+				publicName: "reverse",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pauseLabel: {
+				classPropertyName: "pauseLabel",
+				publicName: "pauseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			playLabel: {
+				classPropertyName: "playLabel",
+				publicName: "playLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.data-running": "running()",
+			"attr.data-motion": "motionEnabled()",
+			"style.--hy-marquee-duration": "duration()",
+			"attr.data-reverse": "reverse()"
+		} },
+		queries: [{
+			propertyName: "items",
+			predicate: HyMarqueeItem,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div class=\"window\" role=\"group\" [attr.aria-label]=\"label()\">\r\n  <div class=\"track\">\r\n    <div class=\"group\">\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n    <div class=\"group copy\" aria-hidden=\"true\" inert>\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n@if (motionEnabled()) {\r\n  <button type=\"button\" (click)=\"paused.set(!paused())\" [attr.aria-pressed]=\"paused()\">\r\n    {{ paused() ? playLabel() : pauseLabel() }}\r\n  </button>\r\n}\r\n<ng-content />\r\n",
+		styles: [":host{display:block}.window{overflow:clip}.track{display:flex;inline-size:max-content;animation:hy-marquee var(--hy-marquee-duration, 30s) linear infinite;animation-play-state:paused;direction:ltr}.group{display:flex;align-items:center;gap:var(--hy-space-9);padding-inline-end:var(--hy-space-9)}:host([data-running=\"true\"]) .track{animation-play-state:running}:host([data-reverse=\"true\"]) .track{animation-direction:reverse}:host(:focus-within) .track{animation-play-state:paused}@media(hover:hover){:host(:hover) .track{animation-play-state:paused}}@keyframes hy-marquee{to{transform:translate(-50%)}}button{margin-block-start:var(--hy-space-3);min-block-size:2rem;border:1px solid var(--hy-line);border-radius:var(--hy-radius-s);padding-inline:var(--hy-space-3);background:var(--hy-surface-2);color:var(--hy-ink);font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--hy-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.track{animation:none;inline-size:auto}.group{flex-wrap:wrap}.copy{display:none}}:host([data-running=\"false\"]) .window{overflow-x:auto}:host([data-motion=\"false\"]) .track{animation:none;inline-size:auto}:host([data-motion=\"false\"]) .group{flex-wrap:wrap}:host([data-motion=\"false\"]) .copy{display:none}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMarquee,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-marquee",
+			imports: [NgTemplateOutlet],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[attr.data-running]": "running()",
+				"[attr.data-motion]": "motionEnabled()",
+				"[style.--hy-marquee-duration]": "duration()",
+				"[attr.data-reverse]": "reverse()"
+			},
+			template: "<div class=\"window\" role=\"group\" [attr.aria-label]=\"label()\">\r\n  <div class=\"track\">\r\n    <div class=\"group\">\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n    <div class=\"group copy\" aria-hidden=\"true\" inert>\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n@if (motionEnabled()) {\r\n  <button type=\"button\" (click)=\"paused.set(!paused())\" [attr.aria-pressed]=\"paused()\">\r\n    {{ paused() ? playLabel() : pauseLabel() }}\r\n  </button>\r\n}\r\n<ng-content />\r\n",
+			styles: [":host{display:block}.window{overflow:clip}.track{display:flex;inline-size:max-content;animation:hy-marquee var(--hy-marquee-duration, 30s) linear infinite;animation-play-state:paused;direction:ltr}.group{display:flex;align-items:center;gap:var(--hy-space-9);padding-inline-end:var(--hy-space-9)}:host([data-running=\"true\"]) .track{animation-play-state:running}:host([data-reverse=\"true\"]) .track{animation-direction:reverse}:host(:focus-within) .track{animation-play-state:paused}@media(hover:hover){:host(:hover) .track{animation-play-state:paused}}@keyframes hy-marquee{to{transform:translate(-50%)}}button{margin-block-start:var(--hy-space-3);min-block-size:2rem;border:1px solid var(--hy-line);border-radius:var(--hy-radius-s);padding-inline:var(--hy-space-3);background:var(--hy-surface-2);color:var(--hy-ink);font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--hy-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.track{animation:none;inline-size:auto}.group{flex-wrap:wrap}.copy{display:none}}:host([data-running=\"false\"]) .window{overflow-x:auto}:host([data-motion=\"false\"]) .track{animation:none;inline-size:auto}:host([data-motion=\"false\"]) .group{flex-wrap:wrap}:host([data-motion=\"false\"]) .copy{display:none}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		duration: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "duration",
+				required: false
+			}]
+		}],
+		reverse: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "reverse",
+				required: false
+			}]
+		}],
+		pauseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pauseLabel",
+				required: false
+			}]
+		}],
+		playLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "playLabel",
+				required: false
+			}]
+		}],
+		items: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HyMarqueeItem), { isSignal: true }]
+		}]
+	}
+});
+const HY_MARQUEE = [HyMarquee, HyMarqueeItem];
+export { HY_MARQUEE, HyMarquee, HyMarqueeItem };
+
+//# sourceMappingURL=hyalo-angular-marquee.mjs.map

package/fesm2022/hyalo-angular-marquee.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-marquee.mjs","names":[],"sources":["../../../projects/hyalo/marquee/marquee.ts","../../../projects/hyalo/marquee/marquee.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Directive,\r\n  TemplateRef,\r\n  booleanAttribute,\r\n  computed,\r\n  contentChildren,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { HyMotion } from '@hyalo/angular/motion';\r\n@Directive({ selector: 'ng-template[hyMarqueeItem]' })\r\nexport class HyMarqueeItem {\r\n  readonly template = inject<TemplateRef<unknown>>(TemplateRef);\r\n}\r\n@Component({\r\n  selector: 'hy-marquee',\r\n  imports: [NgTemplateOutlet],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.data-running]': 'running()',\r\n    '[attr.data-motion]': 'motionEnabled()',\r\n    '[style.--hy-marquee-duration]': 'duration()',\r\n    '[attr.data-reverse]': 'reverse()',\r\n  },\r\n  templateUrl: './marquee.html',\r\n  styleUrl: './marquee.css',\r\n})\r\nexport class HyMarquee {\r\n  private readonly motion = inject(HyMotion);\r\n  readonly label = input('Partners');\r\n  readonly duration = input('30s');\r\n  readonly reverse = input(false, { transform: booleanAttribute });\r\n  readonly pauseLabel = input('Pause animation');\r\n  readonly playLabel = input('Play animation');\r\n  protected readonly paused = signal(false);\r\n  protected readonly motionEnabled = computed(() => this.motion.enabled());\r\n  protected readonly running = computed(() => this.motion.enabled() && !this.paused());\r\n  protected readonly items = contentChildren(HyMarqueeItem);\r\n}\r\nexport const HY_MARQUEE = [HyMarquee, HyMarqueeItem] as const;\r\n","<div class=\"window\" role=\"group\" [attr.aria-label]=\"label()\">\r\n  <div class=\"track\">\r\n    <div class=\"group\">\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n    <div class=\"group copy\" aria-hidden=\"true\" inert>\r\n      @for (item of items(); track item) {\r\n        <ng-container [ngTemplateOutlet]=\"item.template\" />\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n@if (motionEnabled()) {\r\n  <button type=\"button\" (click)=\"paused.set(!paused())\" [attr.aria-pressed]=\"paused()\">\r\n    {{ paused() ? playLabel() : pauseLabel() }}\r\n  </button>\r\n}\r\n<ng-content />\r\n"],"mappings":"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"}