@guildofgleks/ui 0.0.1

package/fesm2022/guildofgleks-ui.mjs

@@ -0,0 +1,2159 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, output, computed, inject, DestroyRef, TemplateRef, Directive, ElementRef, contentChild, signal, effect, model, forwardRef, InjectionToken, Injectable, Injector, viewChild, afterNextRender, ApplicationRef, EnvironmentInjector, PLATFORM_ID, createComponent, contentChildren } from '@angular/core';
+import { Subject, timer } from 'rxjs';
+import { throttle } from 'rxjs/operators';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { NgTemplateOutlet, DOCUMENT, NgComponentOutlet, isPlatformBrowser } from '@angular/common';
+import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
+
+class SpinnerComponent {
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    overlay = input(false, ...(ngDevMode ? [{ debugName: "overlay" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Loading', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SpinnerComponent, isStandalone: true, selector: "gog-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "gog-inline-center" }, ngImport: i0, template: "@if (overlay()) {\n  <div class=\"gog-spinner__overlay gog-flex-center\">\n    <div class=\"gog-spinner__wrap gog-contained-layout gog-spinner__wrap--{{ size() }}\">\n      <ng-container *ngTemplateOutlet=\"spinnerTpl\" />\n    </div>\n  </div>\n} @else {\n  <div class=\"gog-spinner__wrap gog-contained-layout gog-spinner__wrap--{{ size() }}\">\n    <ng-container *ngTemplateOutlet=\"spinnerTpl\" />\n  </div>\n}\n\n<ng-template #spinnerTpl>\n  <svg class=\"gog-spinner__svg\" viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n    <!-- Static dim track -->\n    <circle class=\"gog-spinner__track\" cx=\"32\" cy=\"32\" r=\"26\" stroke-width=\"1.5\" />\n\n    <!-- Outer arc \u2014 rotates clockwise, long segment -->\n    <circle\n      class=\"gog-spinner__arc-outer\"\n      cx=\"32\"\n      cy=\"32\"\n      r=\"26\"\n      stroke-width=\"2.5\"\n      stroke-linecap=\"butt\"\n    />\n\n    <!-- Inner arc \u2014 rotates counter-clockwise, short segment -->\n    <circle\n      class=\"gog-spinner__arc-inner\"\n      cx=\"32\"\n      cy=\"32\"\n      r=\"18\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"butt\"\n    />\n\n    <!-- Rotating diamond ticks group \u2014 single transform on <g> works correctly -->\n    <g class=\"gog-spinner__ticks\">\n      <polygon points=\"32,3  34,6  32,9  30,6\" class=\"gog-spinner__diamond\" />\n      <polygon points=\"32,55 34,58 32,61 30,58\" class=\"gog-spinner__diamond\" />\n      <polygon points=\"3,32  6,30  9,32  6,34\" class=\"gog-spinner__diamond\" />\n      <polygon points=\"55,32 58,30 61,32 58,34\" class=\"gog-spinner__diamond\" />\n    </g>\n\n    <!-- Inner rune \u2014 glow pulse only, no transform -->\n    <text\n      class=\"gog-spinner__rune-wrap gog-spinner__rune\"\n      x=\"32\"\n      y=\"32\"\n      text-anchor=\"middle\"\n      dominant-baseline=\"central\"\n    >\n      \u2726\n    </text>\n  </svg>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gog-spinner__overlay{position:fixed;inset:0;z-index:8000;background:var(--gog-spinner-overlay-bg, rgba(10, 8, 3, .65));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gog-spinner-fade-in .2s ease}.gog-spinner__wrap{flex-shrink:0}.gog-spinner__wrap--sm{width:var(--gog-spinner-size-sm, 18px);height:var(--gog-spinner-size-sm, 18px)}.gog-spinner__wrap--md{width:var(--gog-spinner-size-md, 48px);height:var(--gog-spinner-size-md, 48px)}.gog-spinner__wrap--lg{width:var(--gog-spinner-size-lg, 96px);height:var(--gog-spinner-size-lg, 96px)}.gog-spinner__svg{width:100%;height:100%;overflow:visible}.gog-spinner__track{stroke:var(--gog-spinner-color, var(--accent-dim));opacity:.35}.gog-spinner__arc-outer{stroke:var(--gog-spinner-color, var(--accent-color));stroke-dasharray:100 63;transform-origin:32px 32px;animation:gog-spin-cw 1.4s linear infinite,gog-arc-outer-pulse 2.8s ease-in-out infinite;filter:drop-shadow(0 0 5px var(--gog-spinner-color, var(--accent-color)))}.gog-spinner__arc-inner{stroke:var(--gog-spinner-color, var(--accent-bright));stroke-dasharray:35 78;transform-origin:32px 32px;animation:gog-spin-ccw 2s linear infinite,gog-arc-inner-pulse 2.8s ease-in-out infinite;filter:drop-shadow(0 0 4px var(--gog-spinner-color, var(--accent-bright)));opacity:.75}.gog-spinner__ticks{transform-origin:32px 32px;animation:gog-spin-ccw 6s linear infinite}.gog-spinner__diamond{fill:var(--gog-spinner-color, var(--accent-bright));opacity:.85;filter:drop-shadow(0 0 3px var(--gog-spinner-color, var(--accent-color)))}.gog-spinner__rune-wrap{animation:gog-rune-pulse 2.8s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--gog-spinner-color, var(--accent-color)))}.gog-spinner__rune{font-family:var(--font-heading),serif;fill:var(--gog-spinner-color, var(--accent-bright));font-size:var(--gog-spinner-rune-size, 20px)}.gog-spinner__wrap--sm .gog-spinner__arc-inner{stroke-width:1}@keyframes gog-spin-cw{to{transform:rotate(360deg)}}@keyframes gog-spin-ccw{to{transform:rotate(-360deg)}}@keyframes gog-arc-outer-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes gog-arc-inner-pulse{0%,to{opacity:.75}50%{opacity:.45}}@keyframes gog-rune-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes gog-spinner-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gog-spinner__arc-outer,.gog-spinner__arc-inner,.gog-spinner__ticks,.gog-spinner__rune-wrap{animation:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-spinner', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'gog-inline-center',
+                    }, template: "@if (overlay()) {\n  <div class=\"gog-spinner__overlay gog-flex-center\">\n    <div class=\"gog-spinner__wrap gog-contained-layout gog-spinner__wrap--{{ size() }}\">\n      <ng-container *ngTemplateOutlet=\"spinnerTpl\" />\n    </div>\n  </div>\n} @else {\n  <div class=\"gog-spinner__wrap gog-contained-layout gog-spinner__wrap--{{ size() }}\">\n    <ng-container *ngTemplateOutlet=\"spinnerTpl\" />\n  </div>\n}\n\n<ng-template #spinnerTpl>\n  <svg class=\"gog-spinner__svg\" viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n    <!-- Static dim track -->\n    <circle class=\"gog-spinner__track\" cx=\"32\" cy=\"32\" r=\"26\" stroke-width=\"1.5\" />\n\n    <!-- Outer arc \u2014 rotates clockwise, long segment -->\n    <circle\n      class=\"gog-spinner__arc-outer\"\n      cx=\"32\"\n      cy=\"32\"\n      r=\"26\"\n      stroke-width=\"2.5\"\n      stroke-linecap=\"butt\"\n    />\n\n    <!-- Inner arc \u2014 rotates counter-clockwise, short segment -->\n    <circle\n      class=\"gog-spinner__arc-inner\"\n      cx=\"32\"\n      cy=\"32\"\n      r=\"18\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"butt\"\n    />\n\n    <!-- Rotating diamond ticks group \u2014 single transform on <g> works correctly -->\n    <g class=\"gog-spinner__ticks\">\n      <polygon points=\"32,3  34,6  32,9  30,6\" class=\"gog-spinner__diamond\" />\n      <polygon points=\"32,55 34,58 32,61 30,58\" class=\"gog-spinner__diamond\" />\n      <polygon points=\"3,32  6,30  9,32  6,34\" class=\"gog-spinner__diamond\" />\n      <polygon points=\"55,32 58,30 61,32 58,34\" class=\"gog-spinner__diamond\" />\n    </g>\n\n    <!-- Inner rune \u2014 glow pulse only, no transform -->\n    <text\n      class=\"gog-spinner__rune-wrap gog-spinner__rune\"\n      x=\"32\"\n      y=\"32\"\n      text-anchor=\"middle\"\n      dominant-baseline=\"central\"\n    >\n      \u2726\n    </text>\n  </svg>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.gog-spinner__overlay{position:fixed;inset:0;z-index:8000;background:var(--gog-spinner-overlay-bg, rgba(10, 8, 3, .65));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gog-spinner-fade-in .2s ease}.gog-spinner__wrap{flex-shrink:0}.gog-spinner__wrap--sm{width:var(--gog-spinner-size-sm, 18px);height:var(--gog-spinner-size-sm, 18px)}.gog-spinner__wrap--md{width:var(--gog-spinner-size-md, 48px);height:var(--gog-spinner-size-md, 48px)}.gog-spinner__wrap--lg{width:var(--gog-spinner-size-lg, 96px);height:var(--gog-spinner-size-lg, 96px)}.gog-spinner__svg{width:100%;height:100%;overflow:visible}.gog-spinner__track{stroke:var(--gog-spinner-color, var(--accent-dim));opacity:.35}.gog-spinner__arc-outer{stroke:var(--gog-spinner-color, var(--accent-color));stroke-dasharray:100 63;transform-origin:32px 32px;animation:gog-spin-cw 1.4s linear infinite,gog-arc-outer-pulse 2.8s ease-in-out infinite;filter:drop-shadow(0 0 5px var(--gog-spinner-color, var(--accent-color)))}.gog-spinner__arc-inner{stroke:var(--gog-spinner-color, var(--accent-bright));stroke-dasharray:35 78;transform-origin:32px 32px;animation:gog-spin-ccw 2s linear infinite,gog-arc-inner-pulse 2.8s ease-in-out infinite;filter:drop-shadow(0 0 4px var(--gog-spinner-color, var(--accent-bright)));opacity:.75}.gog-spinner__ticks{transform-origin:32px 32px;animation:gog-spin-ccw 6s linear infinite}.gog-spinner__diamond{fill:var(--gog-spinner-color, var(--accent-bright));opacity:.85;filter:drop-shadow(0 0 3px var(--gog-spinner-color, var(--accent-color)))}.gog-spinner__rune-wrap{animation:gog-rune-pulse 2.8s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--gog-spinner-color, var(--accent-color)))}.gog-spinner__rune{font-family:var(--font-heading),serif;fill:var(--gog-spinner-color, var(--accent-bright));font-size:var(--gog-spinner-rune-size, 20px)}.gog-spinner__wrap--sm .gog-spinner__arc-inner{stroke-width:1}@keyframes gog-spin-cw{to{transform:rotate(360deg)}}@keyframes gog-spin-ccw{to{transform:rotate(-360deg)}}@keyframes gog-arc-outer-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes gog-arc-inner-pulse{0%,to{opacity:.75}50%{opacity:.45}}@keyframes gog-rune-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes gog-spinner-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gog-spinner__arc-outer,.gog-spinner__arc-inner,.gog-spinner__ticks,.gog-spinner__rune-wrap{animation:none}}\n"] }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], overlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlay", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+class ButtonComponent {
+    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
+    type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    debounce = input(300, ...(ngDevMode ? [{ debugName: "debounce" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    gogClick = output();
+    isDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    spinnerSize = computed(() => (this.size() === 'lg' ? 'md' : 'sm'), ...(ngDevMode ? [{ debugName: "spinnerSize" }] : /* istanbul ignore next */ []));
+    destroyRef = inject(DestroyRef);
+    click$ = new Subject();
+    constructor() {
+        this.click$
+            .pipe(throttle(() => timer(this.debounce()), { leading: true, trailing: false }), takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => this.gogClick.emit(event));
+    }
+    onClick(event) {
+        if (this.isDisabled())
+            return;
+        this.click$.next(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ButtonComponent, isStandalone: true, selector: "gog-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gogClick: "gogClick" }, ngImport: i0, template: "<button\n  (click)=\"onClick($event)\"\n  [attr.disabled]=\"isDisabled() ? true : null\"\n  [class.gog-cursor-not-allowed]=\"isDisabled()\"\n  [class.gog-cursor-pointer]=\"!isDisabled()\"\n  [class.gog-cursor-wait]=\"loading()\"\n  [class.gog-btn--ghost]=\"variant() === 'ghost'\"\n  [class.gog-btn--lg]=\"size() === 'lg'\"\n  [class.gog-btn--loading]=\"loading()\"\n  [class.gog-btn--md]=\"size() === 'md'\"\n  [class.gog-btn--outline]=\"variant() === 'outline'\"\n  [class.gog-btn--primary]=\"variant() === 'primary'\"\n  [class.gog-btn--secondary]=\"variant() === 'secondary'\"\n  [class.gog-btn--sm]=\"size() === 'sm'\"\n  [type]=\"type()\"\n  class=\"gog-btn gog-inline-center gog-contained-layout fw-black font-heading\"\n>\n  @if (loading()) {\n    <gog-spinner [size]=\"spinnerSize()\" aria-hidden=\"true\" class=\"gog-btn__spinner\" />\n  }\n\n  <span [class.gog-btn__content--hidden]=\"loading()\" class=\"gog-btn__content\">\n    <ng-content></ng-content>\n  </span>\n</button>\n", styles: [".gog-btn{--gog-btn-bg: var(--accent-color);--gog-btn-color: var(--primary-color);--gog-btn-border: transparent;--gog-btn-radius: var(--radius);--gog-btn-padding: var(--btn-md-padding);--gog-btn-font-size: var(--btn-md-font-size);--gog-btn-shadow: none;--gog-btn-hover-bg: var(--accent-bright);--gog-btn-hover-shadow: 0 0 12px color-mix(in srgb, var(--accent-bright) 35%, transparent);--gog-spinner-color: var(--text-color);gap:8px;border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-btn-border);border-radius:var(--gog-btn-radius);padding:var(--gog-btn-padding);font-size:var(--gog-btn-font-size);letter-spacing:1px;text-transform:uppercase;background-color:var(--gog-btn-bg);color:var(--gog-btn-color);box-shadow:var(--gog-btn-shadow);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease;line-height:1}.gog-btn:focus-visible{outline:3px solid var(--gog-btn-hover-bg);outline-offset:3px}.gog-btn:hover:not(:disabled){background-color:var(--gog-btn-hover-bg);box-shadow:var(--gog-btn-hover-shadow)}.gog-btn:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.gog-btn{transition:none}.gog-btn:active:not(:disabled){transform:none}}.gog-btn:disabled{opacity:.4;cursor:not-allowed}.gog-btn--primary{--gog-btn-bg: var(--accent-color);--gog-btn-color: var(--primary-color);--gog-btn-hover-bg: var(--accent-bright);--gog-btn-hover-shadow: 0 0 16px color-mix(in srgb, var(--accent-bright) 45%, transparent)}.gog-btn--secondary{--gog-btn-bg: var(--secondary-color);--gog-btn-color: var(--primary-color);--gog-btn-hover-bg: var(--accent-color);--gog-btn-hover-shadow: none}.gog-btn--outline{--gog-btn-bg: transparent;--gog-btn-color: var(--accent-color);--gog-btn-border: var(--accent-color);--gog-btn-hover-bg: var(--accent-color);--gog-btn-hover-shadow: none;--gog-spinner-color: var(--accent-color)}.gog-btn--outline:hover:not(:disabled){color:var(--primary-color)}.gog-btn--ghost{--gog-btn-bg: transparent;--gog-btn-color: var(--accent-color);--gog-btn-hover-bg: color-mix(in srgb, var(--accent-color) 12%, transparent);--gog-btn-hover-shadow: none;--gog-spinner-color: var(--accent-color)}.gog-btn--sm{--gog-btn-padding: var(--btn-sm-padding);--gog-btn-font-size: var(--btn-sm-font-size)}.gog-btn--lg{--gog-btn-padding: var(--btn-lg-padding);--gog-btn-font-size: var(--btn-lg-font-size)}:host(.gog-host--full-width){display:flex}:host(.gog-host--full-width) .gog-btn{width:100%}.gog-btn--loading{position:relative;pointer-events:none}.gog-btn__content--hidden{visibility:hidden}.gog-btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:70%;max-height:70%}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "gog-spinner", inputs: ["size", "overlay", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-button', imports: [SpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  (click)=\"onClick($event)\"\n  [attr.disabled]=\"isDisabled() ? true : null\"\n  [class.gog-cursor-not-allowed]=\"isDisabled()\"\n  [class.gog-cursor-pointer]=\"!isDisabled()\"\n  [class.gog-cursor-wait]=\"loading()\"\n  [class.gog-btn--ghost]=\"variant() === 'ghost'\"\n  [class.gog-btn--lg]=\"size() === 'lg'\"\n  [class.gog-btn--loading]=\"loading()\"\n  [class.gog-btn--md]=\"size() === 'md'\"\n  [class.gog-btn--outline]=\"variant() === 'outline'\"\n  [class.gog-btn--primary]=\"variant() === 'primary'\"\n  [class.gog-btn--secondary]=\"variant() === 'secondary'\"\n  [class.gog-btn--sm]=\"size() === 'sm'\"\n  [type]=\"type()\"\n  class=\"gog-btn gog-inline-center gog-contained-layout fw-black font-heading\"\n>\n  @if (loading()) {\n    <gog-spinner [size]=\"spinnerSize()\" aria-hidden=\"true\" class=\"gog-btn__spinner\" />\n  }\n\n  <span [class.gog-btn__content--hidden]=\"loading()\" class=\"gog-btn__content\">\n    <ng-content></ng-content>\n  </span>\n</button>\n", styles: [".gog-btn{--gog-btn-bg: var(--accent-color);--gog-btn-color: var(--primary-color);--gog-btn-border: transparent;--gog-btn-radius: var(--radius);--gog-btn-padding: var(--btn-md-padding);--gog-btn-font-size: var(--btn-md-font-size);--gog-btn-shadow: none;--gog-btn-hover-bg: var(--accent-bright);--gog-btn-hover-shadow: 0 0 12px color-mix(in srgb, var(--accent-bright) 35%, transparent);--gog-spinner-color: var(--text-color);gap:8px;border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-btn-border);border-radius:var(--gog-btn-radius);padding:var(--gog-btn-padding);font-size:var(--gog-btn-font-size);letter-spacing:1px;text-transform:uppercase;background-color:var(--gog-btn-bg);color:var(--gog-btn-color);box-shadow:var(--gog-btn-shadow);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease;line-height:1}.gog-btn:focus-visible{outline:3px solid var(--gog-btn-hover-bg);outline-offset:3px}.gog-btn:hover:not(:disabled){background-color:var(--gog-btn-hover-bg);box-shadow:var(--gog-btn-hover-shadow)}.gog-btn:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.gog-btn{transition:none}.gog-btn:active:not(:disabled){transform:none}}.gog-btn:disabled{opacity:.4;cursor:not-allowed}.gog-btn--primary{--gog-btn-bg: var(--accent-color);--gog-btn-color: var(--primary-color);--gog-btn-hover-bg: var(--accent-bright);--gog-btn-hover-shadow: 0 0 16px color-mix(in srgb, var(--accent-bright) 45%, transparent)}.gog-btn--secondary{--gog-btn-bg: var(--secondary-color);--gog-btn-color: var(--primary-color);--gog-btn-hover-bg: var(--accent-color);--gog-btn-hover-shadow: none}.gog-btn--outline{--gog-btn-bg: transparent;--gog-btn-color: var(--accent-color);--gog-btn-border: var(--accent-color);--gog-btn-hover-bg: var(--accent-color);--gog-btn-hover-shadow: none;--gog-spinner-color: var(--accent-color)}.gog-btn--outline:hover:not(:disabled){color:var(--primary-color)}.gog-btn--ghost{--gog-btn-bg: transparent;--gog-btn-color: var(--accent-color);--gog-btn-hover-bg: color-mix(in srgb, var(--accent-color) 12%, transparent);--gog-btn-hover-shadow: none;--gog-spinner-color: var(--accent-color)}.gog-btn--sm{--gog-btn-padding: var(--btn-sm-padding);--gog-btn-font-size: var(--btn-sm-font-size)}.gog-btn--lg{--gog-btn-padding: var(--btn-lg-padding);--gog-btn-font-size: var(--btn-lg-font-size)}:host(.gog-host--full-width){display:flex}:host(.gog-host--full-width) .gog-btn{width:100%}.gog-btn--loading{position:relative;pointer-events:none}.gog-btn__content--hidden{visibility:hidden}.gog-btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:70%;max-height:70%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], debounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounce", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], gogClick: [{ type: i0.Output, args: ["gogClick"] }] } });
+
+class GogAccordionContentDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GogAccordionContentDirective, isStandalone: true, selector: "[gogAccordionContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogAccordionContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gogAccordionContent]',
+                }]
+        }] });
+class GogAccordionHeaderDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogAccordionHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GogAccordionHeaderDirective, isStandalone: true, selector: "[gogAccordionHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogAccordionHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gogAccordionHeader]',
+                }]
+        }] });
+class GogAccordionChevronDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogAccordionChevronDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GogAccordionChevronDirective, isStandalone: true, selector: "[gogAccordionChevron]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogAccordionChevronDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gogAccordionChevron]',
+                }]
+        }] });
+class AccordionComponent {
+    host = inject((ElementRef));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    size = input('lg', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    expandFirst = input(false, ...(ngDevMode ? [{ debugName: "expandFirst" }] : /* istanbul ignore next */ []));
+    multi = input(false, ...(ngDevMode ? [{ debugName: "multi" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    showChevron = input(true, ...(ngDevMode ? [{ debugName: "showChevron" }] : /* istanbul ignore next */ []));
+    gogToggle = output();
+    headerTpl = contentChild(GogAccordionHeaderDirective, ...(ngDevMode ? [{ debugName: "headerTpl" }] : /* istanbul ignore next */ []));
+    chevronTpl = contentChild(GogAccordionChevronDirective, ...(ngDevMode ? [{ debugName: "chevronTpl" }] : /* istanbul ignore next */ []));
+    contentTpl = contentChild(GogAccordionContentDirective, ...(ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []));
+    openIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "openIds" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const items = this.items();
+            if (!this.expandFirst() || items.length === 0 || this.openIds().size > 0) {
+                return;
+            }
+            this.openIds.set(new Set([items[0].id]));
+        });
+    }
+    isOpen(id) {
+        return this.openIds().has(id);
+    }
+    toggle(item) {
+        const id = item.id;
+        const current = this.openIds();
+        const next = new Set(current);
+        if (next.has(id)) {
+            next.delete(id);
+        }
+        else {
+            if (!this.multi())
+                next.clear();
+            next.add(id);
+        }
+        this.openIds.set(next);
+        this.gogToggle.emit({ item, open: next.has(id) });
+    }
+    onHeaderKeydown(event, index) {
+        const keys = ['ArrowDown', 'ArrowUp', 'Home', 'End'];
+        if (!keys.includes(event.key)) {
+            return;
+        }
+        const host = this.host.nativeElement;
+        const headers = Array.from(host.querySelectorAll('.gog-accordion__header'));
+        if (headers.length === 0) {
+            return;
+        }
+        event.preventDefault();
+        const lastIndex = headers.length - 1;
+        const nextIndex = event.key === 'Home'
+            ? 0
+            : event.key === 'End'
+                ? lastIndex
+                : event.key === 'ArrowDown'
+                    ? (index + 1) % headers.length
+                    : (index - 1 + headers.length) % headers.length;
+        headers[nextIndex]?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AccordionComponent, isStandalone: true, selector: "gog-accordion", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, expandFirst: { classPropertyName: "expandFirst", publicName: "expandFirst", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, showChevron: { classPropertyName: "showChevron", publicName: "showChevron", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gogToggle: "gogToggle" }, host: { classAttribute: "gog-accordion-host" }, queries: [{ propertyName: "headerTpl", first: true, predicate: GogAccordionHeaderDirective, descendants: true, isSignal: true }, { propertyName: "chevronTpl", first: true, predicate: GogAccordionChevronDirective, descendants: true, isSignal: true }, { propertyName: "contentTpl", first: true, predicate: GogAccordionContentDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"gog-accordion gog-contained-layout\"\r\n  [class.gog-accordion--md]=\"size() === 'md'\"\r\n  [class.gog-accordion--sm]=\"size() === 'sm'\"\r\n  [class.gog-accordion--loading]=\"loading()\"\r\n>\r\n  @if (loading()) {\r\n    @for (item of items(); track item.id) {\r\n      <div class=\"gog-accordion__item gog-accordion__item--skeleton\">\r\n        <div class=\"gog-accordion__header gog-accordion__header--skeleton\">\r\n          <span class=\"gog-accordion__skeleton-line\"></span>\r\n        </div>\r\n      </div>\r\n    }\r\n  } @else {\r\n    @for (item of items(); track item.id) {\r\n      <div class=\"gog-accordion__item\" [class.gog-accordion__item--open]=\"isOpen(item.id)\">\r\n        <button\r\n          [id]=\"'gog-acc-btn-' + item.id\"\r\n          class=\"gog-accordion__header font-heading\"\r\n          [class.gog-accordion__header--chevronless]=\"!showChevron()\"\r\n          [class.gog-accordion__header--open]=\"isOpen(item.id)\"\r\n          [attr.aria-expanded]=\"isOpen(item.id)\"\r\n          [attr.aria-controls]=\"'gog-acc-body-' + item.id\"\r\n          (click)=\"toggle(item)\"\r\n          (keydown)=\"onHeaderKeydown($event, $index)\"\r\n          type=\"button\"\r\n        >\r\n          <span class=\"gog-accordion__header-content\">\r\n            @if (headerTpl(); as tpl) {\r\n              <ng-container\r\n                *ngTemplateOutlet=\"tpl.templateRef; context: { $implicit: item, open: isOpen(item.id) }\"\r\n              />\r\n            } @else {\r\n              <span class=\"gog-accordion__title\">{{ item.title }}</span>\r\n            }\r\n          </span>\r\n          @if (showChevron()) {\r\n            <span class=\"gog-accordion__chevron\" aria-hidden=\"true\">\r\n              @if (chevronTpl(); as tpl) {\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"tpl.templateRef; context: { $implicit: item, open: isOpen(item.id) }\"\r\n                />\r\n              } @else {\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.5\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <polyline points=\"6 9 12 15 18 9\"></polyline>\r\n                </svg>\r\n              }\r\n            </span>\r\n          }\r\n        </button>\r\n\r\n        <div\r\n          [id]=\"'gog-acc-body-' + item.id\"\r\n          class=\"gog-accordion__body font-body\"\r\n          [class.gog-accordion__body--open]=\"isOpen(item.id)\"\r\n          role=\"region\"\r\n          [attr.aria-labelledby]=\"'gog-acc-btn-' + item.id\"\r\n          [attr.aria-hidden]=\"!isOpen(item.id)\"\r\n          [attr.inert]=\"!isOpen(item.id) ? '' : null\"\r\n        >\r\n          <div class=\"gog-accordion__body-inner\">\r\n            @if (contentTpl(); as tpl) {\r\n              <ng-container *ngTemplateOutlet=\"tpl.templateRef; context: { $implicit: item }\" />\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n", styles: [".gog-accordion{--gog-accordion-border-color: var(--accent-dim);--gog-accordion-text-color: var(--text-color);--gog-accordion-accent-color: var(--accent-color);--gog-accordion-hover-bg: color-mix(in srgb, var(--accent-dim) 10%, transparent);--gog-accordion-hover-ring: color-mix(in srgb, var(--accent-color) 30%, transparent);--gog-accordion-body-color: var(--text-color);--gog-accordion-skeleton-start: var(--accent-dim);--gog-accordion-skeleton-mid: color-mix(in srgb, var(--accent-dim) 50%, transparent);--gog-accordion-skeleton-end: var(--accent-dim);--gog-accordion-radius: var(--radius);--gog-accordion-body-radius: var(--radius);--gog-accordion-body-padding-y: 12px;--gog-accordion-body-padding-x: 16px;--gog-accordion-body-radius-skeleton: 2px;display:flex;flex-direction:column;width:100%}.gog-accordion__item{border-bottom:var(--control-border-width, 1px) var(--control-border-style, solid) var(--gog-accordion-border-color)}.gog-accordion__item:first-child{border-top:var(--control-border-width, 1px) var(--control-border-style, solid) var(--gog-accordion-border-color)}.gog-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px var(--gog-accordion-body-padding-x);gap:12px;background:transparent;border:none;color:var(--gog-accordion-text-color);text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;font-size:var(--text-sm);transition:color .15s ease,background-color .15s ease}.gog-accordion__header:hover{color:var(--gog-accordion-accent-color);background-color:var(--gog-accordion-hover-bg)}.gog-accordion__header:focus-visible{outline:3px solid var(--gog-accordion-hover-ring);outline-offset:-3px}.gog-accordion__header--open{color:var(--gog-accordion-accent-color)}.gog-accordion__title{flex:1}.gog-accordion__header-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.gog-accordion__chevron{flex-shrink:0;width:16px;height:16px;color:var(--gog-accordion-border-color);transition:transform .2s ease,color .15s ease}.gog-accordion__chevron svg{width:100%;height:100%;display:block}.gog-accordion__header--open .gog-accordion__chevron{transform:rotate(180deg);color:var(--gog-accordion-accent-color)}.gog-accordion__body{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;border-top:var(--control-border-width, 1px) var(--control-border-style, solid) var(--accent-dim);transition:grid-template-rows .2s ease,opacity .18s ease}.gog-accordion__body--open{grid-template-rows:1fr;opacity:1}.gog-accordion__body-inner{min-height:0;overflow:hidden;padding:0 var(--gog-accordion-body-padding-x);color:var(--gog-accordion-body-color);font-size:var(--text-md);line-height:1.6;transform:translateY(-2px);transition:transform .18s ease,padding .2s ease}.gog-accordion__body--open .gog-accordion__body-inner{padding-top:var(--gog-accordion-body-padding-y);padding-bottom:calc(var(--gog-accordion-body-padding-y) + 4px);transform:translateY(0)}.gog-accordion--md .gog-accordion__header{padding:10px 14px;font-size:var(--text-xs)}.gog-accordion--md .gog-accordion__header-content{gap:2px}.gog-accordion--md .gog-accordion__body-inner{padding-left:14px;padding-right:14px;font-size:var(--text-sm)}.gog-accordion--md .gog-accordion__body--open .gog-accordion__body-inner{padding-top:8px;padding-bottom:12px}.gog-accordion--md .gog-accordion__chevron{width:14px;height:14px}.gog-accordion--sm .gog-accordion__header{padding:6px 10px;font-size:var(--text-xs);letter-spacing:.4px}.gog-accordion--sm .gog-accordion__header-content{gap:2px}.gog-accordion--sm .gog-accordion__body-inner{padding-left:10px;padding-right:10px;font-size:var(--text-xs);line-height:1.5}.gog-accordion--sm .gog-accordion__body--open .gog-accordion__body-inner{padding-top:6px;padding-bottom:8px}.gog-accordion--sm .gog-accordion__chevron{width:12px;height:12px}.gog-accordion__header--skeleton{cursor:default;pointer-events:none}.gog-accordion__skeleton-line{display:block;height:12px;width:55%;border-radius:var(--gog-accordion-body-radius-skeleton);background:linear-gradient(90deg,var(--gog-accordion-skeleton-start) 25%,var(--gog-accordion-skeleton-mid) 50%,var(--gog-accordion-skeleton-end) 75%);background-size:200% 100%;animation:gog-accordion-shimmer 1.4s infinite}@keyframes gog-accordion-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.gog-accordion__header,.gog-accordion__chevron,.gog-accordion__body,.gog-accordion__body-inner{transition:none}.gog-accordion__skeleton-line{animation:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-accordion', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'gog-accordion-host',
+                    }, template: "<div\r\n  class=\"gog-accordion gog-contained-layout\"\r\n  [class.gog-accordion--md]=\"size() === 'md'\"\r\n  [class.gog-accordion--sm]=\"size() === 'sm'\"\r\n  [class.gog-accordion--loading]=\"loading()\"\r\n>\r\n  @if (loading()) {\r\n    @for (item of items(); track item.id) {\r\n      <div class=\"gog-accordion__item gog-accordion__item--skeleton\">\r\n        <div class=\"gog-accordion__header gog-accordion__header--skeleton\">\r\n          <span class=\"gog-accordion__skeleton-line\"></span>\r\n        </div>\r\n      </div>\r\n    }\r\n  } @else {\r\n    @for (item of items(); track item.id) {\r\n      <div class=\"gog-accordion__item\" [class.gog-accordion__item--open]=\"isOpen(item.id)\">\r\n        <button\r\n          [id]=\"'gog-acc-btn-' + item.id\"\r\n          class=\"gog-accordion__header font-heading\"\r\n          [class.gog-accordion__header--chevronless]=\"!showChevron()\"\r\n          [class.gog-accordion__header--open]=\"isOpen(item.id)\"\r\n          [attr.aria-expanded]=\"isOpen(item.id)\"\r\n          [attr.aria-controls]=\"'gog-acc-body-' + item.id\"\r\n          (click)=\"toggle(item)\"\r\n          (keydown)=\"onHeaderKeydown($event, $index)\"\r\n          type=\"button\"\r\n        >\r\n          <span class=\"gog-accordion__header-content\">\r\n            @if (headerTpl(); as tpl) {\r\n              <ng-container\r\n                *ngTemplateOutlet=\"tpl.templateRef; context: { $implicit: item, open: isOpen(item.id) }\"\r\n              />\r\n            } @else {\r\n              <span class=\"gog-accordion__title\">{{ item.title }}</span>\r\n            }\r\n          </span>\r\n          @if (showChevron()) {\r\n            <span class=\"gog-accordion__chevron\" aria-hidden=\"true\">\r\n              @if (chevronTpl(); as tpl) {\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"tpl.templateRef; context: { $implicit: item, open: isOpen(item.id) }\"\r\n                />\r\n              } @else {\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2.5\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                >\r\n                  <polyline points=\"6 9 12 15 18 9\"></polyline>\r\n                </svg>\r\n              }\r\n            </span>\r\n          }\r\n        </button>\r\n\r\n        <div\r\n          [id]=\"'gog-acc-body-' + item.id\"\r\n          class=\"gog-accordion__body font-body\"\r\n          [class.gog-accordion__body--open]=\"isOpen(item.id)\"\r\n          role=\"region\"\r\n          [attr.aria-labelledby]=\"'gog-acc-btn-' + item.id\"\r\n          [attr.aria-hidden]=\"!isOpen(item.id)\"\r\n          [attr.inert]=\"!isOpen(item.id) ? '' : null\"\r\n        >\r\n          <div class=\"gog-accordion__body-inner\">\r\n            @if (contentTpl(); as tpl) {\r\n              <ng-container *ngTemplateOutlet=\"tpl.templateRef; context: { $implicit: item }\" />\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n</div>\r\n", styles: [".gog-accordion{--gog-accordion-border-color: var(--accent-dim);--gog-accordion-text-color: var(--text-color);--gog-accordion-accent-color: var(--accent-color);--gog-accordion-hover-bg: color-mix(in srgb, var(--accent-dim) 10%, transparent);--gog-accordion-hover-ring: color-mix(in srgb, var(--accent-color) 30%, transparent);--gog-accordion-body-color: var(--text-color);--gog-accordion-skeleton-start: var(--accent-dim);--gog-accordion-skeleton-mid: color-mix(in srgb, var(--accent-dim) 50%, transparent);--gog-accordion-skeleton-end: var(--accent-dim);--gog-accordion-radius: var(--radius);--gog-accordion-body-radius: var(--radius);--gog-accordion-body-padding-y: 12px;--gog-accordion-body-padding-x: 16px;--gog-accordion-body-radius-skeleton: 2px;display:flex;flex-direction:column;width:100%}.gog-accordion__item{border-bottom:var(--control-border-width, 1px) var(--control-border-style, solid) var(--gog-accordion-border-color)}.gog-accordion__item:first-child{border-top:var(--control-border-width, 1px) var(--control-border-style, solid) var(--gog-accordion-border-color)}.gog-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px var(--gog-accordion-body-padding-x);gap:12px;background:transparent;border:none;color:var(--gog-accordion-text-color);text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;font-size:var(--text-sm);transition:color .15s ease,background-color .15s ease}.gog-accordion__header:hover{color:var(--gog-accordion-accent-color);background-color:var(--gog-accordion-hover-bg)}.gog-accordion__header:focus-visible{outline:3px solid var(--gog-accordion-hover-ring);outline-offset:-3px}.gog-accordion__header--open{color:var(--gog-accordion-accent-color)}.gog-accordion__title{flex:1}.gog-accordion__header-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.gog-accordion__chevron{flex-shrink:0;width:16px;height:16px;color:var(--gog-accordion-border-color);transition:transform .2s ease,color .15s ease}.gog-accordion__chevron svg{width:100%;height:100%;display:block}.gog-accordion__header--open .gog-accordion__chevron{transform:rotate(180deg);color:var(--gog-accordion-accent-color)}.gog-accordion__body{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;border-top:var(--control-border-width, 1px) var(--control-border-style, solid) var(--accent-dim);transition:grid-template-rows .2s ease,opacity .18s ease}.gog-accordion__body--open{grid-template-rows:1fr;opacity:1}.gog-accordion__body-inner{min-height:0;overflow:hidden;padding:0 var(--gog-accordion-body-padding-x);color:var(--gog-accordion-body-color);font-size:var(--text-md);line-height:1.6;transform:translateY(-2px);transition:transform .18s ease,padding .2s ease}.gog-accordion__body--open .gog-accordion__body-inner{padding-top:var(--gog-accordion-body-padding-y);padding-bottom:calc(var(--gog-accordion-body-padding-y) + 4px);transform:translateY(0)}.gog-accordion--md .gog-accordion__header{padding:10px 14px;font-size:var(--text-xs)}.gog-accordion--md .gog-accordion__header-content{gap:2px}.gog-accordion--md .gog-accordion__body-inner{padding-left:14px;padding-right:14px;font-size:var(--text-sm)}.gog-accordion--md .gog-accordion__body--open .gog-accordion__body-inner{padding-top:8px;padding-bottom:12px}.gog-accordion--md .gog-accordion__chevron{width:14px;height:14px}.gog-accordion--sm .gog-accordion__header{padding:6px 10px;font-size:var(--text-xs);letter-spacing:.4px}.gog-accordion--sm .gog-accordion__header-content{gap:2px}.gog-accordion--sm .gog-accordion__body-inner{padding-left:10px;padding-right:10px;font-size:var(--text-xs);line-height:1.5}.gog-accordion--sm .gog-accordion__body--open .gog-accordion__body-inner{padding-top:6px;padding-bottom:8px}.gog-accordion--sm .gog-accordion__chevron{width:12px;height:12px}.gog-accordion__header--skeleton{cursor:default;pointer-events:none}.gog-accordion__skeleton-line{display:block;height:12px;width:55%;border-radius:var(--gog-accordion-body-radius-skeleton);background:linear-gradient(90deg,var(--gog-accordion-skeleton-start) 25%,var(--gog-accordion-skeleton-mid) 50%,var(--gog-accordion-skeleton-end) 75%);background-size:200% 100%;animation:gog-accordion-shimmer 1.4s infinite}@keyframes gog-accordion-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.gog-accordion__header,.gog-accordion__chevron,.gog-accordion__body,.gog-accordion__body-inner{transition:none}.gog-accordion__skeleton-line{animation:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], expandFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandFirst", required: false }] }], multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], showChevron: [{ type: i0.Input, args: [{ isSignal: true, alias: "showChevron", required: false }] }], gogToggle: [{ type: i0.Output, args: ["gogToggle"] }], headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GogAccordionHeaderDirective), { isSignal: true }] }], chevronTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GogAccordionChevronDirective), { isSignal: true }] }], contentTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GogAccordionContentDirective), { isSignal: true }] }] } });
+
+class IconComponent {
+    name = input('close', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    template = input(null, ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    ariaHidden = input(true, ...(ngDevMode ? [{ debugName: "ariaHidden" }] : /* istanbul ignore next */ []));
+    ariaLabel = computed(() => (this.ariaHidden() ? null : this.title() || this.name()), ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: IconComponent, isStandalone: true, selector: "gog-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaHidden: { classPropertyName: "ariaHidden", publicName: "ariaHidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "ariaHidden() ? \"true\" : null", "attr.aria-label": "ariaHidden() ? null : ariaLabel()" }, classAttribute: "gog-icon" }, ngImport: i0, template: `
+    @if (template(); as iconTpl) {
+      <ng-container *ngTemplateOutlet="iconTpl" />
+    } @else {
+      <svg
+        class="gog-icon__svg"
+        viewBox="0 0 16 16"
+        fill="none"
+        aria-hidden="true"
+        focusable="false"
+      >
+        @switch (name()) {
+          @case ('check') {
+            <path
+              d="M3 8.5L6.5 12L13 4"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('close') {
+            <path
+              d="M4 4L12 12M12 4L4 12"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+            />
+          }
+          @case ('chevron-up') {
+            <path
+              d="M4 10L8 6L12 10"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('chevron-down') {
+            <path
+              d="M4 6L8 10L12 6"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('sort-up') {
+            <path d="M8 3L4.5 6.5H11.5L8 3Z" fill="currentColor" />
+          }
+          @case ('sort-down') {
+            <path d="M8 13L11.5 9.5H4.5L8 13Z" fill="currentColor" />
+          }
+          @case ('sort') {
+            <path d="M5 5.5H11M5 8H11M5 10.5H11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+          }
+          @case ('success') {
+            <path
+              d="M3 8.5L6.2 11.7L13 4.9"
+              stroke="currentColor"
+              stroke-width="1.8"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('error') {
+            <path d="M4 4L12 12M12 4L4 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" />
+          }
+          @case ('warning') {
+            <path d="M8 3L14 13H2L8 3Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
+            <path d="M8 6V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+            <circle cx="8" cy="11.5" r="0.75" fill="currentColor" />
+          }
+          @case ('info') {
+            <circle cx="8" cy="8" r="5.5" stroke="currentColor" stroke-width="1.5" />
+            <path d="M8 7V11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+            <circle cx="8" cy="5.25" r="0.75" fill="currentColor" />
+          }
+        }
+      </svg>
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:0}.gog-icon__svg{width:var(--gog-icon-size, 1em);height:var(--gog-icon-size, 1em);display:block;color:currentColor}.gog-icon__svg path,.gog-icon__svg circle{stroke-width:var(--gog-icon-stroke-width, 2)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-icon', imports: [NgTemplateOutlet], template: `
+    @if (template(); as iconTpl) {
+      <ng-container *ngTemplateOutlet="iconTpl" />
+    } @else {
+      <svg
+        class="gog-icon__svg"
+        viewBox="0 0 16 16"
+        fill="none"
+        aria-hidden="true"
+        focusable="false"
+      >
+        @switch (name()) {
+          @case ('check') {
+            <path
+              d="M3 8.5L6.5 12L13 4"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('close') {
+            <path
+              d="M4 4L12 12M12 4L4 12"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+            />
+          }
+          @case ('chevron-up') {
+            <path
+              d="M4 10L8 6L12 10"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('chevron-down') {
+            <path
+              d="M4 6L8 10L12 6"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('sort-up') {
+            <path d="M8 3L4.5 6.5H11.5L8 3Z" fill="currentColor" />
+          }
+          @case ('sort-down') {
+            <path d="M8 13L11.5 9.5H4.5L8 13Z" fill="currentColor" />
+          }
+          @case ('sort') {
+            <path d="M5 5.5H11M5 8H11M5 10.5H11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+          }
+          @case ('success') {
+            <path
+              d="M3 8.5L6.2 11.7L13 4.9"
+              stroke="currentColor"
+              stroke-width="1.8"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          }
+          @case ('error') {
+            <path d="M4 4L12 12M12 4L4 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" />
+          }
+          @case ('warning') {
+            <path d="M8 3L14 13H2L8 3Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
+            <path d="M8 6V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+            <circle cx="8" cy="11.5" r="0.75" fill="currentColor" />
+          }
+          @case ('info') {
+            <circle cx="8" cy="8" r="5.5" stroke="currentColor" stroke-width="1.5" />
+            <path d="M8 7V11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+            <circle cx="8" cy="5.25" r="0.75" fill="currentColor" />
+          }
+        }
+      </svg>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'gog-icon',
+                        '[attr.aria-hidden]': 'ariaHidden() ? "true" : null',
+                        '[attr.aria-label]': 'ariaHidden() ? null : ariaLabel()',
+                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:0}.gog-icon__svg{width:var(--gog-icon-size, 1em);height:var(--gog-icon-size, 1em);display:block;color:currentColor}.gog-icon__svg path,.gog-icon__svg circle{stroke-width:var(--gog-icon-stroke-width, 2)}\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaHidden", required: false }] }] } });
+
+const GOG_CHECKABLE_CONTROL_PADDING = 'var(--control-checkbox-padding, 6px)';
+const GOG_CHECKABLE_CONTROL_SIZE_MAP = {
+    sm: {
+        boxSize: 'var(--control-checkbox-box-size-sm, 18px)',
+        labelSize: 'var(--control-checkbox-label-size-sm, 0.8125rem)',
+        indicatorSize: 'var(--control-checkbox-icon-size-sm, 12px)',
+    },
+    md: {
+        boxSize: 'var(--control-checkbox-box-size-md, 24px)',
+        labelSize: 'var(--control-checkbox-label-size-md, 0.9375rem)',
+        indicatorSize: 'var(--control-checkbox-icon-size-md, 14px)',
+    },
+    lg: {
+        boxSize: 'var(--control-checkbox-box-size-lg, 32px)',
+        labelSize: 'var(--control-checkbox-label-size-lg, 1.0625rem)',
+        indicatorSize: 'var(--control-checkbox-icon-size-lg, 18px)',
+    },
+};
+
+class CheckboxComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    checkIconTemplate = input(null, ...(ngDevMode ? [{ debugName: "checkIconTemplate" }] : /* istanbul ignore next */ []));
+    /** Two-way bindable checked state: `[(checked)]="signal"`. */
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    controlSize = computed(() => GOG_CHECKABLE_CONTROL_SIZE_MAP[this.size()], ...(ngDevMode ? [{ debugName: "controlSize" }] : /* istanbul ignore next */ []));
+    boxSize = computed(() => this.controlSize().boxSize, ...(ngDevMode ? [{ debugName: "boxSize" }] : /* istanbul ignore next */ []));
+    checkboxPadding = GOG_CHECKABLE_CONTROL_PADDING;
+    labelSize = computed(() => this.controlSize().labelSize, ...(ngDevMode ? [{ debugName: "labelSize" }] : /* istanbul ignore next */ []));
+    iconSize = computed(() => this.controlSize().indicatorSize, ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+    onCheckedChange = () => { };
+    onTouched = () => { };
+    writeValue(val) {
+        this.checked.set(val ?? false);
+    }
+    registerOnChange(fn) {
+        this.onCheckedChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    onInputChange(event) {
+        if (this.isDisabled())
+            return;
+        const input = event.target;
+        const next = input.checked;
+        this.checked.set(next);
+        this.onCheckedChange(next);
+        this.onTouched();
+    }
+    onBlur() {
+        if (this.isDisabled())
+            return;
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: CheckboxComponent, isStandalone: true, selector: "gog-checkbox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, checkIconTemplate: { classPropertyName: "checkIconTemplate", publicName: "checkIconTemplate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "style.--gog-checkbox-box-size": "boxSize()", "style.--gog-checkbox-label-size": "labelSize()", "style.--gog-checkbox-icon-size": "iconSize()", "style.--gog-checkbox-padding": "checkboxPadding" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CheckboxComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<label class=\"gog-checkbox gog-contained-layout\" [class.gog-checkbox--disabled]=\"isDisabled()\">\n  <input\n    class=\"gog-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked()\"\n    [indeterminate]=\"indeterminate()\"\n    [disabled]=\"isDisabled()\"\n    [attr.aria-checked]=\"indeterminate() ? 'mixed' : null\"\n    [attr.aria-label]=\"label() ? null : ariaLabel() || null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span\n    class=\"gog-checkbox__box\"\n    [class.gog-checkbox__box--checked]=\"checked()\"\n    [class.gog-checkbox__box--indeterminate]=\"indeterminate()\"\n  >\n    @if (checked()) {\n      <gog-icon [template]=\"checkIconTemplate()\" name=\"check\" />\n    } @else if (indeterminate()) {\n      <span class=\"gog-checkbox__dash\" aria-hidden=\"true\"></span>\n    }\n  </span>\n\n  @if (label()) {\n    <span class=\"gog-checkbox__label font-body\">{{ label() }}</span>\n  }\n</label>\n", styles: [".gog-checkbox{--gog-checkbox-gap: 10px;--gog-checkbox-border-color: var(--accent-dim);--gog-checkbox-bg: var(--surface-color);--gog-checkbox-checked-bg: var(--accent-color);--gog-checkbox-checked-border: var(--accent-color);--gog-checkbox-icon-color: var(--primary-color);--gog-checkbox-label-color: var(--muted-text-color);--gog-checkbox-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-checkbox-disabled-opacity: .4;display:inline-flex;align-items:center;gap:var(--gog-checkbox-gap);padding:var(--gog-checkbox-padding);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.gog-checkbox--disabled{opacity:var(--gog-checkbox-disabled-opacity);cursor:not-allowed}.gog-checkbox__input{position:absolute;top:var(--gog-checkbox-padding);left:var(--gog-checkbox-padding);width:var(--gog-checkbox-box-size, 24px);height:var(--gog-checkbox-box-size, 24px);margin:0;opacity:0;cursor:inherit}.gog-checkbox__box{display:flex;align-items:center;justify-content:center;width:var(--gog-checkbox-box-size, 24px);height:var(--gog-checkbox-box-size, 24px);box-sizing:border-box;border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-checkbox-border-color);border-radius:var(--radius);background-color:var(--gog-checkbox-bg);color:var(--gog-checkbox-icon-color);flex:0 0 auto;line-height:0;overflow:hidden;transition:border-color .15s ease,background-color .15s ease}.gog-checkbox__input:checked+.gog-checkbox__box,.gog-checkbox__input:indeterminate+.gog-checkbox__box,.gog-checkbox__box--checked{border-color:var(--gog-checkbox-checked-border);background-color:var(--gog-checkbox-checked-bg)}.gog-checkbox__box gog-icon{display:block;font-size:var(--gog-checkbox-icon-size, 14px);line-height:1;pointer-events:none}.gog-checkbox__dash{width:calc(var(--gog-checkbox-box-size, 24px) * .45);height:var(--gog-checkbox-dash-height, 2px);border-radius:var(--gog-checkbox-dash-radius, 999px);background-color:currentColor;pointer-events:none}.gog-checkbox__label{font-size:var(--gog-checkbox-label-size, .9375rem);line-height:1.3;color:var(--gog-checkbox-label-color)}.gog-checkbox__input:focus-visible+.gog-checkbox__box{outline:3px solid var(--gog-checkbox-focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){.gog-checkbox__box{transition:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-checkbox', imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[style.--gog-checkbox-box-size]': 'boxSize()',
+                        '[style.--gog-checkbox-label-size]': 'labelSize()',
+                        '[style.--gog-checkbox-icon-size]': 'iconSize()',
+                        '[style.--gog-checkbox-padding]': 'checkboxPadding',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CheckboxComponent),
+                            multi: true,
+                        },
+                    ], template: "<label class=\"gog-checkbox gog-contained-layout\" [class.gog-checkbox--disabled]=\"isDisabled()\">\n  <input\n    class=\"gog-checkbox__input\"\n    type=\"checkbox\"\n    [checked]=\"checked()\"\n    [indeterminate]=\"indeterminate()\"\n    [disabled]=\"isDisabled()\"\n    [attr.aria-checked]=\"indeterminate() ? 'mixed' : null\"\n    [attr.aria-label]=\"label() ? null : ariaLabel() || null\"\n    (change)=\"onInputChange($event)\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span\n    class=\"gog-checkbox__box\"\n    [class.gog-checkbox__box--checked]=\"checked()\"\n    [class.gog-checkbox__box--indeterminate]=\"indeterminate()\"\n  >\n    @if (checked()) {\n      <gog-icon [template]=\"checkIconTemplate()\" name=\"check\" />\n    } @else if (indeterminate()) {\n      <span class=\"gog-checkbox__dash\" aria-hidden=\"true\"></span>\n    }\n  </span>\n\n  @if (label()) {\n    <span class=\"gog-checkbox__label font-body\">{{ label() }}</span>\n  }\n</label>\n", styles: [".gog-checkbox{--gog-checkbox-gap: 10px;--gog-checkbox-border-color: var(--accent-dim);--gog-checkbox-bg: var(--surface-color);--gog-checkbox-checked-bg: var(--accent-color);--gog-checkbox-checked-border: var(--accent-color);--gog-checkbox-icon-color: var(--primary-color);--gog-checkbox-label-color: var(--muted-text-color);--gog-checkbox-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-checkbox-disabled-opacity: .4;display:inline-flex;align-items:center;gap:var(--gog-checkbox-gap);padding:var(--gog-checkbox-padding);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.gog-checkbox--disabled{opacity:var(--gog-checkbox-disabled-opacity);cursor:not-allowed}.gog-checkbox__input{position:absolute;top:var(--gog-checkbox-padding);left:var(--gog-checkbox-padding);width:var(--gog-checkbox-box-size, 24px);height:var(--gog-checkbox-box-size, 24px);margin:0;opacity:0;cursor:inherit}.gog-checkbox__box{display:flex;align-items:center;justify-content:center;width:var(--gog-checkbox-box-size, 24px);height:var(--gog-checkbox-box-size, 24px);box-sizing:border-box;border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-checkbox-border-color);border-radius:var(--radius);background-color:var(--gog-checkbox-bg);color:var(--gog-checkbox-icon-color);flex:0 0 auto;line-height:0;overflow:hidden;transition:border-color .15s ease,background-color .15s ease}.gog-checkbox__input:checked+.gog-checkbox__box,.gog-checkbox__input:indeterminate+.gog-checkbox__box,.gog-checkbox__box--checked{border-color:var(--gog-checkbox-checked-border);background-color:var(--gog-checkbox-checked-bg)}.gog-checkbox__box gog-icon{display:block;font-size:var(--gog-checkbox-icon-size, 14px);line-height:1;pointer-events:none}.gog-checkbox__dash{width:calc(var(--gog-checkbox-box-size, 24px) * .45);height:var(--gog-checkbox-dash-height, 2px);border-radius:var(--gog-checkbox-dash-radius, 999px);background-color:currentColor;pointer-events:none}.gog-checkbox__label{font-size:var(--gog-checkbox-label-size, .9375rem);line-height:1.3;color:var(--gog-checkbox-label-color)}.gog-checkbox__input:focus-visible+.gog-checkbox__box{outline:3px solid var(--gog-checkbox-focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){.gog-checkbox__box{transition:none}}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], checkIconTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkIconTemplate", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }] } });
+
+const DIALOG_DATA = new InjectionToken('DIALOG_DATA');
+const DIALOG_REF = new InjectionToken('DIALOG_REF');
+
+class ConfirmationDialogComponent {
+    static count = 0;
+    instanceId = ++ConfirmationDialogComponent.count;
+    data = inject(DIALOG_DATA);
+    ref = inject(DIALOG_REF);
+    confirm() {
+        this.ref.close(true);
+    }
+    cancel() {
+        this.ref.close(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ConfirmationDialogComponent, isStandalone: true, selector: "gog-confirmation-dialog", ngImport: i0, template: "<div\n  class=\"confirm-dialog\"\n  [attr.aria-labelledby]=\"'confirm-title-' + instanceId\"\n  [attr.aria-describedby]=\"'confirm-desc-' + instanceId\"\n>\n  <h3 [id]=\"'confirm-title-' + instanceId\" class=\"confirm-dialog__title heading-md\">\n    {{ data.title }}\n  </h3>\n  <p [id]=\"'confirm-desc-' + instanceId\" class=\"confirm-dialog__description body-sm\">\n    {{ data.description }}\n  </p>\n  <div class=\"confirm-dialog__actions\">\n    <gog-button variant=\"ghost\" type=\"button\" (gogClick)=\"cancel()\">{{ data.cancelText }}</gog-button>\n    <gog-button variant=\"primary\" type=\"button\" (gogClick)=\"confirm()\">{{ data.confirmText }}</gog-button>\n  </div>\n</div>\n", styles: [":host{display:block;contain:layout style}.confirm-dialog{display:flex;flex-direction:column;gap:12px;min-width:320px;max-width:440px;color:var(--text-color)}.confirm-dialog__title{margin:0}.confirm-dialog__description{margin:0;color:var(--muted-text-color)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gog-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "debounce", "loading"], outputs: ["gogClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-confirmation-dialog', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"confirm-dialog\"\n  [attr.aria-labelledby]=\"'confirm-title-' + instanceId\"\n  [attr.aria-describedby]=\"'confirm-desc-' + instanceId\"\n>\n  <h3 [id]=\"'confirm-title-' + instanceId\" class=\"confirm-dialog__title heading-md\">\n    {{ data.title }}\n  </h3>\n  <p [id]=\"'confirm-desc-' + instanceId\" class=\"confirm-dialog__description body-sm\">\n    {{ data.description }}\n  </p>\n  <div class=\"confirm-dialog__actions\">\n    <gog-button variant=\"ghost\" type=\"button\" (gogClick)=\"cancel()\">{{ data.cancelText }}</gog-button>\n    <gog-button variant=\"primary\" type=\"button\" (gogClick)=\"confirm()\">{{ data.confirmText }}</gog-button>\n  </div>\n</div>\n", styles: [":host{display:block;contain:layout style}.confirm-dialog{display:flex;flex-direction:column;gap:12px;min-width:320px;max-width:440px;color:var(--text-color)}.confirm-dialog__title{margin:0}.confirm-dialog__description{margin:0;color:var(--muted-text-color)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}\n"] }]
+        }] });
+
+class DialogService {
+    document = inject(DOCUMENT);
+    dialogs = signal([], ...(ngDevMode ? [{ debugName: "dialogs" }] : /* istanbul ignore next */ []));
+    nextId = 0;
+    nextZIndex = 1000;
+    modalDialogCount = 0;
+    bodyOverflowBeforeLock = null;
+    focusedBeforeOpen = null;
+    open(config) {
+        const id = ++this.nextId;
+        const zIndex = config.zIndex ?? this.nextZIndex++;
+        this.nextZIndex = Math.max(this.nextZIndex, zIndex + 1);
+        let resolveAfterClosed;
+        const afterClosed = new Promise((resolve) => {
+            resolveAfterClosed = resolve;
+        });
+        const dialog = {
+            id,
+            zIndex,
+            offsetX: 0,
+            offsetY: 0,
+            config,
+            resolve: (result) => resolveAfterClosed(result),
+        };
+        if (config.modal !== false && this.modalDialogCount === 0) {
+            this.focusedBeforeOpen = this.document.activeElement instanceof HTMLElement ? this.document.activeElement : null;
+            this.lockBodyScroll();
+        }
+        if (config.modal !== false) {
+            this.modalDialogCount += 1;
+        }
+        this.dialogs.update((list) => [...list, dialog]);
+        return {
+            close: (result) => this.close(dialog, result),
+            afterClosed,
+        };
+    }
+    close(dialog, result) {
+        if (!this.dialogs().some((entry) => entry.id === dialog.id))
+            return;
+        dialog.resolve(result);
+        this.dialogs.update((list) => list.filter((entry) => entry.id !== dialog.id));
+        if (dialog.config.modal !== false) {
+            this.modalDialogCount = Math.max(0, this.modalDialogCount - 1);
+        }
+        if (this.modalDialogCount === 0) {
+            this.unlockBodyScroll();
+        }
+        if (this.dialogs().length === 0) {
+            this.restoreFocus();
+        }
+    }
+    closeAll(result) {
+        const dialogs = this.dialogs();
+        dialogs.forEach((dialog) => dialog.resolve(result));
+        this.dialogs.set([]);
+        this.modalDialogCount = 0;
+        this.unlockBodyScroll();
+        this.restoreFocus();
+    }
+    updatePosition(dialogId, offsetX, offsetY) {
+        this.dialogs.update((list) => list.map((dialog) => (dialog.id === dialogId ? { ...dialog, offsetX, offsetY } : dialog)));
+    }
+    lockBodyScroll() {
+        if (this.bodyOverflowBeforeLock !== null)
+            return;
+        this.bodyOverflowBeforeLock = this.document.body.style.overflow;
+        this.document.body.style.overflow = 'hidden';
+    }
+    unlockBodyScroll() {
+        if (this.bodyOverflowBeforeLock === null)
+            return;
+        this.document.body.style.overflow = this.bodyOverflowBeforeLock;
+        this.bodyOverflowBeforeLock = null;
+    }
+    restoreFocus() {
+        const element = this.focusedBeforeOpen;
+        this.focusedBeforeOpen = null;
+        if (!element || !this.document.contains(element))
+            return;
+        element.focus({ preventScroll: true });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class DialogComponent {
+    dialogService = inject(DialogService);
+    parentInjector = inject(Injector);
+    host = inject((ElementRef));
+    injectorCache = new WeakMap();
+    backdropPress = new Set();
+    focusableSelector = [
+        'a[href]',
+        'button:not([disabled])',
+        'input:not([disabled]):not([type="hidden"])',
+        'select:not([disabled])',
+        'textarea:not([disabled])',
+        '[contenteditable="true"]',
+        '[tabindex]:not([tabindex="-1"])',
+    ].join(',');
+    constructor() {
+        effect(() => {
+            const dialogs = this.dialogService.dialogs();
+            const openIds = new Set(dialogs.map((dialog) => dialog.id));
+            for (const dialogId of this.backdropPress) {
+                if (!openIds.has(dialogId)) {
+                    this.backdropPress.delete(dialogId);
+                }
+            }
+            if (dialogs.length === 0)
+                return;
+            queueMicrotask(() => this.focusTopDialog());
+        });
+    }
+    getInjector(dialog) {
+        if (!this.injectorCache.has(dialog)) {
+            this.injectorCache.set(dialog, Injector.create({
+                parent: this.parentInjector,
+                providers: [
+                    { provide: DIALOG_DATA, useValue: dialog.config.data },
+                    {
+                        provide: DIALOG_REF,
+                        useValue: {
+                            close: (result) => this.dialogService.close(dialog, result),
+                        },
+                    },
+                ],
+            }));
+        }
+        return this.injectorCache.get(dialog);
+    }
+    getTitleId(dialog) {
+        return `gog-dialog-title-${dialog.id}`;
+    }
+    close(dialog) {
+        this.backdropPress.delete(dialog.id);
+        this.dialogService.close(dialog, undefined);
+    }
+    closeIfClosable(dialog) {
+        if (dialog.config.closable !== false)
+            this.close(dialog);
+    }
+    panelZ(dialog) {
+        return dialog.zIndex;
+    }
+    onBackdropPointerDown(event, dialog) {
+        if (!dialog.config.closable)
+            return;
+        if (event.target === event.currentTarget) {
+            this.backdropPress.add(dialog.id);
+        }
+    }
+    onBackdropPointerUp(event, dialog) {
+        if (!dialog.config.closable)
+            return;
+        const shouldClose = this.backdropPress.has(dialog.id) && event.target === event.currentTarget;
+        this.backdropPress.delete(dialog.id);
+        if (shouldClose) {
+            this.close(dialog);
+        }
+    }
+    onPanelKeydown(event, dialog, panel) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.closeIfClosable(dialog);
+            return;
+        }
+        if (dialog.config.modal === false || event.key !== 'Tab')
+            return;
+        const focusables = this.getFocusableElements(panel);
+        if (focusables.length === 0) {
+            event.preventDefault();
+            panel.focus({ preventScroll: true });
+            return;
+        }
+        const currentIndex = focusables.indexOf(this.dialogDocument.activeElement);
+        const lastIndex = focusables.length - 1;
+        const nextIndex = event.shiftKey
+            ? currentIndex <= 0
+                ? lastIndex
+                : currentIndex - 1
+            : currentIndex === -1 || currentIndex === lastIndex
+                ? 0
+                : currentIndex + 1;
+        event.preventDefault();
+        focusables[nextIndex].focus({ preventScroll: true });
+    }
+    startDrag(event, dialog) {
+        if (dialog.config.draggable === false)
+            return;
+        if (event.button !== 0)
+            return;
+        if (event.target?.closest('button'))
+            return;
+        const startX = event.clientX;
+        const startY = event.clientY;
+        const initialX = dialog.offsetX;
+        const initialY = dialog.offsetY;
+        const move = (moveEvent) => {
+            this.dialogService.updatePosition(dialog.id, initialX + (moveEvent.clientX - startX), initialY + (moveEvent.clientY - startY));
+        };
+        const stop = () => {
+            this.dialogDocument.removeEventListener('pointermove', move);
+            this.dialogDocument.removeEventListener('pointerup', stop);
+            this.dialogDocument.removeEventListener('pointercancel', stop);
+        };
+        this.dialogDocument.addEventListener('pointermove', move);
+        this.dialogDocument.addEventListener('pointerup', stop);
+        this.dialogDocument.addEventListener('pointercancel', stop);
+        event.preventDefault();
+    }
+    trackDialog(_, entry) {
+        return entry.id;
+    }
+    isDraggable(dialog) {
+        return dialog.config.draggable !== false && (dialog.config.title !== undefined || dialog.config.closable !== false);
+    }
+    get dialogDocument() {
+        return this.host.nativeElement.ownerDocument;
+    }
+    focusTopDialog() {
+        const dialogs = this.dialogService.dialogs();
+        const topDialog = dialogs[dialogs.length - 1];
+        if (!topDialog)
+            return;
+        const panel = this.host.nativeElement.querySelector(`[data-dialog-id="${topDialog.id}"]`);
+        if (!panel)
+            return;
+        const focusables = this.getFocusableElements(panel);
+        (focusables[0] ?? panel).focus({ preventScroll: true });
+    }
+    getFocusableElements(panel) {
+        return Array.from(panel.querySelectorAll(this.focusableSelector)).filter((element) => !element.hasAttribute('disabled') && element.tabIndex !== -1 && this.isVisible(element));
+    }
+    isVisible(element) {
+        const rect = element.getBoundingClientRect();
+        return rect.width > 0 && rect.height > 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DialogComponent, isStandalone: true, selector: "gog-dialog", ngImport: i0, template: "@for (dialog of dialogService.dialogs(); track trackDialog($index, dialog)) {\n  <div\n    class=\"gog-dialog__backdrop\"\n    [class.gog-dialog__backdrop--modal]=\"dialog.config.modal !== false\"\n    [style.z-index]=\"panelZ(dialog)\"\n    (pointerdown)=\"onBackdropPointerDown($event, dialog)\"\n    (pointerup)=\"onBackdropPointerUp($event, dialog)\"\n    (pointercancel)=\"onBackdropPointerUp($event, dialog)\"\n  >\n    <div\n      #panel\n      class=\"gog-dialog__panel\"\n      [attr.data-dialog-id]=\"dialog.id\"\n      [style.--dropdown-z]=\"panelZ(dialog) + 10\"\n      [style.--gog-dialog-offset-x]=\"dialog.offsetX + 'px'\"\n      [style.--gog-dialog-offset-y]=\"dialog.offsetY + 'px'\"\n      [style.width]=\"dialog.config.width ?? 'auto'\"\n      [style.max-width]=\"dialog.config.maxWidth ?? '90vw'\"\n      [attr.role]=\"dialog.config.role ?? 'dialog'\"\n      [attr.aria-modal]=\"dialog.config.modal === false ? null : 'true'\"\n      tabindex=\"-1\"\n      [attr.aria-labelledby]=\"dialog.config.title ? getTitleId(dialog) : null\"\n      (keydown)=\"onPanelKeydown($event, dialog, panel)\"\n    >\n      @if (dialog.config.title || dialog.config.closable !== false) {\n        <div\n          class=\"gog-dialog__header\"\n          [class.gog-dialog__header--draggable]=\"isDraggable(dialog)\"\n          (pointerdown)=\"startDrag($event, dialog)\"\n        >\n          @if (dialog.config.title) {\n            <h2 [id]=\"getTitleId(dialog)\" class=\"gog-dialog__title font-heading\">\n              {{ dialog.config.title }}\n            </h2>\n          }\n          @if (dialog.config.closable !== false) {\n            <button type=\"button\" class=\"gog-dialog__close gog-inline-center\" aria-label=\"Close dialog\" (click)=\"close(dialog)\">\n              <gog-icon\n                [template]=\"dialog.config.closeIconTemplate ?? null\"\n                [name]=\"dialog.config.closeIconName ?? 'close'\"\n              />\n            </button>\n          }\n        </div>\n      }\n\n      <div class=\"gog-dialog__body\">\n        <ng-container *ngComponentOutlet=\"dialog.config.component; injector: getInjector(dialog)\" />\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}.gog-dialog__backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:gog-fade-in .15s ease}.gog-dialog__backdrop--modal{background:#0a0803b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gog-dialog__panel{--gog-dialog-border: var(--border-color);--gog-dialog-shadow: 0 24px 48px rgba(0, 0, 0, .5);--gog-dialog-offset-x: 0px;--gog-dialog-offset-y: 0px;display:flex;flex-direction:column;background:var(--surface-color);color:var(--text-color);border:1px solid var(--gog-dialog-border);box-shadow:var(--gog-dialog-shadow);overflow:visible;max-height:90vh;animation:gog-slide-in .2s ease;min-width:320px;border-radius:var(--radius);transform:translate3d(var(--gog-dialog-offset-x),var(--gog-dialog-offset-y),0)}.gog-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--border-color);gap:12px;flex-shrink:0}.gog-dialog__header--draggable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.gog-dialog__title{margin:0;color:var(--text-color)}.gog-dialog__close{justify-content:center;width:2rem;height:2rem;border:1px solid transparent;background:transparent;color:var(--muted-text-color);cursor:pointer;flex-shrink:0;padding:0;line-height:1;font-size:.875rem}.gog-dialog__close gog-icon{font-size:.875rem}.gog-dialog__close:hover{color:var(--text-color);border-color:var(--border-color);background:color-mix(in srgb,var(--hover-color) 70%,transparent)}.gog-dialog__close:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}.gog-dialog__body{padding:20px;overflow-y:auto;flex:1;max-height:calc(90vh - 60px)}@keyframes gog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gog-slide-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.gog-dialog__backdrop,.gog-dialog__panel,.gog-dialog__close{animation:none;transition:none}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-dialog', imports: [NgComponentOutlet, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (dialog of dialogService.dialogs(); track trackDialog($index, dialog)) {\n  <div\n    class=\"gog-dialog__backdrop\"\n    [class.gog-dialog__backdrop--modal]=\"dialog.config.modal !== false\"\n    [style.z-index]=\"panelZ(dialog)\"\n    (pointerdown)=\"onBackdropPointerDown($event, dialog)\"\n    (pointerup)=\"onBackdropPointerUp($event, dialog)\"\n    (pointercancel)=\"onBackdropPointerUp($event, dialog)\"\n  >\n    <div\n      #panel\n      class=\"gog-dialog__panel\"\n      [attr.data-dialog-id]=\"dialog.id\"\n      [style.--dropdown-z]=\"panelZ(dialog) + 10\"\n      [style.--gog-dialog-offset-x]=\"dialog.offsetX + 'px'\"\n      [style.--gog-dialog-offset-y]=\"dialog.offsetY + 'px'\"\n      [style.width]=\"dialog.config.width ?? 'auto'\"\n      [style.max-width]=\"dialog.config.maxWidth ?? '90vw'\"\n      [attr.role]=\"dialog.config.role ?? 'dialog'\"\n      [attr.aria-modal]=\"dialog.config.modal === false ? null : 'true'\"\n      tabindex=\"-1\"\n      [attr.aria-labelledby]=\"dialog.config.title ? getTitleId(dialog) : null\"\n      (keydown)=\"onPanelKeydown($event, dialog, panel)\"\n    >\n      @if (dialog.config.title || dialog.config.closable !== false) {\n        <div\n          class=\"gog-dialog__header\"\n          [class.gog-dialog__header--draggable]=\"isDraggable(dialog)\"\n          (pointerdown)=\"startDrag($event, dialog)\"\n        >\n          @if (dialog.config.title) {\n            <h2 [id]=\"getTitleId(dialog)\" class=\"gog-dialog__title font-heading\">\n              {{ dialog.config.title }}\n            </h2>\n          }\n          @if (dialog.config.closable !== false) {\n            <button type=\"button\" class=\"gog-dialog__close gog-inline-center\" aria-label=\"Close dialog\" (click)=\"close(dialog)\">\n              <gog-icon\n                [template]=\"dialog.config.closeIconTemplate ?? null\"\n                [name]=\"dialog.config.closeIconName ?? 'close'\"\n              />\n            </button>\n          }\n        </div>\n      }\n\n      <div class=\"gog-dialog__body\">\n        <ng-container *ngComponentOutlet=\"dialog.config.component; injector: getInjector(dialog)\" />\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}.gog-dialog__backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:gog-fade-in .15s ease}.gog-dialog__backdrop--modal{background:#0a0803b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gog-dialog__panel{--gog-dialog-border: var(--border-color);--gog-dialog-shadow: 0 24px 48px rgba(0, 0, 0, .5);--gog-dialog-offset-x: 0px;--gog-dialog-offset-y: 0px;display:flex;flex-direction:column;background:var(--surface-color);color:var(--text-color);border:1px solid var(--gog-dialog-border);box-shadow:var(--gog-dialog-shadow);overflow:visible;max-height:90vh;animation:gog-slide-in .2s ease;min-width:320px;border-radius:var(--radius);transform:translate3d(var(--gog-dialog-offset-x),var(--gog-dialog-offset-y),0)}.gog-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--border-color);gap:12px;flex-shrink:0}.gog-dialog__header--draggable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.gog-dialog__title{margin:0;color:var(--text-color)}.gog-dialog__close{justify-content:center;width:2rem;height:2rem;border:1px solid transparent;background:transparent;color:var(--muted-text-color);cursor:pointer;flex-shrink:0;padding:0;line-height:1;font-size:.875rem}.gog-dialog__close gog-icon{font-size:.875rem}.gog-dialog__close:hover{color:var(--text-color);border-color:var(--border-color);background:color-mix(in srgb,var(--hover-color) 70%,transparent)}.gog-dialog__close:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}.gog-dialog__body{padding:20px;overflow-y:auto;flex:1;max-height:calc(90vh - 60px)}@keyframes gog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gog-slide-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.gog-dialog__backdrop,.gog-dialog__panel,.gog-dialog__close{animation:none;transition:none}}\n"] }]
+        }], ctorParameters: () => [] });
+
+class ToastComponent {
+    toast = input.required(...(ngDevMode ? [{ debugName: "toast" }] : /* istanbul ignore next */ []));
+    /** Whether this toast is the active, front-of-queue toast — only the front toast counts down. */
+    isFront = input(true, ...(ngDevMode ? [{ debugName: "isFront" }] : /* istanbul ignore next */ []));
+    dismissed = output();
+    visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    isPaused = signal(false, ...(ngDevMode ? [{ debugName: "isPaused" }] : /* istanbul ignore next */ []));
+    autoDismissTimer = null;
+    startedAt = 0;
+    remainingMs = 0;
+    isClosing = signal(false, ...(ngDevMode ? [{ debugName: "isClosing" }] : /* istanbul ignore next */ []));
+    progressEl = viewChild('progress', ...(ngDevMode ? [{ debugName: "progressEl" }] : /* istanbul ignore next */ []));
+    hasActions = computed(() => this.toast().actions.length > 0, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
+    ariaRole = computed(() => ['error', 'warning'].includes(this.toast().type) ? 'alert' : 'status', ...(ngDevMode ? [{ debugName: "ariaRole" }] : /* istanbul ignore next */ []));
+    ariaLive = computed(() => ['error', 'warning'].includes(this.toast().type) ? 'assertive' : 'polite', ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => this.visible.set(true));
+        effect((onCleanup) => {
+            const toast = this.toast();
+            const isFront = this.isFront();
+            this.isPaused.set(false);
+            this.isClosing.set(false);
+            this.clearAutoDismissTimer();
+            this.remainingMs = toast.duration;
+            // Toasts queued behind the front one keep a full, frozen progress bar and don't count
+            // down — they only start ticking once they become the front toast.
+            if (!toast.isSticky && isFront) {
+                this.restartProgressAnimation();
+                this.startAutoDismiss(this.remainingMs);
+            }
+            onCleanup(() => this.clearAutoDismissTimer());
+        });
+    }
+    ngOnDestroy() {
+        this.clearAutoDismissTimer();
+    }
+    close() {
+        if (!this.visible() || this.isClosing())
+            return;
+        this.clearAutoDismissTimer();
+        this.isPaused.set(false);
+        this.isClosing.set(true);
+        this.visible.set(false);
+        const id = this.toast().id;
+        if (this.prefersReducedMotion()) {
+            this.isClosing.set(false);
+            queueMicrotask(() => this.dismissed.emit(id));
+        }
+    }
+    pauseAutoDismiss() {
+        const toast = this.toast();
+        if (toast.isSticky || !this.isFront() || this.isPaused() || this.isClosing())
+            return;
+        if (this.autoDismissTimer === null)
+            return;
+        const elapsed = Date.now() - this.startedAt;
+        this.remainingMs = Math.max(0, this.remainingMs - elapsed);
+        this.clearAutoDismissTimer();
+        this.isPaused.set(true);
+    }
+    resumeAutoDismiss() {
+        const toast = this.toast();
+        if (toast.isSticky || !this.isFront() || !this.isPaused() || this.isClosing())
+            return;
+        this.isPaused.set(false);
+        if (this.remainingMs <= 0) {
+            this.close();
+            return;
+        }
+        this.startAutoDismiss(this.remainingMs);
+    }
+    onTransitionEnd(event) {
+        if (!this.isClosing() || event.target !== event.currentTarget)
+            return;
+        if (event.propertyName !== 'opacity' && event.propertyName !== 'transform')
+            return;
+        this.isClosing.set(false);
+        this.dismissed.emit(this.toast().id);
+    }
+    runAction(action) {
+        action.onClick(this.toast());
+    }
+    startAutoDismiss(duration) {
+        this.clearAutoDismissTimer();
+        this.remainingMs = duration;
+        this.startedAt = Date.now();
+        this.autoDismissTimer = setTimeout(() => {
+            this.autoDismissTimer = null;
+            this.remainingMs = 0;
+            this.close();
+        }, duration);
+    }
+    /**
+     * Forces the CSS progress-bar animation to restart from full width. Simply updating the
+     * `--toast-duration` custom property doesn't retrigger a running `animation`, so the element
+     * is briefly detached from the animation and reflowed before being reattached.
+     */
+    restartProgressAnimation() {
+        const el = this.progressEl()?.nativeElement;
+        if (!el)
+            return;
+        el.style.animation = 'none';
+        void el.offsetWidth;
+        el.style.animation = '';
+    }
+    clearAutoDismissTimer() {
+        if (this.autoDismissTimer !== null) {
+            clearTimeout(this.autoDismissTimer);
+            this.autoDismissTimer = null;
+        }
+    }
+    prefersReducedMotion() {
+        return typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ToastComponent, isStandalone: true, selector: "gog-toast", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null }, isFront: { classPropertyName: "isFront", publicName: "isFront", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.role": "ariaRole()", "attr.aria-live": "ariaLive()", "attr.aria-atomic": "true" } }, viewQueries: [{ propertyName: "progressEl", first: true, predicate: ["progress"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"gog-toast\"\n  [class.gog-toast--paused]=\"isPaused()\"\n  [class.gog-toast--queued]=\"!isFront()\"\n  [class.gog-toast--success]=\"toast().type === 'success'\"\n  [class.gog-toast--error]=\"toast().type === 'error'\"\n  [class.gog-toast--warning]=\"toast().type === 'warning'\"\n  [class.gog-toast--info]=\"toast().type === 'info'\"\n  [class.gog-toast--visible]=\"visible()\"\n  [style.--toast-duration]=\"toast().duration + 'ms'\"\n  (mouseenter)=\"pauseAutoDismiss()\"\n  (mouseleave)=\"resumeAutoDismiss()\"\n  (transitionend)=\"onTransitionEnd($event)\"\n>\n  <div class=\"gog-toast__content\">\n    <span class=\"gog-toast__icon\" aria-hidden=\"true\">\n      <gog-icon [template]=\"toast().iconTemplate ?? null\" [name]=\"toast().iconName\" />\n    </span>\n    <div class=\"gog-toast__main\">\n      <span class=\"gog-toast__message font-body\">{{ toast().message }}</span>\n      @if (hasActions()) {\n        <div class=\"gog-toast__actions\">\n          @for (action of toast().actions; track action.label) {\n            <gog-button\n              class=\"gog-toast__action\"\n              variant=\"ghost\"\n              size=\"sm\"\n              type=\"button\"\n              (gogClick)=\"runAction(action)\"\n            >\n              @if (action.iconName || action.iconTemplate) {\n                <gog-icon [template]=\"action.iconTemplate ?? null\" [name]=\"action.iconName ?? 'check'\" />\n              }\n              {{ action.label }}\n            </gog-button>\n          }\n        </div>\n      }\n    </div>\n    <gog-button\n      class=\"gog-toast__close\"\n      variant=\"ghost\"\n      size=\"sm\"\n      type=\"button\"\n      aria-label=\"Close toast\"\n      (gogClick)=\"close()\"\n    >\n      <gog-icon name=\"close\" />\n    </gog-button>\n  </div>\n  @if (!toast().isSticky) {\n    <span #progress class=\"gog-toast__progress\" aria-hidden=\"true\"></span>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.gog-toast{--toast-bg: var(--surface-color);--toast-border: var(--accent-color);--toast-color: var(--text-color);--toast-icon-color: var(--accent-color);--toast-enter-x: var(--gog-toast-enter-distance);--toast-progress-color: var(--toast-border);--toast-stack-depth: min(var(--toast-stack-index, 0), 6);--gog-toast-stack-peek: 14px;--gog-toast-stack-scale-step: .06;--gog-toast-stack-expanded-gap: 84px;--gog-toast-stack-min-opacity: .4;--toast-stack-collapsed-y: calc( var(--toast-stack-depth) * var(--gog-toast-stack-peek) * var(--toast-stack-direction, 1) );--toast-stack-expanded-y: calc( var(--toast-stack-depth) * var(--gog-toast-stack-expanded-gap) * var(--toast-stack-direction, 1) );--toast-stack-y: calc( var(--toast-stack-collapsed-y) + (var(--toast-stack-expanded-y) - var(--toast-stack-collapsed-y)) * var(--toast-stack-expanded, 0) );--toast-stack-collapsed-scale: calc(1 - (var(--toast-stack-depth) * var(--gog-toast-stack-scale-step)));--toast-stack-scale: calc( var(--toast-stack-collapsed-scale) + (1 - var(--toast-stack-collapsed-scale)) * var(--toast-stack-expanded, 0) );--toast-stack-collapsed-opacity: max( var(--gog-toast-stack-min-opacity), calc(1 - (var(--toast-stack-depth) * .18)) );--toast-stack-opacity: calc( var(--toast-stack-collapsed-opacity) + (1 - var(--toast-stack-collapsed-opacity)) * var(--toast-stack-expanded, 0) );position:relative;z-index:calc(100 - var(--toast-stack-index, 0));display:block;padding:12px 14px;background:var(--toast-bg);border-left:4px solid var(--toast-border);color:var(--toast-color);box-shadow:var(--gog-toast-shadow);min-width:var(--gog-toast-min-width);max-width:var(--gog-toast-max-width);pointer-events:all;opacity:0;overflow:hidden;transform:translate3d(var(--toast-enter-x),var(--toast-stack-y),0) scale(var(--toast-stack-scale));transition:opacity .25s ease,transform .25s ease}.gog-toast--visible{opacity:var(--toast-stack-opacity);transform:translate3d(0,var(--toast-stack-y),0) scale(var(--toast-stack-scale))}:host(.slide-left) .gog-toast{--toast-enter-x: calc(var(--gog-toast-enter-distance) * -1)}.gog-toast--success{--toast-border: var(--success-color);--toast-icon-color: var(--success-color)}.gog-toast--error{--toast-border: var(--danger-color);--toast-icon-color: var(--danger-color)}.gog-toast--warning{--toast-border: var(--accent-bright);--toast-icon-color: var(--accent-bright)}.gog-toast--info{--toast-border: var(--accent-color);--toast-icon-color: var(--accent-color)}.gog-toast__icon{color:var(--toast-icon-color);font-size:1rem;line-height:1.4;flex-shrink:0}.gog-toast__icon gog-icon{font-size:1rem}.gog-toast__content{display:flex;align-items:flex-start;gap:10px}.gog-toast__main{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.gog-toast__message{flex:1;font-size:var(--text-sm);line-height:1.5}.gog-toast__actions{display:flex;flex-wrap:wrap;gap:6px}.gog-toast__action{--gog-btn-padding: .25rem .5rem;--gog-btn-font-size: .75rem}.gog-toast__action gog-icon{font-size:.75rem}.gog-toast__close{align-self:flex-start;flex-shrink:0;--gog-btn-padding: .125rem .25rem;--gog-btn-font-size: .75rem}.gog-toast__close gog-icon{font-size:.75rem}.gog-toast__progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:color-mix(in srgb,var(--toast-progress-color) 30%,transparent);transform-origin:left center;animation:gog-toast-progress var(--toast-duration) linear forwards}.gog-toast--paused .gog-toast__progress,.gog-toast--queued .gog-toast__progress{animation-play-state:paused}@keyframes gog-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.gog-toast,.gog-toast__progress{transition:none;animation:none}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gog-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "debounce", "loading"], outputs: ["gogClick"] }, { kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-toast', imports: [ButtonComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.role]': 'ariaRole()',
+                        '[attr.aria-live]': 'ariaLive()',
+                        '[attr.aria-atomic]': 'true',
+                    }, template: "<div\n  class=\"gog-toast\"\n  [class.gog-toast--paused]=\"isPaused()\"\n  [class.gog-toast--queued]=\"!isFront()\"\n  [class.gog-toast--success]=\"toast().type === 'success'\"\n  [class.gog-toast--error]=\"toast().type === 'error'\"\n  [class.gog-toast--warning]=\"toast().type === 'warning'\"\n  [class.gog-toast--info]=\"toast().type === 'info'\"\n  [class.gog-toast--visible]=\"visible()\"\n  [style.--toast-duration]=\"toast().duration + 'ms'\"\n  (mouseenter)=\"pauseAutoDismiss()\"\n  (mouseleave)=\"resumeAutoDismiss()\"\n  (transitionend)=\"onTransitionEnd($event)\"\n>\n  <div class=\"gog-toast__content\">\n    <span class=\"gog-toast__icon\" aria-hidden=\"true\">\n      <gog-icon [template]=\"toast().iconTemplate ?? null\" [name]=\"toast().iconName\" />\n    </span>\n    <div class=\"gog-toast__main\">\n      <span class=\"gog-toast__message font-body\">{{ toast().message }}</span>\n      @if (hasActions()) {\n        <div class=\"gog-toast__actions\">\n          @for (action of toast().actions; track action.label) {\n            <gog-button\n              class=\"gog-toast__action\"\n              variant=\"ghost\"\n              size=\"sm\"\n              type=\"button\"\n              (gogClick)=\"runAction(action)\"\n            >\n              @if (action.iconName || action.iconTemplate) {\n                <gog-icon [template]=\"action.iconTemplate ?? null\" [name]=\"action.iconName ?? 'check'\" />\n              }\n              {{ action.label }}\n            </gog-button>\n          }\n        </div>\n      }\n    </div>\n    <gog-button\n      class=\"gog-toast__close\"\n      variant=\"ghost\"\n      size=\"sm\"\n      type=\"button\"\n      aria-label=\"Close toast\"\n      (gogClick)=\"close()\"\n    >\n      <gog-icon name=\"close\" />\n    </gog-button>\n  </div>\n  @if (!toast().isSticky) {\n    <span #progress class=\"gog-toast__progress\" aria-hidden=\"true\"></span>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.gog-toast{--toast-bg: var(--surface-color);--toast-border: var(--accent-color);--toast-color: var(--text-color);--toast-icon-color: var(--accent-color);--toast-enter-x: var(--gog-toast-enter-distance);--toast-progress-color: var(--toast-border);--toast-stack-depth: min(var(--toast-stack-index, 0), 6);--gog-toast-stack-peek: 14px;--gog-toast-stack-scale-step: .06;--gog-toast-stack-expanded-gap: 84px;--gog-toast-stack-min-opacity: .4;--toast-stack-collapsed-y: calc( var(--toast-stack-depth) * var(--gog-toast-stack-peek) * var(--toast-stack-direction, 1) );--toast-stack-expanded-y: calc( var(--toast-stack-depth) * var(--gog-toast-stack-expanded-gap) * var(--toast-stack-direction, 1) );--toast-stack-y: calc( var(--toast-stack-collapsed-y) + (var(--toast-stack-expanded-y) - var(--toast-stack-collapsed-y)) * var(--toast-stack-expanded, 0) );--toast-stack-collapsed-scale: calc(1 - (var(--toast-stack-depth) * var(--gog-toast-stack-scale-step)));--toast-stack-scale: calc( var(--toast-stack-collapsed-scale) + (1 - var(--toast-stack-collapsed-scale)) * var(--toast-stack-expanded, 0) );--toast-stack-collapsed-opacity: max( var(--gog-toast-stack-min-opacity), calc(1 - (var(--toast-stack-depth) * .18)) );--toast-stack-opacity: calc( var(--toast-stack-collapsed-opacity) + (1 - var(--toast-stack-collapsed-opacity)) * var(--toast-stack-expanded, 0) );position:relative;z-index:calc(100 - var(--toast-stack-index, 0));display:block;padding:12px 14px;background:var(--toast-bg);border-left:4px solid var(--toast-border);color:var(--toast-color);box-shadow:var(--gog-toast-shadow);min-width:var(--gog-toast-min-width);max-width:var(--gog-toast-max-width);pointer-events:all;opacity:0;overflow:hidden;transform:translate3d(var(--toast-enter-x),var(--toast-stack-y),0) scale(var(--toast-stack-scale));transition:opacity .25s ease,transform .25s ease}.gog-toast--visible{opacity:var(--toast-stack-opacity);transform:translate3d(0,var(--toast-stack-y),0) scale(var(--toast-stack-scale))}:host(.slide-left) .gog-toast{--toast-enter-x: calc(var(--gog-toast-enter-distance) * -1)}.gog-toast--success{--toast-border: var(--success-color);--toast-icon-color: var(--success-color)}.gog-toast--error{--toast-border: var(--danger-color);--toast-icon-color: var(--danger-color)}.gog-toast--warning{--toast-border: var(--accent-bright);--toast-icon-color: var(--accent-bright)}.gog-toast--info{--toast-border: var(--accent-color);--toast-icon-color: var(--accent-color)}.gog-toast__icon{color:var(--toast-icon-color);font-size:1rem;line-height:1.4;flex-shrink:0}.gog-toast__icon gog-icon{font-size:1rem}.gog-toast__content{display:flex;align-items:flex-start;gap:10px}.gog-toast__main{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.gog-toast__message{flex:1;font-size:var(--text-sm);line-height:1.5}.gog-toast__actions{display:flex;flex-wrap:wrap;gap:6px}.gog-toast__action{--gog-btn-padding: .25rem .5rem;--gog-btn-font-size: .75rem}.gog-toast__action gog-icon{font-size:.75rem}.gog-toast__close{align-self:flex-start;flex-shrink:0;--gog-btn-padding: .125rem .25rem;--gog-btn-font-size: .75rem}.gog-toast__close gog-icon{font-size:.75rem}.gog-toast__progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:color-mix(in srgb,var(--toast-progress-color) 30%,transparent);transform-origin:left center;animation:gog-toast-progress var(--toast-duration) linear forwards}.gog-toast--paused .gog-toast__progress,.gog-toast--queued .gog-toast__progress{animation-play-state:paused}@keyframes gog-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.gog-toast,.gog-toast__progress{transition:none;animation:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }], isFront: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFront", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], progressEl: [{ type: i0.ViewChild, args: ['progress', { isSignal: true }] }] } });
+
+const DEFAULT_DURATION = 4000;
+const DEFAULT_POSITION = 'bottom-right';
+class ToastService {
+    toasts = signal([], ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
+    generateId() {
+        if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+            return crypto.randomUUID();
+        }
+        return Date.now().toString(36) + Math.random().toString(36).slice(2);
+    }
+    show(config) {
+        const type = config.type ?? 'info';
+        const iconName = config.iconName ?? this.defaultIconName(type);
+        const actions = config.actions ?? [];
+        const dedupeKey = config.dedupeKey ??
+            this.buildDedupeKey(config.message, type, iconName, config.position ?? DEFAULT_POSITION, actions, config.iconTemplate ?? null);
+        let createdId = this.generateId();
+        this.toasts.update((list) => {
+            let existingIndex = -1;
+            if (dedupeKey) {
+                for (let index = list.length - 1; index >= 0; index -= 1) {
+                    if (list[index].dedupeKey === dedupeKey) {
+                        existingIndex = index;
+                        break;
+                    }
+                }
+            }
+            const nextToast = {
+                id: existingIndex >= 0 ? list[existingIndex].id : createdId,
+                message: config.message,
+                type,
+                iconName,
+                iconTemplate: config.iconTemplate ?? null,
+                actions,
+                isSticky: config.isSticky ?? false,
+                duration: config.duration ?? DEFAULT_DURATION,
+                position: config.position ?? DEFAULT_POSITION,
+                dedupeKey,
+                revision: existingIndex >= 0 ? list[existingIndex].revision + 1 : 0,
+            };
+            if (existingIndex >= 0) {
+                const next = [...list];
+                next[existingIndex] = nextToast;
+                createdId = nextToast.id;
+                return next;
+            }
+            createdId = nextToast.id;
+            return [...list, nextToast];
+        });
+        return createdId;
+    }
+    dismiss(id) {
+        this.toasts.update((list) => list.filter((t) => t.id !== id));
+    }
+    dismissAll() {
+        this.toasts.set([]);
+    }
+    success(message, config) {
+        return this.show({ ...config, message, type: 'success' });
+    }
+    error(message, config) {
+        return this.show({ ...config, message, type: 'error' });
+    }
+    warning(message, config) {
+        return this.show({ ...config, message, type: 'warning' });
+    }
+    info(message, config) {
+        return this.show({ ...config, message, type: 'info' });
+    }
+    defaultIconName(type) {
+        switch (type) {
+            case 'success':
+                return 'success';
+            case 'error':
+                return 'error';
+            case 'warning':
+                return 'warning';
+            default:
+                return 'info';
+        }
+    }
+    buildDedupeKey(message, type, iconName, position, actions, iconTemplate) {
+        // Actions carry closures that can't be compared by value, so only their
+        // label/icon "shape" is used — this lets repeated calls with equivalent
+        // actions (e.g. a fresh "Undo" callback each time) still dedupe correctly.
+        const actionsSignature = actions.map((action) => `${action.label}:${action.iconName ?? ''}`).join(',');
+        return [message, type, iconName, position, iconTemplate ? 'template' : 'default', actionsSignature].join('|');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const POSITIONS = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+class ToastContainerComponent {
+    toastService = inject(ToastService);
+    maxVisiblePerPosition = input(5, ...(ngDevMode ? [{ debugName: "maxVisiblePerPosition" }] : /* istanbul ignore next */ []));
+    groups = computed(() => POSITIONS.map((position) => ({
+        position,
+        // Keep the oldest toasts first: they're at the front of the queue (actively ticking),
+        // while newer arrivals wait their turn at the back of the visible stack.
+        toasts: this.toastService
+            .toasts()
+            .filter((toast) => toast.position === position)
+            .slice(0, Math.max(0, this.maxVisiblePerPosition())),
+    })).filter((group) => group.toasts.length > 0), ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+    trackGroup(_, group) {
+        return group.position;
+    }
+    isLeft(position) {
+        return position.includes('left');
+    }
+    trackToast(_, toast) {
+        return toast.id;
+    }
+    dismiss(id) {
+        this.toastService.dismiss(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ToastContainerComponent, isStandalone: true, selector: "gog-toast-container", inputs: { maxVisiblePerPosition: { classPropertyName: "maxVisiblePerPosition", publicName: "maxVisiblePerPosition", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@for (group of groups(); track trackGroup($index, group)) {\n  <div class=\"gog-toast-container gog-toast-container--{{ group.position }}\">\n    @for (toast of group.toasts; track trackToast($index, toast); let toastIndex = $index) {\n      <gog-toast\n        [toast]=\"toast\"\n        [isFront]=\"toastIndex === 0\"\n        [class.slide-left]=\"isLeft(group.position)\"\n        [style.--toast-stack-index]=\"toastIndex\"\n        (dismissed)=\"dismiss($event)\"\n      />\n    }\n  </div>\n}\n", styles: [":host{display:contents}.gog-toast-container{position:fixed;z-index:var(--gog-toast-z-index);display:grid;padding:var(--gog-toast-stack-padding);pointer-events:none;max-width:var(--gog-toast-max-width)}.gog-toast-container>gog-toast{grid-column:1;grid-row:1}.gog-toast-container--top-right{top:0;right:0;justify-items:end}.gog-toast-container--top-left{top:0;left:0;justify-items:start}.gog-toast-container--bottom-right{bottom:0;right:0;justify-items:end}.gog-toast-container--bottom-left{bottom:0;left:0;justify-items:start}.gog-toast-container--top-left,.gog-toast-container--top-right{align-items:start;--toast-stack-direction: 1}.gog-toast-container--bottom-left,.gog-toast-container--bottom-right{align-items:end;--toast-stack-direction: -1}.gog-toast-container:hover{--toast-stack-expanded: 1}\n"], dependencies: [{ kind: "component", type: ToastComponent, selector: "gog-toast", inputs: ["toast", "isFront"], outputs: ["dismissed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-toast-container', imports: [ToastComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (group of groups(); track trackGroup($index, group)) {\n  <div class=\"gog-toast-container gog-toast-container--{{ group.position }}\">\n    @for (toast of group.toasts; track trackToast($index, toast); let toastIndex = $index) {\n      <gog-toast\n        [toast]=\"toast\"\n        [isFront]=\"toastIndex === 0\"\n        [class.slide-left]=\"isLeft(group.position)\"\n        [style.--toast-stack-index]=\"toastIndex\"\n        (dismissed)=\"dismiss($event)\"\n      />\n    }\n  </div>\n}\n", styles: [":host{display:contents}.gog-toast-container{position:fixed;z-index:var(--gog-toast-z-index);display:grid;padding:var(--gog-toast-stack-padding);pointer-events:none;max-width:var(--gog-toast-max-width)}.gog-toast-container>gog-toast{grid-column:1;grid-row:1}.gog-toast-container--top-right{top:0;right:0;justify-items:end}.gog-toast-container--top-left{top:0;left:0;justify-items:start}.gog-toast-container--bottom-right{bottom:0;right:0;justify-items:end}.gog-toast-container--bottom-left{bottom:0;left:0;justify-items:start}.gog-toast-container--top-left,.gog-toast-container--top-right{align-items:start;--toast-stack-direction: 1}.gog-toast-container--bottom-left,.gog-toast-container--bottom-right{align-items:end;--toast-stack-direction: -1}.gog-toast-container:hover{--toast-stack-expanded: 1}\n"] }]
+        }], propDecorators: { maxVisiblePerPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisiblePerPosition", required: false }] }] } });
+
+class InputfieldComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    /** Defaults to 'current-password' for password fields, 'off' otherwise */
+    autocomplete = input('', ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
+    errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    inputId = input('', ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Default icon name for the leading icon. */
+    iconStart = input('', ...(ngDevMode ? [{ debugName: "iconStart" }] : /* istanbul ignore next */ []));
+    /** Default icon name for the trailing icon. */
+    iconEnd = input('', ...(ngDevMode ? [{ debugName: "iconEnd" }] : /* istanbul ignore next */ []));
+    /** Custom leading icon template. */
+    iconStartTemplate = input(null, ...(ngDevMode ? [{ debugName: "iconStartTemplate" }] : /* istanbul ignore next */ []));
+    /** Custom trailing icon template. */
+    iconEndTemplate = input(null, ...(ngDevMode ? [{ debugName: "iconEndTemplate" }] : /* istanbul ignore next */ []));
+    /** When provided, the start icon becomes a clickable button invoking this fn */
+    iconStartFn = input(null, ...(ngDevMode ? [{ debugName: "iconStartFn" }] : /* istanbul ignore next */ []));
+    /** When provided, the end icon becomes a clickable button invoking this fn */
+    iconEndFn = input(null, ...(ngDevMode ? [{ debugName: "iconEndFn" }] : /* istanbul ignore next */ []));
+    /** aria-label for the start icon button (required when iconStartFn is set) */
+    iconStartLabel = input('', ...(ngDevMode ? [{ debugName: "iconStartLabel" }] : /* istanbul ignore next */ []));
+    /** aria-label for the end icon button (required when iconEndFn is set) */
+    iconEndLabel = input('', ...(ngDevMode ? [{ debugName: "iconEndLabel" }] : /* istanbul ignore next */ []));
+    /** Two-way bindable value: `[(value)]="signal"` or `[value]` / `(valueChange)`. */
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    effectiveAutocomplete = computed(() => this.autocomplete() || (this.type() === 'password' ? 'current-password' : 'off'), ...(ngDevMode ? [{ debugName: "effectiveAutocomplete" }] : /* istanbul ignore next */ []));
+    hasError = computed(() => !!this.errorMessage() && !this.value(), ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    hasIconStart = computed(() => !!this.iconStartTemplate() || !!this.iconStart(), ...(ngDevMode ? [{ debugName: "hasIconStart" }] : /* istanbul ignore next */ []));
+    hasIconEnd = computed(() => !!this.iconEndTemplate() || !!this.iconEnd(), ...(ngDevMode ? [{ debugName: "hasIconEnd" }] : /* istanbul ignore next */ []));
+    hasIconStartAction = computed(() => !!this.iconStartFn(), ...(ngDevMode ? [{ debugName: "hasIconStartAction" }] : /* istanbul ignore next */ []));
+    hasIconEndAction = computed(() => !!this.iconEndFn(), ...(ngDevMode ? [{ debugName: "hasIconEndAction" }] : /* istanbul ignore next */ []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    writeValue(val) {
+        this.value.set(val ?? '');
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    onIconStartClick() {
+        this.iconStartFn()?.();
+    }
+    onIconEndClick() {
+        this.iconEndFn()?.();
+    }
+    onInput(event) {
+        const input = event.target;
+        this.value.set(input.value);
+        this._onChange(input.value);
+    }
+    onBlur() {
+        this._onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputfieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: InputfieldComponent, isStandalone: true, selector: "gog-inputfield", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconStart: { classPropertyName: "iconStart", publicName: "iconStart", isSignal: true, isRequired: false, transformFunction: null }, iconEnd: { classPropertyName: "iconEnd", publicName: "iconEnd", isSignal: true, isRequired: false, transformFunction: null }, iconStartTemplate: { classPropertyName: "iconStartTemplate", publicName: "iconStartTemplate", isSignal: true, isRequired: false, transformFunction: null }, iconEndTemplate: { classPropertyName: "iconEndTemplate", publicName: "iconEndTemplate", isSignal: true, isRequired: false, transformFunction: null }, iconStartFn: { classPropertyName: "iconStartFn", publicName: "iconStartFn", isSignal: true, isRequired: false, transformFunction: null }, iconEndFn: { classPropertyName: "iconEndFn", publicName: "iconEndFn", isSignal: true, isRequired: false, transformFunction: null }, iconStartLabel: { classPropertyName: "iconStartLabel", publicName: "iconStartLabel", isSignal: true, isRequired: false, transformFunction: null }, iconEndLabel: { classPropertyName: "iconEndLabel", publicName: "iconEndLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputfieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n  class=\"gog-input-wrapper gog-contained-layout\"\n  [class.gog-input-wrapper--sm]=\"size() === 'sm'\"\n  [class.gog-input-wrapper--lg]=\"size() === 'lg'\"\n  [class.gog-input-wrapper--icon-start]=\"hasIconStart()\"\n  [class.gog-input-wrapper--icon-end]=\"hasIconEnd()\"\n>\n  @if (label()) {\n    <label class=\"gog-input__label font-heading\" [attr.for]=\"inputId() || null\">{{\n        label()\n      }}</label>\n  }\n  <div class=\"gog-input__field-container\">\n    @if (hasIconStart()) {\n      @if (hasIconStartAction()) {\n        <button\n          type=\"button\"\n          class=\"gog-input__icon gog-inline-center gog-input__icon--start gog-input__icon--action\"\n          [attr.aria-label]=\"iconStartLabel() || null\"\n          (click)=\"onIconStartClick()\"\n        >\n          <gog-icon [template]=\"iconStartTemplate()\" [name]=\"iconStart() || 'check'\" />\n        </button>\n      } @else {\n        <span class=\"gog-input__icon gog-inline-center gog-input__icon--start\" aria-hidden=\"true\">\n          <gog-icon [template]=\"iconStartTemplate()\" [name]=\"iconStart() || 'check'\" />\n        </span>\n      }\n    }\n    <input\n      class=\"gog-input__field font-body\"\n      [class.gog-input__field--error]=\"hasError()\"\n      [attr.id]=\"inputId() || null\"\n      [type]=\"type()\"\n      [attr.name]=\"name() || null\"\n      [placeholder]=\"placeholder()\"\n      [value]=\"value()\"\n      [disabled]=\"isDisabled()\"\n      [autocomplete]=\"effectiveAutocomplete()\"\n      [attr.aria-invalid]=\"hasError()\"\n      [attr.aria-describedby]=\"hasError() && inputId() ? inputId() + '-error' : null\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    @if (hasIconEnd()) {\n      @if (hasIconEndAction()) {\n        <button\n          type=\"button\"\n          class=\"gog-input__icon gog-inline-center gog-input__icon--end gog-input__icon--action\"\n          [attr.aria-label]=\"iconEndLabel() || null\"\n          (click)=\"onIconEndClick()\"\n        >\n          <gog-icon [template]=\"iconEndTemplate()\" [name]=\"iconEnd() || 'check'\" />\n        </button>\n      } @else {\n        <span class=\"gog-input__icon gog-inline-center gog-input__icon--end\" aria-hidden=\"true\">\n          <gog-icon [template]=\"iconEndTemplate()\" [name]=\"iconEnd() || 'check'\" />\n        </span>\n      }\n    }\n  </div>\n  @if (hasError() && errorMessage()) {\n    <span\n      class=\"gog-input__error font-body\"\n      [attr.id]=\"inputId() ? inputId() + '-error' : null\"\n      role=\"alert\"\n    >{{ errorMessage() }}</span\n    >\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.gog-input-wrapper{--gog-input-gap: 4px;--gog-input-label-color: var(--accent-color);--gog-input-field-bg: var(--surface-color);--gog-input-field-border: var(--accent-dim);--gog-input-field-color: var(--text-color);--gog-input-placeholder-color: var(--muted-text-color);--gog-input-focus-border: var(--accent-color);--gog-input-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-input-error-color: var(--danger-color);--gog-input-icon-color: var(--muted-text-color);--gog-input-icon-hover-color: var(--accent-color);display:flex;flex-direction:column;gap:var(--gog-input-gap);width:100%}.gog-input__label{font-size:var(--text-sm);color:var(--gog-input-label-color);text-transform:uppercase;letter-spacing:1px}.gog-input__field-container{position:relative;display:flex;align-items:center}.gog-input__field{--gog-input-padding-y: var(--control-padding-y, 10px);--gog-input-pl: var(--control-padding-x, 14px);--gog-input-pr: var(--control-padding-x, 14px);--gog-input-font: var(--text-md);width:100%;padding:var(--gog-input-padding-y) var(--gog-input-pr) var(--gog-input-padding-y) var(--gog-input-pl);font-size:var(--gog-input-font);color:var(--gog-input-field-color);background-color:var(--gog-input-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-input-field-border);border-radius:var(--radius);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.gog-input-wrapper--sm .gog-input__field{--gog-input-padding-y: 6px;--gog-input-pl: 10px;--gog-input-pr: 10px;--gog-input-font: var(--text-sm)}.gog-input-wrapper--lg .gog-input__field{--gog-input-padding-y: 14px;--gog-input-pl: 18px;--gog-input-pr: 18px;--gog-input-font: var(--text-lg)}.gog-input-wrapper--icon-start .gog-input__field{--gog-input-pl: 36px}.gog-input-wrapper--icon-end .gog-input__field{--gog-input-pr: 36px}.gog-input-wrapper--sm.gog-input-wrapper--icon-start .gog-input__field{--gog-input-pl: 30px}.gog-input-wrapper--sm.gog-input-wrapper--icon-end .gog-input__field{--gog-input-pr: 30px}.gog-input-wrapper--lg.gog-input-wrapper--icon-start .gog-input__field{--gog-input-pl: 44px}.gog-input-wrapper--lg.gog-input-wrapper--icon-end .gog-input__field{--gog-input-pr: 44px}.gog-input__field::placeholder{color:var(--gog-input-placeholder-color)}.gog-input__field:focus{border-color:var(--gog-input-focus-border);box-shadow:0 0 8px var(--gog-input-focus-ring)}.gog-input__field:focus-visible{outline:3px solid var(--gog-input-focus-border);outline-offset:2px}.gog-input__field:disabled{opacity:.4;cursor:not-allowed}.gog-input__field--error{border-color:var(--gog-input-error-color)}.gog-input__icon{position:absolute;color:var(--gog-input-icon-color);font-size:var(--text-md);pointer-events:none;line-height:1}.gog-input__icon--action{padding:0;background:none;border:none;cursor:pointer;pointer-events:auto;border-radius:var(--gog-input-icon-action-radius, 4px);color:var(--gog-input-icon-color);transition:color .15s ease}.gog-input__icon--action:hover{color:var(--gog-input-icon-hover-color)}.gog-input__icon--action:focus-visible{outline:2px solid var(--gog-input-icon-hover-color);outline-offset:2px}.gog-input__icon--start{left:var(--control-icon-offset, 10px)}.gog-input__icon--end{right:var(--control-icon-offset, 10px)}.gog-input-wrapper--sm .gog-input__icon{font-size:var(--text-sm)}.gog-input-wrapper--sm .gog-input__icon--start{left:8px}.gog-input-wrapper--sm .gog-input__icon--end{right:8px}.gog-input-wrapper--lg .gog-input__icon{font-size:var(--text-lg)}.gog-input-wrapper--lg .gog-input__icon--start{left:14px}.gog-input-wrapper--lg .gog-input__icon--end{right:14px}.gog-input__error{font-size:var(--text-xs, 12px);color:var(--gog-input-error-color);margin-top:2px}@media(prefers-reduced-motion:reduce){.gog-input__field{transition:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputfieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-inputfield', imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputfieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n  class=\"gog-input-wrapper gog-contained-layout\"\n  [class.gog-input-wrapper--sm]=\"size() === 'sm'\"\n  [class.gog-input-wrapper--lg]=\"size() === 'lg'\"\n  [class.gog-input-wrapper--icon-start]=\"hasIconStart()\"\n  [class.gog-input-wrapper--icon-end]=\"hasIconEnd()\"\n>\n  @if (label()) {\n    <label class=\"gog-input__label font-heading\" [attr.for]=\"inputId() || null\">{{\n        label()\n      }}</label>\n  }\n  <div class=\"gog-input__field-container\">\n    @if (hasIconStart()) {\n      @if (hasIconStartAction()) {\n        <button\n          type=\"button\"\n          class=\"gog-input__icon gog-inline-center gog-input__icon--start gog-input__icon--action\"\n          [attr.aria-label]=\"iconStartLabel() || null\"\n          (click)=\"onIconStartClick()\"\n        >\n          <gog-icon [template]=\"iconStartTemplate()\" [name]=\"iconStart() || 'check'\" />\n        </button>\n      } @else {\n        <span class=\"gog-input__icon gog-inline-center gog-input__icon--start\" aria-hidden=\"true\">\n          <gog-icon [template]=\"iconStartTemplate()\" [name]=\"iconStart() || 'check'\" />\n        </span>\n      }\n    }\n    <input\n      class=\"gog-input__field font-body\"\n      [class.gog-input__field--error]=\"hasError()\"\n      [attr.id]=\"inputId() || null\"\n      [type]=\"type()\"\n      [attr.name]=\"name() || null\"\n      [placeholder]=\"placeholder()\"\n      [value]=\"value()\"\n      [disabled]=\"isDisabled()\"\n      [autocomplete]=\"effectiveAutocomplete()\"\n      [attr.aria-invalid]=\"hasError()\"\n      [attr.aria-describedby]=\"hasError() && inputId() ? inputId() + '-error' : null\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    @if (hasIconEnd()) {\n      @if (hasIconEndAction()) {\n        <button\n          type=\"button\"\n          class=\"gog-input__icon gog-inline-center gog-input__icon--end gog-input__icon--action\"\n          [attr.aria-label]=\"iconEndLabel() || null\"\n          (click)=\"onIconEndClick()\"\n        >\n          <gog-icon [template]=\"iconEndTemplate()\" [name]=\"iconEnd() || 'check'\" />\n        </button>\n      } @else {\n        <span class=\"gog-input__icon gog-inline-center gog-input__icon--end\" aria-hidden=\"true\">\n          <gog-icon [template]=\"iconEndTemplate()\" [name]=\"iconEnd() || 'check'\" />\n        </span>\n      }\n    }\n  </div>\n  @if (hasError() && errorMessage()) {\n    <span\n      class=\"gog-input__error font-body\"\n      [attr.id]=\"inputId() ? inputId() + '-error' : null\"\n      role=\"alert\"\n    >{{ errorMessage() }}</span\n    >\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.gog-input-wrapper{--gog-input-gap: 4px;--gog-input-label-color: var(--accent-color);--gog-input-field-bg: var(--surface-color);--gog-input-field-border: var(--accent-dim);--gog-input-field-color: var(--text-color);--gog-input-placeholder-color: var(--muted-text-color);--gog-input-focus-border: var(--accent-color);--gog-input-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-input-error-color: var(--danger-color);--gog-input-icon-color: var(--muted-text-color);--gog-input-icon-hover-color: var(--accent-color);display:flex;flex-direction:column;gap:var(--gog-input-gap);width:100%}.gog-input__label{font-size:var(--text-sm);color:var(--gog-input-label-color);text-transform:uppercase;letter-spacing:1px}.gog-input__field-container{position:relative;display:flex;align-items:center}.gog-input__field{--gog-input-padding-y: var(--control-padding-y, 10px);--gog-input-pl: var(--control-padding-x, 14px);--gog-input-pr: var(--control-padding-x, 14px);--gog-input-font: var(--text-md);width:100%;padding:var(--gog-input-padding-y) var(--gog-input-pr) var(--gog-input-padding-y) var(--gog-input-pl);font-size:var(--gog-input-font);color:var(--gog-input-field-color);background-color:var(--gog-input-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-input-field-border);border-radius:var(--radius);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.gog-input-wrapper--sm .gog-input__field{--gog-input-padding-y: 6px;--gog-input-pl: 10px;--gog-input-pr: 10px;--gog-input-font: var(--text-sm)}.gog-input-wrapper--lg .gog-input__field{--gog-input-padding-y: 14px;--gog-input-pl: 18px;--gog-input-pr: 18px;--gog-input-font: var(--text-lg)}.gog-input-wrapper--icon-start .gog-input__field{--gog-input-pl: 36px}.gog-input-wrapper--icon-end .gog-input__field{--gog-input-pr: 36px}.gog-input-wrapper--sm.gog-input-wrapper--icon-start .gog-input__field{--gog-input-pl: 30px}.gog-input-wrapper--sm.gog-input-wrapper--icon-end .gog-input__field{--gog-input-pr: 30px}.gog-input-wrapper--lg.gog-input-wrapper--icon-start .gog-input__field{--gog-input-pl: 44px}.gog-input-wrapper--lg.gog-input-wrapper--icon-end .gog-input__field{--gog-input-pr: 44px}.gog-input__field::placeholder{color:var(--gog-input-placeholder-color)}.gog-input__field:focus{border-color:var(--gog-input-focus-border);box-shadow:0 0 8px var(--gog-input-focus-ring)}.gog-input__field:focus-visible{outline:3px solid var(--gog-input-focus-border);outline-offset:2px}.gog-input__field:disabled{opacity:.4;cursor:not-allowed}.gog-input__field--error{border-color:var(--gog-input-error-color)}.gog-input__icon{position:absolute;color:var(--gog-input-icon-color);font-size:var(--text-md);pointer-events:none;line-height:1}.gog-input__icon--action{padding:0;background:none;border:none;cursor:pointer;pointer-events:auto;border-radius:var(--gog-input-icon-action-radius, 4px);color:var(--gog-input-icon-color);transition:color .15s ease}.gog-input__icon--action:hover{color:var(--gog-input-icon-hover-color)}.gog-input__icon--action:focus-visible{outline:2px solid var(--gog-input-icon-hover-color);outline-offset:2px}.gog-input__icon--start{left:var(--control-icon-offset, 10px)}.gog-input__icon--end{right:var(--control-icon-offset, 10px)}.gog-input-wrapper--sm .gog-input__icon{font-size:var(--text-sm)}.gog-input-wrapper--sm .gog-input__icon--start{left:8px}.gog-input-wrapper--sm .gog-input__icon--end{right:8px}.gog-input-wrapper--lg .gog-input__icon{font-size:var(--text-lg)}.gog-input-wrapper--lg .gog-input__icon--start{left:14px}.gog-input-wrapper--lg .gog-input__icon--end{right:14px}.gog-input__error{font-size:var(--text-xs, 12px);color:var(--gog-input-error-color);margin-top:2px}@media(prefers-reduced-motion:reduce){.gog-input__field{transition:none}}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconStart", required: false }] }], iconEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconEnd", required: false }] }], iconStartTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconStartTemplate", required: false }] }], iconEndTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconEndTemplate", required: false }] }], iconStartFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconStartFn", required: false }] }], iconEndFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconEndFn", required: false }] }], iconStartLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconStartLabel", required: false }] }], iconEndLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconEndLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+class ChipComponent {
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    shape = input('rounded', ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    clickable = input(true, ...(ngDevMode ? [{ debugName: "clickable" }] : /* istanbul ignore next */ []));
+    removable = input(false, ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    removeAriaLabel = input('Remove chip', ...(ngDevMode ? [{ debugName: "removeAriaLabel" }] : /* istanbul ignore next */ []));
+    avatarUrl = input(null, ...(ngDevMode ? [{ debugName: "avatarUrl" }] : /* istanbul ignore next */ []));
+    avatarAlt = input('', ...(ngDevMode ? [{ debugName: "avatarAlt" }] : /* istanbul ignore next */ []));
+    iconName = input(null, ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+    gogClick = output();
+    gogRemove = output();
+    hostClasses = computed(() => [
+        'gog-chip',
+        `gog-chip--${this.size()}`,
+        `gog-chip--${this.shape()}`,
+        this.removable() ? 'gog-chip--removable' : null,
+        this.disabled() ? 'gog-chip--disabled' : 'gog-chip--interactive',
+        this.avatarUrl() ? 'gog-chip--has-avatar' : null,
+        this.iconName() ? 'gog-chip--has-icon' : null,
+    ]
+        .filter((className) => className !== null)
+        .join(' '), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    isInteractive = computed(() => this.clickable() && !this.disabled(), ...(ngDevMode ? [{ debugName: "isInteractive" }] : /* istanbul ignore next */ []));
+    onChipClick(event) {
+        if (this.disabled())
+            return;
+        this.gogClick.emit(event);
+    }
+    onKeydown(event) {
+        if (this.disabled())
+            return;
+        if (event.key !== 'Enter' && event.key !== ' ')
+            return;
+        event.preventDefault();
+        this.gogClick.emit(event);
+    }
+    onRemoveClick(event) {
+        event.stopPropagation();
+        if (this.disabled())
+            return;
+        this.gogRemove.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ChipComponent, isStandalone: true, selector: "gog-chip", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, removeAriaLabel: { classPropertyName: "removeAriaLabel", publicName: "removeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, avatarUrl: { classPropertyName: "avatarUrl", publicName: "avatarUrl", isSignal: true, isRequired: false, transformFunction: null }, avatarAlt: { classPropertyName: "avatarAlt", publicName: "avatarAlt", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gogClick: "gogClick", gogRemove: "gogRemove" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: "<div\n  class=\"gog-chip__surface\"\n  [attr.aria-label]=\"ariaLabel() || null\"\n  [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n  [attr.role]=\"isInteractive() ? 'button' : null\"\n  [attr.tabindex]=\"isInteractive() ? 0 : null\"\n  [style.cursor]=\"isInteractive() ? 'pointer' : 'default'\"\n  (click)=\"onChipClick($event)\"\n  (keydown)=\"onKeydown($event)\"\n>\n  @if (avatarUrl()) {\n    <img class=\"gog-chip__avatar\" [src]=\"avatarUrl()\" [alt]=\"avatarAlt()\" />\n  }\n\n  @if (iconName()) {\n    <gog-icon class=\"gog-chip__icon\" [ariaHidden]=\"true\" [name]=\"iconName() ?? 'check'\" />\n  }\n\n  <span class=\"gog-chip__content\">\n    <ng-content></ng-content>\n  </span>\n\n  @if (removable()) {\n    <button\n      class=\"gog-chip__remove\"\n      type=\"button\"\n      [attr.aria-label]=\"removeAriaLabel()\"\n      [disabled]=\"disabled()\"\n      (click)=\"onRemoveClick($event)\"\n    >\n      <gog-icon name=\"close\" />\n    </button>\n  }\n</div>\n", styles: [":host{display:inline-flex;max-width:100%;contain:layout style}.gog-chip__surface{--gog-chip-bg: color-mix(in srgb, var(--surface-color) 88%, var(--hover-color));--gog-chip-border: var(--border-color);--gog-chip-color: var(--text-color);--gog-chip-font-size: .875rem;--gog-chip-padding-block: .4rem;--gog-chip-padding-inline: .75rem;--gog-chip-gap: .5rem;--gog-chip-radius: max(var(--radius), 2px);--gog-chip-avatar-size: 1.25rem;--gog-chip-icon-size: .875rem;--gog-chip-remove-size: 1rem;--gog-chip-remove-color: var(--muted-text-color);display:inline-flex;align-items:center;gap:var(--gog-chip-gap);box-sizing:border-box;width:fit-content;max-width:100%;overflow:hidden;padding:var(--gog-chip-padding-block) var(--gog-chip-padding-inline);border:1px solid var(--gog-chip-border);border-radius:var(--gog-chip-radius);background-color:var(--gog-chip-bg);color:var(--gog-chip-color);font-size:var(--gog-chip-font-size);font-weight:500;line-height:1.2;white-space:nowrap;-webkit-user-select:none;user-select:none}.gog-chip__surface:focus-visible{outline:2px solid var(--gog-chip-border);outline-offset:2px}.gog-chip__surface:hover:not([aria-disabled=true]){background-color:color-mix(in srgb,var(--hover-color) 45%,var(--surface-color))}.gog-chip__surface[aria-disabled=true]{opacity:.55;pointer-events:none}.gog-chip__content{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.gog-chip__avatar{width:var(--gog-chip-avatar-size);height:var(--gog-chip-avatar-size);border-radius:50%;object-fit:cover;flex-shrink:0}.gog-chip__icon{flex-shrink:0;font-size:var(--gog-chip-icon-size)}.gog-chip__remove{display:inline-grid;place-items:center;width:var(--gog-chip-remove-size);height:var(--gog-chip-remove-size);padding:0;border:0;border-radius:50%;background:transparent;color:var(--gog-chip-remove-color);cursor:pointer;flex-shrink:0}.gog-chip__remove:hover:not(:disabled){color:var(--text-color)}.gog-chip__remove:focus-visible{outline:2px solid var(--gog-chip-border);outline-offset:2px}.gog-chip__remove:disabled{cursor:default}:host(.gog-chip--sm) .gog-chip__surface{--gog-chip-font-size: .75rem;--gog-chip-padding-block: .3rem;--gog-chip-padding-inline: .5rem;--gog-chip-gap: .375rem;--gog-chip-avatar-size: 1rem;--gog-chip-icon-size: .75rem;--gog-chip-remove-size: .875rem}:host(.gog-chip--md) .gog-chip__surface{--gog-chip-font-size: .875rem;--gog-chip-padding-block: .45rem;--gog-chip-padding-inline: .75rem;--gog-chip-gap: .5rem;--gog-chip-avatar-size: 1.25rem;--gog-chip-icon-size: .875rem;--gog-chip-remove-size: 1rem}:host(.gog-chip--lg) .gog-chip__surface{--gog-chip-font-size: 1rem;--gog-chip-padding-block: .6rem;--gog-chip-padding-inline: .875rem;--gog-chip-gap: .625rem;--gog-chip-avatar-size: 1.5rem;--gog-chip-icon-size: 1rem;--gog-chip-remove-size: 1.125rem}:host(.gog-chip--pill) .gog-chip__surface{--gog-chip-radius: 9999px}:host(.gog-chip--rounded) .gog-chip__surface{--gog-chip-radius: max(var(--radius), 2px)}:host(.gog-chip--has-avatar) .gog-chip__surface{padding-left:calc(var(--gog-chip-padding-inline) * .9)}:host(.gog-chip--removable) .gog-chip__surface{padding-right:calc(var(--gog-chip-padding-inline) * .85)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-chip', imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                    }, template: "<div\n  class=\"gog-chip__surface\"\n  [attr.aria-label]=\"ariaLabel() || null\"\n  [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n  [attr.role]=\"isInteractive() ? 'button' : null\"\n  [attr.tabindex]=\"isInteractive() ? 0 : null\"\n  [style.cursor]=\"isInteractive() ? 'pointer' : 'default'\"\n  (click)=\"onChipClick($event)\"\n  (keydown)=\"onKeydown($event)\"\n>\n  @if (avatarUrl()) {\n    <img class=\"gog-chip__avatar\" [src]=\"avatarUrl()\" [alt]=\"avatarAlt()\" />\n  }\n\n  @if (iconName()) {\n    <gog-icon class=\"gog-chip__icon\" [ariaHidden]=\"true\" [name]=\"iconName() ?? 'check'\" />\n  }\n\n  <span class=\"gog-chip__content\">\n    <ng-content></ng-content>\n  </span>\n\n  @if (removable()) {\n    <button\n      class=\"gog-chip__remove\"\n      type=\"button\"\n      [attr.aria-label]=\"removeAriaLabel()\"\n      [disabled]=\"disabled()\"\n      (click)=\"onRemoveClick($event)\"\n    >\n      <gog-icon name=\"close\" />\n    </button>\n  }\n</div>\n", styles: [":host{display:inline-flex;max-width:100%;contain:layout style}.gog-chip__surface{--gog-chip-bg: color-mix(in srgb, var(--surface-color) 88%, var(--hover-color));--gog-chip-border: var(--border-color);--gog-chip-color: var(--text-color);--gog-chip-font-size: .875rem;--gog-chip-padding-block: .4rem;--gog-chip-padding-inline: .75rem;--gog-chip-gap: .5rem;--gog-chip-radius: max(var(--radius), 2px);--gog-chip-avatar-size: 1.25rem;--gog-chip-icon-size: .875rem;--gog-chip-remove-size: 1rem;--gog-chip-remove-color: var(--muted-text-color);display:inline-flex;align-items:center;gap:var(--gog-chip-gap);box-sizing:border-box;width:fit-content;max-width:100%;overflow:hidden;padding:var(--gog-chip-padding-block) var(--gog-chip-padding-inline);border:1px solid var(--gog-chip-border);border-radius:var(--gog-chip-radius);background-color:var(--gog-chip-bg);color:var(--gog-chip-color);font-size:var(--gog-chip-font-size);font-weight:500;line-height:1.2;white-space:nowrap;-webkit-user-select:none;user-select:none}.gog-chip__surface:focus-visible{outline:2px solid var(--gog-chip-border);outline-offset:2px}.gog-chip__surface:hover:not([aria-disabled=true]){background-color:color-mix(in srgb,var(--hover-color) 45%,var(--surface-color))}.gog-chip__surface[aria-disabled=true]{opacity:.55;pointer-events:none}.gog-chip__content{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.gog-chip__avatar{width:var(--gog-chip-avatar-size);height:var(--gog-chip-avatar-size);border-radius:50%;object-fit:cover;flex-shrink:0}.gog-chip__icon{flex-shrink:0;font-size:var(--gog-chip-icon-size)}.gog-chip__remove{display:inline-grid;place-items:center;width:var(--gog-chip-remove-size);height:var(--gog-chip-remove-size);padding:0;border:0;border-radius:50%;background:transparent;color:var(--gog-chip-remove-color);cursor:pointer;flex-shrink:0}.gog-chip__remove:hover:not(:disabled){color:var(--text-color)}.gog-chip__remove:focus-visible{outline:2px solid var(--gog-chip-border);outline-offset:2px}.gog-chip__remove:disabled{cursor:default}:host(.gog-chip--sm) .gog-chip__surface{--gog-chip-font-size: .75rem;--gog-chip-padding-block: .3rem;--gog-chip-padding-inline: .5rem;--gog-chip-gap: .375rem;--gog-chip-avatar-size: 1rem;--gog-chip-icon-size: .75rem;--gog-chip-remove-size: .875rem}:host(.gog-chip--md) .gog-chip__surface{--gog-chip-font-size: .875rem;--gog-chip-padding-block: .45rem;--gog-chip-padding-inline: .75rem;--gog-chip-gap: .5rem;--gog-chip-avatar-size: 1.25rem;--gog-chip-icon-size: .875rem;--gog-chip-remove-size: 1rem}:host(.gog-chip--lg) .gog-chip__surface{--gog-chip-font-size: 1rem;--gog-chip-padding-block: .6rem;--gog-chip-padding-inline: .875rem;--gog-chip-gap: .625rem;--gog-chip-avatar-size: 1.5rem;--gog-chip-icon-size: 1rem;--gog-chip-remove-size: 1.125rem}:host(.gog-chip--pill) .gog-chip__surface{--gog-chip-radius: 9999px}:host(.gog-chip--rounded) .gog-chip__surface{--gog-chip-radius: max(var(--radius), 2px)}:host(.gog-chip--has-avatar) .gog-chip__surface{padding-left:calc(var(--gog-chip-padding-inline) * .9)}:host(.gog-chip--removable) .gog-chip__surface{padding-right:calc(var(--gog-chip-padding-inline) * .85)}\n"] }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], removeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeAriaLabel", required: false }] }], avatarUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarUrl", required: false }] }], avatarAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarAlt", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], gogClick: [{ type: i0.Output, args: ["gogClick"] }], gogRemove: [{ type: i0.Output, args: ["gogRemove"] }] } });
+
+class TagComponent {
+    variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    shape = input('rounded', ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    iconName = input(null, ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+    iconTemplate = input(null, ...(ngDevMode ? [{ debugName: "iconTemplate" }] : /* istanbul ignore next */ []));
+    hasIcon = computed(() => this.iconTemplate() !== null || this.iconName() !== null, ...(ngDevMode ? [{ debugName: "hasIcon" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TagComponent, isStandalone: true, selector: "gog-tag", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, iconTemplate: { classPropertyName: "iconTemplate", publicName: "iconTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"gog-tag gog-tag--\" + variant() + \" gog-tag--\" + size() + \" gog-tag--\" + shape() + (hasIcon() ? \" gog-tag--has-icon\" : \"\")" } }, ngImport: i0, template: "@if (hasIcon()) {\n  <gog-icon\n    class=\"gog-tag__icon\"\n    [ariaHidden]=\"true\"\n    [name]=\"iconName() ?? 'info'\"\n    [template]=\"iconTemplate()\"\n  />\n}\n\n<span class=\"gog-tag__content\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{--gog-tag-variant-color: var(--info-color, var(--muted-text-color));--gog-tag-bg: color-mix(in srgb, var(--gog-tag-variant-color) 10%, var(--surface-color));--gog-tag-border: var(--gog-tag-variant-color);--gog-tag-color: color-mix(in srgb, var(--gog-tag-variant-color) 82%, black);--gog-tag-font-size: .875rem;--gog-tag-padding-block: .375rem;--gog-tag-padding-inline: .75rem;--gog-tag-gap: .375rem;--gog-tag-radius: max(var(--radius), 2px);--gog-tag-icon-size: .875rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--gog-tag-padding-block) var(--gog-tag-padding-inline);border:1px solid var(--gog-tag-border);border-radius:var(--gog-tag-radius);background-color:var(--gog-tag-bg);box-shadow:inset 0 0 0 1px var(--gog-tag-border);color:var(--gog-tag-color);font-size:var(--gog-tag-font-size);font-weight:600;line-height:1;white-space:nowrap;gap:var(--gog-tag-gap)}:host(.gog-tag--success){--gog-tag-variant-color: var(--success-color)}:host(.gog-tag--danger){--gog-tag-variant-color: var(--danger-color)}:host(.gog-tag--warning){--gog-tag-variant-color: var(--warning-color)}:host(.gog-tag--info){--gog-tag-variant-color: var(--info-color)}:host(.gog-tag--sm){--gog-tag-font-size: .75rem;--gog-tag-padding-block: .25rem;--gog-tag-padding-inline: .5rem;--gog-tag-gap: .25rem;--gog-tag-icon-size: .75rem}:host(.gog-tag--md){--gog-tag-font-size: .875rem;--gog-tag-padding-block: .375rem;--gog-tag-padding-inline: .75rem;--gog-tag-gap: .375rem;--gog-tag-icon-size: .875rem}:host(.gog-tag--lg){--gog-tag-font-size: 1rem;--gog-tag-padding-block: .5rem;--gog-tag-padding-inline: .875rem;--gog-tag-gap: .5rem;--gog-tag-icon-size: 1rem}:host(.gog-tag--rounded){--gog-tag-radius: max(var(--radius), 2px)}:host(.gog-tag--pill){--gog-tag-radius: var(--gog-tag-pill-radius, 9999px)}.gog-tag__content{min-width:0}.gog-tag__icon{flex-shrink:0;font-size:var(--gog-tag-icon-size)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-tag', imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': '"gog-tag gog-tag--" + variant() + " gog-tag--" + size() + " gog-tag--" + shape() + (hasIcon() ? " gog-tag--has-icon" : "")',
+                    }, template: "@if (hasIcon()) {\n  <gog-icon\n    class=\"gog-tag__icon\"\n    [ariaHidden]=\"true\"\n    [name]=\"iconName() ?? 'info'\"\n    [template]=\"iconTemplate()\"\n  />\n}\n\n<span class=\"gog-tag__content\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{--gog-tag-variant-color: var(--info-color, var(--muted-text-color));--gog-tag-bg: color-mix(in srgb, var(--gog-tag-variant-color) 10%, var(--surface-color));--gog-tag-border: var(--gog-tag-variant-color);--gog-tag-color: color-mix(in srgb, var(--gog-tag-variant-color) 82%, black);--gog-tag-font-size: .875rem;--gog-tag-padding-block: .375rem;--gog-tag-padding-inline: .75rem;--gog-tag-gap: .375rem;--gog-tag-radius: max(var(--radius), 2px);--gog-tag-icon-size: .875rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--gog-tag-padding-block) var(--gog-tag-padding-inline);border:1px solid var(--gog-tag-border);border-radius:var(--gog-tag-radius);background-color:var(--gog-tag-bg);box-shadow:inset 0 0 0 1px var(--gog-tag-border);color:var(--gog-tag-color);font-size:var(--gog-tag-font-size);font-weight:600;line-height:1;white-space:nowrap;gap:var(--gog-tag-gap)}:host(.gog-tag--success){--gog-tag-variant-color: var(--success-color)}:host(.gog-tag--danger){--gog-tag-variant-color: var(--danger-color)}:host(.gog-tag--warning){--gog-tag-variant-color: var(--warning-color)}:host(.gog-tag--info){--gog-tag-variant-color: var(--info-color)}:host(.gog-tag--sm){--gog-tag-font-size: .75rem;--gog-tag-padding-block: .25rem;--gog-tag-padding-inline: .5rem;--gog-tag-gap: .25rem;--gog-tag-icon-size: .75rem}:host(.gog-tag--md){--gog-tag-font-size: .875rem;--gog-tag-padding-block: .375rem;--gog-tag-padding-inline: .75rem;--gog-tag-gap: .375rem;--gog-tag-icon-size: .875rem}:host(.gog-tag--lg){--gog-tag-font-size: 1rem;--gog-tag-padding-block: .5rem;--gog-tag-padding-inline: .875rem;--gog-tag-gap: .5rem;--gog-tag-icon-size: 1rem}:host(.gog-tag--rounded){--gog-tag-radius: max(var(--radius), 2px)}:host(.gog-tag--pill){--gog-tag-radius: var(--gog-tag-pill-radius, 9999px)}.gog-tag__content{min-width:0}.gog-tag__icon{flex-shrink:0;font-size:var(--gog-tag-icon-size)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], iconTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTemplate", required: false }] }] } });
+
+const DEFAULT_GAP = 8;
+const DEFAULT_VIEWPORT_PADDING = 8;
+function resolveDropdownDirection(direction, triggerRect, panelHeight, viewportHeight, gap = DEFAULT_GAP, viewportPadding = DEFAULT_VIEWPORT_PADDING) {
+    if (direction !== 'auto') {
+        return direction;
+    }
+    const spaceAbove = Math.max(0, triggerRect.top - gap - viewportPadding);
+    const spaceBelow = Math.max(0, viewportHeight - triggerRect.bottom - gap - viewportPadding);
+    if (spaceBelow >= panelHeight && spaceAbove < panelHeight) {
+        return 'down';
+    }
+    if (spaceAbove >= panelHeight && spaceBelow < panelHeight) {
+        return 'up';
+    }
+    return spaceBelow >= spaceAbove ? 'down' : 'up';
+}
+function resolveDropdownPlacement(direction, triggerRect, panelHeight, viewportHeight, gap = DEFAULT_GAP, viewportPadding = DEFAULT_VIEWPORT_PADDING) {
+    const resolvedDirection = resolveDropdownDirection(direction, triggerRect, panelHeight, viewportHeight, gap, viewportPadding);
+    if (resolvedDirection === 'up') {
+        const maxHeight = Math.max(0, triggerRect.top - gap - viewportPadding);
+        const actualHeight = Math.min(panelHeight, maxHeight || panelHeight);
+        return {
+            direction: resolvedDirection,
+            top: Math.max(viewportPadding, triggerRect.top - gap - actualHeight),
+            left: triggerRect.left,
+            width: triggerRect.width,
+            maxHeight,
+        };
+    }
+    const maxHeight = Math.max(0, viewportHeight - triggerRect.bottom - gap - viewportPadding);
+    return {
+        direction: resolvedDirection,
+        top: triggerRect.bottom + gap,
+        left: triggerRect.left,
+        width: triggerRect.width,
+        maxHeight,
+    };
+}
+
+class GogSelectDropdownPortal {
+    top = 0;
+    left = 0;
+    width = 200;
+    maxHeight = 260;
+    zIndex = 300;
+    listboxId = '';
+    direction = 'down';
+    options = [];
+    selectedValue = null;
+    onSelect = () => { };
+    isSelected(id) {
+        return this.selectedValue === id;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogSelectDropdownPortal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GogSelectDropdownPortal, isStandalone: true, selector: "gog-select-dropdown-portal", ngImport: i0, template: `
+    <div
+      [id]="listboxId"
+      class="gog-select__dropdown gog-select__dropdown--portal"
+      [style.top.px]="top"
+      [style.left.px]="left"
+      [style.width.px]="width"
+      [style.max-height.px]="maxHeight"
+      [style.z-index]="zIndex"
+      role="listbox"
+    >
+      @for (option of options; track option.id) {
+        <button
+          type="button"
+          class="gog-select__option font-body"
+          role="option"
+          [attr.aria-selected]="isSelected(option.id)"
+          [attr.aria-disabled]="option.disabled ?? false"
+          [class.gog-select__option--selected]="isSelected(option.id)"
+          [class.gog-select__option--disabled]="option.disabled ?? false"
+          (click)="onSelect(option, $event)"
+        >
+          <span class="gog-select__option-mark" aria-hidden="true">
+            @if (isSelected(option.id)) {
+              <gog-icon name="check" />
+            }
+          </span>
+          <span class="gog-select__option-label">{{ option.name }}</span>
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.gog-select{--gog-select-gap: 4px;--gog-select-label-color: var(--accent-color);--gog-select-field-bg: var(--surface-color);--gog-select-field-border: var(--accent-dim);--gog-select-field-color: var(--text-color);--gog-select-focus-border: var(--accent-color);--gog-select-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-select-error-color: var(--danger-color);--gog-select-chevron-color: var(--accent-color);--gog-select-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-select-option-selected-color: var(--accent-color);--gog-select-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-select-gap);width:100%}.gog-select--disabled{opacity:var(--gog-select-disabled-opacity)}.gog-select--disabled .gog-select__label,.gog-select--disabled .gog-select__field{cursor:not-allowed}.gog-select__label{font-size:var(--text-sm);color:var(--gog-select-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-select__field{position:relative;cursor:pointer}.gog-select__control{--gog-select-control-padding-y: var(--control-padding-y, 10px);--gog-select-control-padding-x: var(--control-padding-x, 14px);width:100%;min-height:44px;padding:var(--gog-select-control-padding-y) 40px var(--gog-select-control-padding-y) var(--gog-select-control-padding-x);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-md);color:var(--gog-select-field-color);background-color:var(--gog-select-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.gog-select__control:focus{border-color:var(--gog-select-focus-border);box-shadow:0 0 8px var(--gog-select-focus-ring)}.gog-select__control:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:2px}.gog-select__control:disabled{cursor:not-allowed}.gog-select--open .gog-select__control{border-color:var(--gog-select-focus-border)}.gog-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.gog-select__value--placeholder{color:var(--muted-text-color)}.gog-select__chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--gog-select-chevron-color);pointer-events:none;flex-shrink:0}.gog-select__chevron gog-icon{font-size:.875rem}.gog-select__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--surface-color);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-select__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-select__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-select__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-select-control-padding-x);border:0;background:transparent;text-align:left;font:inherit;color:var(--text-color);cursor:pointer;transition:background-color .12s ease}.gog-select__option:hover{background-color:var(--gog-select-option-hover-bg)}.gog-select__option--selected{color:var(--gog-select-option-selected-color)}.gog-select__option--disabled{opacity:.5;cursor:not-allowed}.gog-select__option:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:-3px}.gog-select__option-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.gog-select__option-mark gog-icon{font-size:.875rem}.gog-select__error{font-size:var(--text-xs);color:var(--gog-select-error-color)}@media(prefers-reduced-motion:reduce){.gog-select__control,.gog-select__option{transition:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogSelectDropdownPortal, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-select-dropdown-portal', imports: [IconComponent], template: `
+    <div
+      [id]="listboxId"
+      class="gog-select__dropdown gog-select__dropdown--portal"
+      [style.top.px]="top"
+      [style.left.px]="left"
+      [style.width.px]="width"
+      [style.max-height.px]="maxHeight"
+      [style.z-index]="zIndex"
+      role="listbox"
+    >
+      @for (option of options; track option.id) {
+        <button
+          type="button"
+          class="gog-select__option font-body"
+          role="option"
+          [attr.aria-selected]="isSelected(option.id)"
+          [attr.aria-disabled]="option.disabled ?? false"
+          [class.gog-select__option--selected]="isSelected(option.id)"
+          [class.gog-select__option--disabled]="option.disabled ?? false"
+          (click)="onSelect(option, $event)"
+        >
+          <span class="gog-select__option-mark" aria-hidden="true">
+            @if (isSelected(option.id)) {
+              <gog-icon name="check" />
+            }
+          </span>
+          <span class="gog-select__option-label">{{ option.name }}</span>
+        </button>
+      }
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.gog-select{--gog-select-gap: 4px;--gog-select-label-color: var(--accent-color);--gog-select-field-bg: var(--surface-color);--gog-select-field-border: var(--accent-dim);--gog-select-field-color: var(--text-color);--gog-select-focus-border: var(--accent-color);--gog-select-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-select-error-color: var(--danger-color);--gog-select-chevron-color: var(--accent-color);--gog-select-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-select-option-selected-color: var(--accent-color);--gog-select-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-select-gap);width:100%}.gog-select--disabled{opacity:var(--gog-select-disabled-opacity)}.gog-select--disabled .gog-select__label,.gog-select--disabled .gog-select__field{cursor:not-allowed}.gog-select__label{font-size:var(--text-sm);color:var(--gog-select-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-select__field{position:relative;cursor:pointer}.gog-select__control{--gog-select-control-padding-y: var(--control-padding-y, 10px);--gog-select-control-padding-x: var(--control-padding-x, 14px);width:100%;min-height:44px;padding:var(--gog-select-control-padding-y) 40px var(--gog-select-control-padding-y) var(--gog-select-control-padding-x);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-md);color:var(--gog-select-field-color);background-color:var(--gog-select-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.gog-select__control:focus{border-color:var(--gog-select-focus-border);box-shadow:0 0 8px var(--gog-select-focus-ring)}.gog-select__control:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:2px}.gog-select__control:disabled{cursor:not-allowed}.gog-select--open .gog-select__control{border-color:var(--gog-select-focus-border)}.gog-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.gog-select__value--placeholder{color:var(--muted-text-color)}.gog-select__chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--gog-select-chevron-color);pointer-events:none;flex-shrink:0}.gog-select__chevron gog-icon{font-size:.875rem}.gog-select__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--surface-color);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-select__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-select__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-select__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-select-control-padding-x);border:0;background:transparent;text-align:left;font:inherit;color:var(--text-color);cursor:pointer;transition:background-color .12s ease}.gog-select__option:hover{background-color:var(--gog-select-option-hover-bg)}.gog-select__option--selected{color:var(--gog-select-option-selected-color)}.gog-select__option--disabled{opacity:.5;cursor:not-allowed}.gog-select__option:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:-3px}.gog-select__option-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.gog-select__option-mark gog-icon{font-size:.875rem}.gog-select__error{font-size:var(--text-xs);color:var(--gog-select-error-color)}@media(prefers-reduced-motion:reduce){.gog-select__control,.gog-select__option{transition:none}}\n"] }]
+        }] });
+class SelectComponent {
+    static nextId = 0;
+    generatedId = `gog-select-${++SelectComponent.nextId}`;
+    generatedListboxId = `gog-select-listbox-${SelectComponent.nextId}`;
+    inputId = input('', ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    placeholder = input('Select...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    dropdownDirection = input('auto', ...(ngDevMode ? [{ debugName: "dropdownDirection" }] : /* istanbul ignore next */ []));
+    dropdownZIndex = input(null, ...(ngDevMode ? [{ debugName: "dropdownZIndex" }] : /* istanbul ignore next */ []));
+    appendToBody = input(false, ...(ngDevMode ? [{ debugName: "appendToBody" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    chevronTemplate = input(null, ...(ngDevMode ? [{ debugName: "chevronTemplate" }] : /* istanbul ignore next */ []));
+    /** Two-way bindable selected value: `[(value)]="signal"`. */
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    dropdownDirectionState = signal('down', ...(ngDevMode ? [{ debugName: "dropdownDirectionState" }] : /* istanbul ignore next */ []));
+    elRef = inject((ElementRef));
+    appRef = inject(ApplicationRef);
+    envInjector = inject(EnvironmentInjector);
+    destroyRef = inject(DestroyRef);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    triggerId = computed(() => this.inputId() || this.generatedId, ...(ngDevMode ? [{ debugName: "triggerId" }] : /* istanbul ignore next */ []));
+    listboxId = computed(() => this.inputId() ? `${this.inputId()}-listbox` : this.generatedListboxId, ...(ngDevMode ? [{ debugName: "listboxId" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    selectedOption = computed(() => this.options().find((option) => String(option.id) === String(this.value())) ?? null, ...(ngDevMode ? [{ debugName: "selectedOption" }] : /* istanbul ignore next */ []));
+    hasError = computed(() => !!this.errorMessage() && this.value() === null, ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    errorId = computed(() => (this.hasError() ? `${this.triggerId()}-error` : null), ...(ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []));
+    portalHost = null;
+    portalRef = null;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor() {
+        this.destroyRef.onDestroy(() => this.destroyPortal());
+    }
+    writeValue(val) {
+        this.value.set(val ?? null);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+        if (isDisabled) {
+            this.close();
+        }
+    }
+    toggle() {
+        if (this.isDisabled())
+            return;
+        const next = !this.isOpen();
+        this.isOpen.set(next);
+        if (next) {
+            this.openDropdown();
+        }
+        else {
+            this.destroyPortal();
+        }
+    }
+    close() {
+        if (!this.isOpen())
+            return;
+        this.isOpen.set(false);
+        this.destroyPortal();
+    }
+    onDocumentClick(event) {
+        if (!this.isOpen())
+            return;
+        const target = event.target;
+        const insideTrigger = target ? this.elRef.nativeElement.contains(target) : false;
+        const insidePortal = target ? this.portalHost?.contains(target) ?? false : false;
+        if (!insideTrigger && !insidePortal) {
+            this.close();
+        }
+    }
+    onScrollOrResize() {
+        if (!this.isOpen())
+            return;
+        if (this.appendToBody()) {
+            this.updatePortalPosition();
+            return;
+        }
+        this.updateInlineDirection();
+    }
+    selectOption(option, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (option.disabled) {
+            return;
+        }
+        this.value.set(option.id);
+        this.onChange(option.id);
+        this.onTouched();
+        this.close();
+    }
+    openDropdown() {
+        this.onTouched();
+        if (this.appendToBody()) {
+            this.openPortal();
+            return;
+        }
+        this.updateInlineDirection();
+    }
+    estimatePanelHeight() {
+        return Math.min(Math.max(this.options().length, 1) * 40, 260);
+    }
+    updateInlineDirection() {
+        if (!this.isBrowser)
+            return;
+        const placement = resolveDropdownPlacement(this.dropdownDirection(), this.elRef.nativeElement.getBoundingClientRect(), this.estimatePanelHeight(), window.innerHeight, 2, 8);
+        this.dropdownDirectionState.set(placement.direction);
+    }
+    openPortal() {
+        if (!this.isBrowser)
+            return;
+        this.destroyPortal();
+        this.portalHost = document.createElement('div');
+        document.body.appendChild(this.portalHost);
+        this.portalRef = createComponent(GogSelectDropdownPortal, {
+            environmentInjector: this.envInjector,
+            hostElement: this.portalHost,
+        });
+        const inst = this.portalRef.instance;
+        inst.options = this.options();
+        inst.selectedValue = this.value();
+        inst.listboxId = this.listboxId();
+        inst.zIndex = this.dropdownZIndex() ?? 300;
+        inst.onSelect = (option, event) => this.selectOption(option, event);
+        this.updatePortalPosition();
+        this.appRef.attachView(this.portalRef.hostView);
+        this.portalRef.changeDetectorRef.detectChanges();
+    }
+    updatePortalPosition() {
+        if (!this.portalRef || !this.isBrowser)
+            return;
+        const placement = resolveDropdownPlacement(this.dropdownDirection(), this.elRef.nativeElement.getBoundingClientRect(), this.estimatePanelHeight(), window.innerHeight, 2, 8);
+        const inst = this.portalRef.instance;
+        inst.direction = placement.direction;
+        inst.top = placement.top;
+        inst.left = placement.left;
+        inst.width = placement.width;
+        inst.maxHeight = placement.maxHeight;
+        inst.zIndex = this.dropdownZIndex() ?? 300;
+        this.portalRef.changeDetectorRef.detectChanges();
+    }
+    destroyPortal() {
+        if (this.portalRef) {
+            this.appRef.detachView(this.portalRef.hostView);
+            this.portalRef.destroy();
+            this.portalRef = null;
+        }
+        if (this.portalHost) {
+            this.portalHost.remove();
+            this.portalHost = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SelectComponent, isStandalone: true, selector: "gog-select", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, dropdownDirection: { classPropertyName: "dropdownDirection", publicName: "dropdownDirection", isSignal: true, isRequired: false, transformFunction: null }, dropdownZIndex: { classPropertyName: "dropdownZIndex", publicName: "dropdownZIndex", isSignal: true, isRequired: false, transformFunction: null }, appendToBody: { classPropertyName: "appendToBody", publicName: "appendToBody", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, chevronTemplate: { classPropertyName: "chevronTemplate", publicName: "chevronTemplate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)", "window:scroll": "onScrollOrResize()", "window:resize": "onScrollOrResize()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\r\n  class=\"gog-select gog-contained-layout\"\r\n  [class.gog-select--disabled]=\"isDisabled()\"\r\n  [class.gog-select--open]=\"isOpen()\"\r\n>\r\n  @if (label()) {\r\n    <label class=\"gog-select__label font-heading\" [attr.for]=\"triggerId()\">{{ label() }}</label>\r\n  }\r\n\r\n  <div class=\"gog-select__field\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"gog-select__control font-body\"\r\n      [id]=\"triggerId()\"\r\n      [disabled]=\"isDisabled()\"\r\n      [attr.aria-label]=\"label() ? null : ariaLabel() || placeholder() || 'Select'\"\r\n      [attr.aria-controls]=\"listboxId()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      [attr.aria-haspopup]=\"'listbox'\"\r\n      [attr.aria-invalid]=\"hasError()\"\r\n      [attr.aria-describedby]=\"errorId()\"\r\n      (click)=\"toggle()\"\r\n      (keydown.enter)=\"toggle(); $event.preventDefault()\"\r\n      (keydown.space)=\"toggle(); $event.preventDefault()\"\r\n      (keydown.escape)=\"close()\"\r\n    >\r\n      <span class=\"gog-select__value\" [class.gog-select__value--placeholder]=\"!selectedOption()\">\r\n        {{ selectedOption()?.name || placeholder() }}\r\n      </span>\r\n\r\n      <span class=\"gog-select__chevron\" aria-hidden=\"true\">\r\n        <gog-icon [template]=\"chevronTemplate()\" name=\"chevron-down\" />\r\n      </span>\r\n    </button>\r\n\r\n    @if (isOpen() && !appendToBody()) {\r\n      <div\r\n        [id]=\"listboxId()\"\r\n        class=\"gog-select__dropdown\"\r\n        [class.gog-select__dropdown--up]=\"dropdownDirectionState() === 'up'\"\r\n        [style.z-index]=\"dropdownZIndex() ?? null\"\r\n        role=\"listbox\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n        @for (option of options(); track option.id) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"gog-select__option font-body\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"selectedOption()?.id === option.id\"\r\n            [attr.aria-disabled]=\"option.disabled ?? false\"\r\n            [class.gog-select__option--selected]=\"selectedOption()?.id === option.id\"\r\n            [class.gog-select__option--disabled]=\"option.disabled ?? false\"\r\n            (click)=\"selectOption(option, $event)\"\r\n          >\r\n            <span class=\"gog-select__option-mark\" aria-hidden=\"true\">\r\n              @if (selectedOption()?.id === option.id) {\r\n                <gog-icon name=\"check\" />\r\n              }\r\n            </span>\r\n            <span class=\"gog-select__option-label\">{{ option.name }}</span>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (hasError()) {\r\n    <span class=\"gog-select__error font-body\" [attr.id]=\"errorId()\" role=\"alert\">\r\n      {{ errorMessage() }}\r\n    </span>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.gog-select{--gog-select-gap: 4px;--gog-select-label-color: var(--accent-color);--gog-select-field-bg: var(--surface-color);--gog-select-field-border: var(--accent-dim);--gog-select-field-color: var(--text-color);--gog-select-focus-border: var(--accent-color);--gog-select-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-select-error-color: var(--danger-color);--gog-select-chevron-color: var(--accent-color);--gog-select-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-select-option-selected-color: var(--accent-color);--gog-select-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-select-gap);width:100%}.gog-select--disabled{opacity:var(--gog-select-disabled-opacity)}.gog-select--disabled .gog-select__label,.gog-select--disabled .gog-select__field{cursor:not-allowed}.gog-select__label{font-size:var(--text-sm);color:var(--gog-select-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-select__field{position:relative;cursor:pointer}.gog-select__control{--gog-select-control-padding-y: var(--control-padding-y, 10px);--gog-select-control-padding-x: var(--control-padding-x, 14px);width:100%;min-height:44px;padding:var(--gog-select-control-padding-y) 40px var(--gog-select-control-padding-y) var(--gog-select-control-padding-x);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-md);color:var(--gog-select-field-color);background-color:var(--gog-select-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.gog-select__control:focus{border-color:var(--gog-select-focus-border);box-shadow:0 0 8px var(--gog-select-focus-ring)}.gog-select__control:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:2px}.gog-select__control:disabled{cursor:not-allowed}.gog-select--open .gog-select__control{border-color:var(--gog-select-focus-border)}.gog-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.gog-select__value--placeholder{color:var(--muted-text-color)}.gog-select__chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--gog-select-chevron-color);pointer-events:none;flex-shrink:0}.gog-select__chevron gog-icon{font-size:.875rem}.gog-select__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--surface-color);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-select__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-select__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-select__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-select-control-padding-x);border:0;background:transparent;text-align:left;font:inherit;color:var(--text-color);cursor:pointer;transition:background-color .12s ease}.gog-select__option:hover{background-color:var(--gog-select-option-hover-bg)}.gog-select__option--selected{color:var(--gog-select-option-selected-color)}.gog-select__option--disabled{opacity:.5;cursor:not-allowed}.gog-select__option:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:-3px}.gog-select__option-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.gog-select__option-mark gog-icon{font-size:.875rem}.gog-select__error{font-size:var(--text-xs);color:var(--gog-select-error-color)}@media(prefers-reduced-motion:reduce){.gog-select__control,.gog-select__option{transition:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-select', imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(document:click)': 'onDocumentClick($event)',
+                        '(window:scroll)': 'onScrollOrResize()',
+                        '(window:resize)': 'onScrollOrResize()',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\r\n  class=\"gog-select gog-contained-layout\"\r\n  [class.gog-select--disabled]=\"isDisabled()\"\r\n  [class.gog-select--open]=\"isOpen()\"\r\n>\r\n  @if (label()) {\r\n    <label class=\"gog-select__label font-heading\" [attr.for]=\"triggerId()\">{{ label() }}</label>\r\n  }\r\n\r\n  <div class=\"gog-select__field\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"gog-select__control font-body\"\r\n      [id]=\"triggerId()\"\r\n      [disabled]=\"isDisabled()\"\r\n      [attr.aria-label]=\"label() ? null : ariaLabel() || placeholder() || 'Select'\"\r\n      [attr.aria-controls]=\"listboxId()\"\r\n      [attr.aria-expanded]=\"isOpen()\"\r\n      [attr.aria-haspopup]=\"'listbox'\"\r\n      [attr.aria-invalid]=\"hasError()\"\r\n      [attr.aria-describedby]=\"errorId()\"\r\n      (click)=\"toggle()\"\r\n      (keydown.enter)=\"toggle(); $event.preventDefault()\"\r\n      (keydown.space)=\"toggle(); $event.preventDefault()\"\r\n      (keydown.escape)=\"close()\"\r\n    >\r\n      <span class=\"gog-select__value\" [class.gog-select__value--placeholder]=\"!selectedOption()\">\r\n        {{ selectedOption()?.name || placeholder() }}\r\n      </span>\r\n\r\n      <span class=\"gog-select__chevron\" aria-hidden=\"true\">\r\n        <gog-icon [template]=\"chevronTemplate()\" name=\"chevron-down\" />\r\n      </span>\r\n    </button>\r\n\r\n    @if (isOpen() && !appendToBody()) {\r\n      <div\r\n        [id]=\"listboxId()\"\r\n        class=\"gog-select__dropdown\"\r\n        [class.gog-select__dropdown--up]=\"dropdownDirectionState() === 'up'\"\r\n        [style.z-index]=\"dropdownZIndex() ?? null\"\r\n        role=\"listbox\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n        @for (option of options(); track option.id) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"gog-select__option font-body\"\r\n            role=\"option\"\r\n            [attr.aria-selected]=\"selectedOption()?.id === option.id\"\r\n            [attr.aria-disabled]=\"option.disabled ?? false\"\r\n            [class.gog-select__option--selected]=\"selectedOption()?.id === option.id\"\r\n            [class.gog-select__option--disabled]=\"option.disabled ?? false\"\r\n            (click)=\"selectOption(option, $event)\"\r\n          >\r\n            <span class=\"gog-select__option-mark\" aria-hidden=\"true\">\r\n              @if (selectedOption()?.id === option.id) {\r\n                <gog-icon name=\"check\" />\r\n              }\r\n            </span>\r\n            <span class=\"gog-select__option-label\">{{ option.name }}</span>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (hasError()) {\r\n    <span class=\"gog-select__error font-body\" [attr.id]=\"errorId()\" role=\"alert\">\r\n      {{ errorMessage() }}\r\n    </span>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.gog-select{--gog-select-gap: 4px;--gog-select-label-color: var(--accent-color);--gog-select-field-bg: var(--surface-color);--gog-select-field-border: var(--accent-dim);--gog-select-field-color: var(--text-color);--gog-select-focus-border: var(--accent-color);--gog-select-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-select-error-color: var(--danger-color);--gog-select-chevron-color: var(--accent-color);--gog-select-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-select-option-selected-color: var(--accent-color);--gog-select-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-select-gap);width:100%}.gog-select--disabled{opacity:var(--gog-select-disabled-opacity)}.gog-select--disabled .gog-select__label,.gog-select--disabled .gog-select__field{cursor:not-allowed}.gog-select__label{font-size:var(--text-sm);color:var(--gog-select-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-select__field{position:relative;cursor:pointer}.gog-select__control{--gog-select-control-padding-y: var(--control-padding-y, 10px);--gog-select-control-padding-x: var(--control-padding-x, 14px);width:100%;min-height:44px;padding:var(--gog-select-control-padding-y) 40px var(--gog-select-control-padding-y) var(--gog-select-control-padding-x);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-md);color:var(--gog-select-field-color);background-color:var(--gog-select-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.gog-select__control:focus{border-color:var(--gog-select-focus-border);box-shadow:0 0 8px var(--gog-select-focus-ring)}.gog-select__control:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:2px}.gog-select__control:disabled{cursor:not-allowed}.gog-select--open .gog-select__control{border-color:var(--gog-select-focus-border)}.gog-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.gog-select__value--placeholder{color:var(--muted-text-color)}.gog-select__chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--gog-select-chevron-color);pointer-events:none;flex-shrink:0}.gog-select__chevron gog-icon{font-size:.875rem}.gog-select__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--surface-color);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-select-field-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-select__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-select__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-select__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-select-control-padding-x);border:0;background:transparent;text-align:left;font:inherit;color:var(--text-color);cursor:pointer;transition:background-color .12s ease}.gog-select__option:hover{background-color:var(--gog-select-option-hover-bg)}.gog-select__option--selected{color:var(--gog-select-option-selected-color)}.gog-select__option--disabled{opacity:.5;cursor:not-allowed}.gog-select__option:focus-visible{outline:3px solid var(--gog-select-focus-border);outline-offset:-3px}.gog-select__option-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.gog-select__option-mark gog-icon{font-size:.875rem}.gog-select__error{font-size:var(--text-xs);color:var(--gog-select-error-color)}@media(prefers-reduced-motion:reduce){.gog-select__control,.gog-select__option{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], dropdownDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownDirection", required: false }] }], dropdownZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownZIndex", required: false }] }], appendToBody: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendToBody", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], chevronTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "chevronTemplate", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+class GogMultiselectDropdownPortal {
+    top = 0;
+    left = 0;
+    width = 200;
+    maxHeight = 260;
+    zIndex = 9999;
+    listboxId = '';
+    direction = 'down';
+    options = [];
+    selectedIds = [];
+    showControls = false;
+    onToggle = () => { };
+    onSelectAll = () => { };
+    onClearAll = () => { };
+    isSelected(id) {
+        return this.selectedIds.includes(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogMultiselectDropdownPortal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GogMultiselectDropdownPortal, isStandalone: true, selector: "gog-multiselect-dropdown-portal", ngImport: i0, template: `
+    <div
+      [id]="listboxId"
+      class="gog-ms__dropdown gog-ms__dropdown--portal"
+      [style.top.px]="top"
+      [style.left.px]="left"
+      [style.width.px]="width"
+      [style.max-height.px]="maxHeight"
+      [style.z-index]="zIndex"
+      role="listbox"
+      aria-multiselectable="true"
+    >
+      @if (showControls) {
+        <div class="gog-ms__controls">
+          <gog-button variant="ghost" size="sm" (click)="onSelectAll($event)">Select all</gog-button>
+          <gog-button variant="ghost" size="sm" (click)="onClearAll($event)">Clear</gog-button>
+        </div>
+      }
+      <div class="gog-ms__options">
+        @for (option of options; track option.id) {
+          <button
+            type="button"
+            class="gog-ms__option font-body"
+            role="option"
+            [attr.aria-selected]="isSelected(option.id)"
+            [class.gog-ms__option--selected]="isSelected(option.id)"
+            (click)="onToggle(option, $event)"
+          >
+          <span class="gog-ms__option-mark" aria-hidden="true">
+            <svg viewBox="0 0 16 16" fill="none" focusable="false" aria-hidden="true">
+              <rect
+                x="2.5"
+                y="2.5"
+                width="11"
+                height="11"
+                rx="2"
+                [attr.fill]="isSelected(option.id) ? 'currentColor' : 'none'"
+                stroke="currentColor"
+                stroke-width="1.5"
+              />
+              @if (isSelected(option.id)) {
+                <path
+                  d="M4 8L6.75 10.75L12 5.5"
+                  stroke="var(--gog-ms-checkbox-checked-color)"
+                  stroke-width="1.75"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              }
+            </svg>
+          </span>
+            {{ option.name }}
+          </button>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".gog-ms-wrapper{--gog-ms-gap: 4px;--gog-ms-option-gap: 4px;--gog-ms-options-padding: 4px;--gog-ms-label-color: var(--accent-color);--gog-ms-field-bg: var(--surface-color);--gog-ms-field-border: var(--accent-dim);--gog-ms-field-color: var(--text-color);--gog-ms-value-color: var(--text-color);--gog-ms-placeholder-color: var(--muted-text-color);--gog-ms-focus-border: var(--accent-color);--gog-ms-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-ms-error-color: var(--danger-color);--gog-ms-border-color: var(--accent-color);--gog-ms-panel-bg: var(--surface-color);--gog-ms-panel-border: var(--accent-color);--gog-ms-panel-shadow: 0 8px 24px rgba(0, 0, 0, .3);--gog-ms-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-ms-checkbox-border: var(--accent-dim);--gog-ms-checkbox-bg: var(--background-color);--gog-ms-checkbox-checked-bg: var(--accent-color);--gog-ms-checkbox-checked-color: var(--primary-color);--gog-ms-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-ms-gap);position:relative;width:100%}.gog-ms__label{font-size:var(--text-sm);color:var(--gog-ms-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-ms{--gog-ms-padding-y: var(--control-padding-y, 10px);--gog-ms-padding-x: var(--control-padding-x, 14px);display:flex;align-items:center;justify-content:space-between;padding:var(--gog-ms-padding-y) var(--gog-ms-padding-x);background-color:var(--gog-ms-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border);border-radius:var(--radius);color:var(--gog-ms-field-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease;min-height:44px}.gog-ms:hover:not(.gog-ms--disabled){border-color:var(--gog-ms-focus-border)}.gog-ms:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms--open{border-color:var(--gog-ms-border-color);box-shadow:0 0 8px var(--gog-ms-focus-ring)}.gog-ms--disabled{opacity:var(--gog-ms-disabled-opacity);cursor:not-allowed}.gog-ms--disabled .gog-ms__label{cursor:not-allowed}.gog-ms--error{border-color:var(--gog-ms-error-color)}.gog-ms__value{font-size:var(--text-md);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gog-ms-value-color)}.gog-ms__value--placeholder{color:var(--gog-ms-placeholder-color)}.gog-ms__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.gog-ms__clear{width:1rem;height:1rem;padding:0;border:0;border-radius:var(--gog-ms-clear-radius, 2px);background:transparent;color:var(--gog-ms-placeholder-color);line-height:1;cursor:pointer;transition:color .15s ease}.gog-ms__clear gog-icon{font-size:.7rem}.gog-ms__clear:hover{color:var(--gog-ms-field-color)}.gog-ms__clear:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms__arrow{color:var(--gog-ms-border-color);transition:transform .2s ease;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}.gog-ms__arrow gog-icon{font-size:.875rem}.gog-ms__arrow--up{transform:rotate(180deg)}.gog-ms__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--gog-ms-panel-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-panel-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-ms__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-ms__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-ms__controls{display:flex;gap:4px;padding:6px 10px;border-bottom:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border)}.gog-ms__options{display:flex;flex-direction:column;padding:var(--gog-ms-options-padding);gap:var(--gog-ms-option-gap)}.gog-ms__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-ms-padding-x);border:0;background:transparent;text-align:left;font:inherit;font-size:var(--text-md);cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:background-color .12s ease;color:var(--text-color)}.gog-ms__option:hover{background-color:var(--gog-ms-option-hover-bg)}.gog-ms__option--selected{color:var(--gog-ms-border-color)}.gog-ms__option:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:-3px}.gog-ms__option-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--gog-ms-checkbox-border)}.gog-ms__option--selected .gog-ms__option-mark{color:var(--gog-ms-checkbox-checked-bg)}.gog-ms__option-mark svg{width:18px;height:18px}.gog-ms__error{font-size:var(--text-xs);color:var(--gog-ms-error-color);margin-top:2px}@media(prefers-reduced-motion:reduce){.gog-ms,.gog-ms__clear,.gog-ms__arrow,.gog-ms__option,.gog-ms__option-mark{transition:none}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gog-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "debounce", "loading"], outputs: ["gogClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GogMultiselectDropdownPortal, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-multiselect-dropdown-portal', imports: [ButtonComponent], template: `
+    <div
+      [id]="listboxId"
+      class="gog-ms__dropdown gog-ms__dropdown--portal"
+      [style.top.px]="top"
+      [style.left.px]="left"
+      [style.width.px]="width"
+      [style.max-height.px]="maxHeight"
+      [style.z-index]="zIndex"
+      role="listbox"
+      aria-multiselectable="true"
+    >
+      @if (showControls) {
+        <div class="gog-ms__controls">
+          <gog-button variant="ghost" size="sm" (click)="onSelectAll($event)">Select all</gog-button>
+          <gog-button variant="ghost" size="sm" (click)="onClearAll($event)">Clear</gog-button>
+        </div>
+      }
+      <div class="gog-ms__options">
+        @for (option of options; track option.id) {
+          <button
+            type="button"
+            class="gog-ms__option font-body"
+            role="option"
+            [attr.aria-selected]="isSelected(option.id)"
+            [class.gog-ms__option--selected]="isSelected(option.id)"
+            (click)="onToggle(option, $event)"
+          >
+          <span class="gog-ms__option-mark" aria-hidden="true">
+            <svg viewBox="0 0 16 16" fill="none" focusable="false" aria-hidden="true">
+              <rect
+                x="2.5"
+                y="2.5"
+                width="11"
+                height="11"
+                rx="2"
+                [attr.fill]="isSelected(option.id) ? 'currentColor' : 'none'"
+                stroke="currentColor"
+                stroke-width="1.5"
+              />
+              @if (isSelected(option.id)) {
+                <path
+                  d="M4 8L6.75 10.75L12 5.5"
+                  stroke="var(--gog-ms-checkbox-checked-color)"
+                  stroke-width="1.75"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              }
+            </svg>
+          </span>
+            {{ option.name }}
+          </button>
+        }
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".gog-ms-wrapper{--gog-ms-gap: 4px;--gog-ms-option-gap: 4px;--gog-ms-options-padding: 4px;--gog-ms-label-color: var(--accent-color);--gog-ms-field-bg: var(--surface-color);--gog-ms-field-border: var(--accent-dim);--gog-ms-field-color: var(--text-color);--gog-ms-value-color: var(--text-color);--gog-ms-placeholder-color: var(--muted-text-color);--gog-ms-focus-border: var(--accent-color);--gog-ms-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-ms-error-color: var(--danger-color);--gog-ms-border-color: var(--accent-color);--gog-ms-panel-bg: var(--surface-color);--gog-ms-panel-border: var(--accent-color);--gog-ms-panel-shadow: 0 8px 24px rgba(0, 0, 0, .3);--gog-ms-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-ms-checkbox-border: var(--accent-dim);--gog-ms-checkbox-bg: var(--background-color);--gog-ms-checkbox-checked-bg: var(--accent-color);--gog-ms-checkbox-checked-color: var(--primary-color);--gog-ms-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-ms-gap);position:relative;width:100%}.gog-ms__label{font-size:var(--text-sm);color:var(--gog-ms-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-ms{--gog-ms-padding-y: var(--control-padding-y, 10px);--gog-ms-padding-x: var(--control-padding-x, 14px);display:flex;align-items:center;justify-content:space-between;padding:var(--gog-ms-padding-y) var(--gog-ms-padding-x);background-color:var(--gog-ms-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border);border-radius:var(--radius);color:var(--gog-ms-field-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease;min-height:44px}.gog-ms:hover:not(.gog-ms--disabled){border-color:var(--gog-ms-focus-border)}.gog-ms:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms--open{border-color:var(--gog-ms-border-color);box-shadow:0 0 8px var(--gog-ms-focus-ring)}.gog-ms--disabled{opacity:var(--gog-ms-disabled-opacity);cursor:not-allowed}.gog-ms--disabled .gog-ms__label{cursor:not-allowed}.gog-ms--error{border-color:var(--gog-ms-error-color)}.gog-ms__value{font-size:var(--text-md);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gog-ms-value-color)}.gog-ms__value--placeholder{color:var(--gog-ms-placeholder-color)}.gog-ms__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.gog-ms__clear{width:1rem;height:1rem;padding:0;border:0;border-radius:var(--gog-ms-clear-radius, 2px);background:transparent;color:var(--gog-ms-placeholder-color);line-height:1;cursor:pointer;transition:color .15s ease}.gog-ms__clear gog-icon{font-size:.7rem}.gog-ms__clear:hover{color:var(--gog-ms-field-color)}.gog-ms__clear:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms__arrow{color:var(--gog-ms-border-color);transition:transform .2s ease;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}.gog-ms__arrow gog-icon{font-size:.875rem}.gog-ms__arrow--up{transform:rotate(180deg)}.gog-ms__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--gog-ms-panel-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-panel-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-ms__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-ms__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-ms__controls{display:flex;gap:4px;padding:6px 10px;border-bottom:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border)}.gog-ms__options{display:flex;flex-direction:column;padding:var(--gog-ms-options-padding);gap:var(--gog-ms-option-gap)}.gog-ms__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-ms-padding-x);border:0;background:transparent;text-align:left;font:inherit;font-size:var(--text-md);cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:background-color .12s ease;color:var(--text-color)}.gog-ms__option:hover{background-color:var(--gog-ms-option-hover-bg)}.gog-ms__option--selected{color:var(--gog-ms-border-color)}.gog-ms__option:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:-3px}.gog-ms__option-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--gog-ms-checkbox-border)}.gog-ms__option--selected .gog-ms__option-mark{color:var(--gog-ms-checkbox-checked-bg)}.gog-ms__option-mark svg{width:18px;height:18px}.gog-ms__error{font-size:var(--text-xs);color:var(--gog-ms-error-color);margin-top:2px}@media(prefers-reduced-motion:reduce){.gog-ms,.gog-ms__clear,.gog-ms__arrow,.gog-ms__option,.gog-ms__option-mark{transition:none}}\n"] }]
+        }] });
+class MultiselectComponent {
+    static nextId = 0;
+    instanceId = ++MultiselectComponent.nextId;
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    placeholder = input('Select...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    showControls = input(false, ...(ngDevMode ? [{ debugName: "showControls" }] : /* istanbul ignore next */ []));
+    dropdownDirection = input('auto', ...(ngDevMode ? [{ debugName: "dropdownDirection" }] : /* istanbul ignore next */ []));
+    dropdownZIndex = input(null, ...(ngDevMode ? [{ debugName: "dropdownZIndex" }] : /* istanbul ignore next */ []));
+    appendToBody = input(false, ...(ngDevMode ? [{ debugName: "appendToBody" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    chevronTemplate = input(null, ...(ngDevMode ? [{ debugName: "chevronTemplate" }] : /* istanbul ignore next */ []));
+    clearIconTemplate = input(null, ...(ngDevMode ? [{ debugName: "clearIconTemplate" }] : /* istanbul ignore next */ []));
+    /** Two-way bindable selected ids: `[(value)]="signal"`. */
+    value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    dropdownDirectionState = signal('down', ...(ngDevMode ? [{ debugName: "dropdownDirectionState" }] : /* istanbul ignore next */ []));
+    elRef = inject((ElementRef));
+    appRef = inject(ApplicationRef);
+    envInjector = inject(EnvironmentInjector);
+    destroyRef = inject(DestroyRef);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    ngControl = inject(NgControl, { optional: true, self: true });
+    _touched = signal(false, ...(ngDevMode ? [{ debugName: "_touched" }] : /* istanbul ignore next */ []));
+    formStatus = this.ngControl?.statusChanges
+        ? toSignal(this.ngControl.statusChanges, { initialValue: this.ngControl.status ?? 'VALID' })
+        : signal('VALID');
+    hasError = computed(() => {
+        if (this.ngControl) {
+            return this._touched() && this.formStatus() === 'INVALID';
+        }
+        return !!this.errorMessage() && this.value().length === 0;
+    }, ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    visibleError = computed(() => (this.hasError() ? this.errorMessage() : ''), ...(ngDevMode ? [{ debugName: "visibleError" }] : /* istanbul ignore next */ []));
+    portalHost = null;
+    portalRef = null;
+    selectedNames = computed(() => this.value()
+        .map((id) => this.options().find((o) => o.id === id)?.name)
+        .filter(Boolean)
+        .join(', '), ...(ngDevMode ? [{ debugName: "selectedNames" }] : /* istanbul ignore next */ []));
+    _onChange = () => { };
+    _onTouched = () => { };
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+        this.destroyRef.onDestroy(() => this.destroyPortal());
+    }
+    onDocumentClick(e) {
+        const inside = this.elRef.nativeElement.contains(e.target) ||
+            (this.portalHost?.contains(e.target) ?? false);
+        if (!inside) {
+            this.isOpen.set(false);
+            if (this.appendToBody())
+                this.destroyPortal();
+        }
+    }
+    onScrollOrResize() {
+        if (!this.isOpen())
+            return;
+        if (this.appendToBody()) {
+            this.updatePortalPosition();
+            return;
+        }
+        this.updateInlineDirection();
+    }
+    writeValue(val) {
+        this.value.set(val ?? []);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    isSelected(id) {
+        return this.value().includes(id);
+    }
+    toggle() {
+        if (this.isDisabled())
+            return;
+        const next = !this.isOpen();
+        this.isOpen.set(next);
+        if (this.appendToBody()) {
+            if (next)
+                this.openPortal();
+            else
+                this.destroyPortal();
+        }
+        else if (next) {
+            this.updateInlineDirection();
+        }
+    }
+    toggleOption(option, e) {
+        e.stopPropagation();
+        this.applyToggle(option.id);
+        if (this.appendToBody() && this.portalRef) {
+            this.portalRef.instance.selectedIds = [...this.value()];
+            this.portalRef.changeDetectorRef.detectChanges();
+        }
+    }
+    applyToggle(id) {
+        const current = this.value();
+        const next = this.isSelected(id) ? current.filter((x) => x !== id) : [...current, id];
+        this.value.set(next);
+        this._onChange(next);
+        this._onTouched();
+        this._touched.set(true);
+    }
+    selectAll(e) {
+        e.stopPropagation();
+        const all = this.options().map((o) => o.id);
+        this.value.set(all);
+        this._onChange(all);
+        this._onTouched();
+        this._touched.set(true);
+        if (this.appendToBody() && this.portalRef) {
+            this.portalRef.instance.selectedIds = [...all];
+            this.portalRef.changeDetectorRef.detectChanges();
+        }
+    }
+    clearAll(e) {
+        e.stopPropagation();
+        this.value.set([]);
+        this._onChange([]);
+        this._onTouched();
+        this._touched.set(true);
+        if (this.appendToBody() && this.portalRef) {
+            this.portalRef.instance.selectedIds = [];
+            this.portalRef.changeDetectorRef.detectChanges();
+        }
+    }
+    clearTrigger(e) {
+        e.stopPropagation();
+        this.value.set([]);
+        this._onChange([]);
+        this._onTouched();
+        this._touched.set(true);
+    }
+    close() {
+        if (!this.isOpen())
+            return;
+        this.isOpen.set(false);
+        if (this.appendToBody())
+            this.destroyPortal();
+    }
+    estimatePanelHeight() {
+        const controlsHeight = this.showControls() ? 38 : 0;
+        const optionsCount = Math.max(this.options().length, 1);
+        const optionsPadding = this.getOptionPadding() * 2;
+        const optionGap = this.getOptionGap();
+        const optionsHeight = optionsCount * 40 + Math.max(optionsCount - 1, 0) * optionGap + optionsPadding;
+        return Math.min(optionsHeight + controlsHeight, 260);
+    }
+    getOptionGap() {
+        if (!this.isBrowser) {
+            return 4;
+        }
+        const gap = getComputedStyle(this.elRef.nativeElement).getPropertyValue('--gog-ms-option-gap').trim();
+        const parsedGap = Number.parseFloat(gap);
+        return Number.isFinite(parsedGap) ? parsedGap : 4;
+    }
+    getOptionPadding() {
+        if (!this.isBrowser) {
+            return 4;
+        }
+        const padding = getComputedStyle(this.elRef.nativeElement)
+            .getPropertyValue('--gog-ms-options-padding')
+            .trim();
+        const parsedPadding = Number.parseFloat(padding);
+        return Number.isFinite(parsedPadding) ? parsedPadding : 4;
+    }
+    updateInlineDirection() {
+        if (!this.isBrowser)
+            return;
+        const placement = resolveDropdownPlacement(this.dropdownDirection(), this.elRef.nativeElement.getBoundingClientRect(), this.estimatePanelHeight(), window.innerHeight, 2, 8);
+        this.dropdownDirectionState.set(placement.direction);
+    }
+    openPortal() {
+        if (!this.isBrowser)
+            return;
+        this.destroyPortal();
+        this.portalHost = document.createElement('div');
+        document.body.appendChild(this.portalHost);
+        this.portalRef = createComponent(GogMultiselectDropdownPortal, {
+            environmentInjector: this.envInjector,
+            hostElement: this.portalHost,
+        });
+        const inst = this.portalRef.instance;
+        inst.options = this.options();
+        inst.selectedIds = [...this.value()];
+        inst.showControls = this.showControls();
+        inst.listboxId = `gog-ms-listbox-${this.instanceId}`;
+        inst.zIndex = this.dropdownZIndex() ?? 9999;
+        inst.direction = this.dropdownDirectionState();
+        inst.maxHeight = this.estimatePanelHeight();
+        inst.onToggle = (o, e) => this.toggleOption(o, e);
+        inst.onSelectAll = (e) => this.selectAll(e);
+        inst.onClearAll = (e) => this.clearAll(e);
+        this.updatePortalPosition();
+        this.appRef.attachView(this.portalRef.hostView);
+        this.portalRef.changeDetectorRef.detectChanges();
+    }
+    updatePortalPosition() {
+        if (!this.portalRef || !this.isBrowser)
+            return;
+        const placement = resolveDropdownPlacement(this.dropdownDirection(), this.elRef.nativeElement.getBoundingClientRect(), this.estimatePanelHeight(), window.innerHeight, 2, 8);
+        this.portalRef.instance.direction = placement.direction;
+        this.portalRef.instance.top = placement.top;
+        this.portalRef.instance.left = placement.left;
+        this.portalRef.instance.width = placement.width;
+        this.portalRef.instance.maxHeight = placement.maxHeight;
+        this.dropdownDirectionState.set(placement.direction);
+        this.portalRef.changeDetectorRef.detectChanges();
+    }
+    destroyPortal() {
+        if (this.portalRef) {
+            this.appRef.detachView(this.portalRef.hostView);
+            this.portalRef.destroy();
+            this.portalRef = null;
+        }
+        if (this.portalHost) {
+            this.portalHost.remove();
+            this.portalHost = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MultiselectComponent, isStandalone: true, selector: "gog-multiselect", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, showControls: { classPropertyName: "showControls", publicName: "showControls", isSignal: true, isRequired: false, transformFunction: null }, dropdownDirection: { classPropertyName: "dropdownDirection", publicName: "dropdownDirection", isSignal: true, isRequired: false, transformFunction: null }, dropdownZIndex: { classPropertyName: "dropdownZIndex", publicName: "dropdownZIndex", isSignal: true, isRequired: false, transformFunction: null }, appendToBody: { classPropertyName: "appendToBody", publicName: "appendToBody", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, chevronTemplate: { classPropertyName: "chevronTemplate", publicName: "chevronTemplate", isSignal: true, isRequired: false, transformFunction: null }, clearIconTemplate: { classPropertyName: "clearIconTemplate", publicName: "clearIconTemplate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)", "window:scroll": "onScrollOrResize()", "window:resize": "onScrollOrResize()" } }, ngImport: i0, template: "<div class=\"gog-ms-wrapper gog-contained-layout\">\n  @if (label()) {\n    <label class=\"gog-ms__label font-heading\">{{ label() }}</label>\n  }\n\n  <div\n    class=\"gog-ms\"\n    role=\"combobox\"\n    tabindex=\"0\"\n    [attr.aria-expanded]=\"isOpen()\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-controls]=\"'gog-ms-listbox-' + instanceId\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"label() ? null : ariaLabel() || placeholder() || 'Select'\"\n    [class.gog-ms--open]=\"isOpen()\"\n    [class.gog-ms--disabled]=\"isDisabled()\"\n    [class.gog-ms--error]=\"hasError()\"\n    (click)=\"toggle()\"\n    (keydown.enter)=\"toggle()\"\n    (keydown.space)=\"toggle(); $event.preventDefault()\"\n    (keydown.escape)=\"close()\"\n  >\n    <span class=\"gog-ms__value font-body\" [class.gog-ms__value--placeholder]=\"!selectedNames()\">\n      {{ selectedNames() || placeholder() }}\n    </span>\n\n    <span class=\"gog-ms__actions\">\n      @if (selectedNames()) {\n        <button\n          type=\"button\"\n          type=\"button\"\n          class=\"gog-ms__clear gog-inline-center\"\n          (click)=\"clearTrigger($event)\"\n          aria-label=\"Clear selection\"\n        >\n        <gog-icon [template]=\"clearIconTemplate()\" name=\"close\" />\n        </button>\n      }\n    <span class=\"gog-ms__arrow\" [class.gog-ms__arrow--up]=\"isOpen()\" aria-hidden=\"true\">\n      <gog-icon [template]=\"chevronTemplate()\" [name]=\"isOpen() ? 'chevron-up' : 'chevron-down'\" />\n    </span>\n    </span>\n  </div>\n\n  @if (isOpen()) {\n    <div\n      [id]=\"'gog-ms-listbox-' + instanceId\"\n      class=\"gog-ms__dropdown\"\n      [class.gog-ms__dropdown--up]=\"dropdownDirectionState() === 'up'\"\n      role=\"listbox\"\n      aria-multiselectable=\"true\"\n      [style.z-index]=\"dropdownZIndex() ?? null\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      @if (showControls()) {\n        <div class=\"gog-ms__controls\">\n          <gog-button variant=\"ghost\" size=\"sm\" (click)=\"selectAll($event)\">Select all</gog-button>\n          <gog-button variant=\"ghost\" size=\"sm\" (click)=\"clearAll($event)\">Clear</gog-button>\n        </div>\n      }\n      <div class=\"gog-ms__options\">\n        @for (option of options(); track option.id) {\n          <button\n            type=\"button\"\n            class=\"gog-ms__option font-body\"\n            role=\"option\"\n            [attr.aria-selected]=\"isSelected(option.id)\"\n            [class.gog-ms__option--selected]=\"isSelected(option.id)\"\n            (click)=\"toggleOption(option, $event)\"\n          >\n            <span class=\"gog-ms__option-mark\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 16 16\" fill=\"none\" focusable=\"false\" aria-hidden=\"true\">\n                <rect\n                  x=\"2.5\"\n                  y=\"2.5\"\n                  width=\"11\"\n                  height=\"11\"\n                  rx=\"2\"\n                  [attr.fill]=\"isSelected(option.id) ? 'currentColor' : 'none'\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.5\"\n                />\n                @if (isSelected(option.id)) {\n                  <path\n                    d=\"M4 8L6.75 10.75L12 5.5\"\n                    stroke=\"var(--gog-ms-checkbox-checked-color)\"\n                    stroke-width=\"1.75\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                }\n              </svg>\n            </span>\n            {{ option.name }}\n          </button>\n        }\n      </div>\n    </div>\n  }\n\n  @if (visibleError()) {\n    <span class=\"gog-ms__error font-body\" role=\"alert\">{{ visibleError() }}</span>\n  }\n</div>\n", styles: [".gog-ms-wrapper{--gog-ms-gap: 4px;--gog-ms-option-gap: 4px;--gog-ms-options-padding: 4px;--gog-ms-label-color: var(--accent-color);--gog-ms-field-bg: var(--surface-color);--gog-ms-field-border: var(--accent-dim);--gog-ms-field-color: var(--text-color);--gog-ms-value-color: var(--text-color);--gog-ms-placeholder-color: var(--muted-text-color);--gog-ms-focus-border: var(--accent-color);--gog-ms-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-ms-error-color: var(--danger-color);--gog-ms-border-color: var(--accent-color);--gog-ms-panel-bg: var(--surface-color);--gog-ms-panel-border: var(--accent-color);--gog-ms-panel-shadow: 0 8px 24px rgba(0, 0, 0, .3);--gog-ms-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-ms-checkbox-border: var(--accent-dim);--gog-ms-checkbox-bg: var(--background-color);--gog-ms-checkbox-checked-bg: var(--accent-color);--gog-ms-checkbox-checked-color: var(--primary-color);--gog-ms-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-ms-gap);position:relative;width:100%}.gog-ms__label{font-size:var(--text-sm);color:var(--gog-ms-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-ms{--gog-ms-padding-y: var(--control-padding-y, 10px);--gog-ms-padding-x: var(--control-padding-x, 14px);display:flex;align-items:center;justify-content:space-between;padding:var(--gog-ms-padding-y) var(--gog-ms-padding-x);background-color:var(--gog-ms-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border);border-radius:var(--radius);color:var(--gog-ms-field-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease;min-height:44px}.gog-ms:hover:not(.gog-ms--disabled){border-color:var(--gog-ms-focus-border)}.gog-ms:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms--open{border-color:var(--gog-ms-border-color);box-shadow:0 0 8px var(--gog-ms-focus-ring)}.gog-ms--disabled{opacity:var(--gog-ms-disabled-opacity);cursor:not-allowed}.gog-ms--disabled .gog-ms__label{cursor:not-allowed}.gog-ms--error{border-color:var(--gog-ms-error-color)}.gog-ms__value{font-size:var(--text-md);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gog-ms-value-color)}.gog-ms__value--placeholder{color:var(--gog-ms-placeholder-color)}.gog-ms__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.gog-ms__clear{width:1rem;height:1rem;padding:0;border:0;border-radius:var(--gog-ms-clear-radius, 2px);background:transparent;color:var(--gog-ms-placeholder-color);line-height:1;cursor:pointer;transition:color .15s ease}.gog-ms__clear gog-icon{font-size:.7rem}.gog-ms__clear:hover{color:var(--gog-ms-field-color)}.gog-ms__clear:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms__arrow{color:var(--gog-ms-border-color);transition:transform .2s ease;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}.gog-ms__arrow gog-icon{font-size:.875rem}.gog-ms__arrow--up{transform:rotate(180deg)}.gog-ms__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--gog-ms-panel-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-panel-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-ms__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-ms__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-ms__controls{display:flex;gap:4px;padding:6px 10px;border-bottom:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border)}.gog-ms__options{display:flex;flex-direction:column;padding:var(--gog-ms-options-padding);gap:var(--gog-ms-option-gap)}.gog-ms__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-ms-padding-x);border:0;background:transparent;text-align:left;font:inherit;font-size:var(--text-md);cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:background-color .12s ease;color:var(--text-color)}.gog-ms__option:hover{background-color:var(--gog-ms-option-hover-bg)}.gog-ms__option--selected{color:var(--gog-ms-border-color)}.gog-ms__option:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:-3px}.gog-ms__option-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--gog-ms-checkbox-border)}.gog-ms__option--selected .gog-ms__option-mark{color:var(--gog-ms-checkbox-checked-bg)}.gog-ms__option-mark svg{width:18px;height:18px}.gog-ms__error{font-size:var(--text-xs);color:var(--gog-ms-error-color);margin-top:2px}@media(prefers-reduced-motion:reduce){.gog-ms,.gog-ms__clear,.gog-ms__arrow,.gog-ms__option,.gog-ms__option-mark{transition:none}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gog-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "debounce", "loading"], outputs: ["gogClick"] }, { kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MultiselectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-multiselect', imports: [ButtonComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(document:click)': 'onDocumentClick($event)',
+                        '(window:scroll)': 'onScrollOrResize()',
+                        '(window:resize)': 'onScrollOrResize()',
+                    }, template: "<div class=\"gog-ms-wrapper gog-contained-layout\">\n  @if (label()) {\n    <label class=\"gog-ms__label font-heading\">{{ label() }}</label>\n  }\n\n  <div\n    class=\"gog-ms\"\n    role=\"combobox\"\n    tabindex=\"0\"\n    [attr.aria-expanded]=\"isOpen()\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-controls]=\"'gog-ms-listbox-' + instanceId\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"label() ? null : ariaLabel() || placeholder() || 'Select'\"\n    [class.gog-ms--open]=\"isOpen()\"\n    [class.gog-ms--disabled]=\"isDisabled()\"\n    [class.gog-ms--error]=\"hasError()\"\n    (click)=\"toggle()\"\n    (keydown.enter)=\"toggle()\"\n    (keydown.space)=\"toggle(); $event.preventDefault()\"\n    (keydown.escape)=\"close()\"\n  >\n    <span class=\"gog-ms__value font-body\" [class.gog-ms__value--placeholder]=\"!selectedNames()\">\n      {{ selectedNames() || placeholder() }}\n    </span>\n\n    <span class=\"gog-ms__actions\">\n      @if (selectedNames()) {\n        <button\n          type=\"button\"\n          type=\"button\"\n          class=\"gog-ms__clear gog-inline-center\"\n          (click)=\"clearTrigger($event)\"\n          aria-label=\"Clear selection\"\n        >\n        <gog-icon [template]=\"clearIconTemplate()\" name=\"close\" />\n        </button>\n      }\n    <span class=\"gog-ms__arrow\" [class.gog-ms__arrow--up]=\"isOpen()\" aria-hidden=\"true\">\n      <gog-icon [template]=\"chevronTemplate()\" [name]=\"isOpen() ? 'chevron-up' : 'chevron-down'\" />\n    </span>\n    </span>\n  </div>\n\n  @if (isOpen()) {\n    <div\n      [id]=\"'gog-ms-listbox-' + instanceId\"\n      class=\"gog-ms__dropdown\"\n      [class.gog-ms__dropdown--up]=\"dropdownDirectionState() === 'up'\"\n      role=\"listbox\"\n      aria-multiselectable=\"true\"\n      [style.z-index]=\"dropdownZIndex() ?? null\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      @if (showControls()) {\n        <div class=\"gog-ms__controls\">\n          <gog-button variant=\"ghost\" size=\"sm\" (click)=\"selectAll($event)\">Select all</gog-button>\n          <gog-button variant=\"ghost\" size=\"sm\" (click)=\"clearAll($event)\">Clear</gog-button>\n        </div>\n      }\n      <div class=\"gog-ms__options\">\n        @for (option of options(); track option.id) {\n          <button\n            type=\"button\"\n            class=\"gog-ms__option font-body\"\n            role=\"option\"\n            [attr.aria-selected]=\"isSelected(option.id)\"\n            [class.gog-ms__option--selected]=\"isSelected(option.id)\"\n            (click)=\"toggleOption(option, $event)\"\n          >\n            <span class=\"gog-ms__option-mark\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 16 16\" fill=\"none\" focusable=\"false\" aria-hidden=\"true\">\n                <rect\n                  x=\"2.5\"\n                  y=\"2.5\"\n                  width=\"11\"\n                  height=\"11\"\n                  rx=\"2\"\n                  [attr.fill]=\"isSelected(option.id) ? 'currentColor' : 'none'\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.5\"\n                />\n                @if (isSelected(option.id)) {\n                  <path\n                    d=\"M4 8L6.75 10.75L12 5.5\"\n                    stroke=\"var(--gog-ms-checkbox-checked-color)\"\n                    stroke-width=\"1.75\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                }\n              </svg>\n            </span>\n            {{ option.name }}\n          </button>\n        }\n      </div>\n    </div>\n  }\n\n  @if (visibleError()) {\n    <span class=\"gog-ms__error font-body\" role=\"alert\">{{ visibleError() }}</span>\n  }\n</div>\n", styles: [".gog-ms-wrapper{--gog-ms-gap: 4px;--gog-ms-option-gap: 4px;--gog-ms-options-padding: 4px;--gog-ms-label-color: var(--accent-color);--gog-ms-field-bg: var(--surface-color);--gog-ms-field-border: var(--accent-dim);--gog-ms-field-color: var(--text-color);--gog-ms-value-color: var(--text-color);--gog-ms-placeholder-color: var(--muted-text-color);--gog-ms-focus-border: var(--accent-color);--gog-ms-focus-ring: color-mix(in srgb, var(--accent-color) 25%, transparent);--gog-ms-error-color: var(--danger-color);--gog-ms-border-color: var(--accent-color);--gog-ms-panel-bg: var(--surface-color);--gog-ms-panel-border: var(--accent-color);--gog-ms-panel-shadow: 0 8px 24px rgba(0, 0, 0, .3);--gog-ms-option-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);--gog-ms-checkbox-border: var(--accent-dim);--gog-ms-checkbox-bg: var(--background-color);--gog-ms-checkbox-checked-bg: var(--accent-color);--gog-ms-checkbox-checked-color: var(--primary-color);--gog-ms-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-ms-gap);position:relative;width:100%}.gog-ms__label{font-size:var(--text-sm);color:var(--gog-ms-label-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer}.gog-ms{--gog-ms-padding-y: var(--control-padding-y, 10px);--gog-ms-padding-x: var(--control-padding-x, 14px);display:flex;align-items:center;justify-content:space-between;padding:var(--gog-ms-padding-y) var(--gog-ms-padding-x);background-color:var(--gog-ms-field-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border);border-radius:var(--radius);color:var(--gog-ms-field-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease;min-height:44px}.gog-ms:hover:not(.gog-ms--disabled){border-color:var(--gog-ms-focus-border)}.gog-ms:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms--open{border-color:var(--gog-ms-border-color);box-shadow:0 0 8px var(--gog-ms-focus-ring)}.gog-ms--disabled{opacity:var(--gog-ms-disabled-opacity);cursor:not-allowed}.gog-ms--disabled .gog-ms__label{cursor:not-allowed}.gog-ms--error{border-color:var(--gog-ms-error-color)}.gog-ms__value{font-size:var(--text-md);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gog-ms-value-color)}.gog-ms__value--placeholder{color:var(--gog-ms-placeholder-color)}.gog-ms__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.gog-ms__clear{width:1rem;height:1rem;padding:0;border:0;border-radius:var(--gog-ms-clear-radius, 2px);background:transparent;color:var(--gog-ms-placeholder-color);line-height:1;cursor:pointer;transition:color .15s ease}.gog-ms__clear gog-icon{font-size:.7rem}.gog-ms__clear:hover{color:var(--gog-ms-field-color)}.gog-ms__clear:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:2px}.gog-ms__arrow{color:var(--gog-ms-border-color);transition:transform .2s ease;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}.gog-ms__arrow gog-icon{font-size:.875rem}.gog-ms__arrow--up{transform:rotate(180deg)}.gog-ms__dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--dropdown-z, 300);background-color:var(--gog-ms-panel-bg);border:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-panel-border);border-radius:var(--radius);max-height:260px;overflow-y:auto;box-shadow:var(--panel-shadow)}.gog-ms__dropdown--up{top:auto;bottom:calc(100% + 2px)}.gog-ms__dropdown--portal{position:fixed;top:unset;bottom:unset;left:unset;right:unset}.gog-ms__controls{display:flex;gap:4px;padding:6px 10px;border-bottom:var(--control-border-width, 2px) var(--control-border-style, solid) var(--gog-ms-field-border)}.gog-ms__options{display:flex;flex-direction:column;padding:var(--gog-ms-options-padding);gap:var(--gog-ms-option-gap)}.gog-ms__option{width:100%;display:flex;align-items:center;gap:10px;padding:var(--control-padding-y, 10px) var(--gog-ms-padding-x);border:0;background:transparent;text-align:left;font:inherit;font-size:var(--text-md);cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:background-color .12s ease;color:var(--text-color)}.gog-ms__option:hover{background-color:var(--gog-ms-option-hover-bg)}.gog-ms__option--selected{color:var(--gog-ms-border-color)}.gog-ms__option:focus-visible{outline:3px solid var(--gog-ms-focus-ring);outline-offset:-3px}.gog-ms__option-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--gog-ms-checkbox-border)}.gog-ms__option--selected .gog-ms__option-mark{color:var(--gog-ms-checkbox-checked-bg)}.gog-ms__option-mark svg{width:18px;height:18px}.gog-ms__error{font-size:var(--text-xs);color:var(--gog-ms-error-color);margin-top:2px}@media(prefers-reduced-motion:reduce){.gog-ms,.gog-ms__clear,.gog-ms__arrow,.gog-ms__option,.gog-ms__option-mark{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], showControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControls", required: false }] }], dropdownDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownDirection", required: false }] }], dropdownZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownZIndex", required: false }] }], appendToBody: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendToBody", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], chevronTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "chevronTemplate", required: false }] }], clearIconTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearIconTemplate", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+class SliderComponent {
+    static nextId = 0;
+    inputId = `gog-slider-${++SliderComponent.nextId}`;
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    showValue = input(true, ...(ngDevMode ? [{ debugName: "showValue" }] : /* istanbul ignore next */ []));
+    showThumb = input(true, ...(ngDevMode ? [{ debugName: "showThumb" }] : /* istanbul ignore next */ []));
+    errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Two-way bindable value: `[(value)]="signal"`. */
+    value = model(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    clampedValue = computed(() => {
+        const value = this.value();
+        return Math.min(this.max(), Math.max(this.min(), value));
+    }, ...(ngDevMode ? [{ debugName: "clampedValue" }] : /* istanbul ignore next */ []));
+    fillPercent = computed(() => {
+        const range = this.max() - this.min();
+        if (range === 0)
+            return 0;
+        return ((this.clampedValue() - this.min()) / range) * 100;
+    }, ...(ngDevMode ? [{ debugName: "fillPercent" }] : /* istanbul ignore next */ []));
+    thumbPos = computed(() => `${this.fillPercent()}%`, ...(ngDevMode ? [{ debugName: "thumbPos" }] : /* istanbul ignore next */ []));
+    fillScale = computed(() => this.fillPercent() / 100, ...(ngDevMode ? [{ debugName: "fillScale" }] : /* istanbul ignore next */ []));
+    errorId = computed(() => (this.errorMessage() ? `${this.inputId}-error` : null), ...(ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(val) {
+        const next = val ?? this.min();
+        this.value.set(Math.min(this.max(), Math.max(this.min(), next)));
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    onInput(event) {
+        const input = event.target;
+        const next = Number(input.value);
+        const value = Math.min(this.max(), Math.max(this.min(), next));
+        this.value.set(value);
+        this.onChange(value);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SliderComponent, isStandalone: true, selector: "gog-slider", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, showThumb: { classPropertyName: "showThumb", publicName: "showThumb", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "style.--thumb-pos": "thumbPos()", "style.--fill-scale": "fillScale()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SliderComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n  class=\"gog-slider gog-contained-layout\"\n  [class.gog-slider--disabled]=\"isDisabled()\"\n  [class.gog-slider--thumb-hidden]=\"!showThumb()\"\n>\n  <div class=\"gog-slider__header\">\n    @if (label()) {\n      <label [attr.for]=\"inputId\" class=\"gog-slider__label font-heading\">{{ label() }}</label>\n    }\n\n    @if (showValue()) {\n      <span class=\"gog-slider__value font-mono\">{{ clampedValue() }}</span>\n    }\n  </div>\n\n  <div class=\"gog-slider__track-container\">\n    <div class=\"gog-slider__track\">\n      <div class=\"gog-slider__fill\"></div>\n    </div>\n\n    @if (showThumb()) {\n      <div class=\"gog-slider__thumb\" aria-hidden=\"true\"></div>\n    }\n\n    <input\n      [id]=\"inputId\"\n      class=\"gog-slider__input\"\n      type=\"range\"\n      [attr.aria-label]=\"label() ? null : ariaLabel() || 'Slider'\"\n      [attr.aria-valuemin]=\"min()\"\n      [attr.aria-valuemax]=\"max()\"\n      [attr.aria-valuenow]=\"clampedValue()\"\n      [attr.aria-invalid]=\"!!errorMessage()\"\n      [attr.aria-describedby]=\"errorId()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [value]=\"clampedValue()\"\n      [disabled]=\"isDisabled()\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n  </div>\n\n  <div class=\"gog-slider__range-labels font-mono\">\n    <span>{{ min() }}</span>\n    <span>{{ max() }}</span>\n  </div>\n\n  @if (errorMessage()) {\n    <span class=\"gog-slider__error font-body\" [attr.id]=\"errorId()\" role=\"alert\">\n      {{ errorMessage() }}\n    </span>\n  }\n</div>\n", styles: [":host{display:block}.gog-slider{--gog-slider-gap: 6px;--gog-slider-label-color: var(--accent-color);--gog-slider-value-color: var(--accent-color);--gog-slider-track-bg: var(--accent-dim);--gog-slider-fill-bg: var(--accent-color);--gog-slider-thumb-bg: var(--accent-color);--gog-slider-thumb-border: var(--background-color);--gog-slider-thumb-shadow: color-mix(in srgb, var(--accent-bright) 40%, transparent);--gog-slider-focus-ring: color-mix(in srgb, var(--accent-color) 30%, transparent);--gog-slider-range-color: var(--muted-text-color);--gog-slider-error-color: var(--danger-color);--gog-slider-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-slider-gap);width:100%}.gog-slider--disabled{opacity:var(--gog-slider-disabled-opacity);pointer-events:none}.gog-slider--thumb-hidden .gog-slider__thumb{display:none}.gog-slider__header{display:flex;align-items:center;justify-content:space-between}.gog-slider__label{font-size:var(--text-sm);color:var(--gog-slider-label-color);text-transform:uppercase;letter-spacing:1px}.gog-slider__value{min-width:40px;font-size:var(--text-sm);color:var(--gog-slider-value-color);text-align:right}.gog-slider__track-container{position:relative;display:flex;align-items:center;height:20px}.gog-slider__track{position:absolute;inset-inline:0;height:4px;overflow:hidden;background-color:var(--gog-slider-track-bg);pointer-events:none}.gog-slider__fill{width:100%;height:100%;background-color:var(--gog-slider-fill-bg);transform:scaleX(var(--fill-scale, 0));transform-origin:left center;will-change:transform}.gog-slider__thumb{position:absolute;top:50%;left:var(--thumb-pos, 0%);width:16px;height:16px;border:2px solid var(--gog-slider-thumb-border);border-radius:50%;background-color:var(--gog-slider-thumb-bg);pointer-events:none;translate:-50% -50%;will-change:translate;box-shadow:0 0 6px var(--gog-slider-thumb-shadow)}.gog-slider__track-container:focus-within .gog-slider__thumb{box-shadow:0 0 0 3px var(--gog-slider-focus-ring),0 0 6px var(--gog-slider-thumb-shadow)}.gog-slider__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;outline:none}.gog-slider__range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--gog-slider-range-color)}.gog-slider__error{font-size:var(--text-xs);color:var(--gog-slider-error-color)}@media(prefers-reduced-motion:reduce){.gog-slider__fill,.gog-slider__thumb{will-change:auto}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-slider', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SliderComponent),
+                            multi: true,
+                        },
+                    ], host: {
+                        '[style.--thumb-pos]': 'thumbPos()',
+                        '[style.--fill-scale]': 'fillScale()',
+                    }, template: "<div\n  class=\"gog-slider gog-contained-layout\"\n  [class.gog-slider--disabled]=\"isDisabled()\"\n  [class.gog-slider--thumb-hidden]=\"!showThumb()\"\n>\n  <div class=\"gog-slider__header\">\n    @if (label()) {\n      <label [attr.for]=\"inputId\" class=\"gog-slider__label font-heading\">{{ label() }}</label>\n    }\n\n    @if (showValue()) {\n      <span class=\"gog-slider__value font-mono\">{{ clampedValue() }}</span>\n    }\n  </div>\n\n  <div class=\"gog-slider__track-container\">\n    <div class=\"gog-slider__track\">\n      <div class=\"gog-slider__fill\"></div>\n    </div>\n\n    @if (showThumb()) {\n      <div class=\"gog-slider__thumb\" aria-hidden=\"true\"></div>\n    }\n\n    <input\n      [id]=\"inputId\"\n      class=\"gog-slider__input\"\n      type=\"range\"\n      [attr.aria-label]=\"label() ? null : ariaLabel() || 'Slider'\"\n      [attr.aria-valuemin]=\"min()\"\n      [attr.aria-valuemax]=\"max()\"\n      [attr.aria-valuenow]=\"clampedValue()\"\n      [attr.aria-invalid]=\"!!errorMessage()\"\n      [attr.aria-describedby]=\"errorId()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [value]=\"clampedValue()\"\n      [disabled]=\"isDisabled()\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n  </div>\n\n  <div class=\"gog-slider__range-labels font-mono\">\n    <span>{{ min() }}</span>\n    <span>{{ max() }}</span>\n  </div>\n\n  @if (errorMessage()) {\n    <span class=\"gog-slider__error font-body\" [attr.id]=\"errorId()\" role=\"alert\">\n      {{ errorMessage() }}\n    </span>\n  }\n</div>\n", styles: [":host{display:block}.gog-slider{--gog-slider-gap: 6px;--gog-slider-label-color: var(--accent-color);--gog-slider-value-color: var(--accent-color);--gog-slider-track-bg: var(--accent-dim);--gog-slider-fill-bg: var(--accent-color);--gog-slider-thumb-bg: var(--accent-color);--gog-slider-thumb-border: var(--background-color);--gog-slider-thumb-shadow: color-mix(in srgb, var(--accent-bright) 40%, transparent);--gog-slider-focus-ring: color-mix(in srgb, var(--accent-color) 30%, transparent);--gog-slider-range-color: var(--muted-text-color);--gog-slider-error-color: var(--danger-color);--gog-slider-disabled-opacity: .4;display:flex;flex-direction:column;gap:var(--gog-slider-gap);width:100%}.gog-slider--disabled{opacity:var(--gog-slider-disabled-opacity);pointer-events:none}.gog-slider--thumb-hidden .gog-slider__thumb{display:none}.gog-slider__header{display:flex;align-items:center;justify-content:space-between}.gog-slider__label{font-size:var(--text-sm);color:var(--gog-slider-label-color);text-transform:uppercase;letter-spacing:1px}.gog-slider__value{min-width:40px;font-size:var(--text-sm);color:var(--gog-slider-value-color);text-align:right}.gog-slider__track-container{position:relative;display:flex;align-items:center;height:20px}.gog-slider__track{position:absolute;inset-inline:0;height:4px;overflow:hidden;background-color:var(--gog-slider-track-bg);pointer-events:none}.gog-slider__fill{width:100%;height:100%;background-color:var(--gog-slider-fill-bg);transform:scaleX(var(--fill-scale, 0));transform-origin:left center;will-change:transform}.gog-slider__thumb{position:absolute;top:50%;left:var(--thumb-pos, 0%);width:16px;height:16px;border:2px solid var(--gog-slider-thumb-border);border-radius:50%;background-color:var(--gog-slider-thumb-bg);pointer-events:none;translate:-50% -50%;will-change:translate;box-shadow:0 0 6px var(--gog-slider-thumb-shadow)}.gog-slider__track-container:focus-within .gog-slider__thumb{box-shadow:0 0 0 3px var(--gog-slider-focus-ring),0 0 6px var(--gog-slider-thumb-shadow)}.gog-slider__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;outline:none}.gog-slider__range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--gog-slider-range-color)}.gog-slider__error{font-size:var(--text-xs);color:var(--gog-slider-error-color)}@media(prefers-reduced-motion:reduce){.gog-slider__fill,.gog-slider__thumb{will-change:auto}}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], showThumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showThumb", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+class SpinnerOverlayComponent {
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Loading', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SpinnerOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SpinnerOverlayComponent, isStandalone: true, selector: "gog-spinner-overlay", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-busy": "loading() ? \"true\" : null" }, classAttribute: "gog-spinner-overlay-host" }, ngImport: i0, template: "<div class=\"gog-spinner-overlay\">\r\n  <div class=\"gog-spinner-overlay__content\">\r\n    <ng-content />\r\n  </div>\r\n\r\n  @if (loading()) {\r\n    <div class=\"gog-spinner-overlay__scrim\">\r\n      <gog-spinner [size]=\"size()\" [ariaLabel]=\"ariaLabel()\" />\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.gog-spinner-overlay{position:relative}.gog-spinner-overlay__content{min-height:inherit}.gog-spinner-overlay__scrim{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--gog-spinner-overlay-bg, rgba(10, 8, 3, .65));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gog-spinner-overlay-fade-in .2s ease}@keyframes gog-spinner-overlay-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gog-spinner-overlay__scrim{animation:none}}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "gog-spinner", inputs: ["size", "overlay", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SpinnerOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-spinner-overlay', imports: [SpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'gog-spinner-overlay-host',
+                        '[attr.aria-busy]': 'loading() ? "true" : null',
+                    }, template: "<div class=\"gog-spinner-overlay\">\r\n  <div class=\"gog-spinner-overlay__content\">\r\n    <ng-content />\r\n  </div>\r\n\r\n  @if (loading()) {\r\n    <div class=\"gog-spinner-overlay__scrim\">\r\n      <gog-spinner [size]=\"size()\" [ariaLabel]=\"ariaLabel()\" />\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.gog-spinner-overlay{position:relative}.gog-spinner-overlay__content{min-height:inherit}.gog-spinner-overlay__scrim{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--gog-spinner-overlay-bg, rgba(10, 8, 3, .65));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gog-spinner-overlay-fade-in .2s ease}@keyframes gog-spinner-overlay-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gog-spinner-overlay__scrim{animation:none}}\n"] }]
+        }], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+class Column {
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+    header = input('', ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    sortable = input(false, ...(ngDevMode ? [{ debugName: "sortable" }] : /* istanbul ignore next */ []));
+    /** Fixed width, e.g. "120px" or "20%" */
+    width = input('', ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    /** Min width, e.g. "80px" */
+    minWidth = input('', ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+    /** Max width, e.g. "300px" */
+    maxWidth = input('', ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Column, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: Column, isStandalone: true, selector: "column", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Column, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'column',
+                }]
+        }], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }] } });
+
+/**
+ * Marks a <ng-template> inside <gog-table> with a field name and optional type.
+ *
+ * Usage:
+ *   <ng-template template="status" type="body" let-row>...</ng-template>
+ *   <ng-template template="status" type="header">...</ng-template>
+ */
+class TemplateDirective {
+    template = input.required(...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+    type = input('body', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    templateRef = inject((TemplateRef));
+    static ngTemplateContextGuard(_dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: TemplateDirective, isStandalone: true, selector: "[template]", inputs: { template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[template]',
+                }]
+        }], propDecorators: { template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
+class TableComponent {
+    value = input([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** 0 = no pagination */
+    pageSize = input(0, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    showRowNumbers = input(true, ...(ngDevMode ? [{ debugName: "showRowNumbers" }] : /* istanbul ignore next */ []));
+    showTotal = input(false, ...(ngDevMode ? [{ debugName: "showTotal" }] : /* istanbul ignore next */ []));
+    emptyPlaceholder = input('-', ...(ngDevMode ? [{ debugName: "emptyPlaceholder" }] : /* istanbul ignore next */ []));
+    /** Alignment of pagination controls */
+    paginatorPosition = input('center', ...(ngDevMode ? [{ debugName: "paginatorPosition" }] : /* istanbul ignore next */ []));
+    /** Alignment of total count label (only when showTotal=true) */
+    totalPosition = input('opposite', ...(ngDevMode ? [{ debugName: "totalPosition" }] : /* istanbul ignore next */ []));
+    /** Show loading spinner instead of rows */
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    /** Show vertical borders between columns */
+    showColumnBorders = input(false, ...(ngDevMode ? [{ debugName: "showColumnBorders" }] : /* istanbul ignore next */ []));
+    /** Stick header row to the top of the viewport while scrolling */
+    stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader" }] : /* istanbul ignore next */ []));
+    /** Row density: lg (default) / md (compact) / sm (dense) */
+    size = input('lg', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    columns = contentChildren(Column, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    templates = contentChildren(TemplateDirective, ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    sortState = signal({ field: '', direction: null }, ...(ngDevMode ? [{ debugName: "sortState" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.value();
+            this.pageSize();
+            this.currentPage();
+            const total = this.totalPages();
+            if (this.currentPage() > total) {
+                this.currentPage.set(total);
+            }
+        });
+    }
+    sortedData = computed(() => {
+        const { field, direction } = this.sortState();
+        const rows = [...this.value()];
+        if (!field || !direction)
+            return rows;
+        return rows.sort((a, b) => {
+            const av = a[field];
+            const bv = b[field];
+            if (av == null && bv == null)
+                return 0;
+            if (av == null)
+                return 1;
+            if (bv == null)
+                return -1;
+            const cmp = av < bv ? -1 : av > bv ? 1 : 0;
+            return direction === 'asc' ? cmp : -cmp;
+        });
+    }, ...(ngDevMode ? [{ debugName: "sortedData" }] : /* istanbul ignore next */ []));
+    totalPages = computed(() => {
+        const size = this.pageSize();
+        if (!size)
+            return 1;
+        return Math.max(1, Math.ceil(this.sortedData().length / size));
+    }, ...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
+    visibleRows = computed(() => {
+        const size = this.pageSize();
+        if (!size)
+            return this.sortedData();
+        const page = this.currentPage();
+        const start = (page - 1) * size;
+        return this.sortedData().slice(start, start + size);
+    }, ...(ngDevMode ? [{ debugName: "visibleRows" }] : /* istanbul ignore next */ []));
+    pageNumbers = computed(() => {
+        const total = this.totalPages();
+        const current = this.currentPage();
+        const delta = 2;
+        const range = [];
+        for (let i = 1; i <= total; i++) {
+            if (i === 1 || i === total || (i >= current - delta && i <= current + delta)) {
+                range.push(i);
+            }
+            else if (range[range.length - 1] !== '...') {
+                range.push('...');
+            }
+        }
+        return range;
+    }, ...(ngDevMode ? [{ debugName: "pageNumbers" }] : /* istanbul ignore next */ []));
+    hasPagination = computed(() => !this.loading() && this.pageSize() > 0 && this.totalPages() > 1, ...(ngDevMode ? [{ debugName: "hasPagination" }] : /* istanbul ignore next */ []));
+    emptyColspan = computed(() => this.columns().length + (this.showRowNumbers() ? 1 : 0), ...(ngDevMode ? [{ debugName: "emptyColspan" }] : /* istanbul ignore next */ []));
+    getBodyTemplate(field) {
+        return this.bodyTemplateMap().get(field) ?? null;
+    }
+    getHeaderTemplate(field) {
+        return this.headerTemplateMap().get(field) ?? null;
+    }
+    toggleSort(col) {
+        if (!col.sortable())
+            return;
+        const cur = this.sortState();
+        const field = col.field();
+        if (cur.field !== field) {
+            this.sortState.set({ field, direction: 'asc' });
+        }
+        else if (cur.direction === 'asc') {
+            this.sortState.set({ field, direction: 'desc' });
+        }
+        else {
+            this.sortState.set({ field: '', direction: null });
+        }
+        this.currentPage.set(1);
+    }
+    getSortDirection(field) {
+        const s = this.sortState();
+        return s.field === field ? s.direction : null;
+    }
+    getAriaSort(field) {
+        const direction = this.getSortDirection(field);
+        if (direction === 'asc')
+            return 'ascending';
+        if (direction === 'desc')
+            return 'descending';
+        return null;
+    }
+    goTo(page) {
+        if (page < 1 || page > this.totalPages())
+            return;
+        this.currentPage.set(page);
+    }
+    prev() {
+        this.goTo(this.currentPage() - 1);
+    }
+    next() {
+        this.goTo(this.currentPage() + 1);
+    }
+    handleSortClick(col) {
+        if (!this.loading())
+            this.toggleSort(col);
+    }
+    isNumber(val) {
+        return typeof val === 'number';
+    }
+    getCellValue(row, field) {
+        return row[field];
+    }
+    formatCellValue(row, field) {
+        const value = this.getCellValue(row, field);
+        return value == null ? this.emptyPlaceholder() : String(value);
+    }
+    globalRowIndex(localIndex) {
+        const size = this.pageSize();
+        if (!size)
+            return localIndex + 1;
+        return (this.currentPage() - 1) * size + localIndex + 1;
+    }
+    /** CSS grid-area for the total label: left slot or right slot */
+    totalGridArea = computed(() => {
+        const totalPos = this.totalPosition();
+        const paginatorPos = this.paginatorPosition();
+        if (totalPos === 'opposite')
+            return paginatorPos === 'right' ? 'left' : 'right';
+        return totalPos;
+    }, ...(ngDevMode ? [{ debugName: "totalGridArea" }] : /* istanbul ignore next */ []));
+    /** CSS grid-area for the pagination block */
+    paginatorGridArea = computed(() => this.paginatorPosition(), ...(ngDevMode ? [{ debugName: "paginatorGridArea" }] : /* istanbul ignore next */ []));
+    bodyTemplateMap = computed(() => {
+        const map = new Map();
+        for (const t of this.templates()) {
+            if (t.type() === 'body')
+                map.set(t.template(), t.templateRef);
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "bodyTemplateMap" }] : /* istanbul ignore next */ []));
+    headerTemplateMap = computed(() => {
+        const map = new Map();
+        for (const t of this.templates()) {
+            if (t.type() === 'header')
+                map.set(t.template(), t.templateRef);
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "headerTemplateMap" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TableComponent, isStandalone: true, selector: "gog-table", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, emptyPlaceholder: { classPropertyName: "emptyPlaceholder", publicName: "emptyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, paginatorPosition: { classPropertyName: "paginatorPosition", publicName: "paginatorPosition", isSignal: true, isRequired: false, transformFunction: null }, totalPosition: { classPropertyName: "totalPosition", publicName: "totalPosition", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, showColumnBorders: { classPropertyName: "showColumnBorders", publicName: "showColumnBorders", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "\"block\"", "style.width": "\"100%\"" }, classAttribute: "gog-table-host" }, queries: [{ propertyName: "columns", predicate: Column, isSignal: true }, { propertyName: "templates", predicate: TemplateDirective, isSignal: true }], ngImport: i0, template: "<div class=\"gog-table-wrapper gog-contained-layout\">\n  <div class=\"gog-table-scroll\">\n    <table\n      class=\"gog-table font-body\"\n      [class.gog-table--col-borders]=\"showColumnBorders()\"\n      [class.gog-table--loading]=\"loading()\"\n      [class.gog-table--md]=\"size() === 'md'\"\n      [class.gog-table--sticky-header]=\"stickyHeader()\"\n      [class.gog-table--sm]=\"size() === 'sm'\"\n    >\n      <colgroup>\n        @if (showRowNumbers()) {\n          <col class=\"gog-table__col--num\" />\n        }\n        @for (col of columns(); track col.field()) {\n          <col\n            [style.width]=\"col.width() || null\"\n            [style.min-width]=\"col.minWidth() || null\"\n            [style.max-width]=\"col.maxWidth() || null\"\n          />\n        }\n      </colgroup>\n      <thead>\n        <tr>\n        @if (showRowNumbers()) {\n          <th class=\"gog-table__th gog-table__th--num font-heading\" scope=\"col\">#</th>\n        }\n        @for (col of columns(); track col.field()) {\n          <th\n            class=\"gog-table__th font-heading\"\n            scope=\"col\"\n            [class.gog-table__th--sortable]=\"col.sortable() && !loading()\"\n            [class.gog-table__th--sorted]=\"getSortDirection(col.field())\"\n            [attr.aria-sort]=\"getAriaSort(col.field())\"\n            [attr.tabindex]=\"col.sortable() && !loading() ? 0 : null\"\n            (click)=\"handleSortClick(col)\"\n            (keydown.enter)=\"handleSortClick(col)\"\n            (keydown.space)=\"handleSortClick(col); $event.preventDefault()\"\n          >\n            @if (getHeaderTemplate(col.field()); as headerTpl) {\n              <ng-container *ngTemplateOutlet=\"headerTpl\" />\n            } @else {\n              <span class=\"gog-table__th-inner\">\n                {{ col.header() || col.field() }}\n                @if (col.sortable() && !loading()) {\n                  <span class=\"gog-table__sort-icon\" aria-hidden=\"true\">\n                    @if (getSortDirection(col.field()) === 'asc') {\n                      <gog-icon name=\"sort-up\" />\n                    } @else if (getSortDirection(col.field()) === 'desc') {\n                      <gog-icon name=\"sort-down\" />\n                    } @else {\n                      <gog-icon name=\"sort\" />\n                    }\n                  </span>\n                }\n              </span>\n            }\n          </th>\n        }\n        </tr>\n      </thead>\n      <tbody>\n        @if (loading()) {\n          <tr>\n            <td class=\"gog-table__loading-cell\" [attr.colspan]=\"emptyColspan()\">\n              <gog-spinner size=\"md\" />\n            </td>\n          </tr>\n        } @else if (visibleRows().length === 0) {\n          <tr>\n            <td class=\"gog-table__empty\" [attr.colspan]=\"emptyColspan()\">\u2014</td>\n          </tr>\n        } @else {\n          @for (row of visibleRows(); track $index; let i = $index) {\n            <tr class=\"gog-table__row\">\n              @if (showRowNumbers()) {\n                <td class=\"gog-table__td gog-table__td--num\">{{ globalRowIndex(i) }}</td>\n              }\n              @for (col of columns(); track col.field()) {\n                <td class=\"gog-table__td\">\n                  @if (getBodyTemplate(col.field()); as bodyTpl) {\n                    <ng-container\n                      *ngTemplateOutlet=\"bodyTpl; context: { $implicit: row, index: i }\"\n                    />\n                  } @else {\n                    {{ formatCellValue(row, col.field()) }}\n                  }\n                </td>\n              }\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (hasPagination() || showTotal()) {\n    <div class=\"gog-table__footer\">\n      @if (showTotal()) {\n        <span class=\"gog-table__total font-body\" [style.grid-area]=\"totalGridArea()\">\n          Total: {{ value().length }}\n        </span>\n      }\n\n      @if (hasPagination()) {\n        <nav\n          class=\"gog-table__pagination\"\n          [style.grid-area]=\"paginatorGridArea()\"\n          aria-label=\"Table pagination\"\n        >\n          <gog-button variant=\"ghost\" size=\"sm\" [disabled]=\"currentPage() === 1\" (gogClick)=\"prev()\"\n            >\u2039</gog-button\n          >\n          @for (page of pageNumbers(); track $index) {\n            @if (isNumber(page)) {\n              <gog-button\n                size=\"sm\"\n                [variant]=\"page === currentPage() ? 'primary' : 'ghost'\"\n                (gogClick)=\"goTo(page)\"\n                >{{ page }}</gog-button\n              >\n            } @else {\n              <span class=\"gog-table__pagination-ellipsis\">\u2026</span>\n            }\n          }\n          <gog-button\n            variant=\"ghost\"\n            size=\"sm\"\n            [disabled]=\"currentPage() === totalPages()\"\n            (gogClick)=\"next()\"\n          >\u203A</gog-button\n          >\n        </nav>\n      }\n    </div>\n  }\n</div>\n", styles: [".gog-table-wrapper{--gog-table-border-color: var(--accent-dim);--gog-table-surface: var(--surface-color);--gog-table-text-color: var(--text-color);--gog-table-accent-color: var(--accent-color);--gog-table-accent-bright: var(--accent-bright);--gog-table-hover-bg: var(--accent-pale);--gog-table-muted-color: var(--muted-text-color);--gog-table-focus-ring: var(--accent-color);--gog-table-pagination-gap: 4px;--gog-table-footer-gap: 8px;--gog-table-loading-opacity: .5;--gog-table-scroll-shadow: 0 8px 24px rgba(0, 0, 0, .3);display:flex;flex-direction:column;gap:12px;width:100%;overflow-anchor:none}.gog-table-scroll{width:100%;overflow-x:auto}.gog-table{width:100%;border-collapse:collapse;border:2px solid var(--gog-table-border-color);background-color:var(--gog-table-surface);color:var(--gog-table-text-color);table-layout:fixed;--tbl-th-padding-v: 10px;--tbl-td-padding-v: 10px;--tbl-padding-h: 14px;--tbl-th-font-size: var(--text-sm);--tbl-td-font-size: var(--text-md)}.gog-table--md{--tbl-th-padding-v: 6px;--tbl-td-padding-v: 6px;--tbl-th-font-size: var(--text-xs);--tbl-td-font-size: var(--text-sm)}.gog-table--sm{--tbl-th-padding-v: 3px;--tbl-td-padding-v: 3px;--tbl-th-font-size: var(--text-xs);--tbl-td-font-size: var(--text-xs)}.gog-table__col--num{width:48px}.gog-table__th{padding:var(--tbl-th-padding-v) var(--tbl-padding-h);text-align:left;font-size:var(--tbl-th-font-size);text-transform:uppercase;letter-spacing:1px;color:var(--gog-table-accent-color);background-color:var(--gog-table-surface);border-bottom:2px solid var(--gog-table-border-color);white-space:normal;overflow:hidden}.gog-table--sticky-header .gog-table__th{position:sticky;top:0;z-index:1}.gog-table__th--num{width:48px;text-align:center;color:var(--gog-table-muted-color)}.gog-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.gog-table__th--sortable:focus-visible{outline:3px solid var(--gog-table-focus-ring);outline-offset:-3px}.gog-table__th--sortable:hover,.gog-table__th--sorted{color:var(--gog-table-accent-bright)}.gog-table__th-inner{display:inline-flex;align-items:center;gap:6px;width:100%}.gog-table__sort-icon{display:inline-block;width:1em;text-align:center;font-size:.8rem;opacity:.6;flex-shrink:0}.gog-table__sort-icon gog-icon{font-size:.8rem}.gog-table__th--sorted .gog-table__sort-icon{opacity:1}.gog-table__td{padding:var(--tbl-td-padding-v) var(--tbl-padding-h);font-size:var(--tbl-td-font-size);border-bottom:1px solid var(--gog-table-border-color);vertical-align:middle;overflow-wrap:break-word;word-break:break-word;overflow:hidden}.gog-table__td--num{text-align:center;color:var(--gog-table-muted-color);font-size:var(--text-xs);font-family:var(--font-mono);width:48px}.gog-table__row:last-child .gog-table__td{border-bottom:none}.gog-table__row{transition:background-color .12s ease}.gog-table__row:hover{background-color:var(--gog-table-hover-bg)}.gog-table__empty{padding:24px 14px;text-align:center;color:var(--gog-table-muted-color);font-size:var(--text-md)}.gog-table--loading thead{opacity:var(--gog-table-loading-opacity);pointer-events:none}.gog-table__loading-cell{padding:32px 14px;text-align:center}.gog-table--col-borders .gog-table__th:not(:last-child),.gog-table--col-borders .gog-table__td:not(:last-child){border-right:1px solid var(--gog-table-border-color)}.gog-table__footer{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:\"left center right\";align-items:center;min-height:32px;gap:var(--gog-table-footer-gap)}.gog-table__total{font-size:var(--text-xs);color:var(--gog-table-muted-color);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.gog-table__total[style*=\"grid-area: right\"]{text-align:right}.gog-table__pagination{display:flex;align-items:center;gap:var(--gog-table-pagination-gap);flex-wrap:wrap}.gog-table__pagination[style*=\"grid-area: left\"]{justify-content:flex-start}.gog-table__pagination[style*=\"grid-area: center\"]{justify-content:center}.gog-table__pagination[style*=\"grid-area: right\"]{justify-content:flex-end}.gog-table__pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;color:var(--gog-table-muted-color);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.gog-table__row{transition:none}}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "gog-spinner", inputs: ["size", "overlay", "ariaLabel"] }, { kind: "component", type: ButtonComponent, selector: "gog-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "debounce", "loading"], outputs: ["gogClick"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "gog-icon", inputs: ["name", "template", "title", "ariaHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gog-table', imports: [SpinnerComponent, ButtonComponent, NgTemplateOutlet, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'gog-table-host',
+                        '[style.display]': '"block"',
+                        '[style.width]': '"100%"',
+                    }, template: "<div class=\"gog-table-wrapper gog-contained-layout\">\n  <div class=\"gog-table-scroll\">\n    <table\n      class=\"gog-table font-body\"\n      [class.gog-table--col-borders]=\"showColumnBorders()\"\n      [class.gog-table--loading]=\"loading()\"\n      [class.gog-table--md]=\"size() === 'md'\"\n      [class.gog-table--sticky-header]=\"stickyHeader()\"\n      [class.gog-table--sm]=\"size() === 'sm'\"\n    >\n      <colgroup>\n        @if (showRowNumbers()) {\n          <col class=\"gog-table__col--num\" />\n        }\n        @for (col of columns(); track col.field()) {\n          <col\n            [style.width]=\"col.width() || null\"\n            [style.min-width]=\"col.minWidth() || null\"\n            [style.max-width]=\"col.maxWidth() || null\"\n          />\n        }\n      </colgroup>\n      <thead>\n        <tr>\n        @if (showRowNumbers()) {\n          <th class=\"gog-table__th gog-table__th--num font-heading\" scope=\"col\">#</th>\n        }\n        @for (col of columns(); track col.field()) {\n          <th\n            class=\"gog-table__th font-heading\"\n            scope=\"col\"\n            [class.gog-table__th--sortable]=\"col.sortable() && !loading()\"\n            [class.gog-table__th--sorted]=\"getSortDirection(col.field())\"\n            [attr.aria-sort]=\"getAriaSort(col.field())\"\n            [attr.tabindex]=\"col.sortable() && !loading() ? 0 : null\"\n            (click)=\"handleSortClick(col)\"\n            (keydown.enter)=\"handleSortClick(col)\"\n            (keydown.space)=\"handleSortClick(col); $event.preventDefault()\"\n          >\n            @if (getHeaderTemplate(col.field()); as headerTpl) {\n              <ng-container *ngTemplateOutlet=\"headerTpl\" />\n            } @else {\n              <span class=\"gog-table__th-inner\">\n                {{ col.header() || col.field() }}\n                @if (col.sortable() && !loading()) {\n                  <span class=\"gog-table__sort-icon\" aria-hidden=\"true\">\n                    @if (getSortDirection(col.field()) === 'asc') {\n                      <gog-icon name=\"sort-up\" />\n                    } @else if (getSortDirection(col.field()) === 'desc') {\n                      <gog-icon name=\"sort-down\" />\n                    } @else {\n                      <gog-icon name=\"sort\" />\n                    }\n                  </span>\n                }\n              </span>\n            }\n          </th>\n        }\n        </tr>\n      </thead>\n      <tbody>\n        @if (loading()) {\n          <tr>\n            <td class=\"gog-table__loading-cell\" [attr.colspan]=\"emptyColspan()\">\n              <gog-spinner size=\"md\" />\n            </td>\n          </tr>\n        } @else if (visibleRows().length === 0) {\n          <tr>\n            <td class=\"gog-table__empty\" [attr.colspan]=\"emptyColspan()\">\u2014</td>\n          </tr>\n        } @else {\n          @for (row of visibleRows(); track $index; let i = $index) {\n            <tr class=\"gog-table__row\">\n              @if (showRowNumbers()) {\n                <td class=\"gog-table__td gog-table__td--num\">{{ globalRowIndex(i) }}</td>\n              }\n              @for (col of columns(); track col.field()) {\n                <td class=\"gog-table__td\">\n                  @if (getBodyTemplate(col.field()); as bodyTpl) {\n                    <ng-container\n                      *ngTemplateOutlet=\"bodyTpl; context: { $implicit: row, index: i }\"\n                    />\n                  } @else {\n                    {{ formatCellValue(row, col.field()) }}\n                  }\n                </td>\n              }\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (hasPagination() || showTotal()) {\n    <div class=\"gog-table__footer\">\n      @if (showTotal()) {\n        <span class=\"gog-table__total font-body\" [style.grid-area]=\"totalGridArea()\">\n          Total: {{ value().length }}\n        </span>\n      }\n\n      @if (hasPagination()) {\n        <nav\n          class=\"gog-table__pagination\"\n          [style.grid-area]=\"paginatorGridArea()\"\n          aria-label=\"Table pagination\"\n        >\n          <gog-button variant=\"ghost\" size=\"sm\" [disabled]=\"currentPage() === 1\" (gogClick)=\"prev()\"\n            >\u2039</gog-button\n          >\n          @for (page of pageNumbers(); track $index) {\n            @if (isNumber(page)) {\n              <gog-button\n                size=\"sm\"\n                [variant]=\"page === currentPage() ? 'primary' : 'ghost'\"\n                (gogClick)=\"goTo(page)\"\n                >{{ page }}</gog-button\n              >\n            } @else {\n              <span class=\"gog-table__pagination-ellipsis\">\u2026</span>\n            }\n          }\n          <gog-button\n            variant=\"ghost\"\n            size=\"sm\"\n            [disabled]=\"currentPage() === totalPages()\"\n            (gogClick)=\"next()\"\n          >\u203A</gog-button\n          >\n        </nav>\n      }\n    </div>\n  }\n</div>\n", styles: [".gog-table-wrapper{--gog-table-border-color: var(--accent-dim);--gog-table-surface: var(--surface-color);--gog-table-text-color: var(--text-color);--gog-table-accent-color: var(--accent-color);--gog-table-accent-bright: var(--accent-bright);--gog-table-hover-bg: var(--accent-pale);--gog-table-muted-color: var(--muted-text-color);--gog-table-focus-ring: var(--accent-color);--gog-table-pagination-gap: 4px;--gog-table-footer-gap: 8px;--gog-table-loading-opacity: .5;--gog-table-scroll-shadow: 0 8px 24px rgba(0, 0, 0, .3);display:flex;flex-direction:column;gap:12px;width:100%;overflow-anchor:none}.gog-table-scroll{width:100%;overflow-x:auto}.gog-table{width:100%;border-collapse:collapse;border:2px solid var(--gog-table-border-color);background-color:var(--gog-table-surface);color:var(--gog-table-text-color);table-layout:fixed;--tbl-th-padding-v: 10px;--tbl-td-padding-v: 10px;--tbl-padding-h: 14px;--tbl-th-font-size: var(--text-sm);--tbl-td-font-size: var(--text-md)}.gog-table--md{--tbl-th-padding-v: 6px;--tbl-td-padding-v: 6px;--tbl-th-font-size: var(--text-xs);--tbl-td-font-size: var(--text-sm)}.gog-table--sm{--tbl-th-padding-v: 3px;--tbl-td-padding-v: 3px;--tbl-th-font-size: var(--text-xs);--tbl-td-font-size: var(--text-xs)}.gog-table__col--num{width:48px}.gog-table__th{padding:var(--tbl-th-padding-v) var(--tbl-padding-h);text-align:left;font-size:var(--tbl-th-font-size);text-transform:uppercase;letter-spacing:1px;color:var(--gog-table-accent-color);background-color:var(--gog-table-surface);border-bottom:2px solid var(--gog-table-border-color);white-space:normal;overflow:hidden}.gog-table--sticky-header .gog-table__th{position:sticky;top:0;z-index:1}.gog-table__th--num{width:48px;text-align:center;color:var(--gog-table-muted-color)}.gog-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.gog-table__th--sortable:focus-visible{outline:3px solid var(--gog-table-focus-ring);outline-offset:-3px}.gog-table__th--sortable:hover,.gog-table__th--sorted{color:var(--gog-table-accent-bright)}.gog-table__th-inner{display:inline-flex;align-items:center;gap:6px;width:100%}.gog-table__sort-icon{display:inline-block;width:1em;text-align:center;font-size:.8rem;opacity:.6;flex-shrink:0}.gog-table__sort-icon gog-icon{font-size:.8rem}.gog-table__th--sorted .gog-table__sort-icon{opacity:1}.gog-table__td{padding:var(--tbl-td-padding-v) var(--tbl-padding-h);font-size:var(--tbl-td-font-size);border-bottom:1px solid var(--gog-table-border-color);vertical-align:middle;overflow-wrap:break-word;word-break:break-word;overflow:hidden}.gog-table__td--num{text-align:center;color:var(--gog-table-muted-color);font-size:var(--text-xs);font-family:var(--font-mono);width:48px}.gog-table__row:last-child .gog-table__td{border-bottom:none}.gog-table__row{transition:background-color .12s ease}.gog-table__row:hover{background-color:var(--gog-table-hover-bg)}.gog-table__empty{padding:24px 14px;text-align:center;color:var(--gog-table-muted-color);font-size:var(--text-md)}.gog-table--loading thead{opacity:var(--gog-table-loading-opacity);pointer-events:none}.gog-table__loading-cell{padding:32px 14px;text-align:center}.gog-table--col-borders .gog-table__th:not(:last-child),.gog-table--col-borders .gog-table__td:not(:last-child){border-right:1px solid var(--gog-table-border-color)}.gog-table__footer{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:\"left center right\";align-items:center;min-height:32px;gap:var(--gog-table-footer-gap)}.gog-table__total{font-size:var(--text-xs);color:var(--gog-table-muted-color);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.gog-table__total[style*=\"grid-area: right\"]{text-align:right}.gog-table__pagination{display:flex;align-items:center;gap:var(--gog-table-pagination-gap);flex-wrap:wrap}.gog-table__pagination[style*=\"grid-area: left\"]{justify-content:flex-start}.gog-table__pagination[style*=\"grid-area: center\"]{justify-content:center}.gog-table__pagination[style*=\"grid-area: right\"]{justify-content:flex-end}.gog-table__pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;color:var(--gog-table-muted-color);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.gog-table__row{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], showRowNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRowNumbers", required: false }] }], showTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotal", required: false }] }], emptyPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyPlaceholder", required: false }] }], paginatorPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginatorPosition", required: false }] }], totalPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPosition", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], showColumnBorders: [{ type: i0.Input, args: [{ isSignal: true, alias: "showColumnBorders", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], columns: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Column), { isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TemplateDirective), { isSignal: true }] }] } });
+
+class ThemeService {
+    document = inject(DOCUMENT);
+    root = this.document.documentElement;
+    theme = signal(this.readTheme(), ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.applyTheme(this.theme());
+    }
+    setTheme(theme) {
+        this.theme.set(theme);
+        this.applyTheme(theme);
+    }
+    toggleTheme() {
+        this.setTheme(this.theme() === 'dark' ? 'light' : 'dark');
+    }
+    readTheme() {
+        return this.root.getAttribute('data-theme') ?? 'light';
+    }
+    applyTheme(theme) {
+        this.root.setAttribute('data-theme', theme);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AccordionComponent, ButtonComponent, CheckboxComponent, ChipComponent, Column, ConfirmationDialogComponent, DIALOG_DATA, DIALOG_REF, DialogComponent, DialogService, GogAccordionChevronDirective, GogAccordionContentDirective, GogAccordionHeaderDirective, GogMultiselectDropdownPortal, IconComponent, InputfieldComponent, MultiselectComponent, SelectComponent, SliderComponent, SpinnerComponent, SpinnerOverlayComponent, TableComponent, TagComponent, TemplateDirective, ThemeService, ToastComponent, ToastContainerComponent, ToastService };
+//# sourceMappingURL=guildofgleks-ui.mjs.map