@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/attachment-tray/attachment-tray.component.mjs

@@ -0,0 +1,402 @@
+// framework/angular/attachment-tray/attachment-tray.component.ts
+//
+// Native Angular port of framework/react/attachment-tray/AttachmentTray.tsx.
+// A drop zone, then the files as plain rows. Each file wears its type's hue: its
+// badge, its ring and the wash that fills its row from the left as it uploads.
+// Once it is up the agent reads it (the line shimmers) and says what it found.
+// Inputs mirror the React props; onFiles/onRemove map to @Output EventEmitters.
+import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, inject, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** The badge for a file type: its letters, its colour and its background. */
+function kind(name) {
+    const e = (name.split('.').pop() || '').toLowerCase();
+    if (e === 'pdf')
+        return ['PDF', 'var(--vo-pr)', 'var(--vo-pr-bg)'];
+    if (/png|jpg|jpeg|gif|webp|fig/.test(e))
+        return [e.toUpperCase().slice(0, 3), 'var(--vo-pl)', 'var(--vo-pl-bg)'];
+    if (/csv|xlsx/.test(e))
+        return ['CSV', 'var(--vo-pm)', 'var(--vo-pm-bg)'];
+    return [e.toUpperCase().slice(0, 3) || 'TXT', 'var(--vo-pb)', 'var(--vo-pb-bg)'];
+}
+const bytes = (b) => (b > 1e6 ? (b / 1e6).toFixed(1) + ' MB' : Math.max(1, Math.round(b / 1e3)) + ' KB');
+const RING = 50.3;
+export class AttachmentTrayComponent {
+    constructor() {
+        /** The files in the tray. */
+        this.files = [];
+        /** The drop zone's heading. */
+        this.title = 'Drop files here';
+        /** A link after "or" in the drop zone, like "add sample files". */
+        this.action = null;
+        /** Shows the drop zone as if a file were being dragged over it, for a scripted demo. */
+        this.dragging = false;
+        this.className = '';
+        /** Files the person dropped on the tray or picked with the file dialog. */
+        this.filesPicked = new EventEmitter();
+        /** Emitted once a removed file has animated out. Its presence also adds a remove button. */
+        this.remove$ = new EventEmitter();
+        this.motion = inject(ReducedMotionService);
+        this.RING = RING;
+        this.over = false;
+        this.ants = null;
+        // files that arrive together come in one after another
+        this.delays = new Map();
+        this.seen = new Set();
+        this.leaving = new Set();
+        this.removeTimers = new Map();
+        this.bytesOf = bytes;
+        this.round = Math.round;
+    }
+    get showRemove() {
+        return this.remove$.observed;
+    }
+    get rows() {
+        let k = 0;
+        const out = [];
+        for (const file of this.files) {
+            if (!this.seen.has(file.id)) {
+                this.seen.add(file.id);
+                this.delays.set(file.id, k++ * 80);
+            }
+            const [label, fg, bg] = kind(file.name);
+            const p = Math.max(0, Math.min(100, file.progress)) / 100;
+            const up = p >= 1;
+            const meta = !up
+                ? `${bytes(file.size)} · ${Math.round(p * 100)}%`
+                : file.detail && !file.reading
+                    ? `${bytes(file.size)} · ${file.detail}`
+                    : bytes(file.size);
+            out.push({
+                file,
+                delay: this.delays.get(file.id) ?? 0,
+                label,
+                fg,
+                bg,
+                p,
+                up,
+                meta,
+                dashoffset: RING * (1 - p),
+                leaving: this.leaving.has(file.id),
+            });
+        }
+        return out;
+    }
+    get line() {
+        if (this.summary !== undefined)
+            return this.summary;
+        const read = this.files.filter((f) => f.progress >= 100 && !f.reading).length;
+        return read ? `The agent can read ${read} ${read > 1 ? 'files' : 'file'} now` : '';
+    }
+    ngAfterViewInit() {
+        // the dashed edge follows the drop zone's size and corners, with the dashes spaced to meet evenly all the way round
+        const el = this.dropRef.nativeElement;
+        const fit = () => {
+            const w = el.offsetWidth;
+            const h = el.offsetHeight;
+            if (!w || !h)
+                return;
+            const k = 0.75;
+            const rx = Math.max(0, Math.min(parseFloat(getComputedStyle(el).borderTopLeftRadius) || 0, w / 2, h / 2) - k);
+            const per = 2 * (w + h - 4 * k) - (8 - 2 * Math.PI) * rx;
+            const step = per / Math.max(8, Math.round(per / 11));
+            this.ants = { w: w - 2 * k, h: h - 2 * k, rx, ap: step, ag: step - 4.5 };
+        };
+        fit();
+        this.ro = new ResizeObserver(fit);
+        this.ro.observe(el);
+    }
+    hold(e) {
+        e.preventDefault();
+        this.over = true;
+    }
+    onDrop(e) {
+        e.preventDefault();
+        this.over = false;
+        const list = e.dataTransfer?.files;
+        if (list && list.length)
+            this.filesPicked.emit(Array.from(list));
+    }
+    onChange(e) {
+        const input = e.target;
+        if (input.files?.length)
+            this.filesPicked.emit(Array.from(input.files));
+        input.value = '';
+    }
+    remove(row) {
+        if (row.leaving)
+            return;
+        const id = row.file.id;
+        this.leaving.add(id);
+        const t = setTimeout(() => {
+            this.leaving.delete(id);
+            this.removeTimers.delete(id);
+            this.remove$.emit(id);
+        }, this.motion.reduce() ? 0 : 320);
+        this.removeTimers.set(id, t);
+    }
+    ngOnDestroy() {
+        this.ro?.disconnect();
+        this.removeTimers.forEach((t) => clearTimeout(t));
+        this.removeTimers.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AttachmentTrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AttachmentTrayComponent, isStandalone: true, selector: "vo-attachment-tray", inputs: { files: "files", title: "title", action: "action", accept: "accept", summary: "summary", dragging: "dragging", className: "className" }, outputs: { filesPicked: "filesPicked", remove$: "remove$" }, viewQueries: [{ propertyName: "dropRef", first: true, predicate: ["drop"], descendants: true, static: true }], ngImport: i0, template: `
+    <div data-vo="" class="vo-atx" [class]="className">
+      <label
+        #drop
+        class="vo-atx-drop"
+        [class.vo-over]="over || dragging"
+        (dragenter)="hold($event)"
+        (dragover)="hold($event)"
+        (dragleave)="over = false"
+        (drop)="onDrop($event)"
+      >
+        <input
+          type="file"
+          multiple
+          [attr.accept]="accept || null"
+          class="vo-atx-file"
+          aria-label="Choose files"
+          (change)="onChange($event)"
+        />
+        <svg class="vo-atx-ants" aria-hidden="true">
+          @if (ants) {
+            <rect
+              [attr.x]="0.75"
+              [attr.y]="0.75"
+              [attr.width]="ants.w"
+              [attr.height]="ants.h"
+              [attr.rx]="ants.rx"
+              [style.--vo-ap.px]="ants.ap"
+              [style.--vo-ag.px]="ants.ag"
+            />
+          }
+        </svg>
+        <span class="vo-atx-ic"><vo-icon name="chev-u"></vo-icon></span>
+        <b>{{ title }}</b>
+        @if (action) {
+          <span class="vo-muted"
+            >or <button type="button" class="vo-atx-sample" (click)="action.onClick()">{{ action.label }}</button></span
+          >
+        }
+      </label>
+
+      <div class="vo-atx-list">
+        @for (row of rows; track row.file.id) {
+          <div
+            class="vo-atx-it"
+            [class.vo-up]="row.up"
+            [class.vo-leave]="row.leaving"
+            [class.vo-enter]="!row.leaving"
+            [style.--vo-c]="row.fg"
+            [style.--vo-cb]="row.bg"
+            [style.--vo-p]="(row.p * 100).toFixed(1) + '%'"
+            [style.animation-delay]="row.leaving ? null : row.delay + 'ms'"
+          >
+            <span class="vo-atx-ti">{{ row.label }}</span>
+            <span class="vo-atx-n">
+              <span class="vo-atx-nm">{{ row.file.name }}</span>
+              @if (!row.up) {
+                <span class="vo-atx-m vo-num">{{ row.meta }}</span>
+              } @else if (row.file.reading) {
+                <span class="vo-atx-m"><span class="vo-shim">{{ bytesOf(row.file.size) }} · Reading</span></span>
+              } @else {
+                <span class="vo-atx-m">{{ row.meta }}</span>
+              }
+            </span>
+
+            @if (row.up) {
+              @if (row.file.reading) {
+                <span class="vo-atx-rd"><span class="vo-spin" aria-hidden="true"></span></span>
+              } @else {
+                <span class="vo-atx-ok"><vo-icon name="ok"></vo-icon></span>
+              }
+            } @else {
+              <svg
+                class="vo-atx-ring"
+                viewBox="0 0 22 22"
+                role="progressbar"
+                [attr.aria-label]="'Uploading ' + row.file.name"
+                aria-valuemin="0"
+                aria-valuemax="100"
+                [attr.aria-valuenow]="round(row.p * 100)"
+              >
+                <circle cx="11" cy="11" r="8" fill="none" stroke="var(--vo-line)" stroke-width="2" />
+                <circle
+                  cx="11"
+                  cy="11"
+                  r="8"
+                  fill="none"
+                  [attr.stroke]="row.fg"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  [attr.stroke-dasharray]="RING"
+                  transform="rotate(-90 11 11)"
+                  [style.stroke-dashoffset]="row.dashoffset"
+                />
+              </svg>
+            }
+
+            @if (showRemove) {
+              <button
+                type="button"
+                class="vo-ib"
+                [attr.aria-label]="'Remove ' + row.file.name"
+                [attr.data-tip]="'Remove'"
+                [disabled]="row.leaving"
+                (click)="remove(row)"
+              >
+                <vo-icon name="x" size="xs"></vo-icon>
+              </button>
+            }
+          </div>
+        }
+      </div>
+
+      <div class="vo-atx-sum vo-muted">{{ line }}</div>
+    </div>
+  `, isInline: true, styles: [".vo-atx{display:flex;flex-direction:column;gap:10px}.vo-atx-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px var(--vo-s-4);border-radius:var(--vo-r-card);background:none;cursor:pointer;position:relative;font-size:13.5px;transition:background .35s,box-shadow .35s,transform .45s var(--vo-ease)}.vo-atx-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.vo-atx-ants rect{fill:none;stroke:var(--vo-faint);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4.5px var(--vo-ag,6.5px);transition:stroke .35s}@keyframes vo-atxants{to{stroke-dashoffset:calc(var(--vo-ap,11px) * -1)}}.vo-atx-drop.vo-over{background:var(--vo-accent-bg)}@media (hover:hover) and (pointer:fine){.vo-atx-drop:hover{background:var(--vo-accent-bg)}}.vo-atx-drop.vo-over .vo-atx-ants rect{stroke:var(--vo-accent-mark,var(--vo-accent))}@media (hover:hover) and (pointer:fine){.vo-atx-drop:hover .vo-atx-ants rect{stroke:var(--vo-accent-mark,var(--vo-accent))}}.vo-atx-ants rect{animation:vo-atxants 2.6s linear infinite}.vo-atx-drop.vo-over .vo-atx-ants rect{animation-duration:.9s}.vo-atx-drop.vo-over{transform:scale(1.015)}.vo-atx-file{position:absolute;inset:0;opacity:0;cursor:pointer}.vo-atx-drop:has(.vo-atx-file:focus-visible){outline:2px solid var(--vo-focus);outline-offset:2px}.vo-atx-ic{position:relative;width:34px;height:34px;border-radius:calc(11px * var(--vo-rk));background:var(--vo-surface);box-shadow:var(--vo-shadow);display:grid;place-items:center;color:var(--vo-fg2);transition:transform .45s var(--vo-ease),background .35s,color .35s}.vo-atx-drop.vo-over .vo-atx-ic{transform:translateY(-3px);background:var(--vo-surface);color:var(--vo-accent-fg,var(--vo-accent))}@media (hover:hover) and (pointer:fine){.vo-atx-drop:hover .vo-atx-ic{transform:translateY(-3px);background:var(--vo-surface);color:var(--vo-accent-fg,var(--vo-accent))}}.vo-atx-drop.vo-over .vo-atx-ic .vo-i{animation:vo-atxbob .9s var(--vo-ease-io) infinite}@keyframes vo-atxbob{50%{transform:translateY(-2px)}}.vo-atx-ic:before,.vo-atx-ic:after{content:\"\";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1.5px var(--vo-accent-mark,var(--vo-accent));opacity:0;pointer-events:none}.vo-atx-drop.vo-over .vo-atx-ic:before{animation:vo-atxring 1.4s var(--vo-ease) infinite}.vo-atx-drop.vo-over .vo-atx-ic:after{animation:vo-atxring 1.4s var(--vo-ease) .7s infinite}@keyframes vo-atxring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.vo-atx-sample{color:var(--vo-accent-fg,var(--vo-accent));font-weight:500;position:relative;z-index:1}.vo-atx-list{display:flex;flex-direction:column;gap:2px}.vo-atx-it{--vo-p:0%;position:relative;display:flex;align-items:center;gap:10px;padding:var(--vo-s-2) 6px var(--vo-s-2) var(--vo-s-2);border-radius:var(--vo-r-in);overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--vo-c,var(--vo-accent)) 8%,transparent) calc(var(--vo-p) - 24px),color-mix(in srgb,var(--vo-c,var(--vo-accent)) 16%,transparent) calc(var(--vo-p) - 1px),transparent var(--vo-p)) no-repeat}.vo-atx-it.vo-up{background-size:0 100%;transition:background-size .6s var(--vo-ease) .2s}.vo-atx-ti{width:30px;height:30px;border-radius:calc(9px * var(--vo-rk));display:grid;place-items:center;flex:none;font-size:9.5px;font-weight:500;letter-spacing:.02em;color:var(--vo-c);background:var(--vo-cb)}.vo-atx-n{flex:1;min-width:0;font-size:13px}.vo-atx-nm{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-atx-m{display:block;font-size:12px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-atx-m .vo-shim{font-size:inherit}.vo-atx-it:not(.vo-up) .vo-atx-m{color:var(--vo-fg2)}.vo-atx-ring{width:22px;height:22px;flex:none}.vo-atx-ring circle{transition:stroke-dashoffset .3s linear}.vo-atx-ok{display:grid;place-items:center;width:22px;flex:none;color:var(--vo-ok)}.vo-atx-ok .vo-i{animation:vo-atxpop .45s var(--vo-ease) backwards}@keyframes vo-atxpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:none}}.vo-atx-rd{display:grid;place-items:center;width:22px;flex:none;color:var(--vo-c)}.vo-atx-rd .vo-spin{width:12px;height:12px}.vo-atx-it .vo-ib{width:26px;height:26px;flex:none}.vo-atx-sum{font-size:12.5px;text-align:center;min-height:18px}:root:not([data-style=soft]) .vo-atx-it:not(:where([data-style=soft],[data-style=soft] *)){background:linear-gradient(var(--vo-c,var(--vo-accent)),var(--vo-c,var(--vo-accent))) 0 100%/var(--vo-p) 2px no-repeat}:root:not([data-style=soft]) .vo-atx-it.vo-up:not(:where([data-style=soft],[data-style=soft] *)){background-size:0 2px}:root:not([data-style=soft]) .vo-atx-drop.vo-over .vo-atx-ic:not(:where([data-style=soft],[data-style=soft] *)):before{animation:vo-atxringbp 1s steps(4,end) infinite}:root:not([data-style=soft]) .vo-atx-drop.vo-over .vo-atx-ic:not(:where([data-style=soft],[data-style=soft] *)):after{animation:none}@keyframes vo-atxringbp{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}:root:not([data-style=soft]) .vo-atx-ok .vo-i:not(:where([data-style=soft],[data-style=soft] *)){animation:none}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:vo-rot .8s linear infinite;flex:none;display:inline-block}@keyframes vo-rot{to{transform:rotate(360deg)}}.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-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.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-leave{animation:vo-leave .35s var(--vo-ease) both}@keyframes vo-leave{to{opacity:0;transform:translateY(-6px);filter:blur(4px)}}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-enter,.vo-leave{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: AttachmentTrayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-attachment-tray', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" class="vo-atx" [class]="className">
+      <label
+        #drop
+        class="vo-atx-drop"
+        [class.vo-over]="over || dragging"
+        (dragenter)="hold($event)"
+        (dragover)="hold($event)"
+        (dragleave)="over = false"
+        (drop)="onDrop($event)"
+      >
+        <input
+          type="file"
+          multiple
+          [attr.accept]="accept || null"
+          class="vo-atx-file"
+          aria-label="Choose files"
+          (change)="onChange($event)"
+        />
+        <svg class="vo-atx-ants" aria-hidden="true">
+          @if (ants) {
+            <rect
+              [attr.x]="0.75"
+              [attr.y]="0.75"
+              [attr.width]="ants.w"
+              [attr.height]="ants.h"
+              [attr.rx]="ants.rx"
+              [style.--vo-ap.px]="ants.ap"
+              [style.--vo-ag.px]="ants.ag"
+            />
+          }
+        </svg>
+        <span class="vo-atx-ic"><vo-icon name="chev-u"></vo-icon></span>
+        <b>{{ title }}</b>
+        @if (action) {
+          <span class="vo-muted"
+            >or <button type="button" class="vo-atx-sample" (click)="action.onClick()">{{ action.label }}</button></span
+          >
+        }
+      </label>
+
+      <div class="vo-atx-list">
+        @for (row of rows; track row.file.id) {
+          <div
+            class="vo-atx-it"
+            [class.vo-up]="row.up"
+            [class.vo-leave]="row.leaving"
+            [class.vo-enter]="!row.leaving"
+            [style.--vo-c]="row.fg"
+            [style.--vo-cb]="row.bg"
+            [style.--vo-p]="(row.p * 100).toFixed(1) + '%'"
+            [style.animation-delay]="row.leaving ? null : row.delay + 'ms'"
+          >
+            <span class="vo-atx-ti">{{ row.label }}</span>
+            <span class="vo-atx-n">
+              <span class="vo-atx-nm">{{ row.file.name }}</span>
+              @if (!row.up) {
+                <span class="vo-atx-m vo-num">{{ row.meta }}</span>
+              } @else if (row.file.reading) {
+                <span class="vo-atx-m"><span class="vo-shim">{{ bytesOf(row.file.size) }} · Reading</span></span>
+              } @else {
+                <span class="vo-atx-m">{{ row.meta }}</span>
+              }
+            </span>
+
+            @if (row.up) {
+              @if (row.file.reading) {
+                <span class="vo-atx-rd"><span class="vo-spin" aria-hidden="true"></span></span>
+              } @else {
+                <span class="vo-atx-ok"><vo-icon name="ok"></vo-icon></span>
+              }
+            } @else {
+              <svg
+                class="vo-atx-ring"
+                viewBox="0 0 22 22"
+                role="progressbar"
+                [attr.aria-label]="'Uploading ' + row.file.name"
+                aria-valuemin="0"
+                aria-valuemax="100"
+                [attr.aria-valuenow]="round(row.p * 100)"
+              >
+                <circle cx="11" cy="11" r="8" fill="none" stroke="var(--vo-line)" stroke-width="2" />
+                <circle
+                  cx="11"
+                  cy="11"
+                  r="8"
+                  fill="none"
+                  [attr.stroke]="row.fg"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  [attr.stroke-dasharray]="RING"
+                  transform="rotate(-90 11 11)"
+                  [style.stroke-dashoffset]="row.dashoffset"
+                />
+              </svg>
+            }
+
+            @if (showRemove) {
+              <button
+                type="button"
+                class="vo-ib"
+                [attr.aria-label]="'Remove ' + row.file.name"
+                [attr.data-tip]="'Remove'"
+                [disabled]="row.leaving"
+                (click)="remove(row)"
+              >
+                <vo-icon name="x" size="xs"></vo-icon>
+              </button>
+            }
+          </div>
+        }
+      </div>
+
+      <div class="vo-atx-sum vo-muted">{{ line }}</div>
+    </div>
+  `, styles: [".vo-atx{display:flex;flex-direction:column;gap:10px}.vo-atx-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px var(--vo-s-4);border-radius:var(--vo-r-card);background:none;cursor:pointer;position:relative;font-size:13.5px;transition:background .35s,box-shadow .35s,transform .45s var(--vo-ease)}.vo-atx-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.vo-atx-ants rect{fill:none;stroke:var(--vo-faint);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4.5px var(--vo-ag,6.5px);transition:stroke .35s}@keyframes vo-atxants{to{stroke-dashoffset:calc(var(--vo-ap,11px) * -1)}}.vo-atx-drop.vo-over{background:var(--vo-accent-bg)}@media (hover:hover) and (pointer:fine){.vo-atx-drop:hover{background:var(--vo-accent-bg)}}.vo-atx-drop.vo-over .vo-atx-ants rect{stroke:var(--vo-accent-mark,var(--vo-accent))}@media (hover:hover) and (pointer:fine){.vo-atx-drop:hover .vo-atx-ants rect{stroke:var(--vo-accent-mark,var(--vo-accent))}}.vo-atx-ants rect{animation:vo-atxants 2.6s linear infinite}.vo-atx-drop.vo-over .vo-atx-ants rect{animation-duration:.9s}.vo-atx-drop.vo-over{transform:scale(1.015)}.vo-atx-file{position:absolute;inset:0;opacity:0;cursor:pointer}.vo-atx-drop:has(.vo-atx-file:focus-visible){outline:2px solid var(--vo-focus);outline-offset:2px}.vo-atx-ic{position:relative;width:34px;height:34px;border-radius:calc(11px * var(--vo-rk));background:var(--vo-surface);box-shadow:var(--vo-shadow);display:grid;place-items:center;color:var(--vo-fg2);transition:transform .45s var(--vo-ease),background .35s,color .35s}.vo-atx-drop.vo-over .vo-atx-ic{transform:translateY(-3px);background:var(--vo-surface);color:var(--vo-accent-fg,var(--vo-accent))}@media (hover:hover) and (pointer:fine){.vo-atx-drop:hover .vo-atx-ic{transform:translateY(-3px);background:var(--vo-surface);color:var(--vo-accent-fg,var(--vo-accent))}}.vo-atx-drop.vo-over .vo-atx-ic .vo-i{animation:vo-atxbob .9s var(--vo-ease-io) infinite}@keyframes vo-atxbob{50%{transform:translateY(-2px)}}.vo-atx-ic:before,.vo-atx-ic:after{content:\"\";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1.5px var(--vo-accent-mark,var(--vo-accent));opacity:0;pointer-events:none}.vo-atx-drop.vo-over .vo-atx-ic:before{animation:vo-atxring 1.4s var(--vo-ease) infinite}.vo-atx-drop.vo-over .vo-atx-ic:after{animation:vo-atxring 1.4s var(--vo-ease) .7s infinite}@keyframes vo-atxring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.vo-atx-sample{color:var(--vo-accent-fg,var(--vo-accent));font-weight:500;position:relative;z-index:1}.vo-atx-list{display:flex;flex-direction:column;gap:2px}.vo-atx-it{--vo-p:0%;position:relative;display:flex;align-items:center;gap:10px;padding:var(--vo-s-2) 6px var(--vo-s-2) var(--vo-s-2);border-radius:var(--vo-r-in);overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--vo-c,var(--vo-accent)) 8%,transparent) calc(var(--vo-p) - 24px),color-mix(in srgb,var(--vo-c,var(--vo-accent)) 16%,transparent) calc(var(--vo-p) - 1px),transparent var(--vo-p)) no-repeat}.vo-atx-it.vo-up{background-size:0 100%;transition:background-size .6s var(--vo-ease) .2s}.vo-atx-ti{width:30px;height:30px;border-radius:calc(9px * var(--vo-rk));display:grid;place-items:center;flex:none;font-size:9.5px;font-weight:500;letter-spacing:.02em;color:var(--vo-c);background:var(--vo-cb)}.vo-atx-n{flex:1;min-width:0;font-size:13px}.vo-atx-nm{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-atx-m{display:block;font-size:12px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-atx-m .vo-shim{font-size:inherit}.vo-atx-it:not(.vo-up) .vo-atx-m{color:var(--vo-fg2)}.vo-atx-ring{width:22px;height:22px;flex:none}.vo-atx-ring circle{transition:stroke-dashoffset .3s linear}.vo-atx-ok{display:grid;place-items:center;width:22px;flex:none;color:var(--vo-ok)}.vo-atx-ok .vo-i{animation:vo-atxpop .45s var(--vo-ease) backwards}@keyframes vo-atxpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:none}}.vo-atx-rd{display:grid;place-items:center;width:22px;flex:none;color:var(--vo-c)}.vo-atx-rd .vo-spin{width:12px;height:12px}.vo-atx-it .vo-ib{width:26px;height:26px;flex:none}.vo-atx-sum{font-size:12.5px;text-align:center;min-height:18px}:root:not([data-style=soft]) .vo-atx-it:not(:where([data-style=soft],[data-style=soft] *)){background:linear-gradient(var(--vo-c,var(--vo-accent)),var(--vo-c,var(--vo-accent))) 0 100%/var(--vo-p) 2px no-repeat}:root:not([data-style=soft]) .vo-atx-it.vo-up:not(:where([data-style=soft],[data-style=soft] *)){background-size:0 2px}:root:not([data-style=soft]) .vo-atx-drop.vo-over .vo-atx-ic:not(:where([data-style=soft],[data-style=soft] *)):before{animation:vo-atxringbp 1s steps(4,end) infinite}:root:not([data-style=soft]) .vo-atx-drop.vo-over .vo-atx-ic:not(:where([data-style=soft],[data-style=soft] *)):after{animation:none}@keyframes vo-atxringbp{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}:root:not([data-style=soft]) .vo-atx-ok .vo-i:not(:where([data-style=soft],[data-style=soft] *)){animation:none}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:vo-rot .8s linear infinite;flex:none;display:inline-block}@keyframes vo-rot{to{transform:rotate(360deg)}}.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-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.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-leave{animation:vo-leave .35s var(--vo-ease) both}@keyframes vo-leave{to{opacity:0;transform:translateY(-6px);filter:blur(4px)}}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-enter,.vo-leave{animation:none}}\n"] }]
+        }], propDecorators: { files: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], action: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], summary: [{
+                type: Input
+            }], dragging: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], filesPicked: [{
+                type: Output
+            }], remove$: [{
+                type: Output
+            }], dropRef: [{
+                type: ViewChild,
+                args: ['drop', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0YWNobWVudC10cmF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2F0dGFjaG1lbnQtdHJheS9hdHRhY2htZW50LXRyYXkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlFQUFpRTtBQUNqRSxFQUFFO0FBQ0YsNkVBQTZFO0FBQzdFLGlGQUFpRjtBQUNqRiwrRUFBK0U7QUFDL0UsK0VBQStFO0FBQy9FLGdGQUFnRjtBQUVoRixPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7QUFzQnRFLDZFQUE2RTtBQUM3RSxTQUFTLElBQUksQ0FBQyxJQUFZO0lBQ3hCLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN0RCxJQUFJLENBQUMsS0FBSyxLQUFLO1FBQUUsT0FBTyxDQUFDLEtBQUssRUFBRSxjQUFjLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztJQUNuRSxJQUFJLDJCQUEyQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixDQUFDLENBQUM7SUFDakgsSUFBSSxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUFFLE9BQU8sQ0FBQyxLQUFLLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixDQUFDLENBQUM7SUFDMUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLEtBQUssRUFBRSxjQUFjLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztBQUNuRixDQUFDO0FBQ0QsTUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQztBQUNqSCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUM7QUFvSmxCLE1BQU0sT0FBTyx1QkFBdUI7SUEzSHBDO1FBNEhFLDZCQUE2QjtRQUNwQixVQUFLLEdBQWlCLEVBQUUsQ0FBQztRQUNsQywrQkFBK0I7UUFDdEIsVUFBSyxHQUFHLGlCQUFpQixDQUFDO1FBQ25DLG1FQUFtRTtRQUMxRCxXQUFNLEdBQTRCLElBQUksQ0FBQztRQUtoRCx3RkFBd0Y7UUFDL0UsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRXhCLDJFQUEyRTtRQUNqRSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbkQsNEZBQTRGO1FBQ2xGLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSTlCLFdBQU0sR0FBRyxNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUU5QyxTQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDYixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUV6Qix1REFBdUQ7UUFDL0MsV0FBTSxHQUFHLElBQUksR0FBRyxFQUFrQixDQUFDO1FBQ25DLFNBQUksR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO1FBQ3pCLFlBQU8sR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO1FBQzVCLGlCQUFZLEdBQUcsSUFBSSxHQUFHLEVBQXlDLENBQUM7UUFHeEUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixVQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztLQW9HcEI7SUFsR0MsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsTUFBTSxHQUFHLEdBQVUsRUFBRSxDQUFDO1FBQ3RCLEtBQUssTUFBTSxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3JDLENBQUM7WUFDRCxNQUFNLENBQUMsS0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3hDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQztZQUMxRCxNQUFNLEVBQUUsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2xCLE1BQU0sSUFBSSxHQUFHLENBQUMsRUFBRTtnQkFDZCxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxHQUFHO2dCQUNqRCxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPO29CQUM1QixDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxNQUFNLEVBQUU7b0JBQ3hDLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3ZCLEdBQUcsQ0FBQyxJQUFJLENBQUM7Z0JBQ1AsSUFBSTtnQkFDSixLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUM7Z0JBQ3BDLEtBQUs7Z0JBQ0wsRUFBRTtnQkFDRixFQUFFO2dCQUNGLENBQUM7Z0JBQ0QsRUFBRTtnQkFDRixJQUFJO2dCQUNKLFVBQVUsRUFBRSxJQUFJLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUMxQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQzthQUNuQyxDQUFDLENBQUM7UUFDTCxDQUFDO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVM7WUFBRSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDcEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQUksR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUM5RSxPQUFPLElBQUksQ0FBQyxDQUFDLENBQUMsc0JBQXNCLElBQUksSUFBSSxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDckYsQ0FBQztJQUVELGVBQWU7UUFDYixvSEFBb0g7UUFDcEgsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7UUFDdEMsTUFBTSxHQUFHLEdBQUcsR0FBRyxFQUFFO1lBQ2YsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLFdBQVcsQ0FBQztZQUN6QixNQUFNLENBQUMsR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDO1lBQzFCLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUFFLE9BQU87WUFDckIsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDO1lBQ2YsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDOUcsTUFBTSxHQUFHLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDekQsTUFBTSxJQUFJLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDckQsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUMzRSxDQUFDLENBQUM7UUFDRixHQUFHLEVBQUUsQ0FBQztRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQUksQ0FBQyxDQUFZO1FBQ2YsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxNQUFNLENBQUMsQ0FBWTtRQUNqQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsTUFBTSxJQUFJLEdBQUcsQ0FBQyxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUM7UUFDbkMsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU07WUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELFFBQVEsQ0FBQyxDQUFRO1FBQ2YsTUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFDLE1BQTBCLENBQUM7UUFDM0MsSUFBSSxLQUFLLENBQUMsS0FBSyxFQUFFLE1BQU07WUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ3hFLEtBQUssQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxNQUFNLENBQUMsR0FBUTtRQUNiLElBQUksR0FBRyxDQUFDLE9BQU87WUFBRSxPQUFPO1FBQ3hCLE1BQU0sRUFBRSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JCLE1BQU0sQ0FBQyxHQUFHLFVBQVUsQ0FDbEIsR0FBRyxFQUFFO1lBQ0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEIsQ0FBQyxFQUNELElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUMvQixDQUFDO1FBQ0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLEVBQUUsRUFBRSxVQUFVLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQXZJVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qiw0WUF0SHhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUhULDQvTUFwSFMsZUFBZTs7NEZBdUhkLHVCQUF1QjtrQkEzSG5DLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksaUJBQ0QsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLGVBQWUsQ0FBQyxZQUNoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1IVDs4QkFLUSxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFHSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVHLE9BQU87c0JBQWhCLE1BQU07Z0JBRThCLE9BQU87c0JBQTNDLFNBQVM7dUJBQUMsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbIi8vIGZyYW1ld29yay9hbmd1bGFyL2F0dGFjaG1lbnQtdHJheS9hdHRhY2htZW50LXRyYXkuY29tcG9uZW50LnRzXG4vL1xuLy8gTmF0aXZlIEFuZ3VsYXIgcG9ydCBvZiBmcmFtZXdvcmsvcmVhY3QvYXR0YWNobWVudC10cmF5L0F0dGFjaG1lbnRUcmF5LnRzeC5cbi8vIEEgZHJvcCB6b25lLCB0aGVuIHRoZSBmaWxlcyBhcyBwbGFpbiByb3dzLiBFYWNoIGZpbGUgd2VhcnMgaXRzIHR5cGUncyBodWU6IGl0c1xuLy8gYmFkZ2UsIGl0cyByaW5nIGFuZCB0aGUgd2FzaCB0aGF0IGZpbGxzIGl0cyByb3cgZnJvbSB0aGUgbGVmdCBhcyBpdCB1cGxvYWRzLlxuLy8gT25jZSBpdCBpcyB1cCB0aGUgYWdlbnQgcmVhZHMgaXQgKHRoZSBsaW5lIHNoaW1tZXJzKSBhbmQgc2F5cyB3aGF0IGl0IGZvdW5kLlxuLy8gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7IG9uRmlsZXMvb25SZW1vdmUgbWFwIHRvIEBPdXRwdXQgRXZlbnRFbWl0dGVycy5cblxuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZvSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2NvcmUvaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmVkdWNlZE1vdGlvblNlcnZpY2UgfSBmcm9tICcuLi9jb3JlL3JlZHVjZWQtbW90aW9uLnNlcnZpY2UnO1xuXG4vKiogT25lIGZpbGUgaW4gdGhlIHRyYXksIGZyb20gdXBsb2FkIHRocm91Z2ggdG8gd2hhdCB0aGUgYWdlbnQgcmVhZCBpbiBpdC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQXR0YWNobWVudCB7XG4gIGlkOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbiAgLyoqIEluIGJ5dGVzLiAqL1xuICBzaXplOiBudW1iZXI7XG4gIC8qKiAwIHRvIDEwMC4gVGhlIHJpbmcgY2xvc2VzIGFuZCB0aGUgcm93IGZpbGxzIHdpdGggdGhlIGZpbGUgdHlwZSdzIGNvbG91cjsgYXQgMTAwIHRoZSByaW5nIHR1cm5zIGludG8gYSBjaGVjay4gKi9cbiAgcHJvZ3Jlc3M6IG51bWJlcjtcbiAgLyoqIEFmdGVyIHRoZSB1cGxvYWQsIHdoaWxlIHRoZSBhZ2VudCByZWFkcyB0aGUgZmlsZTogYSBzcGlubmVyLCBhbmQgXCJSZWFkaW5nXCIgc2hpbW1lcmluZyBhZnRlciB0aGUgc2l6ZS4gKi9cbiAgcmVhZGluZz86IGJvb2xlYW47XG4gIC8qKiBXaGF0IHRoZSBhZ2VudCBmb3VuZCBvbmNlIGl0IGhhcyByZWFkIHRoZSBmaWxlLCBsaWtlIFwiMTIgcGFnZXNcIiwgc2hvd24gYWZ0ZXIgdGhlIHNpemUuICovXG4gIGRldGFpbD86IHN0cmluZztcbn1cblxuLyoqIEEgbGluayBhZnRlciBcIm9yXCIgaW4gdGhlIGRyb3Agem9uZSwgbGlrZSBcImFkZCBzYW1wbGUgZmlsZXNcIi4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQXR0YWNobWVudEFjdGlvbiB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59XG5cbi8qKiBUaGUgYmFkZ2UgZm9yIGEgZmlsZSB0eXBlOiBpdHMgbGV0dGVycywgaXRzIGNvbG91ciBhbmQgaXRzIGJhY2tncm91bmQuICovXG5mdW5jdGlvbiBraW5kKG5hbWU6IHN0cmluZyk6IFtzdHJpbmcsIHN0cmluZywgc3RyaW5nXSB7XG4gIGNvbnN0IGUgPSAobmFtZS5zcGxpdCgnLicpLnBvcCgpIHx8ICcnKS50b0xvd2VyQ2FzZSgpO1xuICBpZiAoZSA9PT0gJ3BkZicpIHJldHVybiBbJ1BERicsICd2YXIoLS12by1wciknLCAndmFyKC0tdm8tcHItYmcpJ107XG4gIGlmICgvcG5nfGpwZ3xqcGVnfGdpZnx3ZWJwfGZpZy8udGVzdChlKSkgcmV0dXJuIFtlLnRvVXBwZXJDYXNlKCkuc2xpY2UoMCwgMyksICd2YXIoLS12by1wbCknLCAndmFyKC0tdm8tcGwtYmcpJ107XG4gIGlmICgvY3N2fHhsc3gvLnRlc3QoZSkpIHJldHVybiBbJ0NTVicsICd2YXIoLS12by1wbSknLCAndmFyKC0tdm8tcG0tYmcpJ107XG4gIHJldHVybiBbZS50b1VwcGVyQ2FzZSgpLnNsaWNlKDAsIDMpIHx8ICdUWFQnLCAndmFyKC0tdm8tcGIpJywgJ3ZhcigtLXZvLXBiLWJnKSddO1xufVxuY29uc3QgYnl0ZXMgPSAoYjogbnVtYmVyKSA9PiAoYiA+IDFlNiA/IChiIC8gMWU2KS50b0ZpeGVkKDEpICsgJyBNQicgOiBNYXRoLm1heCgxLCBNYXRoLnJvdW5kKGIgLyAxZTMpKSArICcgS0InKTtcbmNvbnN0IFJJTkcgPSA1MC4zO1xuXG4vKiogQSBmaWxlIHJvdyB3aXRoIGV2ZXJ5dGhpbmcgdGhlIHRlbXBsYXRlIG5lZWRzIGNvbXB1dGVkIGZyb20gaXRzIEF0dGFjaG1lbnQuICovXG5pbnRlcmZhY2UgUm93IHtcbiAgZmlsZTogQXR0YWNobWVudDtcbiAgZGVsYXk6IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgZmc6IHN0cmluZztcbiAgYmc6IHN0cmluZztcbiAgcDogbnVtYmVyO1xuICB1cDogYm9vbGVhbjtcbiAgbWV0YTogc3RyaW5nO1xuICBkYXNob2Zmc2V0OiBudW1iZXI7XG4gIGxlYXZpbmc6IGJvb2xlYW47XG59XG5cbi8qKiBUaGUgZGFzaGVkIGVkZ2Ugb2YgdGhlIGRyb3Agem9uZSwgYXMgYSByZWN0IHdob3NlIGRhc2hlcyBtYXJjaCBhcm91bmQgdGhlIGNvcm5lcnMuICovXG5pbnRlcmZhY2UgQW50cyB7XG4gIHc6IG51bWJlcjtcbiAgaDogbnVtYmVyO1xuICByeDogbnVtYmVyO1xuICBhcDogbnVtYmVyO1xuICBhZzogbnVtYmVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2by1hdHRhY2htZW50LXRyYXknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbVm9JY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGRhdGEtdm89XCJcIiBjbGFzcz1cInZvLWF0eFwiIFtjbGFzc109XCJjbGFzc05hbWVcIj5cbiAgICAgIDxsYWJlbFxuICAgICAgICAjZHJvcFxuICAgICAgICBjbGFzcz1cInZvLWF0eC1kcm9wXCJcbiAgICAgICAgW2NsYXNzLnZvLW92ZXJdPVwib3ZlciB8fCBkcmFnZ2luZ1wiXG4gICAgICAgIChkcmFnZW50ZXIpPVwiaG9sZCgkZXZlbnQpXCJcbiAgICAgICAgKGRyYWdvdmVyKT1cImhvbGQoJGV2ZW50KVwiXG4gICAgICAgIChkcmFnbGVhdmUpPVwib3ZlciA9IGZhbHNlXCJcbiAgICAgICAgKGRyb3ApPVwib25Ecm9wKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgbXVsdGlwbGVcbiAgICAgICAgICBbYXR0ci5hY2NlcHRdPVwiYWNjZXB0IHx8IG51bGxcIlxuICAgICAgICAgIGNsYXNzPVwidm8tYXR4LWZpbGVcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJDaG9vc2UgZmlsZXNcIlxuICAgICAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxzdmcgY2xhc3M9XCJ2by1hdHgtYW50c1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIEBpZiAoYW50cykge1xuICAgICAgICAgICAgPHJlY3RcbiAgICAgICAgICAgICAgW2F0dHIueF09XCIwLjc1XCJcbiAgICAgICAgICAgICAgW2F0dHIueV09XCIwLjc1XCJcbiAgICAgICAgICAgICAgW2F0dHIud2lkdGhdPVwiYW50cy53XCJcbiAgICAgICAgICAgICAgW2F0dHIuaGVpZ2h0XT1cImFudHMuaFwiXG4gICAgICAgICAgICAgIFthdHRyLnJ4XT1cImFudHMucnhcIlxuICAgICAgICAgICAgICBbc3R5bGUuLS12by1hcC5weF09XCJhbnRzLmFwXCJcbiAgICAgICAgICAgICAgW3N0eWxlLi0tdm8tYWcucHhdPVwiYW50cy5hZ1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zdmc+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tYXR4LWljXCI+PHZvLWljb24gbmFtZT1cImNoZXYtdVwiPjwvdm8taWNvbj48L3NwYW4+XG4gICAgICAgIDxiPnt7IHRpdGxlIH19PC9iPlxuICAgICAgICBAaWYgKGFjdGlvbikge1xuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tbXV0ZWRcIlxuICAgICAgICAgICAgPm9yIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidm8tYXR4LXNhbXBsZVwiIChjbGljayk9XCJhY3Rpb24ub25DbGljaygpXCI+e3sgYWN0aW9uLmxhYmVsIH19PC9idXR0b24+PC9zcGFuXG4gICAgICAgICAgPlxuICAgICAgICB9XG4gICAgICA8L2xhYmVsPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidm8tYXR4LWxpc3RcIj5cbiAgICAgICAgQGZvciAocm93IG9mIHJvd3M7IHRyYWNrIHJvdy5maWxlLmlkKSB7XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJ2by1hdHgtaXRcIlxuICAgICAgICAgICAgW2NsYXNzLnZvLXVwXT1cInJvdy51cFwiXG4gICAgICAgICAgICBbY2xhc3Mudm8tbGVhdmVdPVwicm93LmxlYXZpbmdcIlxuICAgICAgICAgICAgW2NsYXNzLnZvLWVudGVyXT1cIiFyb3cubGVhdmluZ1wiXG4gICAgICAgICAgICBbc3R5bGUuLS12by1jXT1cInJvdy5mZ1wiXG4gICAgICAgICAgICBbc3R5bGUuLS12by1jYl09XCJyb3cuYmdcIlxuICAgICAgICAgICAgW3N0eWxlLi0tdm8tcF09XCIocm93LnAgKiAxMDApLnRvRml4ZWQoMSkgKyAnJSdcIlxuICAgICAgICAgICAgW3N0eWxlLmFuaW1hdGlvbi1kZWxheV09XCJyb3cubGVhdmluZyA/IG51bGwgOiByb3cuZGVsYXkgKyAnbXMnXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWF0eC10aVwiPnt7IHJvdy5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tYXR4LW5cIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1hdHgtbm1cIj57eyByb3cuZmlsZS5uYW1lIH19PC9zcGFuPlxuICAgICAgICAgICAgICBAaWYgKCFyb3cudXApIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWF0eC1tIHZvLW51bVwiPnt7IHJvdy5tZXRhIH19PC9zcGFuPlxuICAgICAgICAgICAgICB9IEBlbHNlIGlmIChyb3cuZmlsZS5yZWFkaW5nKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1hdHgtbVwiPjxzcGFuIGNsYXNzPVwidm8tc2hpbVwiPnt7IGJ5dGVzT2Yocm93LmZpbGUuc2l6ZSkgfX0gwrcgUmVhZGluZzwvc3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tYXR4LW1cIj57eyByb3cubWV0YSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgICAgICBAaWYgKHJvdy51cCkge1xuICAgICAgICAgICAgICBAaWYgKHJvdy5maWxlLnJlYWRpbmcpIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWF0eC1yZFwiPjxzcGFuIGNsYXNzPVwidm8tc3BpblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tYXR4LW9rXCI+PHZvLWljb24gbmFtZT1cIm9rXCI+PC92by1pY29uPjwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgICBjbGFzcz1cInZvLWF0eC1yaW5nXCJcbiAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDIyIDIyXCJcbiAgICAgICAgICAgICAgICByb2xlPVwicHJvZ3Jlc3NiYXJcIlxuICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ1VwbG9hZGluZyAnICsgcm93LmZpbGUubmFtZVwiXG4gICAgICAgICAgICAgICAgYXJpYS12YWx1ZW1pbj1cIjBcIlxuICAgICAgICAgICAgICAgIGFyaWEtdmFsdWVtYXg9XCIxMDBcIlxuICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtdmFsdWVub3ddPVwicm91bmQocm93LnAgKiAxMDApXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxjaXJjbGUgY3g9XCIxMVwiIGN5PVwiMTFcIiByPVwiOFwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwidmFyKC0tdm8tbGluZSlcIiBzdHJva2Utd2lkdGg9XCIyXCIgLz5cbiAgICAgICAgICAgICAgICA8Y2lyY2xlXG4gICAgICAgICAgICAgICAgICBjeD1cIjExXCJcbiAgICAgICAgICAgICAgICAgIGN5PVwiMTFcIlxuICAgICAgICAgICAgICAgICAgcj1cIjhcIlxuICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuc3Ryb2tlXT1cInJvdy5mZ1wiXG4gICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIyXCJcbiAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuc3Ryb2tlLWRhc2hhcnJheV09XCJSSU5HXCJcbiAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybT1cInJvdGF0ZSgtOTAgMTEgMTEpXCJcbiAgICAgICAgICAgICAgICAgIFtzdHlsZS5zdHJva2UtZGFzaG9mZnNldF09XCJyb3cuZGFzaG9mZnNldFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBpZiAoc2hvd1JlbW92ZSkge1xuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ2by1pYlwiXG4gICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInUmVtb3ZlICcgKyByb3cuZmlsZS5uYW1lXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5kYXRhLXRpcF09XCInUmVtb3ZlJ1wiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInJvdy5sZWF2aW5nXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlKHJvdylcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cInhcIiBzaXplPVwieHNcIj48L3ZvLWljb24+XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInZvLWF0eC1zdW0gdm8tbXV0ZWRcIj57eyBsaW5lIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9hdHRhY2htZW50LXRyYXkuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQXR0YWNobWVudFRyYXlDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICAvKiogVGhlIGZpbGVzIGluIHRoZSB0cmF5LiAqL1xuICBASW5wdXQoKSBmaWxlczogQXR0YWNobWVudFtdID0gW107XG4gIC8qKiBUaGUgZHJvcCB6b25lJ3MgaGVhZGluZy4gKi9cbiAgQElucHV0KCkgdGl0bGUgPSAnRHJvcCBmaWxlcyBoZXJlJztcbiAgLyoqIEEgbGluayBhZnRlciBcIm9yXCIgaW4gdGhlIGRyb3Agem9uZSwgbGlrZSBcImFkZCBzYW1wbGUgZmlsZXNcIi4gKi9cbiAgQElucHV0KCkgYWN0aW9uOiBBdHRhY2htZW50QWN0aW9uIHwgbnVsbCA9IG51bGw7XG4gIC8qKiBQYXNzZWQgdG8gdGhlIGZpbGUgaW5wdXQsIGxpa2UgXCJpbWFnZS8qLC5wZGZcIi4gKi9cbiAgQElucHV0KCkgYWNjZXB0Pzogc3RyaW5nO1xuICAvKiogVGhlIGxpbmUgdW5kZXIgdGhlIGxpc3QuIERlZmF1bHRzIHRvIGhvdyBtYW55IGZpbGVzIHRoZSBhZ2VudCBjYW4gcmVhZC4gKi9cbiAgQElucHV0KCkgc3VtbWFyeT86IHN0cmluZztcbiAgLyoqIFNob3dzIHRoZSBkcm9wIHpvbmUgYXMgaWYgYSBmaWxlIHdlcmUgYmVpbmcgZHJhZ2dlZCBvdmVyIGl0LCBmb3IgYSBzY3JpcHRlZCBkZW1vLiAqL1xuICBASW5wdXQoKSBkcmFnZ2luZyA9IGZhbHNlO1xuICBASW5wdXQoKSBjbGFzc05hbWUgPSAnJztcblxuICAvKiogRmlsZXMgdGhlIHBlcnNvbiBkcm9wcGVkIG9uIHRoZSB0cmF5IG9yIHBpY2tlZCB3aXRoIHRoZSBmaWxlIGRpYWxvZy4gKi9cbiAgQE91dHB1dCgpIGZpbGVzUGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlW10+KCk7XG4gIC8qKiBFbWl0dGVkIG9uY2UgYSByZW1vdmVkIGZpbGUgaGFzIGFuaW1hdGVkIG91dC4gSXRzIHByZXNlbmNlIGFsc28gYWRkcyBhIHJlbW92ZSBidXR0b24uICovXG4gIEBPdXRwdXQoKSByZW1vdmUkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQFZpZXdDaGlsZCgnZHJvcCcsIHsgc3RhdGljOiB0cnVlIH0pIGRyb3BSZWYhOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuICBwcml2YXRlIHJlYWRvbmx5IG1vdGlvbiA9IGluamVjdChSZWR1Y2VkTW90aW9uU2VydmljZSk7XG5cbiAgcmVhZG9ubHkgUklORyA9IFJJTkc7XG4gIG92ZXIgPSBmYWxzZTtcbiAgYW50czogQW50cyB8IG51bGwgPSBudWxsO1xuXG4gIC8vIGZpbGVzIHRoYXQgYXJyaXZlIHRvZ2V0aGVyIGNvbWUgaW4gb25lIGFmdGVyIGFub3RoZXJcbiAgcHJpdmF0ZSBkZWxheXMgPSBuZXcgTWFwPHN0cmluZywgbnVtYmVyPigpO1xuICBwcml2YXRlIHNlZW4gPSBuZXcgU2V0PHN0cmluZz4oKTtcbiAgcHJpdmF0ZSBsZWF2aW5nID0gbmV3IFNldDxzdHJpbmc+KCk7XG4gIHByaXZhdGUgcmVtb3ZlVGltZXJzID0gbmV3IE1hcDxzdHJpbmcsIFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+PigpO1xuICBwcml2YXRlIHJvPzogUmVzaXplT2JzZXJ2ZXI7XG5cbiAgYnl0ZXNPZiA9IGJ5dGVzO1xuICByb3VuZCA9IE1hdGgucm91bmQ7XG5cbiAgZ2V0IHNob3dSZW1vdmUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucmVtb3ZlJC5vYnNlcnZlZDtcbiAgfVxuXG4gIGdldCByb3dzKCk6IFJvd1tdIHtcbiAgICBsZXQgayA9IDA7XG4gICAgY29uc3Qgb3V0OiBSb3dbXSA9IFtdO1xuICAgIGZvciAoY29uc3QgZmlsZSBvZiB0aGlzLmZpbGVzKSB7XG4gICAgICBpZiAoIXRoaXMuc2Vlbi5oYXMoZmlsZS5pZCkpIHtcbiAgICAgICAgdGhpcy5zZWVuLmFkZChmaWxlLmlkKTtcbiAgICAgICAgdGhpcy5kZWxheXMuc2V0KGZpbGUuaWQsIGsrKyAqIDgwKTtcbiAgICAgIH1cbiAgICAgIGNvbnN0IFtsYWJlbCwgZmcsIGJnXSA9IGtpbmQoZmlsZS5uYW1lKTtcbiAgICAgIGNvbnN0IHAgPSBNYXRoLm1heCgwLCBNYXRoLm1pbigxMDAsIGZpbGUucHJvZ3Jlc3MpKSAvIDEwMDtcbiAgICAgIGNvbnN0IHVwID0gcCA+PSAxO1xuICAgICAgY29uc3QgbWV0YSA9ICF1cFxuICAgICAgICA/IGAke2J5dGVzKGZpbGUuc2l6ZSl9IMK3ICR7TWF0aC5yb3VuZChwICogMTAwKX0lYFxuICAgICAgICA6IGZpbGUuZGV0YWlsICYmICFmaWxlLnJlYWRpbmdcbiAgICAgICAgICA/IGAke2J5dGVzKGZpbGUuc2l6ZSl9IMK3ICR7ZmlsZS5kZXRhaWx9YFxuICAgICAgICAgIDogYnl0ZXMoZmlsZS5zaXplKTtcbiAgICAgIG91dC5wdXNoKHtcbiAgICAgICAgZmlsZSxcbiAgICAgICAgZGVsYXk6IHRoaXMuZGVsYXlzLmdldChmaWxlLmlkKSA/PyAwLFxuICAgICAgICBsYWJlbCxcbiAgICAgICAgZmcsXG4gICAgICAgIGJnLFxuICAgICAgICBwLFxuICAgICAgICB1cCxcbiAgICAgICAgbWV0YSxcbiAgICAgICAgZGFzaG9mZnNldDogUklORyAqICgxIC0gcCksXG4gICAgICAgIGxlYXZpbmc6IHRoaXMubGVhdmluZy5oYXMoZmlsZS5pZCksXG4gICAgICB9KTtcbiAgICB9XG4gICAgcmV0dXJuIG91dDtcbiAgfVxuXG4gIGdldCBsaW5lKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuc3VtbWFyeSAhPT0gdW5kZWZpbmVkKSByZXR1cm4gdGhpcy5zdW1tYXJ5O1xuICAgIGNvbnN0IHJlYWQgPSB0aGlzLmZpbGVzLmZpbHRlcigoZikgPT4gZi5wcm9ncmVzcyA+PSAxMDAgJiYgIWYucmVhZGluZykubGVuZ3RoO1xuICAgIHJldHVybiByZWFkID8gYFRoZSBhZ2VudCBjYW4gcmVhZCAke3JlYWR9ICR7cmVhZCA+IDEgPyAnZmlsZXMnIDogJ2ZpbGUnfSBub3dgIDogJyc7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gdGhlIGRhc2hlZCBlZGdlIGZvbGxvd3MgdGhlIGRyb3Agem9uZSdzIHNpemUgYW5kIGNvcm5lcnMsIHdpdGggdGhlIGRhc2hlcyBzcGFjZWQgdG8gbWVldCBldmVubHkgYWxsIHRoZSB3YXkgcm91bmRcbiAgICBjb25zdCBlbCA9IHRoaXMuZHJvcFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGZpdCA9ICgpID0+IHtcbiAgICAgIGNvbnN0IHcgPSBlbC5vZmZzZXRXaWR0aDtcbiAgICAgIGNvbnN0IGggPSBlbC5vZmZzZXRIZWlnaHQ7XG4gICAgICBpZiAoIXcgfHwgIWgpIHJldHVybjtcbiAgICAgIGNvbnN0IGsgPSAwLjc1O1xuICAgICAgY29uc3QgcnggPSBNYXRoLm1heCgwLCBNYXRoLm1pbihwYXJzZUZsb2F0KGdldENvbXB1dGVkU3R5bGUoZWwpLmJvcmRlclRvcExlZnRSYWRpdXMpIHx8IDAsIHcgLyAyLCBoIC8gMikgLSBrKTtcbiAgICAgIGNvbnN0IHBlciA9IDIgKiAodyArIGggLSA0ICogaykgLSAoOCAtIDIgKiBNYXRoLlBJKSAqIHJ4O1xuICAgICAgY29uc3Qgc3RlcCA9IHBlciAvIE1hdGgubWF4KDgsIE1hdGgucm91bmQocGVyIC8gMTEpKTtcbiAgICAgIHRoaXMuYW50cyA9IHsgdzogdyAtIDIgKiBrLCBoOiBoIC0gMiAqIGssIHJ4LCBhcDogc3RlcCwgYWc6IHN0ZXAgLSA0LjUgfTtcbiAgICB9O1xuICAgIGZpdCgpO1xuICAgIHRoaXMucm8gPSBuZXcgUmVzaXplT2JzZXJ2ZXIoZml0KTtcbiAgICB0aGlzLnJvLm9ic2VydmUoZWwpO1xuICB9XG5cbiAgaG9sZChlOiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5vdmVyID0gdHJ1ZTtcbiAgfVxuXG4gIG9uRHJvcChlOiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5vdmVyID0gZmFsc2U7XG4gICAgY29uc3QgbGlzdCA9IGUuZGF0YVRyYW5zZmVyPy5maWxlcztcbiAgICBpZiAobGlzdCAmJiBsaXN0Lmxlbmd0aCkgdGhpcy5maWxlc1BpY2tlZC5lbWl0KEFycmF5LmZyb20obGlzdCkpO1xuICB9XG5cbiAgb25DaGFuZ2UoZTogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBpbnB1dCA9IGUudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgaWYgKGlucHV0LmZpbGVzPy5sZW5ndGgpIHRoaXMuZmlsZXNQaWNrZWQuZW1pdChBcnJheS5mcm9tKGlucHV0LmZpbGVzKSk7XG4gICAgaW5wdXQudmFsdWUgPSAnJztcbiAgfVxuXG4gIHJlbW92ZShyb3c6IFJvdyk6IHZvaWQge1xuICAgIGlmIChyb3cubGVhdmluZykgcmV0dXJuO1xuICAgIGNvbnN0IGlkID0gcm93LmZpbGUuaWQ7XG4gICAgdGhpcy5sZWF2aW5nLmFkZChpZCk7XG4gICAgY29uc3QgdCA9IHNldFRpbWVvdXQoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIHRoaXMubGVhdmluZy5kZWxldGUoaWQpO1xuICAgICAgICB0aGlzLnJlbW92ZVRpbWVycy5kZWxldGUoaWQpO1xuICAgICAgICB0aGlzLnJlbW92ZSQuZW1pdChpZCk7XG4gICAgICB9LFxuICAgICAgdGhpcy5tb3Rpb24ucmVkdWNlKCkgPyAwIDogMzIwLFxuICAgICk7XG4gICAgdGhpcy5yZW1vdmVUaW1lcnMuc2V0KGlkLCB0KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMucm8/LmRpc2Nvbm5lY3QoKTtcbiAgICB0aGlzLnJlbW92ZVRpbWVycy5mb3JFYWNoKCh0KSA9PiBjbGVhclRpbWVvdXQodCkpO1xuICAgIHRoaXMucmVtb3ZlVGltZXJzLmNsZWFyKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/badge/badge.component.mjs

@@ -0,0 +1,97 @@
+// framework/angular/badge/badge.component.ts
+//
+// Native Angular port of framework/react/badge/Badge.tsx.
+// A small label for plan, environment or status, with an optional dot or icon
+// and an optional remove button. Inputs mirror the React props.
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import * as i0 from "@angular/core";
+export class BadgeComponent {
+    constructor() {
+        /** Color as text on its own tint. Neutral by default. */
+        this.tone = 'neutral';
+        /** 'sm' = 20px tall, 'md' = 24px (default). */
+        this.size = 'md';
+        /** Dot in badge color before the label (status like "Running"). */
+        this.dot = false;
+        /** Pulsing dot for running states (.live). */
+        this.live = false;
+        /** Shows a remove button after the label. */
+        this.removable = false;
+        /** Emitted when the remove button is clicked. */
+        this.remove = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BadgeComponent, isStandalone: true, selector: "vo-badge", inputs: { tone: "tone", size: "size", dot: "dot", live: "live", icon: "icon", removable: "removable", removeLabel: "removeLabel" }, outputs: { remove: "remove" }, ngImport: i0, template: `
+    <span
+      class="vo-bdg"
+      [class.vo-sm]="size === 'sm'"
+      [class.vo-live]="live"
+      [attr.data-tone]="tone === 'neutral' ? null : tone"
+    >
+      @if (dot) {
+        <span class="vo-bdg-dot" aria-hidden="true"></span>
+      }
+      @if (icon) {
+        <vo-icon [name]="icon" size="xs"></vo-icon>
+      }
+      <span class="vo-t"><ng-content></ng-content></span>
+      @if (removable) {
+        <button
+          type="button"
+          class="vo-bdg-x"
+          [attr.aria-label]="removeLabel ?? 'Remove'"
+          (click)="remove.emit()"
+        >
+          <vo-icon name="x" size="xs"></vo-icon>
+        </button>
+      }
+    </span>
+  `, isInline: true, styles: [".vo-bdg{--vo-bdg-bg:var(--vo-chip);--vo-bdg-fg:var(--vo-fg2);display:inline-flex;align-items:center;gap:var(--vo-s-1);max-width:100%;height:24px;padding:0 var(--vo-s-2);border-radius:var(--vo-r-pill);background:var(--vo-bdg-bg);color:var(--vo-bdg-fg);font-size:12.5px;font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle}.vo-bdg.vo-sm{height:20px;font-size:11.5px}.vo-bdg>.vo-t{min-width:0;overflow:hidden;text-overflow:ellipsis}.vo-bdg>.vo-i{flex:none}.vo-bdg-dot{position:relative;width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.vo-bdg.vo-live .vo-bdg-dot:after{content:\"\";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;animation:vo-bdgpulse 1.8s cubic-bezier(.22,1,.36,1) infinite}@keyframes vo-bdgpulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.vo-bdg.vo-live .vo-bdg-dot:after{animation:none}}.vo-bdg[data-tone=accent]{--vo-bdg-bg:var(--vo-accent-bg);--vo-bdg-fg:var(--vo-accent-fg)}.vo-bdg[data-tone=success]{--vo-bdg-bg:var(--vo-ok-bg);--vo-bdg-fg:var(--vo-ok)}.vo-bdg[data-tone=warning]{--vo-bdg-bg:var(--vo-warn-bg);--vo-bdg-fg:var(--vo-warn)}.vo-bdg[data-tone=danger]{--vo-bdg-bg:var(--vo-bad-bg);--vo-bdg-fg:var(--vo-bad)}.vo-bdg[data-tone=blue]{--vo-bdg-bg:var(--vo-pb-bg);--vo-bdg-fg:var(--vo-pb)}.vo-bdg[data-tone=violet]{--vo-bdg-bg:var(--vo-pl-bg);--vo-bdg-fg:var(--vo-pl)}.vo-bdg[data-tone=green]{--vo-bdg-bg:var(--vo-pm-bg);--vo-bdg-fg:var(--vo-pm)}.vo-bdg[data-tone=orange]{--vo-bdg-bg:var(--vo-pp-bg);--vo-bdg-fg:var(--vo-pp)}.vo-bdg[data-tone=red]{--vo-bdg-bg:var(--vo-pr-bg);--vo-bdg-fg:var(--vo-pr)}.vo-bdg[data-tone=yellow]{--vo-bdg-bg:var(--vo-py-bg);--vo-bdg-fg:var(--vo-py)}.vo-bdg[data-tone=pink]{--vo-bdg-bg:var(--vo-pk-bg);--vo-bdg-fg:var(--vo-pk)}.vo-bdg[data-tone=teal]{--vo-bdg-bg:var(--vo-pt-bg);--vo-bdg-fg:var(--vo-pt)}.vo-bdg-x{display:grid;place-items:center;width:16px;height:16px;margin-right:calc(var(--vo-s-1) * -1);border-radius:50%;color:inherit;flex:none;cursor:pointer;transition:background var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-bdg-x:hover{background:color-mix(in srgb,currentColor 16%,transparent)}}.vo-bdg-x:focus-visible{outline-offset:1px;border-radius:50%}.vo-bdg.vo-sm .vo-bdg-x{width:14px;height:14px}:root:not([data-style=soft]) .vo-bdg:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-bdg-fg) 14%,transparent);font-size:11px;letter-spacing:.03em;text-transform:uppercase}:root:not([data-style=soft]) .vo-bdg.vo-sm:not(:where([data-style=soft],[data-style=soft] *)){font-size:10.5px}:root:not([data-style=soft]) .vo-bdg[data-tone=accent]:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-accent-mark) 50%,transparent)}\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: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-badge', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <span
+      class="vo-bdg"
+      [class.vo-sm]="size === 'sm'"
+      [class.vo-live]="live"
+      [attr.data-tone]="tone === 'neutral' ? null : tone"
+    >
+      @if (dot) {
+        <span class="vo-bdg-dot" aria-hidden="true"></span>
+      }
+      @if (icon) {
+        <vo-icon [name]="icon" size="xs"></vo-icon>
+      }
+      <span class="vo-t"><ng-content></ng-content></span>
+      @if (removable) {
+        <button
+          type="button"
+          class="vo-bdg-x"
+          [attr.aria-label]="removeLabel ?? 'Remove'"
+          (click)="remove.emit()"
+        >
+          <vo-icon name="x" size="xs"></vo-icon>
+        </button>
+      }
+    </span>
+  `, styles: [".vo-bdg{--vo-bdg-bg:var(--vo-chip);--vo-bdg-fg:var(--vo-fg2);display:inline-flex;align-items:center;gap:var(--vo-s-1);max-width:100%;height:24px;padding:0 var(--vo-s-2);border-radius:var(--vo-r-pill);background:var(--vo-bdg-bg);color:var(--vo-bdg-fg);font-size:12.5px;font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle}.vo-bdg.vo-sm{height:20px;font-size:11.5px}.vo-bdg>.vo-t{min-width:0;overflow:hidden;text-overflow:ellipsis}.vo-bdg>.vo-i{flex:none}.vo-bdg-dot{position:relative;width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.vo-bdg.vo-live .vo-bdg-dot:after{content:\"\";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;animation:vo-bdgpulse 1.8s cubic-bezier(.22,1,.36,1) infinite}@keyframes vo-bdgpulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.vo-bdg.vo-live .vo-bdg-dot:after{animation:none}}.vo-bdg[data-tone=accent]{--vo-bdg-bg:var(--vo-accent-bg);--vo-bdg-fg:var(--vo-accent-fg)}.vo-bdg[data-tone=success]{--vo-bdg-bg:var(--vo-ok-bg);--vo-bdg-fg:var(--vo-ok)}.vo-bdg[data-tone=warning]{--vo-bdg-bg:var(--vo-warn-bg);--vo-bdg-fg:var(--vo-warn)}.vo-bdg[data-tone=danger]{--vo-bdg-bg:var(--vo-bad-bg);--vo-bdg-fg:var(--vo-bad)}.vo-bdg[data-tone=blue]{--vo-bdg-bg:var(--vo-pb-bg);--vo-bdg-fg:var(--vo-pb)}.vo-bdg[data-tone=violet]{--vo-bdg-bg:var(--vo-pl-bg);--vo-bdg-fg:var(--vo-pl)}.vo-bdg[data-tone=green]{--vo-bdg-bg:var(--vo-pm-bg);--vo-bdg-fg:var(--vo-pm)}.vo-bdg[data-tone=orange]{--vo-bdg-bg:var(--vo-pp-bg);--vo-bdg-fg:var(--vo-pp)}.vo-bdg[data-tone=red]{--vo-bdg-bg:var(--vo-pr-bg);--vo-bdg-fg:var(--vo-pr)}.vo-bdg[data-tone=yellow]{--vo-bdg-bg:var(--vo-py-bg);--vo-bdg-fg:var(--vo-py)}.vo-bdg[data-tone=pink]{--vo-bdg-bg:var(--vo-pk-bg);--vo-bdg-fg:var(--vo-pk)}.vo-bdg[data-tone=teal]{--vo-bdg-bg:var(--vo-pt-bg);--vo-bdg-fg:var(--vo-pt)}.vo-bdg-x{display:grid;place-items:center;width:16px;height:16px;margin-right:calc(var(--vo-s-1) * -1);border-radius:50%;color:inherit;flex:none;cursor:pointer;transition:background var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-bdg-x:hover{background:color-mix(in srgb,currentColor 16%,transparent)}}.vo-bdg-x:focus-visible{outline-offset:1px;border-radius:50%}.vo-bdg.vo-sm .vo-bdg-x{width:14px;height:14px}:root:not([data-style=soft]) .vo-bdg:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-bdg-fg) 14%,transparent);font-size:11px;letter-spacing:.03em;text-transform:uppercase}:root:not([data-style=soft]) .vo-bdg.vo-sm:not(:where([data-style=soft],[data-style=soft] *)){font-size:10.5px}:root:not([data-style=soft]) .vo-bdg[data-tone=accent]:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-accent-mark) 50%,transparent)}\n"] }]
+        }], propDecorators: { tone: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], dot: [{
+                type: Input
+            }], live: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], removable: [{
+                type: Input
+            }], removeLabel: [{
+                type: Input
+            }], remove: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZDQUE2QztBQUM3QyxFQUFFO0FBQ0YsMERBQTBEO0FBQzFELDhFQUE4RTtBQUM5RSxnRUFBZ0U7QUFFaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsZUFBZSxFQUFtQixNQUFNLHdCQUF3QixDQUFDOztBQXdDMUUsTUFBTSxPQUFPLGNBQWM7SUFqQzNCO1FBa0NFLHlEQUF5RDtRQUNoRCxTQUFJLEdBQWMsU0FBUyxDQUFDO1FBQ3JDLCtDQUErQztRQUN0QyxTQUFJLEdBQWdCLElBQUksQ0FBQztRQUNsQyxtRUFBbUU7UUFDMUQsUUFBRyxHQUFHLEtBQUssQ0FBQztRQUNyQiw4Q0FBOEM7UUFDckMsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUd0Qiw2Q0FBNkM7UUFDcEMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUkzQixpREFBaUQ7UUFDdkMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FDN0M7K0dBbEJZLGNBQWM7bUdBQWQsY0FBYyx1T0E1QmY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5QlQsazNGQTFCUyxlQUFlOzs0RkE2QmQsY0FBYztrQkFqQzFCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksaUJBQ0QsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLGVBQWUsQ0FBQyxZQUNoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCVDs4QkFLUSxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLEdBQUc7c0JBQVgsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFHSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBmcmFtZXdvcmsvYW5ndWxhci9iYWRnZS9iYWRnZS5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9iYWRnZS9CYWRnZS50c3guXG4vLyBBIHNtYWxsIGxhYmVsIGZvciBwbGFuLCBlbnZpcm9ubWVudCBvciBzdGF0dXMsIHdpdGggYW4gb3B0aW9uYWwgZG90IG9yIGljb25cbi8vIGFuZCBhbiBvcHRpb25hbCByZW1vdmUgYnV0dG9uLiBJbnB1dHMgbWlycm9yIHRoZSBSZWFjdCBwcm9wcy5cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQsIHR5cGUgVm9JY29uTmFtZSB9IGZyb20gJy4uL2NvcmUvaWNvbi5jb21wb25lbnQnO1xuXG4vKiogQ29sb3Igb2YgdGhlIGJhZGdlOiBuZXV0cmFsLCBhY2NlbnQgdGludCwgdGhlIHRocmVlIHN0YXRlcyBvciBvbmUgb2YgdGhlIGVpZ2h0IHRhZyBjb2xvcnMuICovXG5leHBvcnQgdHlwZSBCYWRnZVRvbmUgPVxuICB8ICduZXV0cmFsJyB8ICdhY2NlbnQnIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2RhbmdlcidcbiAgfCAnYmx1ZScgfCAndmlvbGV0JyB8ICdncmVlbicgfCAnb3JhbmdlJyB8ICdyZWQnIHwgJ3llbGxvdycgfCAncGluaycgfCAndGVhbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLWJhZGdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHNwYW5cbiAgICAgIGNsYXNzPVwidm8tYmRnXCJcbiAgICAgIFtjbGFzcy52by1zbV09XCJzaXplID09PSAnc20nXCJcbiAgICAgIFtjbGFzcy52by1saXZlXT1cImxpdmVcIlxuICAgICAgW2F0dHIuZGF0YS10b25lXT1cInRvbmUgPT09ICduZXV0cmFsJyA/IG51bGwgOiB0b25lXCJcbiAgICA+XG4gICAgICBAaWYgKGRvdCkge1xuICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWJkZy1kb3RcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG4gICAgICB9XG4gICAgICBAaWYgKGljb24pIHtcbiAgICAgICAgPHZvLWljb24gW25hbWVdPVwiaWNvblwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgIH1cbiAgICAgIDxzcGFuIGNsYXNzPVwidm8tdFwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG4gICAgICBAaWYgKHJlbW92YWJsZSkge1xuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgY2xhc3M9XCJ2by1iZGcteFwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJyZW1vdmVMYWJlbCA/PyAnUmVtb3ZlJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cInJlbW92ZS5lbWl0KClcIlxuICAgICAgICA+XG4gICAgICAgICAgPHZvLWljb24gbmFtZT1cInhcIiBzaXplPVwieHNcIj48L3ZvLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgfVxuICAgIDwvc3Bhbj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2JhZGdlLmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgLyoqIENvbG9yIGFzIHRleHQgb24gaXRzIG93biB0aW50LiBOZXV0cmFsIGJ5IGRlZmF1bHQuICovXG4gIEBJbnB1dCgpIHRvbmU6IEJhZGdlVG9uZSA9ICduZXV0cmFsJztcbiAgLyoqICdzbScgPSAyMHB4IHRhbGwsICdtZCcgPSAyNHB4IChkZWZhdWx0KS4gKi9cbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnbWQnO1xuICAvKiogRG90IGluIGJhZGdlIGNvbG9yIGJlZm9yZSB0aGUgbGFiZWwgKHN0YXR1cyBsaWtlIFwiUnVubmluZ1wiKS4gKi9cbiAgQElucHV0KCkgZG90ID0gZmFsc2U7XG4gIC8qKiBQdWxzaW5nIGRvdCBmb3IgcnVubmluZyBzdGF0ZXMgKC5saXZlKS4gKi9cbiAgQElucHV0KCkgbGl2ZSA9IGZhbHNlO1xuICAvKiogSWNvbiBiZWZvcmUgdGhlIGxhYmVsIChuYW1lIGZyb20gdGhlIGljb24gc2V0KS4gKi9cbiAgQElucHV0KCkgaWNvbj86IFZvSWNvbk5hbWU7XG4gIC8qKiBTaG93cyBhIHJlbW92ZSBidXR0b24gYWZ0ZXIgdGhlIGxhYmVsLiAqL1xuICBASW5wdXQoKSByZW1vdmFibGUgPSBmYWxzZTtcbiAgLyoqIExhYmVsIG9mIHRoZSByZW1vdmUgYnV0dG9uIGZvciBzY3JlZW4gcmVhZGVycy4gKi9cbiAgQElucHV0KCkgcmVtb3ZlTGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqIEVtaXR0ZWQgd2hlbiB0aGUgcmVtb3ZlIGJ1dHRvbiBpcyBjbGlja2VkLiAqL1xuICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xufVxuIl19