@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/segmented-control/segmented-control.component.mjs

@@ -0,0 +1,180 @@
+// framework/angular/segmented-control/segmented-control.component.ts
+//
+// Native Angular port of framework/react/segmented-control/SegmentedControl.tsx.
+// One choice from a few views or options, with a white knob that slides to the
+// picked one. As tabs the arrow keys move along and pick; Home/End jump to the
+// ends. As a radio group the arrow keys do the same. Inputs mirror the React props.
+import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+let sgcSeq = 0;
+export class SegmentedControlComponent {
+    constructor() {
+        /** The choices, each with a value and a label. */
+        this.options = [];
+        /** `tabs` (default) when it switches a panel, `radio` when it sets an option.
+         *  Exposed as the `as` attribute (Angular template syntax reserves `as`, so the
+         *  field itself is named `variant`). */
+        this.variant = 'tabs';
+        /** Emitted when the selected value changes. */
+        this.valueChange = new EventEmitter();
+        /** The value shown now (controlled by `value`, else held internally). */
+        this.current = '';
+        this.base = 'vo-sgc' + sgcSeq++;
+        this.knobLeft = 0;
+        this.knobWidth = 0;
+        // no slide on the first paint; the knob just takes the active button's place
+        this.knobTransition = 'none';
+        this.first = true;
+    }
+    ngOnChanges(changes) {
+        if (this.id)
+            this.base = this.id;
+        if (changes['value'] && this.value !== undefined) {
+            this.current = this.value;
+            queueMicrotask(() => this.place());
+        }
+        if (changes['options'] && !this.current) {
+            this.current = this.defaultValue ?? this.options[0]?.value ?? '';
+        }
+    }
+    ngAfterViewInit() {
+        if (this.id)
+            this.base = this.id;
+        if (!this.current)
+            this.current = this.value ?? this.defaultValue ?? this.options[0]?.value ?? '';
+        this.place();
+        if (typeof ResizeObserver === 'function') {
+            this.ro = new ResizeObserver(() => this.place());
+            this.ro.observe(this.root.nativeElement);
+        }
+    }
+    ngOnDestroy() {
+        this.ro?.disconnect();
+    }
+    /** The knob takes the picked button's place and width. */
+    place() {
+        const el = this.root?.nativeElement;
+        const b = el?.querySelector('[data-on="true"]');
+        if (!b)
+            return;
+        this.knobLeft = b.offsetLeft;
+        this.knobWidth = b.offsetWidth;
+        if (this.first) {
+            this.knobTransition = 'none';
+            requestAnimationFrame(() => {
+                this.first = false;
+                this.knobTransition = '';
+            });
+        }
+    }
+    select(v) {
+        if (v === this.current)
+            return;
+        // controlled: tell the parent and wait for the value input to come back
+        if (this.value === undefined) {
+            this.current = v;
+            queueMicrotask(() => this.place());
+        }
+        this.valueChange.emit(v);
+    }
+    /** Arrow keys move along and pick; Home/End jump to the ends. */
+    onKey(e) {
+        const i = this.options.findIndex((o) => o.value === this.current);
+        const map = {
+            ArrowRight: i + 1,
+            ArrowLeft: i - 1,
+            Home: 0,
+            End: this.options.length - 1,
+        };
+        const to = map[e.key];
+        if (to === undefined)
+            return;
+        e.preventDefault();
+        const o = this.options[(to + this.options.length) % this.options.length];
+        this.select(o.value);
+        this.root.nativeElement
+            .querySelector(`[data-v="${CSS.escape(o.value)}"]`)
+            ?.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SegmentedControlComponent, isStandalone: true, selector: "vo-segmented-control", inputs: { options: "options", value: "value", defaultValue: "defaultValue", label: "label", variant: ["as", "variant"], id: "id" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "root", first: true, predicate: ["root"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div
+      #root
+      data-vo=""
+      class="vo-sgc-seg"
+      [attr.role]="variant === 'tabs' ? 'tablist' : 'radiogroup'"
+      [attr.aria-label]="label"
+      (keydown)="onKey($event)"
+    >
+      <span class="vo-sgc-k" [style.left.px]="knobLeft" [style.width.px]="knobWidth"
+            [style.transition]="knobTransition" aria-hidden="true"></span>
+      @for (o of options; track o.value) {
+        <button
+          type="button"
+          [attr.data-v]="o.value"
+          [attr.data-on]="o.value === current"
+          [id]="base + '-' + o.value"
+          [attr.tabindex]="o.value === current ? 0 : -1"
+          [attr.role]="variant === 'tabs' ? 'tab' : 'radio'"
+          [attr.aria-selected]="variant === 'tabs' ? (o.value === current) : null"
+          [attr.aria-controls]="variant === 'tabs' ? base + '-panel' : null"
+          [attr.aria-checked]="variant === 'radio' ? (o.value === current) : null"
+          (click)="select(o.value)"
+        >
+          {{ o.label }}
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [".vo-sgc-seg{position:relative;display:inline-flex;padding:3px;border-radius:var(--vo-r-pill);background:var(--vo-chip);flex:none}.vo-sgc-k{position:absolute;top:3px;bottom:3px;left:3px;width:0;border-radius:var(--vo-r-pill);background:var(--vo-surface);box-shadow:var(--vo-shadow);transition:left .42s var(--vo-ease),width .42s var(--vo-ease)}.vo-sgc-seg button{position:relative;z-index:1;height:30px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;color:var(--vo-fg2);outline:0;transition:color .2s}.vo-sgc-seg button[aria-selected=true],.vo-sgc-seg button[aria-checked=true]{color:var(--vo-fg)}@media (hover:hover) and (pointer:fine){.vo-sgc-seg button:hover{color:var(--vo-fg)}}.vo-sgc-seg button:focus-visible{box-shadow:0 0 0 2px var(--vo-focus)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SegmentedControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-segmented-control', standalone: true, encapsulation: ViewEncapsulation.None, template: `
+    <div
+      #root
+      data-vo=""
+      class="vo-sgc-seg"
+      [attr.role]="variant === 'tabs' ? 'tablist' : 'radiogroup'"
+      [attr.aria-label]="label"
+      (keydown)="onKey($event)"
+    >
+      <span class="vo-sgc-k" [style.left.px]="knobLeft" [style.width.px]="knobWidth"
+            [style.transition]="knobTransition" aria-hidden="true"></span>
+      @for (o of options; track o.value) {
+        <button
+          type="button"
+          [attr.data-v]="o.value"
+          [attr.data-on]="o.value === current"
+          [id]="base + '-' + o.value"
+          [attr.tabindex]="o.value === current ? 0 : -1"
+          [attr.role]="variant === 'tabs' ? 'tab' : 'radio'"
+          [attr.aria-selected]="variant === 'tabs' ? (o.value === current) : null"
+          [attr.aria-controls]="variant === 'tabs' ? base + '-panel' : null"
+          [attr.aria-checked]="variant === 'radio' ? (o.value === current) : null"
+          (click)="select(o.value)"
+        >
+          {{ o.label }}
+        </button>
+      }
+    </div>
+  `, styles: [".vo-sgc-seg{position:relative;display:inline-flex;padding:3px;border-radius:var(--vo-r-pill);background:var(--vo-chip);flex:none}.vo-sgc-k{position:absolute;top:3px;bottom:3px;left:3px;width:0;border-radius:var(--vo-r-pill);background:var(--vo-surface);box-shadow:var(--vo-shadow);transition:left .42s var(--vo-ease),width .42s var(--vo-ease)}.vo-sgc-seg button{position:relative;z-index:1;height:30px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;color:var(--vo-fg2);outline:0;transition:color .2s}.vo-sgc-seg button[aria-selected=true],.vo-sgc-seg button[aria-checked=true]{color:var(--vo-fg)}@media (hover:hover) and (pointer:fine){.vo-sgc-seg button:hover{color:var(--vo-fg)}}.vo-sgc-seg button:focus-visible{box-shadow:0 0 0 2px var(--vo-focus)}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], variant: [{
+                type: Input,
+                args: ['as']
+            }], id: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], root: [{
+                type: ViewChild,
+                args: ['root']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc2VnbWVudGVkLWNvbnRyb2wvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTtBQUNyRSxFQUFFO0FBQ0YsaUZBQWlGO0FBQ2pGLCtFQUErRTtBQUMvRSwrRUFBK0U7QUFDL0Usb0ZBQW9GO0FBRXBGLE9BQU8sRUFFTCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRU4sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7QUFRdkIsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0FBcUNmLE1BQU0sT0FBTyx5QkFBeUI7SUFuQ3RDO1FBb0NFLGtEQUFrRDtRQUN6QyxZQUFPLEdBQW9CLEVBQUUsQ0FBQztRQU92Qzs7Z0RBRXdDO1FBQzNCLFlBQU8sR0FBcUIsTUFBTSxDQUFDO1FBSWhELCtDQUErQztRQUNyQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFJbkQseUVBQXlFO1FBQ3pFLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixTQUFJLEdBQUcsUUFBUSxHQUFHLE1BQU0sRUFBRSxDQUFDO1FBRTNCLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixjQUFTLEdBQUcsQ0FBQyxDQUFDO1FBQ2QsNkVBQTZFO1FBQzdFLG1CQUFjLEdBQUcsTUFBTSxDQUFDO1FBQ2hCLFVBQUssR0FBRyxJQUFJLENBQUM7S0F5RXRCO0lBckVDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLElBQUksQ0FBQyxFQUFFO1lBQUUsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQ2pDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDakQsSUFB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TUFBTTtnQkFFWSxJQUFJO3NCQUF0QixTQUFTO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBmcmFtZXdvcmsvYW5ndWxhci9zZWdtZW50ZWQtY29udHJvbC9zZWdtZW50ZWQtY29udHJvbC5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9zZWdtZW50ZWQtY29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeC5cbi8vIE9uZSBjaG9pY2UgZnJvbSBhIGZldyB2aWV3cyBvciBvcHRpb25zLCB3aXRoIGEgd2hpdGUga25vYiB0aGF0IHNsaWRlcyB0byB0aGVcbi8vIHBpY2tlZCBvbmUuIEFzIHRhYnMgdGhlIGFycm93IGtleXMgbW92ZSBhbG9uZyBhbmQgcGljazsgSG9tZS9FbmQganVtcCB0byB0aGVcbi8vIGVuZHMuIEFzIGEgcmFkaW8gZ3JvdXAgdGhlIGFycm93IGtleXMgZG8gdGhlIHNhbWUuIElucHV0cyBtaXJyb3IgdGhlIFJlYWN0IHByb3BzLlxuXG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiogT25lIGNob2ljZSBpbiB0aGUgY29udHJvbDogaXRzIHZhbHVlIHBsdXMgaXRzIGxhYmVsLiAqL1xuZXhwb3J0IGludGVyZmFjZSBTZWdtZW50T3B0aW9uIHtcbiAgdmFsdWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbn1cblxubGV0IHNnY1NlcSA9IDA7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLXNlZ21lbnRlZC1jb250cm9sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICAjcm9vdFxuICAgICAgZGF0YS12bz1cIlwiXG4gICAgICBjbGFzcz1cInZvLXNnYy1zZWdcIlxuICAgICAgW2F0dHIucm9sZV09XCJ2YXJpYW50ID09PSAndGFicycgPyAndGFibGlzdCcgOiAncmFkaW9ncm91cCdcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJsYWJlbFwiXG4gICAgICAoa2V5ZG93bik9XCJvbktleSgkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8c3BhbiBjbGFzcz1cInZvLXNnYy1rXCIgW3N0eWxlLmxlZnQucHhdPVwia25vYkxlZnRcIiBbc3R5bGUud2lkdGgucHhdPVwia25vYldpZHRoXCJcbiAgICAgICAgICAgIFtzdHlsZS50cmFuc2l0aW9uXT1cImtub2JUcmFuc2l0aW9uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgQGZvciAobyBvZiBvcHRpb25zOyB0cmFjayBvLnZhbHVlKSB7XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBbYXR0ci5kYXRhLXZdPVwiby52YWx1ZVwiXG4gICAgICAgICAgW2F0dHIuZGF0YS1vbl09XCJvLnZhbHVlID09PSBjdXJyZW50XCJcbiAgICAgICAgICBbaWRdPVwiYmFzZSArICctJyArIG8udmFsdWVcIlxuICAgICAgICAgIFthdHRyLnRhYmluZGV4XT1cIm8udmFsdWUgPT09IGN1cnJlbnQgPyAwIDogLTFcIlxuICAgICAgICAgIFthdHRyLnJvbGVdPVwidmFyaWFudCA9PT0gJ3RhYnMnID8gJ3RhYicgOiAncmFkaW8nXCJcbiAgICAgICAgICBbYXR0ci5hcmlhLXNlbGVjdGVkXT1cInZhcmlhbnQgPT09ICd0YWJzJyA/IChvLnZhbHVlID09PSBjdXJyZW50KSA6IG51bGxcIlxuICAgICAgICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwidmFyaWFudCA9PT0gJ3RhYnMnID8gYmFzZSArICctcGFuZWwnIDogbnVsbFwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1jaGVja2VkXT1cInZhcmlhbnQgPT09ICdyYWRpbycgPyAoby52YWx1ZSA9PT0gY3VycmVudCkgOiBudWxsXCJcbiAgICAgICAgICAoY2xpY2spPVwic2VsZWN0KG8udmFsdWUpXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IG8ubGFiZWwgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9zZWdtZW50ZWQtY29udHJvbC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTZWdtZW50ZWRDb250cm9sQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICAvKiogVGhlIGNob2ljZXMsIGVhY2ggd2l0aCBhIHZhbHVlIGFuZCBhIGxhYmVsLiAqL1xuICBASW5wdXQoKSBvcHRpb25zOiBTZWdtZW50T3B0aW9uW10gPSBbXTtcbiAgLyoqIENvbnRyb2xsZWQgc2VsZWN0ZWQgdmFsdWUuIExlYXZlIG91dCBmb3IgdW5jb250cm9sbGVkICh1c2VzIGRlZmF1bHRWYWx1ZSkuICovXG4gIEBJbnB1dCgpIHZhbHVlPzogc3RyaW5nO1xuICAvKiogSW5pdGlhbCB2YWx1ZSB3aGVuIHVuY29udHJvbGxlZC4gRGVmYXVsdHMgdG8gdGhlIGZpcnN0IG9wdGlvbidzIHZhbHVlLiAqL1xuICBASW5wdXQoKSBkZWZhdWx0VmFsdWU/OiBzdHJpbmc7XG4gIC8qKiBOYW1lcyB0aGUgZ3JvdXAgZm9yIHNjcmVlbiByZWFkZXJzLCBsaWtlIFwiVmlld1wiLiAqL1xuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgLyoqIGB0YWJzYCAoZGVmYXVsdCkgd2hlbiBpdCBzd2l0Y2hlcyBhIHBhbmVsLCBgcmFkaW9gIHdoZW4gaXQgc2V0cyBhbiBvcHRpb24uXG4gICAqICBFeHBvc2VkIGFzIHRoZSBgYXNgIGF0dHJpYnV0ZSAoQW5ndWxhciB0ZW1wbGF0ZSBzeW50YXggcmVzZXJ2ZXMgYGFzYCwgc28gdGhlXG4gICAqICBmaWVsZCBpdHNlbGYgaXMgbmFtZWQgYHZhcmlhbnRgKS4gKi9cbiAgQElucHV0KCdhcycpIHZhcmlhbnQ6ICd0YWJzJyB8ICdyYWRpbycgPSAndGFicyc7XG4gIC8qKiBUaWVzIHRoZSB0YWJzIHRvIHRoZWlyIHBhbmVsLiBEZWZhdWx0cyB0byBhIGdlbmVyYXRlZCBpZC4gKi9cbiAgQElucHV0KCkgaWQ/OiBzdHJpbmc7XG5cbiAgLyoqIEVtaXR0ZWQgd2hlbiB0aGUgc2VsZWN0ZWQgdmFsdWUgY2hhbmdlcy4gKi9cbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQFZpZXdDaGlsZCgncm9vdCcpIHJvb3QhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICAvKiogVGhlIHZhbHVlIHNob3duIG5vdyAoY29udHJvbGxlZCBieSBgdmFsdWVgLCBlbHNlIGhlbGQgaW50ZXJuYWxseSkuICovXG4gIGN1cnJlbnQgPSAnJztcbiAgYmFzZSA9ICd2by1zZ2MnICsgc2djU2VxKys7XG5cbiAga25vYkxlZnQgPSAwO1xuICBrbm9iV2lkdGggPSAwO1xuICAvLyBubyBzbGlkZSBvbiB0aGUgZmlyc3QgcGFpbnQ7IHRoZSBrbm9iIGp1c3QgdGFrZXMgdGhlIGFjdGl2ZSBidXR0b24ncyBwbGFjZVxuICBrbm9iVHJhbnNpdGlvbiA9ICdub25lJztcbiAgcHJpdmF0ZSBmaXJzdCA9IHRydWU7XG5cbiAgcHJpdmF0ZSBybz86IFJlc2l6ZU9ic2VydmVyO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pZCkgdGhpcy5iYXNlID0gdGhpcy5pZDtcbiAgICBpZiAoY2hhbmdlc1sndmFsdWUnXSAmJiB0aGlzLnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuY3VycmVudCA9IHRoaXMudmFsdWU7XG4gICAgICBxdWV1ZU1pY3JvdGFzaygoKSA9PiB0aGlzLnBsYWNlKCkpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlc1snb3B0aW9ucyddICYmICF0aGlzLmN1cnJlbnQpIHtcbiAgICAgIHRoaXMuY3VycmVudCA9IHRoaXMuZGVmYXVsdFZhbHVlID8/IHRoaXMub3B0aW9uc1swXT8udmFsdWUgPz8gJyc7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlkKSB0aGlzLmJhc2UgPSB0aGlzLmlkO1xuICAgIGlmICghdGhpcy5jdXJyZW50KSB0aGlzLmN1cnJlbnQgPSB0aGlzLnZhbHVlID8/IHRoaXMuZGVmYXVsdFZhbHVlID8/IHRoaXMub3B0aW9uc1swXT8udmFsdWUgPz8gJyc7XG4gICAgdGhpcy5wbGFjZSgpO1xuICAgIGlmICh0eXBlb2YgUmVzaXplT2JzZXJ2ZXIgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgIHRoaXMucm8gPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gdGhpcy5wbGFjZSgpKTtcbiAgICAgIHRoaXMucm8ub2JzZXJ2ZSh0aGlzLnJvb3QubmF0aXZlRWxlbWVudCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5ybz8uZGlzY29ubmVjdCgpO1xuICB9XG5cbiAgLyoqIFRoZSBrbm9iIHRha2VzIHRoZSBwaWNrZWQgYnV0dG9uJ3MgcGxhY2UgYW5kIHdpZHRoLiAqL1xuICBwcml2YXRlIHBsYWNlKCk6IHZvaWQge1xuICAgIGNvbnN0IGVsID0gdGhpcy5yb290Py5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGIgPSBlbD8ucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oJ1tkYXRhLW9uPVwidHJ1ZVwiXScpO1xuICAgIGlmICghYikgcmV0dXJuO1xuICAgIHRoaXMua25vYkxlZnQgPSBiLm9mZnNldExlZnQ7XG4gICAgdGhpcy5rbm9iV2lkdGggPSBiLm9mZnNldFdpZHRoO1xuICAgIGlmICh0aGlzLmZpcnN0KSB7XG4gICAgICB0aGlzLmtub2JUcmFuc2l0aW9uID0gJ25vbmUnO1xuICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgdGhpcy5maXJzdCA9IGZhbHNlO1xuICAgICAgICB0aGlzLmtub2JUcmFuc2l0aW9uID0gJyc7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3Qodjogc3RyaW5nKTogdm9pZCB7XG4gICAgaWYgKHYgPT09IHRoaXMuY3VycmVudCkgcmV0dXJuO1xuICAgIC8vIGNvbnRyb2xsZWQ6IHRlbGwgdGhlIHBhcmVudCBhbmQgd2FpdCBmb3IgdGhlIHZhbHVlIGlucHV0IHRvIGNvbWUgYmFja1xuICAgIGlmICh0aGlzLnZhbHVlID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuY3VycmVudCA9IHY7XG4gICAgICBxdWV1ZU1pY3JvdGFzaygoKSA9PiB0aGlzLnBsYWNlKCkpO1xuICAgIH1cbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodik7XG4gIH1cblxuICAvKiogQXJyb3cga2V5cyBtb3ZlIGFsb25nIGFuZCBwaWNrOyBIb21lL0VuZCBqdW1wIHRvIHRoZSBlbmRzLiAqL1xuICBvbktleShlOiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaSA9IHRoaXMub3B0aW9ucy5maW5kSW5kZXgoKG8pID0+IG8udmFsdWUgPT09IHRoaXMuY3VycmVudCk7XG4gICAgY29uc3QgbWFwOiBSZWNvcmQ8c3RyaW5nLCBudW1iZXI+ID0ge1xuICAgICAgQXJyb3dSaWdodDogaSArIDEsXG4gICAgICBBcnJvd0xlZnQ6IGkgLSAxLFxuICAgICAgSG9tZTogMCxcbiAgICAgIEVuZDogdGhpcy5vcHRpb25zLmxlbmd0aCAtIDEsXG4gICAgfTtcbiAgICBjb25zdCB0byA9IG1hcFtlLmtleV07XG4gICAgaWYgKHRvID09PSB1bmRlZmluZWQpIHJldHVybjtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgbyA9IHRoaXMub3B0aW9uc1sodG8gKyB0aGlzLm9wdGlvbnMubGVuZ3RoKSAlIHRoaXMub3B0aW9ucy5sZW5ndGhdO1xuICAgIHRoaXMuc2VsZWN0KG8udmFsdWUpO1xuICAgIHRoaXMucm9vdC5uYXRpdmVFbGVtZW50XG4gICAgICAucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oYFtkYXRhLXY9XCIke0NTUy5lc2NhcGUoby52YWx1ZSl9XCJdYClcbiAgICAgID8uZm9jdXMoKTtcbiAgfVxufVxuIl19

package/esm2022/source-stack/source-stack.component.mjs

@@ -0,0 +1,245 @@
+// framework/angular/source-stack/source-stack.component.ts
+//
+// Native Angular port of framework/react/source-stack/SourceStack.tsx.
+// An answer with its sources folded into one quiet pill: open it to see each
+// source, filter them by kind, and how much each one counted. Inputs mirror the
+// React props; the `onOpen` callback on a source and the controllable
+// open/filter state become @Output EventEmitters. The staggered entrance, the
+// fold toggle and the one-time auto-open (from source-stack.js) are ported here;
+// reduced motion is respected via the shared ReducedMotionService.
+//
+// Icons: uses `chev-d` (pill caret) and `ext` (the per-row open button) — both
+// are in the Angular icon set, so no substitution was needed.
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/reduced-motion.service";
+const FILTERS = [
+    { value: 'all', label: 'All' },
+    { value: 'web', label: 'Web' },
+    { value: 'file', label: 'Files' },
+    { value: 'figma', label: 'Figma' },
+];
+export class SourceStackComponent {
+    constructor(reduced) {
+        this.reduced = reduced;
+        this.sources = [];
+        /** The chips above the list. Defaults to All, Web, Files and Figma. */
+        this.filters = FILTERS;
+        this.defaultFilter = 'all';
+        this.defaultOpen = false;
+        this.filterChange = new EventEmitter();
+        this.openChange = new EventEmitter();
+        /** Internal open state when `open` is not controlled. */
+        this.innerOpen = false;
+        this.touched = false;
+        this.innerOpen = this.defaultOpen;
+    }
+    get isOpen() {
+        return this.open ?? this.innerOpen;
+    }
+    get activeFilter() {
+        return this.filter ?? this.innerFilter ?? this.defaultFilter;
+    }
+    get items() {
+        const f = this.activeFilter;
+        return this.sources.filter((s) => f === 'all' || s.kind === f);
+    }
+    pct(s) {
+        return Math.round(Math.max(0, Math.min(1, s.relevance)) * 100);
+    }
+    toggle() {
+        this.touched = true;
+        const next = !this.isOpen;
+        this.innerOpen = next;
+        this.openChange.emit(next);
+    }
+    pick(value) {
+        this.innerFilter = value;
+        this.filterChange.emit(value);
+    }
+    ngAfterViewInit() {
+        // the preview opens the sources once on its own, unless you take over first
+        if (this.reduced.reduce())
+            return;
+        this.autoTimer = setTimeout(() => {
+            if (!this.touched && !this.isOpen)
+                this.toggle();
+        }, 1100);
+    }
+    ngOnDestroy() {
+        if (this.autoTimer)
+            clearTimeout(this.autoTimer);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SourceStackComponent, deps: [{ token: i1.ReducedMotionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SourceStackComponent, isStandalone: true, selector: "vo-source-stack", inputs: { message: "message", sources: "sources", filters: "filters", filter: "filter", defaultFilter: "defaultFilter", open: "open", defaultOpen: "defaultOpen", className: "className" }, outputs: { filterChange: "filterChange", openChange: "openChange" }, ngImport: i0, template: `
+    <div data-vo="" class="vo-ssx" [class]="className">
+      @if (message !== undefined) {
+        <p class="vo-msg">{{ message }}</p>
+      }
+      <button
+        type="button"
+        class="vo-ssx-pill"
+        [attr.aria-expanded]="isOpen"
+        (click)="toggle()"
+      >
+        <span class="vo-ssx-ics">
+          @for (s of sources.slice(0, 4); track $index) {
+            <span [style.background]="s.color">{{ s.mark[0] }}</span>
+          }
+        </span>
+        <span class="vo-ssx-l">{{ sources.length }} {{ sources.length === 1 ? 'source' : 'sources' }}</span>
+        <vo-icon name="chev-d" size="xs"></vo-icon>
+      </button>
+      <div
+        class="vo-fold vo-ssx-box"
+        [class.vo-shut]="!isOpen"
+        [attr.inert]="isOpen ? null : ''"
+        [attr.aria-hidden]="!isOpen"
+      >
+        <div>
+          <div class="vo-ssx-in">
+            <div class="vo-ssx-fl">
+              @for (x of filters; track x.value) {
+                <button
+                  type="button"
+                  class="vo-chip vo-sm"
+                  [class.vo-on]="x.value === activeFilter"
+                  [attr.aria-pressed]="x.value === activeFilter"
+                  (click)="pick(x.value)"
+                >{{ x.label }}</button>
+              }
+            </div>
+            <div class="vo-ssx-list">
+              @for (s of items; track s.title + $index) {
+                <div class="vo-ssx-s vo-enter" [style.animation-delay.ms]="$index * 40">
+                  <span
+                    class="vo-fv"
+                    [style.background]="'color-mix(in srgb,' + s.color + ' 14%,transparent)'"
+                    [style.color]="s.color"
+                  >{{ s.mark }}</span>
+                  <span class="vo-t">{{ s.title }}<span class="vo-h"> · {{ s.host }}</span></span>
+                  <span
+                    class="vo-rel"
+                    role="meter"
+                    aria-label="Relevance"
+                    [attr.aria-valuemin]="0"
+                    [attr.aria-valuemax]="100"
+                    [attr.aria-valuenow]="pct(s)"
+                    [attr.title]="'Relevance ' + pct(s) + '%'"
+                  ><i [style.width.%]="pct(s)"></i></span>
+                  @if (s.onOpen) {
+                    <button
+                      type="button"
+                      class="vo-ib"
+                      aria-label="Open source"
+                      title="Open"
+                      (click)="s.onOpen!()"
+                    ><vo-icon name="ext" size="xs"></vo-icon></button>
+                  }
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".vo-ssx{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.vo-ssx-pill{display:inline-flex;align-items:center;gap:var(--vo-s-2);height:30px;padding:0 10px 0 5px;border-radius:var(--vo-r-pill);background:var(--vo-chip);font-size:12.5px;color:var(--vo-fg2);transition:background .25s,color .25s}@media (hover:hover) and (pointer:fine){.vo-ssx-pill:hover{background:var(--vo-hover);color:var(--vo-fg)}}.vo-ssx-pill>svg{transition:transform .4s var(--vo-ease)}.vo-ssx-pill[aria-expanded=true]>svg{transform:rotate(180deg)}.vo-ssx-ics{display:flex}.vo-ssx-ics span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:500;color:#fff;box-shadow:0 0 0 2px var(--vo-chip);margin-right:-6px;transition:margin .4s var(--vo-ease)}@media (hover:hover) and (pointer:fine){.vo-ssx-pill:hover .vo-ssx-ics span{margin-right:-3px}}.vo-ssx-ics span:last-child{margin-right:0}.vo-ssx-box{width:100%}.vo-ssx-in{padding:2px 0 var(--vo-s-1);display:flex;flex-direction:column;gap:var(--vo-s-2)}.vo-ssx-fl{display:flex;gap:var(--vo-s-1);flex-wrap:wrap}.vo-ssx-fl .vo-chip{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-pick-line) 50%,transparent)}@media (hover:hover) and (pointer:fine){.vo-ssx-fl .vo-chip:hover{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-faint) 50%,transparent)}}.vo-ssx-list{display:flex;flex-direction:column;gap:2px;margin-inline:-6px}.vo-ssx-s{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:calc(10px * var(--vo-rk));font-size:13px;transition:background .25s}@media (hover:hover) and (pointer:fine){.vo-ssx-s:hover{background:var(--vo-row)}}.vo-ssx-s .vo-fv{width:22px;height:22px;border-radius:calc(7px * var(--vo-rk));display:grid;place-items:center;font-size:9.5px;font-weight:500;flex:none}.vo-ssx-s .vo-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vo-ssx-s .vo-h{font-size:12px;color:var(--vo-muted)}.vo-ssx-s .vo-rel{width:36px;height:4px;border-radius:2px;background:var(--vo-line);overflow:hidden;flex:none}.vo-ssx-s .vo-rel i{display:block;height:100%;background:var(--vo-accent-mark,var(--vo-accent));border-radius:2px;transform-origin:left;animation:vo-ssrel .8s var(--vo-ease) both}@keyframes vo-ssrel{0%{transform:scaleX(0)}}.vo-ssx-s .vo-ib{width:24px;height:24px;opacity:0;transition:opacity .2s}@media (hover:hover) and (pointer:fine){.vo-ssx-s:hover .vo-ib{opacity:1}}.vo-ssx-s .vo-ib:focus-visible{opacity:1}.vo-msg{margin:0;font-size:14px;line-height:1.65}.vo-ib{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--vo-fg2);cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),transform .15s}@media (hover:hover) and (pointer:fine){.vo-ib:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-ib:active{transform:scale(.94)}.vo-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--vo-s-3);border-radius:var(--vo-r-pill);font-size:13px;color:var(--vo-fg2);background:var(--vo-chip);white-space:nowrap;cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),box-shadow var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-chip:hover{background:var(--vo-hover);color:var(--vo-fg)}}.vo-chip.vo-sm{height:24px;padding:0 9px;font-size:12px}.vo-enter{animation:vo-enter var(--vo-t-slow) var(--vo-ease) backwards}@keyframes vo-enter{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.vo-fold{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease)}.vo-fold>*{overflow:clip;overflow-clip-margin:12px;min-height:0;min-width:0}.vo-fold.vo-shut{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease),visibility 0s var(--vo-t)}@media (prefers-reduced-motion:reduce){.vo-enter,.vo-ssx-s .vo-rel i{animation:none}}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SourceStackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-source-stack', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" class="vo-ssx" [class]="className">
+      @if (message !== undefined) {
+        <p class="vo-msg">{{ message }}</p>
+      }
+      <button
+        type="button"
+        class="vo-ssx-pill"
+        [attr.aria-expanded]="isOpen"
+        (click)="toggle()"
+      >
+        <span class="vo-ssx-ics">
+          @for (s of sources.slice(0, 4); track $index) {
+            <span [style.background]="s.color">{{ s.mark[0] }}</span>
+          }
+        </span>
+        <span class="vo-ssx-l">{{ sources.length }} {{ sources.length === 1 ? 'source' : 'sources' }}</span>
+        <vo-icon name="chev-d" size="xs"></vo-icon>
+      </button>
+      <div
+        class="vo-fold vo-ssx-box"
+        [class.vo-shut]="!isOpen"
+        [attr.inert]="isOpen ? null : ''"
+        [attr.aria-hidden]="!isOpen"
+      >
+        <div>
+          <div class="vo-ssx-in">
+            <div class="vo-ssx-fl">
+              @for (x of filters; track x.value) {
+                <button
+                  type="button"
+                  class="vo-chip vo-sm"
+                  [class.vo-on]="x.value === activeFilter"
+                  [attr.aria-pressed]="x.value === activeFilter"
+                  (click)="pick(x.value)"
+                >{{ x.label }}</button>
+              }
+            </div>
+            <div class="vo-ssx-list">
+              @for (s of items; track s.title + $index) {
+                <div class="vo-ssx-s vo-enter" [style.animation-delay.ms]="$index * 40">
+                  <span
+                    class="vo-fv"
+                    [style.background]="'color-mix(in srgb,' + s.color + ' 14%,transparent)'"
+                    [style.color]="s.color"
+                  >{{ s.mark }}</span>
+                  <span class="vo-t">{{ s.title }}<span class="vo-h"> · {{ s.host }}</span></span>
+                  <span
+                    class="vo-rel"
+                    role="meter"
+                    aria-label="Relevance"
+                    [attr.aria-valuemin]="0"
+                    [attr.aria-valuemax]="100"
+                    [attr.aria-valuenow]="pct(s)"
+                    [attr.title]="'Relevance ' + pct(s) + '%'"
+                  ><i [style.width.%]="pct(s)"></i></span>
+                  @if (s.onOpen) {
+                    <button
+                      type="button"
+                      class="vo-ib"
+                      aria-label="Open source"
+                      title="Open"
+                      (click)="s.onOpen!()"
+                    ><vo-icon name="ext" size="xs"></vo-icon></button>
+                  }
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `, styles: [".vo-ssx{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.vo-ssx-pill{display:inline-flex;align-items:center;gap:var(--vo-s-2);height:30px;padding:0 10px 0 5px;border-radius:var(--vo-r-pill);background:var(--vo-chip);font-size:12.5px;color:var(--vo-fg2);transition:background .25s,color .25s}@media (hover:hover) and (pointer:fine){.vo-ssx-pill:hover{background:var(--vo-hover);color:var(--vo-fg)}}.vo-ssx-pill>svg{transition:transform .4s var(--vo-ease)}.vo-ssx-pill[aria-expanded=true]>svg{transform:rotate(180deg)}.vo-ssx-ics{display:flex}.vo-ssx-ics span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:500;color:#fff;box-shadow:0 0 0 2px var(--vo-chip);margin-right:-6px;transition:margin .4s var(--vo-ease)}@media (hover:hover) and (pointer:fine){.vo-ssx-pill:hover .vo-ssx-ics span{margin-right:-3px}}.vo-ssx-ics span:last-child{margin-right:0}.vo-ssx-box{width:100%}.vo-ssx-in{padding:2px 0 var(--vo-s-1);display:flex;flex-direction:column;gap:var(--vo-s-2)}.vo-ssx-fl{display:flex;gap:var(--vo-s-1);flex-wrap:wrap}.vo-ssx-fl .vo-chip{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-pick-line) 50%,transparent)}@media (hover:hover) and (pointer:fine){.vo-ssx-fl .vo-chip:hover{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-faint) 50%,transparent)}}.vo-ssx-list{display:flex;flex-direction:column;gap:2px;margin-inline:-6px}.vo-ssx-s{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:calc(10px * var(--vo-rk));font-size:13px;transition:background .25s}@media (hover:hover) and (pointer:fine){.vo-ssx-s:hover{background:var(--vo-row)}}.vo-ssx-s .vo-fv{width:22px;height:22px;border-radius:calc(7px * var(--vo-rk));display:grid;place-items:center;font-size:9.5px;font-weight:500;flex:none}.vo-ssx-s .vo-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vo-ssx-s .vo-h{font-size:12px;color:var(--vo-muted)}.vo-ssx-s .vo-rel{width:36px;height:4px;border-radius:2px;background:var(--vo-line);overflow:hidden;flex:none}.vo-ssx-s .vo-rel i{display:block;height:100%;background:var(--vo-accent-mark,var(--vo-accent));border-radius:2px;transform-origin:left;animation:vo-ssrel .8s var(--vo-ease) both}@keyframes vo-ssrel{0%{transform:scaleX(0)}}.vo-ssx-s .vo-ib{width:24px;height:24px;opacity:0;transition:opacity .2s}@media (hover:hover) and (pointer:fine){.vo-ssx-s:hover .vo-ib{opacity:1}}.vo-ssx-s .vo-ib:focus-visible{opacity:1}.vo-msg{margin:0;font-size:14px;line-height:1.65}.vo-ib{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--vo-fg2);cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),transform .15s}@media (hover:hover) and (pointer:fine){.vo-ib:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-ib:active{transform:scale(.94)}.vo-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--vo-s-3);border-radius:var(--vo-r-pill);font-size:13px;color:var(--vo-fg2);background:var(--vo-chip);white-space:nowrap;cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),box-shadow var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-chip:hover{background:var(--vo-hover);color:var(--vo-fg)}}.vo-chip.vo-sm{height:24px;padding:0 9px;font-size:12px}.vo-enter{animation:vo-enter var(--vo-t-slow) var(--vo-ease) backwards}@keyframes vo-enter{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.vo-fold{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease)}.vo-fold>*{overflow:clip;overflow-clip-margin:12px;min-height:0;min-width:0}.vo-fold.vo-shut{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease),visibility 0s var(--vo-t)}@media (prefers-reduced-motion:reduce){.vo-enter,.vo-ssx-s .vo-rel i{animation:none}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ReducedMotionService }], propDecorators: { message: [{
+                type: Input
+            }], sources: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], defaultFilter: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], defaultOpen: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], filterChange: [{
+                type: Output
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic291cmNlLXN0YWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS1zdGFjay9zb3VyY2Utc3RhY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJEQUEyRDtBQUMzRCxFQUFFO0FBQ0YsdUVBQXVFO0FBQ3ZFLDZFQUE2RTtBQUM3RSxnRkFBZ0Y7QUFDaEYsc0VBQXNFO0FBQ3RFLDhFQUE4RTtBQUM5RSxpRkFBaUY7QUFDakYsbUVBQW1FO0FBQ25FLEVBQUU7QUFDRiwrRUFBK0U7QUFDL0UsOERBQThEO0FBRTlELE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBMkJ6RCxNQUFNLE9BQU8sR0FBbUI7SUFDOUIsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUU7SUFDOUIsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUU7SUFDOUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7SUFDakMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7Q0FDbkMsQ0FBQztBQWtGRixNQUFNLE9BQU8sb0JBQW9CO0lBeUIvQixZQUE2QixPQUE2QjtRQUE3QixZQUFPLEdBQVAsT0FBTyxDQUFzQjtRQXRCakQsWUFBTyxHQUFrQixFQUFFLENBQUM7UUFDckMsdUVBQXVFO1FBQzlELFlBQU8sR0FBbUIsT0FBTyxDQUFDO1FBR2xDLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBR3RCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBR25CLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMxQyxl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Z0JBRUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZnJhbWV3b3JrL2FuZ3VsYXIvc291cmNlLXN0YWNrL3NvdXJjZS1zdGFjay5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9zb3VyY2Utc3RhY2svU291cmNlU3RhY2sudHN4LlxuLy8gQW4gYW5zd2VyIHdpdGggaXRzIHNvdXJjZXMgZm9sZGVkIGludG8gb25lIHF1aWV0IHBpbGw6IG9wZW4gaXQgdG8gc2VlIGVhY2hcbi8vIHNvdXJjZSwgZmlsdGVyIHRoZW0gYnkga2luZCwgYW5kIGhvdyBtdWNoIGVhY2ggb25lIGNvdW50ZWQuIElucHV0cyBtaXJyb3IgdGhlXG4vLyBSZWFjdCBwcm9wczsgdGhlIGBvbk9wZW5gIGNhbGxiYWNrIG9uIGEgc291cmNlIGFuZCB0aGUgY29udHJvbGxhYmxlXG4vLyBvcGVuL2ZpbHRlciBzdGF0ZSBiZWNvbWUgQE91dHB1dCBFdmVudEVtaXR0ZXJzLiBUaGUgc3RhZ2dlcmVkIGVudHJhbmNlLCB0aGVcbi8vIGZvbGQgdG9nZ2xlIGFuZCB0aGUgb25lLXRpbWUgYXV0by1vcGVuIChmcm9tIHNvdXJjZS1zdGFjay5qcykgYXJlIHBvcnRlZCBoZXJlO1xuLy8gcmVkdWNlZCBtb3Rpb24gaXMgcmVzcGVjdGVkIHZpYSB0aGUgc2hhcmVkIFJlZHVjZWRNb3Rpb25TZXJ2aWNlLlxuLy9cbi8vIEljb25zOiB1c2VzIGBjaGV2LWRgIChwaWxsIGNhcmV0KSBhbmQgYGV4dGAgKHRoZSBwZXItcm93IG9wZW4gYnV0dG9uKSDigJQgYm90aFxuLy8gYXJlIGluIHRoZSBBbmd1bGFyIGljb24gc2V0LCBzbyBubyBzdWJzdGl0dXRpb24gd2FzIG5lZWRlZC5cblxuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVm9JY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vY29yZS9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSZWR1Y2VkTW90aW9uU2VydmljZSB9IGZyb20gJy4uL2NvcmUvcmVkdWNlZC1tb3Rpb24uc2VydmljZSc7XG5cbi8qKiBPbmUgc291cmNlIHRoZSBhbnN3ZXIgZHJhd3Mgb24sIGRyYXduIGFzIGEgcm93IHdoZW4gdGhlIHN0YWNrIGlzIG9wZW4uICovXG5leHBvcnQgaW50ZXJmYWNlIFN0YWNrU291cmNlIHtcbiAgLyoqIFdoYXQga2luZCBvZiBzb3VyY2UgaXQgaXMuIFRoZSBmaWx0ZXIgY2hpcHMgcGljayBieSB0aGlzLCBsaWtlICd3ZWInLCAnZmlsZScgb3IgJ2ZpZ21hJy4gKi9cbiAga2luZDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICAvKiogV2hlcmUgaXQgY2FtZSBmcm9tLCBsaWtlIFwiYmF5bWFyZC5jb21cIiBvciBcIkRyaXZlXCIuICovXG4gIGhvc3Q6IHN0cmluZztcbiAgLyoqIDAgdG8gMSwgZHJhd24gYXMgYSBzbWFsbCBiYXIuICovXG4gIHJlbGV2YW5jZTogbnVtYmVyO1xuICAvKiogT25lIHRvIHRocmVlIGxldHRlcnMgaW4gdGhlIGZhdmljb24gc3F1YXJlLCBsaWtlIFwiQlwiIG9yIFwiQ1NWXCIuICovXG4gIG1hcms6IHN0cmluZztcbiAgLyoqIFRoZSBmYXZpY29uIGNvbG91ciwgYW55IENTUyBjb2xvdXIsIGxpa2UgJyM2MzViZmYnIG9yICd2YXIoLS12by1wbCknLiAqL1xuICBjb2xvcjogc3RyaW5nO1xuICAvKiogQWRkcyBhbiBvcGVuIGJ1dHRvbiB0aGF0IHNob3dzIG9uIGhvdmVyLiAqL1xuICBvbk9wZW4/OiAoKSA9PiB2b2lkO1xufVxuXG4vKiogQSBmaWx0ZXIgY2hpcCBhYm92ZSB0aGUgbGlzdDogJ2FsbCcgb3IgYSBzb3VyY2Uga2luZC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU291cmNlRmlsdGVyIHtcbiAgLyoqICdhbGwnLCBvciBhIHNvdXJjZSBraW5kLiAqL1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBGSUxURVJTOiBTb3VyY2VGaWx0ZXJbXSA9IFtcbiAgeyB2YWx1ZTogJ2FsbCcsIGxhYmVsOiAnQWxsJyB9LFxuICB7IHZhbHVlOiAnd2ViJywgbGFiZWw6ICdXZWInIH0sXG4gIHsgdmFsdWU6ICdmaWxlJywgbGFiZWw6ICdGaWxlcycgfSxcbiAgeyB2YWx1ZTogJ2ZpZ21hJywgbGFiZWw6ICdGaWdtYScgfSxcbl07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLXNvdXJjZS1zdGFjaycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtWb0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgZGF0YS12bz1cIlwiIGNsYXNzPVwidm8tc3N4XCIgW2NsYXNzXT1cImNsYXNzTmFtZVwiPlxuICAgICAgQGlmIChtZXNzYWdlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgPHAgY2xhc3M9XCJ2by1tc2dcIj57eyBtZXNzYWdlIH19PC9wPlxuICAgICAgfVxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJ2by1zc3gtcGlsbFwiXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNPcGVuXCJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zc3gtaWNzXCI+XG4gICAgICAgICAgQGZvciAocyBvZiBzb3VyY2VzLnNsaWNlKDAsIDQpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgIDxzcGFuIFtzdHlsZS5iYWNrZ3JvdW5kXT1cInMuY29sb3JcIj57eyBzLm1hcmtbMF0gfX08L3NwYW4+XG4gICAgICAgICAgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3N4LWxcIj57eyBzb3VyY2VzLmxlbmd0aCB9fSB7eyBzb3VyY2VzLmxlbmd0aCA9PT0gMSA/ICdzb3VyY2UnIDogJ3NvdXJjZXMnIH19PC9zcGFuPlxuICAgICAgICA8dm8taWNvbiBuYW1lPVwiY2hldi1kXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidm8tZm9sZCB2by1zc3gtYm94XCJcbiAgICAgICAgW2NsYXNzLnZvLXNodXRdPVwiIWlzT3BlblwiXG4gICAgICAgIFthdHRyLmluZXJ0XT1cImlzT3BlbiA/IG51bGwgOiAnJ1wiXG4gICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cIiFpc09wZW5cIlxuICAgICAgPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1zc3gtaW5cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1zc3gtZmxcIj5cbiAgICAgICAgICAgICAgQGZvciAoeCBvZiBmaWx0ZXJzOyB0cmFjayB4LnZhbHVlKSB7XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInZvLWNoaXAgdm8tc21cIlxuICAgICAgICAgICAgICAgICAgW2NsYXNzLnZvLW9uXT1cIngudmFsdWUgPT09IGFjdGl2ZUZpbHRlclwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLXByZXNzZWRdPVwieC52YWx1ZSA9PT0gYWN0aXZlRmlsdGVyXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJwaWNrKHgudmFsdWUpXCJcbiAgICAgICAgICAgICAgICA+e3sgeC5sYWJlbCB9fTwvYnV0dG9uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1zc3gtbGlzdFwiPlxuICAgICAgICAgICAgICBAZm9yIChzIG9mIGl0ZW1zOyB0cmFjayBzLnRpdGxlICsgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLXNzeC1zIHZvLWVudGVyXCIgW3N0eWxlLmFuaW1hdGlvbi1kZWxheS5tc109XCIkaW5kZXggKiA0MFwiPlxuICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ2by1mdlwiXG4gICAgICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cIidjb2xvci1taXgoaW4gc3JnYiwnICsgcy5jb2xvciArICcgMTQlLHRyYW5zcGFyZW50KSdcIlxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwicy5jb2xvclwiXG4gICAgICAgICAgICAgICAgICA+e3sgcy5tYXJrIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by10XCI+e3sgcy50aXRsZSB9fTxzcGFuIGNsYXNzPVwidm8taFwiPiDCtyB7eyBzLmhvc3QgfX08L3NwYW4+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ2by1yZWxcIlxuICAgICAgICAgICAgICAgICAgICByb2xlPVwibWV0ZXJcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUmVsZXZhbmNlXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS12YWx1ZW1pbl09XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS12YWx1ZW1heF09XCIxMDBcIlxuICAgICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLXZhbHVlbm93XT1cInBjdChzKVwiXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLnRpdGxlXT1cIidSZWxldmFuY2UgJyArIHBjdChzKSArICclJ1wiXG4gICAgICAgICAgICAgICAgICA+PGkgW3N0eWxlLndpZHRoLiVdPVwicGN0KHMpXCI+PC9pPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIEBpZiAocy5vbk9wZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidm8taWJcIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJPcGVuIHNvdXJjZVwiXG4gICAgICAgICAgICAgICAgICAgICAgdGl0bGU9XCJPcGVuXCJcbiAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicy5vbk9wZW4hKClcIlxuICAgICAgICAgICAgICAgICAgICA+PHZvLWljb24gbmFtZT1cImV4dFwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj48L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9zb3VyY2Utc3RhY2suY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU291cmNlU3RhY2tDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICAvKiogVGhlIGFuc3dlciB0aGUgc291cmNlcyBiYWNrIHVwLCBzaG93biBhYm92ZSB0aGUgcGlsbC4gKi9cbiAgQElucHV0KCkgbWVzc2FnZT86IHN0cmluZztcbiAgQElucHV0KCkgc291cmNlczogU3RhY2tTb3VyY2VbXSA9IFtdO1xuICAvKiogVGhlIGNoaXBzIGFib3ZlIHRoZSBsaXN0LiBEZWZhdWx0cyB0byBBbGwsIFdlYiwgRmlsZXMgYW5kIEZpZ21hLiAqL1xuICBASW5wdXQoKSBmaWx0ZXJzOiBTb3VyY2VGaWx0ZXJbXSA9IEZJTFRFUlM7XG4gIC8qKiBUaGUgY2hvc2VuIGZpbHRlci4gTGVhdmUgaXQgb3V0IHRvIGxldCB0aGUgY2hpcHMgc3dpdGNoIGl0LiAqL1xuICBASW5wdXQoKSBmaWx0ZXI/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlZmF1bHRGaWx0ZXIgPSAnYWxsJztcbiAgLyoqIFdoZXRoZXIgdGhlIGxpc3QgaXMgb3Blbi4gTGVhdmUgaXQgb3V0IHRvIGxldCB0aGUgcGlsbCB0b2dnbGUgaXQuICovXG4gIEBJbnB1dCgpIG9wZW4/OiBib29sZWFuO1xuICBASW5wdXQoKSBkZWZhdWx0T3BlbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGZpbHRlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgb3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKiogSW50ZXJuYWwgb3BlbiBzdGF0ZSB3aGVuIGBvcGVuYCBpcyBub3QgY29udHJvbGxlZC4gKi9cbiAgcHJpdmF0ZSBpbm5lck9wZW4gPSBmYWxzZTtcbiAgLyoqIEludGVybmFsIGZpbHRlciB3aGVuIGBmaWx0ZXJgIGlzIG5vdCBjb250cm9sbGVkLiAqL1xuICBwcml2YXRlIGlubmVyRmlsdGVyPzogc3RyaW5nO1xuICAvKiogT3BlbnMgdGhlIHNvdXJjZXMgb25jZSBvbiBpdHMgb3duLCB1bmxlc3MgdGhlIHZpZXdlciB0YWtlcyBvdmVyIGZpcnN0LiAqL1xuICBwcml2YXRlIGF1dG9UaW1lcj86IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+O1xuICBwcml2YXRlIHRvdWNoZWQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJlZHVjZWQ6IFJlZHVjZWRNb3Rpb25TZXJ2aWNlKSB7XG4gICAgdGhpcy5pbm5lck9wZW4gPSB0aGlzLmRlZmF1bHRPcGVuO1xuICB9XG5cbiAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5vcGVuID8/IHRoaXMuaW5uZXJPcGVuO1xuICB9XG5cbiAgZ2V0IGFjdGl2ZUZpbHRlcigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmZpbHRlciA/PyB0aGlzLmlubmVyRmlsdGVyID8/IHRoaXMuZGVmYXVsdEZpbHRlcjtcbiAgfVxuXG4gIGdldCBpdGVtcygpOiBTdGFja1NvdXJjZVtdIHtcbiAgICBjb25zdCBmID0gdGhpcy5hY3RpdmVGaWx0ZXI7XG4gICAgcmV0dXJuIHRoaXMuc291cmNlcy5maWx0ZXIoKHMpID0+IGYgPT09ICdhbGwnIHx8IHMua2luZCA9PT0gZik7XG4gIH1cblxuICBwY3QoczogU3RhY2tTb3VyY2UpOiBudW1iZXIge1xuICAgIHJldHVybiBNYXRoLnJvdW5kKE1hdGgubWF4KDAsIE1hdGgubWluKDEsIHMucmVsZXZhbmNlKSkgKiAxMDApO1xuICB9XG5cbiAgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMudG91Y2hlZCA9IHRydWU7XG4gICAgY29uc3QgbmV4dCA9ICF0aGlzLmlzT3BlbjtcbiAgICB0aGlzLmlubmVyT3BlbiA9IG5leHQ7XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQobmV4dCk7XG4gIH1cblxuICBwaWNrKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmlubmVyRmlsdGVyID0gdmFsdWU7XG4gICAgdGhpcy5maWx0ZXJDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gdGhlIHByZXZpZXcgb3BlbnMgdGhlIHNvdXJjZXMgb25jZSBvbiBpdHMgb3duLCB1bmxlc3MgeW91IHRha2Ugb3ZlciBmaXJzdFxuICAgIGlmICh0aGlzLnJlZHVjZWQucmVkdWNlKCkpIHJldHVybjtcbiAgICB0aGlzLmF1dG9UaW1lciA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKCF0aGlzLnRvdWNoZWQgJiYgIXRoaXMuaXNPcGVuKSB0aGlzLnRvZ2dsZSgpO1xuICAgIH0sIDExMDApO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYXV0b1RpbWVyKSBjbGVhclRpbWVvdXQodGhpcy5hdXRvVGltZXIpO1xuICB9XG59XG4iXX0=