@masmarino/gabarit 1.2.2 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,7 +6,7 @@ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
|
|
|
6
6
|
import * as i1 from "@angular/forms";
|
|
7
7
|
import { FormControl, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from "@angular/forms";
|
|
8
8
|
import { EMPTY, catchError, forkJoin, from, isObservable, of, switchMap } from "rxjs";
|
|
9
|
-
const GABARIT_VERSION = "1.
|
|
9
|
+
const GABARIT_VERSION = "1.3.0";
|
|
10
10
|
const BUILT_IN_ICONS = {
|
|
11
11
|
search: `<path d="m21 21-4.34-4.34" />
|
|
12
12
|
<circle cx="11" cy="11" r="8" />`,
|
|
@@ -459,7 +459,7 @@ var AppShell = class AppShell {
|
|
|
459
459
|
}],
|
|
460
460
|
ngImport: i0,
|
|
461
461
|
template: "<div class=\"gbt-app-shell\">\n <a class=\"gbt-app-shell__skip\" [href]=\"'#' + mainId\">{{ skipLabel() }}</a>\n\n <nav\n #nav\n [id]=\"navId\"\n class=\"gbt-app-shell__nav\"\n [class.gbt-app-shell__nav--open]=\"menuOpen()\"\n [class.gbt-app-shell__nav--collapsed]=\"collapsed()\"\n [attr.aria-label]=\"navLabel()\"\n tabindex=\"-1\"\n (keydown)=\"onNavKeydown($event)\"\n >\n <div class=\"gbt-app-shell__brand\">\n <ng-content select=\"[shell-brand]\" />\n </div>\n <ng-content select=\"[shell-nav]\" />\n <div class=\"gbt-app-shell__bottom\">\n @if (versionLabel()) {\n @if (!collapsed()) {\n <div class=\"gbt-app-shell__version\">v{{ versionLabel() }}</div>\n }\n }\n @if (collapsible()) {\n <button\n type=\"button\"\n class=\"gbt-app-shell__collapse-toggle\"\n [class.gbt-app-shell__collapse-toggle--collapsed]=\"collapsed()\"\n [attr.aria-expanded]=\"!collapsed()\"\n [attr.aria-label]=\"collapsed() ? expandLabel() : collapseLabel()\"\n (click)=\"toggleCollapsed()\"\n >\n <gbt-icon name=\"chevrons-left\" />\n </button>\n }\n </div>\n </nav>\n\n @if (menuOpen()) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div class=\"gbt-app-shell__scrim\" (click)=\"close()\"></div>\n }\n\n <div class=\"gbt-app-shell__body\">\n <header class=\"gbt-app-shell__header\">\n <button\n #toggle\n type=\"button\"\n class=\"gbt-app-shell__toggle\"\n [attr.aria-expanded]=\"menuOpen()\"\n [attr.aria-controls]=\"navId\"\n [attr.aria-label]=\"menuLabel()\"\n (click)=\"toggleMenu()\"\n >\n <span class=\"gbt-app-shell__burger\" aria-hidden=\"true\"></span>\n </button>\n <ng-content select=\"[shell-header]\" />\n </header>\n\n <main [id]=\"mainId\" class=\"gbt-app-shell__content\" tabindex=\"-1\">\n <ng-content />\n </main>\n </div>\n</div>\n",
|
|
462
|
-
styles: [":host{display:block}.gbt-app-shell{display:flex;min-height:100vh;background:var(--bg-panel)}.gbt-app-shell__skip{position:absolute;left:-9999px;top:0;z-index:1040;padding:.5rem .75rem;border-radius:var(--site-border-radius-sm);background:var(--primary);color:var(--text-on-primary);font-size:.875rem;text-decoration:none}.gbt-app-shell__skip:focus-visible{left:.5rem;top:.5rem;outline:2px solid var(--primary);outline-offset:2px}.gbt-app-shell__nav{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;box-sizing:border-box;width:220px;padding:1rem .75rem;background:var(--bg-panel);border-right:1px solid var(--border-color);overflow:hidden;transition:width .2s ease}@media(min-width:769px){.gbt-app-shell__nav--collapsed{width:64px;overflow:visible}}.gbt-app-shell__brand{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-app-shell__bottom{margin-top:auto;text-align:center;display:flex;flex-direction:column;gap:.25rem}.gbt-app-shell__collapse-toggle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;margin-top:auto;padding:.5rem .75rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.gbt-app-shell__collapse-toggle:hover{background:var(--bg-hover)}.gbt-app-shell__collapse-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-app-shell__collapse-toggle gbt-icon{transition:transform .2s ease}.gbt-app-shell__collapse-toggle--collapsed gbt-icon{transform:rotate(180deg)}.gbt-app-shell__version{margin-top:auto;padding:.5rem .75rem 0;color:var(--text-secondary);font-size:.75rem}.gbt-app-shell__body{display:flex;flex-direction:column;flex:1;min-width:0}.gbt-app-shell__header{position:relative;z-index:1010;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.gbt-app-shell__toggle{display:none;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:transparent;cursor:pointer}.gbt-app-shell__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-app-shell__burger{display:block;position:relative;width:1rem;height:2px;margin:0 auto;background:var(--text-primary)}.gbt-app-shell__burger:before,.gbt-app-shell__burger:after{content:\"\";position:absolute;left:0;width:100%;height:2px;background:var(--text-primary)}.gbt-app-shell__burger:before{top:-5px}.gbt-app-shell__burger:after{top:5px}.gbt-app-shell__content{flex:1;min-width:0;padding:1rem}.gbt-app-shell__content:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}@media(max-width:768px){.gbt-app-shell__toggle{display:block}.gbt-app-shell__nav{position:fixed;top:0;bottom:0;left:0;z-index:1030;transform:translate(-100%);transition:transform .16s ease-out}}@media(max-width:768px)and (prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}}@media(max-width:768px){.gbt-app-shell__nav--open{transform:translate(0)}.gbt-app-shell__scrim{position:fixed;inset:0;z-index:1020;background:#0006}.gbt-app-shell__collapse-toggle{display:none}}@media(prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}.gbt-app-shell__collapse-toggle gbt-icon{transition:none}}\n"],
|
|
462
|
+
styles: [":host{display:block}.gbt-app-shell{display:flex;min-height:100vh;background:var(--bg-panel)}.gbt-app-shell__skip{position:absolute;left:-9999px;top:0;z-index:1040;padding:.5rem .75rem;border-radius:var(--site-border-radius-sm);background:var(--primary);color:var(--text-on-primary);font-size:.875rem;text-decoration:none}.gbt-app-shell__skip:focus-visible{left:.5rem;top:.5rem;outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-app-shell__nav{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;box-sizing:border-box;width:220px;padding:1rem .75rem;background:var(--bg-panel);border-right:1px solid var(--gbt-shell-border, var(--border-color));overflow:hidden;transition:width .2s ease}@media(min-width:769px){.gbt-app-shell__nav--collapsed{width:64px;overflow:visible}}.gbt-app-shell__brand{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-app-shell__bottom{margin-top:auto;text-align:center;display:flex;flex-direction:column;gap:.25rem}.gbt-app-shell__collapse-toggle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;margin-top:auto;padding:.5rem .75rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.gbt-app-shell__collapse-toggle:hover{background:var(--bg-hover)}.gbt-app-shell__collapse-toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-app-shell__collapse-toggle gbt-icon{transition:transform .2s ease}.gbt-app-shell__collapse-toggle--collapsed gbt-icon{transform:rotate(180deg)}.gbt-app-shell__version{margin-top:auto;padding:.5rem .75rem 0;color:var(--text-secondary);font-size:.75rem}.gbt-app-shell__body{display:flex;flex-direction:column;flex:1;min-width:0}.gbt-app-shell__header{position:relative;z-index:1010;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gbt-shell-header-bg, transparent);border-bottom:1px solid var(--gbt-shell-border, var(--border-color))}.gbt-app-shell__toggle{display:none;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:transparent;cursor:pointer}.gbt-app-shell__toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-app-shell__burger{display:block;position:relative;width:1rem;height:2px;margin:0 auto;background:var(--text-primary)}.gbt-app-shell__burger:before,.gbt-app-shell__burger:after{content:\"\";position:absolute;left:0;width:100%;height:2px;background:var(--text-primary)}.gbt-app-shell__burger:before{top:-5px}.gbt-app-shell__burger:after{top:5px}.gbt-app-shell__content{flex:1;min-width:0;padding:var(--gbt-shell-content-padding, 1rem)}.gbt-app-shell__content:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}@media(max-width:768px){.gbt-app-shell__toggle{display:block}.gbt-app-shell__nav{position:fixed;top:0;bottom:0;left:0;z-index:1030;transform:translate(-100%);transition:transform .16s ease-out}}@media(max-width:768px)and (prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}}@media(max-width:768px){.gbt-app-shell__nav--open{transform:translate(0)}.gbt-app-shell__scrim{position:fixed;inset:0;z-index:1020;background:#0006}.gbt-app-shell__collapse-toggle{display:none}}@media(prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}.gbt-app-shell__collapse-toggle gbt-icon{transition:none}}\n"],
|
|
463
463
|
dependencies: [{
|
|
464
464
|
kind: "component",
|
|
465
465
|
type: Icon,
|
|
@@ -482,7 +482,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
482
482
|
imports: [Icon],
|
|
483
483
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
484
484
|
template: "<div class=\"gbt-app-shell\">\n <a class=\"gbt-app-shell__skip\" [href]=\"'#' + mainId\">{{ skipLabel() }}</a>\n\n <nav\n #nav\n [id]=\"navId\"\n class=\"gbt-app-shell__nav\"\n [class.gbt-app-shell__nav--open]=\"menuOpen()\"\n [class.gbt-app-shell__nav--collapsed]=\"collapsed()\"\n [attr.aria-label]=\"navLabel()\"\n tabindex=\"-1\"\n (keydown)=\"onNavKeydown($event)\"\n >\n <div class=\"gbt-app-shell__brand\">\n <ng-content select=\"[shell-brand]\" />\n </div>\n <ng-content select=\"[shell-nav]\" />\n <div class=\"gbt-app-shell__bottom\">\n @if (versionLabel()) {\n @if (!collapsed()) {\n <div class=\"gbt-app-shell__version\">v{{ versionLabel() }}</div>\n }\n }\n @if (collapsible()) {\n <button\n type=\"button\"\n class=\"gbt-app-shell__collapse-toggle\"\n [class.gbt-app-shell__collapse-toggle--collapsed]=\"collapsed()\"\n [attr.aria-expanded]=\"!collapsed()\"\n [attr.aria-label]=\"collapsed() ? expandLabel() : collapseLabel()\"\n (click)=\"toggleCollapsed()\"\n >\n <gbt-icon name=\"chevrons-left\" />\n </button>\n }\n </div>\n </nav>\n\n @if (menuOpen()) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div class=\"gbt-app-shell__scrim\" (click)=\"close()\"></div>\n }\n\n <div class=\"gbt-app-shell__body\">\n <header class=\"gbt-app-shell__header\">\n <button\n #toggle\n type=\"button\"\n class=\"gbt-app-shell__toggle\"\n [attr.aria-expanded]=\"menuOpen()\"\n [attr.aria-controls]=\"navId\"\n [attr.aria-label]=\"menuLabel()\"\n (click)=\"toggleMenu()\"\n >\n <span class=\"gbt-app-shell__burger\" aria-hidden=\"true\"></span>\n </button>\n <ng-content select=\"[shell-header]\" />\n </header>\n\n <main [id]=\"mainId\" class=\"gbt-app-shell__content\" tabindex=\"-1\">\n <ng-content />\n </main>\n </div>\n</div>\n",
|
|
485
|
-
styles: [":host{display:block}.gbt-app-shell{display:flex;min-height:100vh;background:var(--bg-panel)}.gbt-app-shell__skip{position:absolute;left:-9999px;top:0;z-index:1040;padding:.5rem .75rem;border-radius:var(--site-border-radius-sm);background:var(--primary);color:var(--text-on-primary);font-size:.875rem;text-decoration:none}.gbt-app-shell__skip:focus-visible{left:.5rem;top:.5rem;outline:2px solid var(--primary);outline-offset:2px}.gbt-app-shell__nav{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;box-sizing:border-box;width:220px;padding:1rem .75rem;background:var(--bg-panel);border-right:1px solid var(--border-color);overflow:hidden;transition:width .2s ease}@media(min-width:769px){.gbt-app-shell__nav--collapsed{width:64px;overflow:visible}}.gbt-app-shell__brand{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-app-shell__bottom{margin-top:auto;text-align:center;display:flex;flex-direction:column;gap:.25rem}.gbt-app-shell__collapse-toggle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;margin-top:auto;padding:.5rem .75rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.gbt-app-shell__collapse-toggle:hover{background:var(--bg-hover)}.gbt-app-shell__collapse-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-app-shell__collapse-toggle gbt-icon{transition:transform .2s ease}.gbt-app-shell__collapse-toggle--collapsed gbt-icon{transform:rotate(180deg)}.gbt-app-shell__version{margin-top:auto;padding:.5rem .75rem 0;color:var(--text-secondary);font-size:.75rem}.gbt-app-shell__body{display:flex;flex-direction:column;flex:1;min-width:0}.gbt-app-shell__header{position:relative;z-index:1010;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.gbt-app-shell__toggle{display:none;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:transparent;cursor:pointer}.gbt-app-shell__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-app-shell__burger{display:block;position:relative;width:1rem;height:2px;margin:0 auto;background:var(--text-primary)}.gbt-app-shell__burger:before,.gbt-app-shell__burger:after{content:\"\";position:absolute;left:0;width:100%;height:2px;background:var(--text-primary)}.gbt-app-shell__burger:before{top:-5px}.gbt-app-shell__burger:after{top:5px}.gbt-app-shell__content{flex:1;min-width:0;padding:1rem}.gbt-app-shell__content:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}@media(max-width:768px){.gbt-app-shell__toggle{display:block}.gbt-app-shell__nav{position:fixed;top:0;bottom:0;left:0;z-index:1030;transform:translate(-100%);transition:transform .16s ease-out}}@media(max-width:768px)and (prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}}@media(max-width:768px){.gbt-app-shell__nav--open{transform:translate(0)}.gbt-app-shell__scrim{position:fixed;inset:0;z-index:1020;background:#0006}.gbt-app-shell__collapse-toggle{display:none}}@media(prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}.gbt-app-shell__collapse-toggle gbt-icon{transition:none}}\n"]
|
|
485
|
+
styles: [":host{display:block}.gbt-app-shell{display:flex;min-height:100vh;background:var(--bg-panel)}.gbt-app-shell__skip{position:absolute;left:-9999px;top:0;z-index:1040;padding:.5rem .75rem;border-radius:var(--site-border-radius-sm);background:var(--primary);color:var(--text-on-primary);font-size:.875rem;text-decoration:none}.gbt-app-shell__skip:focus-visible{left:.5rem;top:.5rem;outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-app-shell__nav{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;box-sizing:border-box;width:220px;padding:1rem .75rem;background:var(--bg-panel);border-right:1px solid var(--gbt-shell-border, var(--border-color));overflow:hidden;transition:width .2s ease}@media(min-width:769px){.gbt-app-shell__nav--collapsed{width:64px;overflow:visible}}.gbt-app-shell__brand{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-app-shell__bottom{margin-top:auto;text-align:center;display:flex;flex-direction:column;gap:.25rem}.gbt-app-shell__collapse-toggle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;margin-top:auto;padding:.5rem .75rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.gbt-app-shell__collapse-toggle:hover{background:var(--bg-hover)}.gbt-app-shell__collapse-toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-app-shell__collapse-toggle gbt-icon{transition:transform .2s ease}.gbt-app-shell__collapse-toggle--collapsed gbt-icon{transform:rotate(180deg)}.gbt-app-shell__version{margin-top:auto;padding:.5rem .75rem 0;color:var(--text-secondary);font-size:.75rem}.gbt-app-shell__body{display:flex;flex-direction:column;flex:1;min-width:0}.gbt-app-shell__header{position:relative;z-index:1010;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gbt-shell-header-bg, transparent);border-bottom:1px solid var(--gbt-shell-border, var(--border-color))}.gbt-app-shell__toggle{display:none;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:transparent;cursor:pointer}.gbt-app-shell__toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-app-shell__burger{display:block;position:relative;width:1rem;height:2px;margin:0 auto;background:var(--text-primary)}.gbt-app-shell__burger:before,.gbt-app-shell__burger:after{content:\"\";position:absolute;left:0;width:100%;height:2px;background:var(--text-primary)}.gbt-app-shell__burger:before{top:-5px}.gbt-app-shell__burger:after{top:5px}.gbt-app-shell__content{flex:1;min-width:0;padding:var(--gbt-shell-content-padding, 1rem)}.gbt-app-shell__content:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}@media(max-width:768px){.gbt-app-shell__toggle{display:block}.gbt-app-shell__nav{position:fixed;top:0;bottom:0;left:0;z-index:1030;transform:translate(-100%);transition:transform .16s ease-out}}@media(max-width:768px)and (prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}}@media(max-width:768px){.gbt-app-shell__nav--open{transform:translate(0)}.gbt-app-shell__scrim{position:fixed;inset:0;z-index:1020;background:#0006}.gbt-app-shell__collapse-toggle{display:none}}@media(prefers-reduced-motion:reduce){.gbt-app-shell__nav{transition:none}.gbt-app-shell__collapse-toggle gbt-icon{transition:none}}\n"]
|
|
486
486
|
}]
|
|
487
487
|
}],
|
|
488
488
|
propDecorators: {
|
|
@@ -1386,7 +1386,7 @@ var Badge = class Badge {
|
|
|
1386
1386
|
}],
|
|
1387
1387
|
ngImport: i0,
|
|
1388
1388
|
template: "<span\n class=\"gbt-badge\"\n [class.gbt-badge--truncate]=\"truncate()\"\n [class.gbt-badge--tabular]=\"tabularNums()\"\n [class.gbt-badge--mono]=\"mono()\"\n [attr.data-variant]=\"variant()\"\n [attr.data-appearance]=\"appearance() === 'outline' ? 'outline' : null\"\n [attr.data-size]=\"size() === 'sm' ? 'sm' : null\"\n>\n @if (icon(); as name) {\n <gbt-icon [name]=\"name\" class=\"gbt-badge__icon\" aria-hidden=\"true\" />\n }\n <!-- prettier-ignore -->\n <span #content class=\"gbt-badge__label\" [attr.title]=\"fullText()\">@if (hasValue()) {{{ displayText() }}@if (label(); as description) {<span class=\"sr-only\"> {{ description }}</span>}} @else {<ng-content />}</span>\n @if (copyable()) {\n <button\n type=\"button\"\n class=\"gbt-badge__copy\"\n [attr.aria-label]=\"copyLabel()\"\n [attr.data-status]=\"clipboard.status()\"\n (click)=\"copy()\"\n >\n <gbt-icon [name]=\"glyph()\" />\n </button>\n <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ statusText() }}</span>\n }\n</span>\n",
|
|
1389
|
-
styles: [":host{display:inline-flex}.gbt-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:.25rem;--gbt-badge-py: .125rem;--gbt-badge-px: .5rem;padding:var(--gbt-badge-py) var(--gbt-badge-px);border-radius:999px;background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.gbt-badge--mono{padding:0 .375rem;border:1px solid var(--gbt-hairline);border-radius:6px;background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-weight:400;line-height:1.125rem}.gbt-badge[data-variant=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-badge[data-variant=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-badge[data-variant=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-badge[data-variant=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-badge[data-size=sm]{--gbt-badge-py: .125rem;--gbt-badge-px: .375rem;font-size:.6875rem;line-height:1.3}.gbt-badge[data-appearance=outline]{padding:calc(var(--gbt-badge-py) - 1px) calc(var(--gbt-badge-px) - 1px);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.gbt-badge[data-appearance=outline][data-variant=success]{border-color:currentColor;color:var(--color-success-text)}.gbt-badge[data-appearance=outline][data-variant=warning]{border-color:currentColor;color:var(--color-warning-text)}.gbt-badge[data-appearance=outline][data-variant=error]{border-color:currentColor;color:var(--color-error-text)}.gbt-badge[data-appearance=outline][data-variant=info]{border-color:currentColor;color:var(--color-info-bg-text)}.gbt-badge--tabular{font-variant-numeric:tabular-nums}.gbt-badge--truncate{max-width:100%;min-width:0}:host(.gbt-badge-host--truncate){max-width:100%;min-width:0}:host([hidden]){display:none}.gbt-badge__icon{flex-shrink:0;width:.875em;height:.875em}.gbt-badge__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-badge__copy{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-inline-end:-.25rem;padding:0;border:0;border-radius:4px;background:none;color:var(--text-secondary);font-size:.6875rem;cursor:pointer}.gbt-badge__copy:after{content:\"\";position:absolute;inset:-.1875rem}.gbt-badge__copy:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-badge__copy:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-badge__copy[data-status=copied]{color:var(--color-success-text)}.gbt-badge__copy[data-status=failed]{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
|
|
1389
|
+
styles: [":host{display:inline-flex}.gbt-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:.25rem;--gbt-badge-py: .125rem;--gbt-badge-px: .5rem;padding:var(--gbt-badge-py) var(--gbt-badge-px);border-radius:var(--gbt-radius-badge, 999px);background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.gbt-badge--mono{padding:0 .375rem;border:1px solid var(--gbt-hairline);border-radius:var(--gbt-radius-chip, 6px);background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-weight:400;line-height:1.125rem}.gbt-badge[data-variant=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-badge[data-variant=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-badge[data-variant=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-badge[data-variant=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-badge[data-size=sm]{--gbt-badge-py: .125rem;--gbt-badge-px: .375rem;font-size:.6875rem;line-height:1.3}.gbt-badge[data-appearance=outline]{padding:calc(var(--gbt-badge-py) - 1px) calc(var(--gbt-badge-px) - 1px);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.gbt-badge[data-appearance=outline][data-variant=success]{border-color:currentColor;color:var(--color-success-text)}.gbt-badge[data-appearance=outline][data-variant=warning]{border-color:currentColor;color:var(--color-warning-text)}.gbt-badge[data-appearance=outline][data-variant=error]{border-color:currentColor;color:var(--color-error-text)}.gbt-badge[data-appearance=outline][data-variant=info]{border-color:currentColor;color:var(--color-info-bg-text)}.gbt-badge--tabular{font-variant-numeric:tabular-nums}.gbt-badge--truncate{max-width:100%;min-width:0}:host(.gbt-badge-host--truncate){max-width:100%;min-width:0}:host([hidden]){display:none}.gbt-badge__icon{flex-shrink:0;width:.875em;height:.875em}.gbt-badge__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-badge__copy{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-inline-end:-.25rem;padding:0;border:0;border-radius:4px;background:none;color:var(--text-secondary);font-size:.6875rem;cursor:pointer}.gbt-badge__copy:after{content:\"\";position:absolute;inset:-.1875rem}.gbt-badge__copy:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-badge__copy:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-badge__copy[data-status=copied]{color:var(--color-success-text)}.gbt-badge__copy[data-status=failed]{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
|
|
1390
1390
|
dependencies: [{
|
|
1391
1391
|
kind: "component",
|
|
1392
1392
|
type: Icon,
|
|
@@ -1414,7 +1414,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1414
1414
|
"[attr.hidden]": "visible() ? null : \"\""
|
|
1415
1415
|
},
|
|
1416
1416
|
template: "<span\n class=\"gbt-badge\"\n [class.gbt-badge--truncate]=\"truncate()\"\n [class.gbt-badge--tabular]=\"tabularNums()\"\n [class.gbt-badge--mono]=\"mono()\"\n [attr.data-variant]=\"variant()\"\n [attr.data-appearance]=\"appearance() === 'outline' ? 'outline' : null\"\n [attr.data-size]=\"size() === 'sm' ? 'sm' : null\"\n>\n @if (icon(); as name) {\n <gbt-icon [name]=\"name\" class=\"gbt-badge__icon\" aria-hidden=\"true\" />\n }\n <!-- prettier-ignore -->\n <span #content class=\"gbt-badge__label\" [attr.title]=\"fullText()\">@if (hasValue()) {{{ displayText() }}@if (label(); as description) {<span class=\"sr-only\"> {{ description }}</span>}} @else {<ng-content />}</span>\n @if (copyable()) {\n <button\n type=\"button\"\n class=\"gbt-badge__copy\"\n [attr.aria-label]=\"copyLabel()\"\n [attr.data-status]=\"clipboard.status()\"\n (click)=\"copy()\"\n >\n <gbt-icon [name]=\"glyph()\" />\n </button>\n <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ statusText() }}</span>\n }\n</span>\n",
|
|
1417
|
-
styles: [":host{display:inline-flex}.gbt-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:.25rem;--gbt-badge-py: .125rem;--gbt-badge-px: .5rem;padding:var(--gbt-badge-py) var(--gbt-badge-px);border-radius:999px;background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.gbt-badge--mono{padding:0 .375rem;border:1px solid var(--gbt-hairline);border-radius:6px;background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-weight:400;line-height:1.125rem}.gbt-badge[data-variant=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-badge[data-variant=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-badge[data-variant=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-badge[data-variant=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-badge[data-size=sm]{--gbt-badge-py: .125rem;--gbt-badge-px: .375rem;font-size:.6875rem;line-height:1.3}.gbt-badge[data-appearance=outline]{padding:calc(var(--gbt-badge-py) - 1px) calc(var(--gbt-badge-px) - 1px);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.gbt-badge[data-appearance=outline][data-variant=success]{border-color:currentColor;color:var(--color-success-text)}.gbt-badge[data-appearance=outline][data-variant=warning]{border-color:currentColor;color:var(--color-warning-text)}.gbt-badge[data-appearance=outline][data-variant=error]{border-color:currentColor;color:var(--color-error-text)}.gbt-badge[data-appearance=outline][data-variant=info]{border-color:currentColor;color:var(--color-info-bg-text)}.gbt-badge--tabular{font-variant-numeric:tabular-nums}.gbt-badge--truncate{max-width:100%;min-width:0}:host(.gbt-badge-host--truncate){max-width:100%;min-width:0}:host([hidden]){display:none}.gbt-badge__icon{flex-shrink:0;width:.875em;height:.875em}.gbt-badge__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-badge__copy{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-inline-end:-.25rem;padding:0;border:0;border-radius:4px;background:none;color:var(--text-secondary);font-size:.6875rem;cursor:pointer}.gbt-badge__copy:after{content:\"\";position:absolute;inset:-.1875rem}.gbt-badge__copy:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-badge__copy:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-badge__copy[data-status=copied]{color:var(--color-success-text)}.gbt-badge__copy[data-status=failed]{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
|
|
1417
|
+
styles: [":host{display:inline-flex}.gbt-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:.25rem;--gbt-badge-py: .125rem;--gbt-badge-px: .5rem;padding:var(--gbt-badge-py) var(--gbt-badge-px);border-radius:var(--gbt-radius-badge, 999px);background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.gbt-badge--mono{padding:0 .375rem;border:1px solid var(--gbt-hairline);border-radius:var(--gbt-radius-chip, 6px);background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-weight:400;line-height:1.125rem}.gbt-badge[data-variant=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-badge[data-variant=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-badge[data-variant=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-badge[data-variant=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-badge[data-size=sm]{--gbt-badge-py: .125rem;--gbt-badge-px: .375rem;font-size:.6875rem;line-height:1.3}.gbt-badge[data-appearance=outline]{padding:calc(var(--gbt-badge-py) - 1px) calc(var(--gbt-badge-px) - 1px);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.gbt-badge[data-appearance=outline][data-variant=success]{border-color:currentColor;color:var(--color-success-text)}.gbt-badge[data-appearance=outline][data-variant=warning]{border-color:currentColor;color:var(--color-warning-text)}.gbt-badge[data-appearance=outline][data-variant=error]{border-color:currentColor;color:var(--color-error-text)}.gbt-badge[data-appearance=outline][data-variant=info]{border-color:currentColor;color:var(--color-info-bg-text)}.gbt-badge--tabular{font-variant-numeric:tabular-nums}.gbt-badge--truncate{max-width:100%;min-width:0}:host(.gbt-badge-host--truncate){max-width:100%;min-width:0}:host([hidden]){display:none}.gbt-badge__icon{flex-shrink:0;width:.875em;height:.875em}.gbt-badge__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-badge__copy{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-inline-end:-.25rem;padding:0;border:0;border-radius:4px;background:none;color:var(--text-secondary);font-size:.6875rem;cursor:pointer}.gbt-badge__copy:after{content:\"\";position:absolute;inset:-.1875rem}.gbt-badge__copy:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-badge__copy:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-badge__copy[data-status=copied]{color:var(--color-success-text)}.gbt-badge__copy[data-status=failed]{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
|
|
1418
1418
|
}]
|
|
1419
1419
|
}],
|
|
1420
1420
|
propDecorators: {
|
|
@@ -2449,7 +2449,7 @@ var AvatarGroup = class AvatarGroup {
|
|
|
2449
2449
|
} },
|
|
2450
2450
|
ngImport: i0,
|
|
2451
2451
|
template: "<ul class=\"gbt-avatar-group__list\" [attr.aria-label]=\"ariaLabel()\">\n @for (item of visibleItems(); track $index) {\n <li class=\"gbt-avatar-group__item\">\n <button\n type=\"button\"\n class=\"gbt-avatar-group__button\"\n [class.gbt-avatar-group__button--active]=\"isActive(item)\"\n [attr.aria-label]=\"item.name\"\n [attr.aria-current]=\"isActive(item) ? 'true' : null\"\n (click)=\"selectItem(item)\"\n >\n <gbt-avatar [name]=\"item.name\" [src]=\"item.src ?? null\" size=\"md\" />\n </button>\n </li>\n }\n @if (overflowCount() > 0) {\n <li class=\"gbt-avatar-group__item\">\n <button\n type=\"button\"\n class=\"gbt-avatar-group__more\"\n aria-haspopup=\"menu\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-label]=\"moreLabel()(overflowCount())\"\n (click)=\"toggleOverflowPanel()\"\n >\n +{{ overflowCount() }}\n </button>\n </li>\n }\n</ul>\n\n@if (panelOpen() && panelStyle(); as style) {\n <ul\n class=\"gbt-avatar-group__panel\"\n role=\"menu\"\n [attr.aria-label]=\"moreLabel()(overflowCount())\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n >\n @for (item of overflowItems(); track $index) {\n <li role=\"presentation\">\n <button\n type=\"button\"\n role=\"menuitem\"\n class=\"gbt-avatar-group__panel-item\"\n [attr.aria-current]=\"isActive(item) ? 'true' : null\"\n (click)=\"selectItem(item)\"\n >\n <gbt-avatar [name]=\"item.name\" [src]=\"item.src ?? null\" size=\"sm\" />\n <span class=\"gbt-avatar-group__panel-item-name\">{{ item.name }}</span>\n @if (isActive(item)) {\n <gbt-icon name=\"check\" class=\"gbt-avatar-group__panel-item-check\" aria-hidden=\"true\" />\n }\n </button>\n </li>\n }\n </ul>\n}\n",
|
|
2452
|
-
styles: [":host{display:inline-flex}.gbt-avatar-group__list{display:flex;align-items:center;margin:0;padding:0;list-style:none}.gbt-avatar-group__item{display:flex}.gbt-avatar-group__item:not(:first-child){margin-left:-8px}.gbt-avatar-group__button,.gbt-avatar-group__more{position:relative;box-sizing:border-box;display:inline-flex;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;box-shadow:0 0 0 2px var(--bg-principal);transition:transform .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__button:hover,.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:hover,.gbt-avatar-group__more:focus-visible{z-index:1;transform:translateY(-2px)}.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-avatar-group__button--active{box-shadow:0 0 0 2px var(--bg-principal),0 0 0 4px var(--primary)}.gbt-avatar-group__more{align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-panel);color:var(--text-secondary);font-size:12px;font-weight:600}.gbt-avatar-group__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;list-style:none;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-avatar-group-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-avatar-group__panel::-webkit-scrollbar{width:6px}.gbt-avatar-group__panel::-webkit-scrollbar-track{background:transparent}.gbt-avatar-group__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-avatar-group__panel-item{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__panel-item:hover,.gbt-avatar-group__panel-item:focus-visible{background:var(--bg-hover)}.gbt-avatar-group__panel-item-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-avatar-group__panel-item-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-avatar-group-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-avatar-group__panel{animation:none}.gbt-avatar-group__button,.gbt-avatar-group__more{transition:none}}\n"],
|
|
2452
|
+
styles: [":host{display:inline-flex}.gbt-avatar-group__list{display:flex;align-items:center;margin:0;padding:0;list-style:none}.gbt-avatar-group__item{display:flex}.gbt-avatar-group__item:not(:first-child){margin-left:-8px}.gbt-avatar-group__button,.gbt-avatar-group__more{position:relative;box-sizing:border-box;display:inline-flex;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;box-shadow:0 0 0 2px var(--bg-principal);transition:transform .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__button:hover,.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:hover,.gbt-avatar-group__more:focus-visible{z-index:1;transform:translateY(-2px)}.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-avatar-group__button--active{box-shadow:0 0 0 2px var(--bg-principal),0 0 0 4px var(--primary)}.gbt-avatar-group__more{align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-panel);color:var(--text-secondary);font-size:12px;font-weight:600}.gbt-avatar-group__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;list-style:none;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-avatar-group-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-avatar-group__panel::-webkit-scrollbar{width:6px}.gbt-avatar-group__panel::-webkit-scrollbar-track{background:transparent}.gbt-avatar-group__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-avatar-group__panel-item{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-tile, 8px);color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__panel-item:hover,.gbt-avatar-group__panel-item:focus-visible{background:var(--bg-hover)}.gbt-avatar-group__panel-item-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-avatar-group__panel-item-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-avatar-group-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-avatar-group__panel{animation:none}.gbt-avatar-group__button,.gbt-avatar-group__more{transition:none}}\n"],
|
|
2453
2453
|
dependencies: [{
|
|
2454
2454
|
kind: "component",
|
|
2455
2455
|
type: Avatar,
|
|
@@ -2487,7 +2487,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2487
2487
|
"(window:resize)": "updatePanelPosition()"
|
|
2488
2488
|
},
|
|
2489
2489
|
template: "<ul class=\"gbt-avatar-group__list\" [attr.aria-label]=\"ariaLabel()\">\n @for (item of visibleItems(); track $index) {\n <li class=\"gbt-avatar-group__item\">\n <button\n type=\"button\"\n class=\"gbt-avatar-group__button\"\n [class.gbt-avatar-group__button--active]=\"isActive(item)\"\n [attr.aria-label]=\"item.name\"\n [attr.aria-current]=\"isActive(item) ? 'true' : null\"\n (click)=\"selectItem(item)\"\n >\n <gbt-avatar [name]=\"item.name\" [src]=\"item.src ?? null\" size=\"md\" />\n </button>\n </li>\n }\n @if (overflowCount() > 0) {\n <li class=\"gbt-avatar-group__item\">\n <button\n type=\"button\"\n class=\"gbt-avatar-group__more\"\n aria-haspopup=\"menu\"\n [attr.aria-expanded]=\"panelOpen()\"\n [attr.aria-label]=\"moreLabel()(overflowCount())\"\n (click)=\"toggleOverflowPanel()\"\n >\n +{{ overflowCount() }}\n </button>\n </li>\n }\n</ul>\n\n@if (panelOpen() && panelStyle(); as style) {\n <ul\n class=\"gbt-avatar-group__panel\"\n role=\"menu\"\n [attr.aria-label]=\"moreLabel()(overflowCount())\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n >\n @for (item of overflowItems(); track $index) {\n <li role=\"presentation\">\n <button\n type=\"button\"\n role=\"menuitem\"\n class=\"gbt-avatar-group__panel-item\"\n [attr.aria-current]=\"isActive(item) ? 'true' : null\"\n (click)=\"selectItem(item)\"\n >\n <gbt-avatar [name]=\"item.name\" [src]=\"item.src ?? null\" size=\"sm\" />\n <span class=\"gbt-avatar-group__panel-item-name\">{{ item.name }}</span>\n @if (isActive(item)) {\n <gbt-icon name=\"check\" class=\"gbt-avatar-group__panel-item-check\" aria-hidden=\"true\" />\n }\n </button>\n </li>\n }\n </ul>\n}\n",
|
|
2490
|
-
styles: [":host{display:inline-flex}.gbt-avatar-group__list{display:flex;align-items:center;margin:0;padding:0;list-style:none}.gbt-avatar-group__item{display:flex}.gbt-avatar-group__item:not(:first-child){margin-left:-8px}.gbt-avatar-group__button,.gbt-avatar-group__more{position:relative;box-sizing:border-box;display:inline-flex;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;box-shadow:0 0 0 2px var(--bg-principal);transition:transform .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__button:hover,.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:hover,.gbt-avatar-group__more:focus-visible{z-index:1;transform:translateY(-2px)}.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-avatar-group__button--active{box-shadow:0 0 0 2px var(--bg-principal),0 0 0 4px var(--primary)}.gbt-avatar-group__more{align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-panel);color:var(--text-secondary);font-size:12px;font-weight:600}.gbt-avatar-group__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;list-style:none;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-avatar-group-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-avatar-group__panel::-webkit-scrollbar{width:6px}.gbt-avatar-group__panel::-webkit-scrollbar-track{background:transparent}.gbt-avatar-group__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-avatar-group__panel-item{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__panel-item:hover,.gbt-avatar-group__panel-item:focus-visible{background:var(--bg-hover)}.gbt-avatar-group__panel-item-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-avatar-group__panel-item-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-avatar-group-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-avatar-group__panel{animation:none}.gbt-avatar-group__button,.gbt-avatar-group__more{transition:none}}\n"]
|
|
2490
|
+
styles: [":host{display:inline-flex}.gbt-avatar-group__list{display:flex;align-items:center;margin:0;padding:0;list-style:none}.gbt-avatar-group__item{display:flex}.gbt-avatar-group__item:not(:first-child){margin-left:-8px}.gbt-avatar-group__button,.gbt-avatar-group__more{position:relative;box-sizing:border-box;display:inline-flex;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;box-shadow:0 0 0 2px var(--bg-principal);transition:transform .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__button:hover,.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:hover,.gbt-avatar-group__more:focus-visible{z-index:1;transform:translateY(-2px)}.gbt-avatar-group__button:focus-visible,.gbt-avatar-group__more:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-avatar-group__button--active{box-shadow:0 0 0 2px var(--bg-principal),0 0 0 4px var(--primary)}.gbt-avatar-group__more{align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-panel);color:var(--text-secondary);font-size:12px;font-weight:600}.gbt-avatar-group__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;list-style:none;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-avatar-group-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-avatar-group__panel::-webkit-scrollbar{width:6px}.gbt-avatar-group__panel::-webkit-scrollbar-track{background:transparent}.gbt-avatar-group__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-avatar-group__panel-item{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-tile, 8px);color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-avatar-group__panel-item:hover,.gbt-avatar-group__panel-item:focus-visible{background:var(--bg-hover)}.gbt-avatar-group__panel-item-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-avatar-group__panel-item-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-avatar-group-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-avatar-group__panel{animation:none}.gbt-avatar-group__button,.gbt-avatar-group__more{transition:none}}\n"]
|
|
2491
2491
|
}]
|
|
2492
2492
|
}],
|
|
2493
2493
|
propDecorators: {
|
|
@@ -2993,7 +2993,7 @@ var EmptyState = class EmptyState {
|
|
|
2993
2993
|
}],
|
|
2994
2994
|
ngImport: i0,
|
|
2995
2995
|
template: "<div\n class=\"gbt-empty-state\"\n [attr.data-size]=\"size() === 'default' ? null : size()\"\n [attr.data-tone]=\"tone() === 'default' ? null : tone()\"\n>\n @if (illustration()) {\n <div class=\"gbt-empty-state__illustration\" aria-hidden=\"true\">\n @switch (illustration()) {\n @case ('folder') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect x=\"16\" y=\"38\" width=\"64\" height=\"40\" rx=\"4\" />\n <path d=\"M16 38 v-8a4 4 0 0 1 4-4h16l8 8h28a4 4 0 0 1 4 4\" />\n <rect\n x=\"34\"\n y=\"14\"\n width=\"16\"\n height=\"20\"\n rx=\"2\"\n transform=\"rotate(-8 42 24)\"\n opacity=\"0.55\"\n />\n <rect\n x=\"50\"\n y=\"16\"\n width=\"16\"\n height=\"20\"\n rx=\"2\"\n transform=\"rotate(6 58 26)\"\n opacity=\"0.55\"\n />\n </svg>\n }\n @case ('star') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path\n d=\"M48,18 L55.6,37.5 L76.5,38.7 L60.4,52 L65.6,72.3 L48,61 L30.4,72.3 L35.6,52 L19.5,38.7 L40.4,37.5 Z\"\n />\n <path d=\"M78,14 L81,20 L78,26 L75,20 Z\" opacity=\"0.55\" />\n <path d=\"M16,64 L19,70 L16,76 L13,70 Z\" opacity=\"0.55\" />\n </svg>\n }\n @case ('checklist') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect x=\"24\" y=\"18\" width=\"48\" height=\"64\" rx=\"6\" />\n <rect x=\"38\" y=\"12\" width=\"20\" height=\"10\" rx=\"3\" />\n <line x1=\"34\" y1=\"38\" x2=\"62\" y2=\"38\" />\n <path d=\"M32 50 l4 4 l8-8\" />\n <line x1=\"46\" y1=\"52\" x2=\"62\" y2=\"52\" />\n <line x1=\"34\" y1=\"66\" x2=\"62\" y2=\"66\" opacity=\"0.55\" />\n </svg>\n }\n @case ('merge') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <circle cx=\"24\" cy=\"22\" r=\"7\" />\n <circle cx=\"72\" cy=\"22\" r=\"7\" />\n <circle cx=\"48\" cy=\"76\" r=\"8\" />\n <path d=\"M24 29 V50 Q24 69 39 72\" />\n <path d=\"M72 29 V50 Q72 69 57 72\" />\n </svg>\n }\n @case ('pipeline') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <circle cx=\"22\" cy=\"68\" r=\"12\" />\n <path d=\"M17 60 L29 68 L17 76 Z\" fill=\"currentColor\" stroke=\"none\" />\n <path d=\"M29 58 L44 38\" />\n <circle cx=\"50\" cy=\"30\" r=\"10\" />\n <path d=\"M56 38 L70 54\" />\n <circle cx=\"76\" cy=\"62\" r=\"10\" />\n </svg>\n }\n @case ('tag') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M18 20 H54 L82 48 L54 76 H18 Q14 76 14 72 V24 Q14 20 18 20 Z\" />\n <circle cx=\"34\" cy=\"36\" r=\"5\" />\n </svg>\n }\n @case ('book') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M48 26 Q34 16 16 20 V72 Q34 68 48 78 Q62 68 80 72 V20 Q62 16 48 26 Z\" />\n <line x1=\"24\" y1=\"32\" x2=\"40\" y2=\"30\" />\n <line x1=\"24\" y1=\"42\" x2=\"40\" y2=\"40\" />\n <line x1=\"56\" y1=\"30\" x2=\"72\" y2=\"32\" />\n <line x1=\"56\" y1=\"40\" x2=\"72\" y2=\"42\" />\n </svg>\n }\n @case ('server') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect x=\"14\" y=\"16\" width=\"68\" height=\"26\" rx=\"5\" />\n <rect x=\"14\" y=\"54\" width=\"68\" height=\"26\" rx=\"5\" />\n <circle cx=\"26\" cy=\"29\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n <circle cx=\"26\" cy=\"67\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n <line x1=\"38\" y1=\"29\" x2=\"70\" y2=\"29\" opacity=\"0.55\" />\n <line x1=\"38\" y1=\"67\" x2=\"70\" y2=\"67\" opacity=\"0.55\" />\n </svg>\n }\n }\n </div>\n } @else if (icon()) {\n <div class=\"gbt-empty-state__icon\" aria-hidden=\"true\"><gbt-icon [name]=\"icon()!\" /></div>\n }\n @switch (headingLevel()) {\n @case (1) {\n <h1\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h1>\n }\n @case (2) {\n <h2\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h2>\n }\n @case (3) {\n <h3\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h3>\n }\n @case (4) {\n <h4\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h4>\n }\n @case (5) {\n <h5\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h5>\n }\n @case (6) {\n <h6\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h6>\n }\n @default {\n <p\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </p>\n }\n }\n @if (message()) {\n <p class=\"gbt-empty-state__message\">{{ message() }}</p>\n }\n <div class=\"gbt-empty-state__action\">\n <ng-content />\n </div>\n</div>\n<ng-template #headingText>{{ heading() }}</ng-template>\n",
|
|
2996
|
-
styles: [":host{display:block}.gbt-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:3rem 1.5rem}.gbt-empty-state__illustration{width:6rem;height:6rem;color:var(--text-discret)}.gbt-empty-state__illustration svg{width:100%;height:100%}.gbt-empty-state__heading{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.gbt-empty-state__heading:focus{outline:none}.gbt-empty-state__message{margin:0;max-width:32rem;color:var(--text-secondary);font-size:.875rem}.gbt-empty-state__action:empty{display:none}.gbt-empty-state__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:3.25rem;height:3.25rem;border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:1.375rem}.gbt-empty-state[data-size=compact]{gap:.25rem;padding:2rem 1.5rem 2.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__illustration{width:4rem;height:4rem;margin-bottom:.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem;font-size:.875rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__heading{font-size:.9375rem;line-height:1.5rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__message{max-width:28rem;font-size:.8125rem;line-height:1.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__action{margin-top:.5rem}.gbt-empty-state[data-tone=error] .gbt-empty-state__icon{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-empty-state[data-tone=error] .gbt-empty-state__illustration{color:var(--color-error-text)}\n"],
|
|
2996
|
+
styles: [":host{display:block}.gbt-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:3rem 1.5rem}.gbt-empty-state__illustration{width:6rem;height:6rem;color:var(--text-discret)}.gbt-empty-state__illustration svg{width:100%;height:100%}.gbt-empty-state__heading{font-family:var(--gbt-font-display, inherit);margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.gbt-empty-state__heading:focus{outline:none}.gbt-empty-state__message{margin:0;max-width:32rem;color:var(--text-secondary);font-size:.875rem}.gbt-empty-state__action:empty{display:none}.gbt-empty-state__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:3.25rem;height:3.25rem;border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:1.375rem}.gbt-empty-state[data-size=compact]{gap:.25rem;padding:2rem 1.5rem 2.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__illustration{width:4rem;height:4rem;margin-bottom:.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem;font-size:.875rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__heading{font-size:.9375rem;line-height:1.5rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__message{max-width:28rem;font-size:.8125rem;line-height:1.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__action{margin-top:.5rem}.gbt-empty-state[data-tone=error] .gbt-empty-state__icon{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-empty-state[data-tone=error] .gbt-empty-state__illustration{color:var(--color-error-text)}\n"],
|
|
2997
2997
|
dependencies: [{
|
|
2998
2998
|
kind: "component",
|
|
2999
2999
|
type: Icon,
|
|
@@ -3025,7 +3025,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3025
3025
|
imports: [Icon, NgTemplateOutlet],
|
|
3026
3026
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3027
3027
|
template: "<div\n class=\"gbt-empty-state\"\n [attr.data-size]=\"size() === 'default' ? null : size()\"\n [attr.data-tone]=\"tone() === 'default' ? null : tone()\"\n>\n @if (illustration()) {\n <div class=\"gbt-empty-state__illustration\" aria-hidden=\"true\">\n @switch (illustration()) {\n @case ('folder') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect x=\"16\" y=\"38\" width=\"64\" height=\"40\" rx=\"4\" />\n <path d=\"M16 38 v-8a4 4 0 0 1 4-4h16l8 8h28a4 4 0 0 1 4 4\" />\n <rect\n x=\"34\"\n y=\"14\"\n width=\"16\"\n height=\"20\"\n rx=\"2\"\n transform=\"rotate(-8 42 24)\"\n opacity=\"0.55\"\n />\n <rect\n x=\"50\"\n y=\"16\"\n width=\"16\"\n height=\"20\"\n rx=\"2\"\n transform=\"rotate(6 58 26)\"\n opacity=\"0.55\"\n />\n </svg>\n }\n @case ('star') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path\n d=\"M48,18 L55.6,37.5 L76.5,38.7 L60.4,52 L65.6,72.3 L48,61 L30.4,72.3 L35.6,52 L19.5,38.7 L40.4,37.5 Z\"\n />\n <path d=\"M78,14 L81,20 L78,26 L75,20 Z\" opacity=\"0.55\" />\n <path d=\"M16,64 L19,70 L16,76 L13,70 Z\" opacity=\"0.55\" />\n </svg>\n }\n @case ('checklist') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect x=\"24\" y=\"18\" width=\"48\" height=\"64\" rx=\"6\" />\n <rect x=\"38\" y=\"12\" width=\"20\" height=\"10\" rx=\"3\" />\n <line x1=\"34\" y1=\"38\" x2=\"62\" y2=\"38\" />\n <path d=\"M32 50 l4 4 l8-8\" />\n <line x1=\"46\" y1=\"52\" x2=\"62\" y2=\"52\" />\n <line x1=\"34\" y1=\"66\" x2=\"62\" y2=\"66\" opacity=\"0.55\" />\n </svg>\n }\n @case ('merge') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <circle cx=\"24\" cy=\"22\" r=\"7\" />\n <circle cx=\"72\" cy=\"22\" r=\"7\" />\n <circle cx=\"48\" cy=\"76\" r=\"8\" />\n <path d=\"M24 29 V50 Q24 69 39 72\" />\n <path d=\"M72 29 V50 Q72 69 57 72\" />\n </svg>\n }\n @case ('pipeline') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <circle cx=\"22\" cy=\"68\" r=\"12\" />\n <path d=\"M17 60 L29 68 L17 76 Z\" fill=\"currentColor\" stroke=\"none\" />\n <path d=\"M29 58 L44 38\" />\n <circle cx=\"50\" cy=\"30\" r=\"10\" />\n <path d=\"M56 38 L70 54\" />\n <circle cx=\"76\" cy=\"62\" r=\"10\" />\n </svg>\n }\n @case ('tag') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M18 20 H54 L82 48 L54 76 H18 Q14 76 14 72 V24 Q14 20 18 20 Z\" />\n <circle cx=\"34\" cy=\"36\" r=\"5\" />\n </svg>\n }\n @case ('book') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M48 26 Q34 16 16 20 V72 Q34 68 48 78 Q62 68 80 72 V20 Q62 16 48 26 Z\" />\n <line x1=\"24\" y1=\"32\" x2=\"40\" y2=\"30\" />\n <line x1=\"24\" y1=\"42\" x2=\"40\" y2=\"40\" />\n <line x1=\"56\" y1=\"30\" x2=\"72\" y2=\"32\" />\n <line x1=\"56\" y1=\"40\" x2=\"72\" y2=\"42\" />\n </svg>\n }\n @case ('server') {\n <svg\n viewBox=\"0 0 96 96\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect x=\"14\" y=\"16\" width=\"68\" height=\"26\" rx=\"5\" />\n <rect x=\"14\" y=\"54\" width=\"68\" height=\"26\" rx=\"5\" />\n <circle cx=\"26\" cy=\"29\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n <circle cx=\"26\" cy=\"67\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n <line x1=\"38\" y1=\"29\" x2=\"70\" y2=\"29\" opacity=\"0.55\" />\n <line x1=\"38\" y1=\"67\" x2=\"70\" y2=\"67\" opacity=\"0.55\" />\n </svg>\n }\n }\n </div>\n } @else if (icon()) {\n <div class=\"gbt-empty-state__icon\" aria-hidden=\"true\"><gbt-icon [name]=\"icon()!\" /></div>\n }\n @switch (headingLevel()) {\n @case (1) {\n <h1\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h1>\n }\n @case (2) {\n <h2\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h2>\n }\n @case (3) {\n <h3\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h3>\n }\n @case (4) {\n <h4\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h4>\n }\n @case (5) {\n <h5\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h5>\n }\n @case (6) {\n <h6\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </h6>\n }\n @default {\n <p\n #headingEl\n class=\"gbt-empty-state__heading\"\n [attr.id]=\"headingId()\"\n [attr.tabindex]=\"headingFocusable() ? -1 : null\"\n >\n <ng-container *ngTemplateOutlet=\"headingText\" />\n </p>\n }\n }\n @if (message()) {\n <p class=\"gbt-empty-state__message\">{{ message() }}</p>\n }\n <div class=\"gbt-empty-state__action\">\n <ng-content />\n </div>\n</div>\n<ng-template #headingText>{{ heading() }}</ng-template>\n",
|
|
3028
|
-
styles: [":host{display:block}.gbt-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:3rem 1.5rem}.gbt-empty-state__illustration{width:6rem;height:6rem;color:var(--text-discret)}.gbt-empty-state__illustration svg{width:100%;height:100%}.gbt-empty-state__heading{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.gbt-empty-state__heading:focus{outline:none}.gbt-empty-state__message{margin:0;max-width:32rem;color:var(--text-secondary);font-size:.875rem}.gbt-empty-state__action:empty{display:none}.gbt-empty-state__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:3.25rem;height:3.25rem;border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:1.375rem}.gbt-empty-state[data-size=compact]{gap:.25rem;padding:2rem 1.5rem 2.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__illustration{width:4rem;height:4rem;margin-bottom:.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem;font-size:.875rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__heading{font-size:.9375rem;line-height:1.5rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__message{max-width:28rem;font-size:.8125rem;line-height:1.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__action{margin-top:.5rem}.gbt-empty-state[data-tone=error] .gbt-empty-state__icon{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-empty-state[data-tone=error] .gbt-empty-state__illustration{color:var(--color-error-text)}\n"]
|
|
3028
|
+
styles: [":host{display:block}.gbt-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:3rem 1.5rem}.gbt-empty-state__illustration{width:6rem;height:6rem;color:var(--text-discret)}.gbt-empty-state__illustration svg{width:100%;height:100%}.gbt-empty-state__heading{font-family:var(--gbt-font-display, inherit);margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.gbt-empty-state__heading:focus{outline:none}.gbt-empty-state__message{margin:0;max-width:32rem;color:var(--text-secondary);font-size:.875rem}.gbt-empty-state__action:empty{display:none}.gbt-empty-state__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:3.25rem;height:3.25rem;border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:1.375rem}.gbt-empty-state[data-size=compact]{gap:.25rem;padding:2rem 1.5rem 2.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__illustration{width:4rem;height:4rem;margin-bottom:.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem;font-size:.875rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__heading{font-size:.9375rem;line-height:1.5rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__message{max-width:28rem;font-size:.8125rem;line-height:1.25rem}.gbt-empty-state[data-size=compact] .gbt-empty-state__action{margin-top:.5rem}.gbt-empty-state[data-tone=error] .gbt-empty-state__icon{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-empty-state[data-tone=error] .gbt-empty-state__illustration{color:var(--color-error-text)}\n"]
|
|
3029
3029
|
}]
|
|
3030
3030
|
}],
|
|
3031
3031
|
propDecorators: {
|
|
@@ -3363,7 +3363,7 @@ var GbtInput = class GbtInput {
|
|
|
3363
3363
|
}],
|
|
3364
3364
|
ngImport: i0,
|
|
3365
3365
|
template: "<div\n class=\"gbt-input\"\n [class.gbt-input--sm]=\"size() === 'sm'\"\n [class.gbt-input--mono]=\"mono()\"\n [class.gbt-input--leading]=\"!!leadingIcon()\"\n>\n @if (label()) {\n <label [for]=\"id()\" [class.gbt-input__label--hidden]=\"hideLabel()\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <div class=\"gbt-input__wrapper\">\n @if (leadingIcon(); as icon) {\n <span class=\"gbt-input__leading\" aria-hidden=\"true\">\n <gbt-icon [name]=\"icon\" />\n </span>\n }\n <input\n [id]=\"id()\"\n [type]=\"effectiveType()\"\n [placeholder]=\"placeholder()\"\n [required]=\"required()\"\n [disabled]=\"isDisabled()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.inputmode]=\"inputmode()\"\n [attr.spellcheck]=\"spellcheck()\"\n [attr.autocapitalize]=\"autocapitalize()\"\n [attr.enterkeyhint]=\"enterkeyhint()\"\n [attr.maxlength]=\"maxlength()\"\n [attr.min]=\"min()\"\n [attr.max]=\"max()\"\n [value]=\"value()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"describedBy()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n />\n @if (type() === 'password') {\n <button\n type=\"button\"\n class=\"gbt-input__toggle\"\n (click)=\"togglePasswordVisibility()\"\n [attr.aria-label]=\"passwordVisible() ? hidePasswordLabel() : showPasswordLabel()\"\n >\n <gbt-icon [name]=\"passwordVisible() ? 'eye-off' : 'eye'\" aria-hidden=\"true\" />\n </button>\n }\n </div>\n @if (showHint()) {\n <p [id]=\"hintId()\" class=\"gbt-input__hint\">{{ hint() }}</p>\n }\n @if (errorMessage()) {\n <p [id]=\"errorId()\" class=\"gbt-input__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
3366
|
-
styles: [":host{display:block}.gbt-input{display:flex;flex-direction:column;gap:.375rem}.gbt-input label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-input__wrapper{position:relative;display:flex;align-items:center}.gbt-input input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-input input:focus{outline:none;border-color:var(--primary)}.gbt-input input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-input input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-input input[type=search]{-webkit-appearance:none;appearance:none}.gbt-input__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-input__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-input__leading{position:absolute;left:.75rem;display:inline-flex;font-size:.875rem;color:var(--text-discret);pointer-events:none}.gbt-input--leading input{padding-left:2.25rem}.gbt-input--mono input{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace),serif;font-size:.8125rem}.gbt-input--sm input{height:var(--gbt-control-height-sm);padding:0 .625rem;font-size:.8125rem}.gbt-input--sm .gbt-input__leading{left:.625rem;font-size:.8125rem}.gbt-input--sm.gbt-input--mono input{font-size:.75rem}.gbt-input--sm.gbt-input--leading input{padding-left:2rem}.gbt-input__toggle{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-input__toggle:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-input__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"],
|
|
3366
|
+
styles: [":host{display:block}.gbt-input{display:flex;flex-direction:column;gap:.375rem}.gbt-input label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-input__wrapper{position:relative;display:flex;align-items:center}.gbt-input input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-input input:focus{outline:none;border-color:var(--primary)}.gbt-input input:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-input input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-input input[type=search]{-webkit-appearance:none;appearance:none}.gbt-input__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-input__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-input__leading{position:absolute;left:.75rem;display:inline-flex;font-size:.875rem;color:var(--text-discret);pointer-events:none}.gbt-input--leading input{padding-left:2.25rem}.gbt-input--mono input{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace),serif;font-size:.8125rem}.gbt-input--sm input{height:var(--gbt-control-height-sm);padding:0 .625rem;font-size:.8125rem}.gbt-input--sm .gbt-input__leading{left:.625rem;font-size:.8125rem}.gbt-input--sm.gbt-input--mono input{font-size:.75rem}.gbt-input--sm.gbt-input--leading input{padding-left:2rem}.gbt-input__toggle{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-input__toggle:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-input__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"],
|
|
3367
3367
|
dependencies: [{
|
|
3368
3368
|
kind: "component",
|
|
3369
3369
|
type: Icon,
|
|
@@ -3391,7 +3391,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3391
3391
|
multi: true
|
|
3392
3392
|
}],
|
|
3393
3393
|
template: "<div\n class=\"gbt-input\"\n [class.gbt-input--sm]=\"size() === 'sm'\"\n [class.gbt-input--mono]=\"mono()\"\n [class.gbt-input--leading]=\"!!leadingIcon()\"\n>\n @if (label()) {\n <label [for]=\"id()\" [class.gbt-input__label--hidden]=\"hideLabel()\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <div class=\"gbt-input__wrapper\">\n @if (leadingIcon(); as icon) {\n <span class=\"gbt-input__leading\" aria-hidden=\"true\">\n <gbt-icon [name]=\"icon\" />\n </span>\n }\n <input\n [id]=\"id()\"\n [type]=\"effectiveType()\"\n [placeholder]=\"placeholder()\"\n [required]=\"required()\"\n [disabled]=\"isDisabled()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.inputmode]=\"inputmode()\"\n [attr.spellcheck]=\"spellcheck()\"\n [attr.autocapitalize]=\"autocapitalize()\"\n [attr.enterkeyhint]=\"enterkeyhint()\"\n [attr.maxlength]=\"maxlength()\"\n [attr.min]=\"min()\"\n [attr.max]=\"max()\"\n [value]=\"value()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"describedBy()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n />\n @if (type() === 'password') {\n <button\n type=\"button\"\n class=\"gbt-input__toggle\"\n (click)=\"togglePasswordVisibility()\"\n [attr.aria-label]=\"passwordVisible() ? hidePasswordLabel() : showPasswordLabel()\"\n >\n <gbt-icon [name]=\"passwordVisible() ? 'eye-off' : 'eye'\" aria-hidden=\"true\" />\n </button>\n }\n </div>\n @if (showHint()) {\n <p [id]=\"hintId()\" class=\"gbt-input__hint\">{{ hint() }}</p>\n }\n @if (errorMessage()) {\n <p [id]=\"errorId()\" class=\"gbt-input__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
3394
|
-
styles: [":host{display:block}.gbt-input{display:flex;flex-direction:column;gap:.375rem}.gbt-input label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-input__wrapper{position:relative;display:flex;align-items:center}.gbt-input input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-input input:focus{outline:none;border-color:var(--primary)}.gbt-input input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-input input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-input input[type=search]{-webkit-appearance:none;appearance:none}.gbt-input__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-input__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-input__leading{position:absolute;left:.75rem;display:inline-flex;font-size:.875rem;color:var(--text-discret);pointer-events:none}.gbt-input--leading input{padding-left:2.25rem}.gbt-input--mono input{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace),serif;font-size:.8125rem}.gbt-input--sm input{height:var(--gbt-control-height-sm);padding:0 .625rem;font-size:.8125rem}.gbt-input--sm .gbt-input__leading{left:.625rem;font-size:.8125rem}.gbt-input--sm.gbt-input--mono input{font-size:.75rem}.gbt-input--sm.gbt-input--leading input{padding-left:2rem}.gbt-input__toggle{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-input__toggle:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-input__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"]
|
|
3394
|
+
styles: [":host{display:block}.gbt-input{display:flex;flex-direction:column;gap:.375rem}.gbt-input label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-input__wrapper{position:relative;display:flex;align-items:center}.gbt-input input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-input input:focus{outline:none;border-color:var(--primary)}.gbt-input input:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-input input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-input input[type=search]{-webkit-appearance:none;appearance:none}.gbt-input__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-input__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-input__leading{position:absolute;left:.75rem;display:inline-flex;font-size:.875rem;color:var(--text-discret);pointer-events:none}.gbt-input--leading input{padding-left:2.25rem}.gbt-input--mono input{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace),serif;font-size:.8125rem}.gbt-input--sm input{height:var(--gbt-control-height-sm);padding:0 .625rem;font-size:.8125rem}.gbt-input--sm .gbt-input__leading{left:.625rem;font-size:.8125rem}.gbt-input--sm.gbt-input--mono input{font-size:.75rem}.gbt-input--sm.gbt-input--leading input{padding-left:2rem}.gbt-input__toggle{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-input__toggle:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-input__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"]
|
|
3395
3395
|
}]
|
|
3396
3396
|
}],
|
|
3397
3397
|
propDecorators: {
|
|
@@ -3907,7 +3907,7 @@ var Select = class Select {
|
|
|
3907
3907
|
}],
|
|
3908
3908
|
ngImport: i0,
|
|
3909
3909
|
template: "<div class=\"gbt-select\" [class.gbt-select--disabled]=\"isDisabled()\">\n @if (label()) {\n <label\n [id]=\"labelId()\"\n [for]=\"id()\"\n class=\"gbt-select__label\"\n [class.gbt-select__label--hidden]=\"hideLabel()\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n\n <button\n type=\"button\"\n [id]=\"id()\"\n class=\"gbt-select__trigger\"\n [class.gbt-select__trigger--open]=\"open()\"\n [disabled]=\"isDisabled()\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-controls]=\"open() ? id() + '-listbox' : null\"\n [attr.aria-activedescendant]=\"activeOptionId()\"\n [attr.aria-labelledby]=\"label() ? labelId() + ' ' + id() : null\"\n [attr.aria-label]=\"label() ? null : placeholder() || null\"\n [attr.aria-required]=\"required() ? true : null\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"describedBy()\"\n (click)=\"toggleOpen()\"\n >\n @if (triggerIcon(); as icon) {\n <gbt-icon [name]=\"icon\" class=\"gbt-select__trigger-icon\" aria-hidden=\"true\" />\n }\n <span\n class=\"gbt-select__trigger-label\"\n [class.gbt-select__trigger-label--placeholder]=\"selectedOptions().length === 0\"\n >\n {{ triggerLabel() }}\n </span>\n <gbt-icon name=\"chevron-down\" class=\"gbt-select__chevron\" aria-hidden=\"true\" />\n </button>\n @if (chipsVisible()) {\n <div class=\"gbt-select__chips\" [id]=\"chipsId()\">\n @for (option of selectedOptions(); track option.value; let i = $index) {\n <gbt-tag\n [color]=\"option.color ?? '#6b7280'\"\n [removable]=\"!isDisabled()\"\n [disabled]=\"isDisabled()\"\n [removeLabel]=\"chipRemoveLabel()(option.label)\"\n (removed)=\"removeChip(option.value, i)\"\n >\n {{ option.label }}\n </gbt-tag>\n }\n </div>\n }\n @if (chips() && multiple()) {\n <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n {{ selectedCountLabel()(selectedOptions().length) }}\n </div>\n }\n @if (open() && panelStyle(); as style) {\n @if (hasNoOptions()) {\n <div\n [id]=\"id() + '-listbox'\"\n class=\"gbt-select__panel gbt-select__empty\"\n role=\"status\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n [style.width]=\"style.width\"\n >\n {{ noOptionsMessage() }}\n </div>\n } @else {\n <ul\n [id]=\"id() + '-listbox'\"\n class=\"gbt-select__panel\"\n role=\"listbox\"\n [attr.aria-label]=\"label() || placeholder()\"\n [attr.aria-multiselectable]=\"multiple()\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n [style.width]=\"style.width\"\n >\n @for (option of options(); track option.value; let i = $index) {\n <li role=\"presentation\">\n <button\n [id]=\"id() + '-option-' + i\"\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"gbt-select__option\"\n [class.gbt-select__option--selected]=\"isSelected(option.value)\"\n [class.gbt-select__option--active]=\"i === activeIndex()\"\n [attr.aria-selected]=\"isSelected(option.value)\"\n (click)=\"selectOption(option.value)\"\n (mouseenter)=\"activeIndex.set(i)\"\n >\n @if (option.icon) {\n <gbt-icon [name]=\"option.icon\" class=\"gbt-select__option-icon\" aria-hidden=\"true\" />\n }\n <span class=\"gbt-select__option-label\">{{ option.label }}</span>\n @if (isSelected(option.value)) {\n <gbt-icon name=\"check\" class=\"gbt-select__option-check\" aria-hidden=\"true\" />\n }\n </button>\n </li>\n }\n </ul>\n }\n }\n @if (showHint()) {\n <p [id]=\"hintId()\" class=\"gbt-select__hint\">{{ hint() }}</p>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-select__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
3910
|
-
styles: [":host{position:relative;display:inline-block;min-width:180px}.gbt-select{display:flex;flex-direction:column;gap:.375rem}.gbt-select--disabled{opacity:.5}.gbt-select__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-select__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(.gbt-select--full){display:block;width:100%}.gbt-select__trigger{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:var(--gbt-control-height-md);padding:0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger:hover:not(:disabled){border-color:var(--border-color)}.gbt-select__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-select__trigger:disabled{cursor:not-allowed}:host(.gbt-select--sm){min-width:120px}:host(.gbt-select--sm) .gbt-select__trigger{height:var(--gbt-control-height-sm);padding:0 8px;font-size:13px}.gbt-select__trigger-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__trigger-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__trigger-label--placeholder{color:var(--text-discret)}.gbt-select__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger--open .gbt-select__chevron{transform:rotate(180deg)}.gbt-select__panel{position:fixed;z-index:1000;margin:0;padding:6px;list-style:none;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-select-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-select__panel::-webkit-scrollbar{width:6px}.gbt-select__panel::-webkit-scrollbar-track{background:transparent}.gbt-select__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-select__empty{box-sizing:border-box;padding:10px 12px;color:var(--text-secondary);font-size:13px}.gbt-select__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-select__option:hover,.gbt-select__option--active{background:var(--bg-hover)}.gbt-select__option--selected{color:var(--primary);font-weight:600}.gbt-select__option-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__option--selected .gbt-select__option-icon{color:var(--primary)}.gbt-select__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__option-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-select-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-select__chips{display:flex;flex-wrap:wrap;gap:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gbt-select__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-select__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-select__panel{animation:none}.gbt-select__chevron{transition:none}}\n"],
|
|
3910
|
+
styles: [":host{position:relative;display:inline-block;min-width:180px}.gbt-select{display:flex;flex-direction:column;gap:.375rem}.gbt-select--disabled{opacity:.5}.gbt-select__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-select__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(.gbt-select--full){display:block;width:100%}.gbt-select__trigger{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:var(--gbt-control-height-md);padding:0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger:hover:not(:disabled){border-color:var(--border-color)}.gbt-select__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-select__trigger:disabled{cursor:not-allowed}:host(.gbt-select--sm){min-width:120px}:host(.gbt-select--sm) .gbt-select__trigger{height:var(--gbt-control-height-sm);padding:0 8px;font-size:13px}.gbt-select__trigger-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__trigger-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__trigger-label--placeholder{color:var(--text-discret)}.gbt-select__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger--open .gbt-select__chevron{transform:rotate(180deg)}.gbt-select__panel{position:fixed;z-index:1000;margin:0;padding:6px;list-style:none;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-select-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-select__panel::-webkit-scrollbar{width:6px}.gbt-select__panel::-webkit-scrollbar-track{background:transparent}.gbt-select__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-select__empty{box-sizing:border-box;padding:10px 12px;color:var(--text-secondary);font-size:13px}.gbt-select__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-menu, 8px);color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-select__option:hover,.gbt-select__option--active{background:var(--bg-hover)}.gbt-select__option--selected{color:var(--primary);font-weight:600}.gbt-select__option-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__option--selected .gbt-select__option-icon{color:var(--primary)}.gbt-select__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__option-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-select-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-select__chips{display:flex;flex-wrap:wrap;gap:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gbt-select__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-select__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-select__panel{animation:none}.gbt-select__chevron{transition:none}}\n"],
|
|
3911
3911
|
dependencies: [{
|
|
3912
3912
|
kind: "component",
|
|
3913
3913
|
type: Icon,
|
|
@@ -3954,7 +3954,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3954
3954
|
multi: true
|
|
3955
3955
|
}],
|
|
3956
3956
|
template: "<div class=\"gbt-select\" [class.gbt-select--disabled]=\"isDisabled()\">\n @if (label()) {\n <label\n [id]=\"labelId()\"\n [for]=\"id()\"\n class=\"gbt-select__label\"\n [class.gbt-select__label--hidden]=\"hideLabel()\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n\n <button\n type=\"button\"\n [id]=\"id()\"\n class=\"gbt-select__trigger\"\n [class.gbt-select__trigger--open]=\"open()\"\n [disabled]=\"isDisabled()\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-controls]=\"open() ? id() + '-listbox' : null\"\n [attr.aria-activedescendant]=\"activeOptionId()\"\n [attr.aria-labelledby]=\"label() ? labelId() + ' ' + id() : null\"\n [attr.aria-label]=\"label() ? null : placeholder() || null\"\n [attr.aria-required]=\"required() ? true : null\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"describedBy()\"\n (click)=\"toggleOpen()\"\n >\n @if (triggerIcon(); as icon) {\n <gbt-icon [name]=\"icon\" class=\"gbt-select__trigger-icon\" aria-hidden=\"true\" />\n }\n <span\n class=\"gbt-select__trigger-label\"\n [class.gbt-select__trigger-label--placeholder]=\"selectedOptions().length === 0\"\n >\n {{ triggerLabel() }}\n </span>\n <gbt-icon name=\"chevron-down\" class=\"gbt-select__chevron\" aria-hidden=\"true\" />\n </button>\n @if (chipsVisible()) {\n <div class=\"gbt-select__chips\" [id]=\"chipsId()\">\n @for (option of selectedOptions(); track option.value; let i = $index) {\n <gbt-tag\n [color]=\"option.color ?? '#6b7280'\"\n [removable]=\"!isDisabled()\"\n [disabled]=\"isDisabled()\"\n [removeLabel]=\"chipRemoveLabel()(option.label)\"\n (removed)=\"removeChip(option.value, i)\"\n >\n {{ option.label }}\n </gbt-tag>\n }\n </div>\n }\n @if (chips() && multiple()) {\n <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n {{ selectedCountLabel()(selectedOptions().length) }}\n </div>\n }\n @if (open() && panelStyle(); as style) {\n @if (hasNoOptions()) {\n <div\n [id]=\"id() + '-listbox'\"\n class=\"gbt-select__panel gbt-select__empty\"\n role=\"status\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n [style.width]=\"style.width\"\n >\n {{ noOptionsMessage() }}\n </div>\n } @else {\n <ul\n [id]=\"id() + '-listbox'\"\n class=\"gbt-select__panel\"\n role=\"listbox\"\n [attr.aria-label]=\"label() || placeholder()\"\n [attr.aria-multiselectable]=\"multiple()\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n [style.width]=\"style.width\"\n >\n @for (option of options(); track option.value; let i = $index) {\n <li role=\"presentation\">\n <button\n [id]=\"id() + '-option-' + i\"\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"gbt-select__option\"\n [class.gbt-select__option--selected]=\"isSelected(option.value)\"\n [class.gbt-select__option--active]=\"i === activeIndex()\"\n [attr.aria-selected]=\"isSelected(option.value)\"\n (click)=\"selectOption(option.value)\"\n (mouseenter)=\"activeIndex.set(i)\"\n >\n @if (option.icon) {\n <gbt-icon [name]=\"option.icon\" class=\"gbt-select__option-icon\" aria-hidden=\"true\" />\n }\n <span class=\"gbt-select__option-label\">{{ option.label }}</span>\n @if (isSelected(option.value)) {\n <gbt-icon name=\"check\" class=\"gbt-select__option-check\" aria-hidden=\"true\" />\n }\n </button>\n </li>\n }\n </ul>\n }\n }\n @if (showHint()) {\n <p [id]=\"hintId()\" class=\"gbt-select__hint\">{{ hint() }}</p>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-select__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
3957
|
-
styles: [":host{position:relative;display:inline-block;min-width:180px}.gbt-select{display:flex;flex-direction:column;gap:.375rem}.gbt-select--disabled{opacity:.5}.gbt-select__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-select__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(.gbt-select--full){display:block;width:100%}.gbt-select__trigger{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:var(--gbt-control-height-md);padding:0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger:hover:not(:disabled){border-color:var(--border-color)}.gbt-select__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-select__trigger:disabled{cursor:not-allowed}:host(.gbt-select--sm){min-width:120px}:host(.gbt-select--sm) .gbt-select__trigger{height:var(--gbt-control-height-sm);padding:0 8px;font-size:13px}.gbt-select__trigger-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__trigger-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__trigger-label--placeholder{color:var(--text-discret)}.gbt-select__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger--open .gbt-select__chevron{transform:rotate(180deg)}.gbt-select__panel{position:fixed;z-index:1000;margin:0;padding:6px;list-style:none;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-select-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-select__panel::-webkit-scrollbar{width:6px}.gbt-select__panel::-webkit-scrollbar-track{background:transparent}.gbt-select__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-select__empty{box-sizing:border-box;padding:10px 12px;color:var(--text-secondary);font-size:13px}.gbt-select__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-select__option:hover,.gbt-select__option--active{background:var(--bg-hover)}.gbt-select__option--selected{color:var(--primary);font-weight:600}.gbt-select__option-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__option--selected .gbt-select__option-icon{color:var(--primary)}.gbt-select__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__option-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-select-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-select__chips{display:flex;flex-wrap:wrap;gap:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gbt-select__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-select__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-select__panel{animation:none}.gbt-select__chevron{transition:none}}\n"]
|
|
3957
|
+
styles: [":host{position:relative;display:inline-block;min-width:180px}.gbt-select{display:flex;flex-direction:column;gap:.375rem}.gbt-select--disabled{opacity:.5}.gbt-select__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-select__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(.gbt-select--full){display:block;width:100%}.gbt-select__trigger{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:var(--gbt-control-height-md);padding:0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger:hover:not(:disabled){border-color:var(--border-color)}.gbt-select__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-select__trigger:disabled{cursor:not-allowed}:host(.gbt-select--sm){min-width:120px}:host(.gbt-select--sm) .gbt-select__trigger{height:var(--gbt-control-height-sm);padding:0 8px;font-size:13px}.gbt-select__trigger-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__trigger-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__trigger-label--placeholder{color:var(--text-discret)}.gbt-select__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-select__trigger--open .gbt-select__chevron{transform:rotate(180deg)}.gbt-select__panel{position:fixed;z-index:1000;margin:0;padding:6px;list-style:none;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-select-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-select__panel::-webkit-scrollbar{width:6px}.gbt-select__panel::-webkit-scrollbar-track{background:transparent}.gbt-select__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-select__empty{box-sizing:border-box;padding:10px 12px;color:var(--text-secondary);font-size:13px}.gbt-select__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-menu, 8px);color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-select__option:hover,.gbt-select__option--active{background:var(--bg-hover)}.gbt-select__option--selected{color:var(--primary);font-weight:600}.gbt-select__option-icon{flex-shrink:0;color:var(--text-secondary)}.gbt-select__option--selected .gbt-select__option-icon{color:var(--primary)}.gbt-select__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-select__option-check{flex-shrink:0;color:var(--primary)}@keyframes gbt-select-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-select__chips{display:flex;flex-wrap:wrap;gap:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gbt-select__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-select__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-select__panel{animation:none}.gbt-select__chevron{transition:none}}\n"]
|
|
3958
3958
|
}]
|
|
3959
3959
|
}],
|
|
3960
3960
|
propDecorators: {
|
|
@@ -4195,7 +4195,7 @@ var ListToolbar = class ListToolbar {
|
|
|
4195
4195
|
},
|
|
4196
4196
|
ngImport: i0,
|
|
4197
4197
|
template: "<div class=\"gbt-list-toolbar\">\n <gbt-input\n class=\"gbt-list-toolbar__search\"\n [label]=\"searchLabel()\"\n [placeholder]=\"searchPlaceholder()\"\n [formControl]=\"searchControl\"\n />\n <gbt-select\n class=\"gbt-list-toolbar__sort\"\n [label]=\"sortLabel()\"\n [options]=\"asSelectOptions(sortOptions())\"\n [formControl]=\"sortControl\"\n />\n <button\n type=\"button\"\n class=\"gbt-list-toolbar__direction\"\n (click)=\"toggleDirection()\"\n [attr.aria-label]=\"directionLabel()\"\n [attr.aria-pressed]=\"sortDirection() === 'desc'\"\n >\n <gbt-icon [name]=\"sortDirection() === 'asc' ? 'arrow-up' : 'arrow-down'\" />\n </button>\n</div>\n",
|
|
4198
|
-
styles: [":host{display:block}.gbt-list-toolbar{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.gbt-list-toolbar__search{flex:1;min-width:200px}.gbt-list-toolbar__sort{min-width:160px}.gbt-list-toolbar__direction{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--gbt-control-height-md);height:var(--gbt-control-height-md);flex-shrink:0;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-secondary);cursor:pointer;transition:background var(--site-transition-fast)}.gbt-list-toolbar__direction:hover{background:var(--bg-hover)}.gbt-list-toolbar__direction:focus-visible{outline:2px solid var(--primary);outline-offset:2px}\n"],
|
|
4198
|
+
styles: [":host{display:block}.gbt-list-toolbar{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.gbt-list-toolbar__search{flex:1;min-width:200px}.gbt-list-toolbar__sort{min-width:160px}.gbt-list-toolbar__direction{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--gbt-control-height-md);height:var(--gbt-control-height-md);flex-shrink:0;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-secondary);cursor:pointer;transition:background var(--site-transition-fast)}.gbt-list-toolbar__direction:hover{background:var(--bg-hover)}.gbt-list-toolbar__direction:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"],
|
|
4199
4199
|
dependencies: [
|
|
4200
4200
|
{
|
|
4201
4201
|
kind: "ngmodule",
|
|
@@ -4299,7 +4299,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4299
4299
|
],
|
|
4300
4300
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4301
4301
|
template: "<div class=\"gbt-list-toolbar\">\n <gbt-input\n class=\"gbt-list-toolbar__search\"\n [label]=\"searchLabel()\"\n [placeholder]=\"searchPlaceholder()\"\n [formControl]=\"searchControl\"\n />\n <gbt-select\n class=\"gbt-list-toolbar__sort\"\n [label]=\"sortLabel()\"\n [options]=\"asSelectOptions(sortOptions())\"\n [formControl]=\"sortControl\"\n />\n <button\n type=\"button\"\n class=\"gbt-list-toolbar__direction\"\n (click)=\"toggleDirection()\"\n [attr.aria-label]=\"directionLabel()\"\n [attr.aria-pressed]=\"sortDirection() === 'desc'\"\n >\n <gbt-icon [name]=\"sortDirection() === 'asc' ? 'arrow-up' : 'arrow-down'\" />\n </button>\n</div>\n",
|
|
4302
|
-
styles: [":host{display:block}.gbt-list-toolbar{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.gbt-list-toolbar__search{flex:1;min-width:200px}.gbt-list-toolbar__sort{min-width:160px}.gbt-list-toolbar__direction{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--gbt-control-height-md);height:var(--gbt-control-height-md);flex-shrink:0;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-secondary);cursor:pointer;transition:background var(--site-transition-fast)}.gbt-list-toolbar__direction:hover{background:var(--bg-hover)}.gbt-list-toolbar__direction:focus-visible{outline:2px solid var(--primary);outline-offset:2px}\n"]
|
|
4302
|
+
styles: [":host{display:block}.gbt-list-toolbar{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.gbt-list-toolbar__search{flex:1;min-width:200px}.gbt-list-toolbar__sort{min-width:160px}.gbt-list-toolbar__direction{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--gbt-control-height-md);height:var(--gbt-control-height-md);flex-shrink:0;padding:0;border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-secondary);cursor:pointer;transition:background var(--site-transition-fast)}.gbt-list-toolbar__direction:hover{background:var(--bg-hover)}.gbt-list-toolbar__direction:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"]
|
|
4303
4303
|
}]
|
|
4304
4304
|
}],
|
|
4305
4305
|
ctorParameters: () => [],
|
|
@@ -4401,7 +4401,7 @@ var CardLink = class CardLink {
|
|
|
4401
4401
|
ngImport: i0,
|
|
4402
4402
|
template: "<ng-content />",
|
|
4403
4403
|
isInline: true,
|
|
4404
|
-
styles: [":host{color:inherit;text-decoration:none;border-radius:2px}:host:after{content:\"\";position:absolute;inset:0;z-index:1;grid-area:gbt-card-box;border-radius:var(--gbt-card-radius, 0)}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:focus-visible:after{outline:2px solid var(--primary);outline-offset:var(--gbt-card-focus-offset, -2px)}\n"],
|
|
4404
|
+
styles: [":host{color:inherit;text-decoration:none;border-radius:2px}:host:after{content:\"\";position:absolute;inset:0;z-index:1;grid-area:gbt-card-box;border-radius:var(--gbt-card-radius, 0)}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:focus-visible:after{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:var(--gbt-card-focus-offset, -2px)}\n"],
|
|
4405
4405
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
4406
4406
|
});
|
|
4407
4407
|
};
|
|
@@ -4418,7 +4418,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4418
4418
|
template: "<ng-content />",
|
|
4419
4419
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4420
4420
|
host: { class: "gbt-card__link" },
|
|
4421
|
-
styles: [":host{color:inherit;text-decoration:none;border-radius:2px}:host:after{content:\"\";position:absolute;inset:0;z-index:1;grid-area:gbt-card-box;border-radius:var(--gbt-card-radius, 0)}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:focus-visible:after{outline:2px solid var(--primary);outline-offset:var(--gbt-card-focus-offset, -2px)}\n"]
|
|
4421
|
+
styles: [":host{color:inherit;text-decoration:none;border-radius:2px}:host:after{content:\"\";position:absolute;inset:0;z-index:1;grid-area:gbt-card-box;border-radius:var(--gbt-card-radius, 0)}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:focus-visible:after{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:var(--gbt-card-focus-offset, -2px)}\n"]
|
|
4422
4422
|
}]
|
|
4423
4423
|
}]
|
|
4424
4424
|
});
|
|
@@ -4613,7 +4613,7 @@ var Card = class Card {
|
|
|
4613
4613
|
}],
|
|
4614
4614
|
ngImport: i0,
|
|
4615
4615
|
template: "@if (hasHeader()) {\n <div class=\"gbt-card__header\" [attr.data-tone]=\"tone() === 'default' ? null : tone()\">\n @if (hasCustomHeader()) {\n <div class=\"gbt-card__header-slot\">\n <ng-container *ngTemplateOutlet=\"headerSlot\" />\n </div>\n } @else {\n @if (headerIcon()) {\n <span class=\"gbt-card__icon\" [class.gbt-card__icon--status]=\"!icon()\">\n <gbt-icon [name]=\"headerIcon()\" aria-hidden=\"true\" />\n </span>\n }\n @if (description()) {\n <div class=\"gbt-card__titles\">\n <ng-container *ngTemplateOutlet=\"titleTemplate\" />\n <p class=\"gbt-card__description\">{{ description() }}</p>\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"titleTemplate\" />\n }\n }\n <ng-content select=\"[card-header-actions]\"></ng-content>\n </div>\n}\n<div\n [class]=\"cardClass()\"\n [attr.data-variant]=\"variant() === 'elevated' ? null : variant()\"\n [attr.data-flush]=\"flush() ? '' : null\"\n [attr.data-selected]=\"selected() ? '' : null\"\n [attr.data-link]=\"linked() ? '' : null\"\n>\n @if (selected() && selectedLabel()) {\n <span class=\"gbt-card__selected-label\">{{ selectedLabel() }}</span>\n }\n @if (!hasCustomHeader()) {\n <ng-container *ngTemplateOutlet=\"headerSlot\" />\n }\n @if (href() && !hasHeader()) {\n <a gbtCardLink [attr.href]=\"href()\" [attr.aria-label]=\"linkLabel()\"></a>\n }\n <div class=\"gbt-card__body\"><ng-content></ng-content></div>\n</div>\n\n<ng-template #headerSlot><ng-content select=\"[card-header]\" /></ng-template>\n<ng-template #titleTemplate>\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h1>\n }\n @case (3) {\n <h3 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h3>\n }\n @case (4) {\n <h4 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h4>\n }\n @case (5) {\n <h5 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h5>\n }\n @case (6) {\n <h6 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h6>\n }\n @default {\n <h2 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h2>\n }\n }\n</ng-template>\n<ng-template #titleContent>\n @if (href()) {\n <a gbtCardLink [attr.href]=\"href()\">{{ heading() }}</a>\n } @else {\n {{ heading() }}\n }\n @if (count() !== null) {\n <span class=\"gbt-card__count\">{{ count() }}</span>\n }\n</ng-template>\n",
|
|
4616
|
-
styles: [":host{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-focus-offset: -2px;position:relative;display:grid;grid-template-areas:\"gbt-card-header\" \"gbt-card-box\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}:host:has(>.gbt-card[data-variant=outlined]){--gbt-card-radius: var(--site-border-radius)}:host:has(>.gbt-card[data-selected]){--gbt-card-focus-offset: -5px}.gbt-card__header{grid-area:gbt-card-header;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card__icon{display:inline-flex;flex:none;align-self:flex-start;align-items:center;justify-content:center;height:1.5rem;color:var(--text-secondary);font-size:1rem}.gbt-card__icon--status gbt-icon{box-sizing:border-box;width:1.25rem;height:1.25rem;padding:.1875rem;border:1.5px solid currentColor;border-radius:50%}.gbt-card__titles{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.gbt-card__title{display:flex;align-items:center;gap:.5rem;min-width:0;margin:0;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.5rem;overflow-wrap:anywhere}.gbt-card__header>.gbt-card__title{flex:1 1 auto}.gbt-card__description{margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.25rem}.gbt-card__header-slot{flex:1 1 auto;min-width:0}.gbt-card__count{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:999px;background:color-mix(in srgb,var(--border-color) 8%,transparent);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}.gbt-card__header[data-tone=success] .gbt-card__icon,.gbt-card__header[data-tone=success] .gbt-card__title{color:var(--color-success-text)}.gbt-card__header[data-tone=warning] .gbt-card__icon,.gbt-card__header[data-tone=warning] .gbt-card__title{color:var(--color-warning-text)}.gbt-card__header[data-tone=error] .gbt-card__icon,.gbt-card__header[data-tone=error] .gbt-card__title{color:var(--color-error-text)}.gbt-card{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-inner-radius: var(--gbt-card-radius);--gbt-card-edge: var(--gbt-card-border);--gbt-card-focus-offset: -2px;grid-area:gbt-card-box;position:relative;padding:1.25rem 1.5rem;border-radius:var(--gbt-card-radius);background:var(--bg-principal);box-shadow:var(--site-shadow-sm);overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card--hoverable{cursor:pointer;-webkit-user-select:none;user-select:none}.gbt-card--hoverable:hover{box-shadow:var(--site-shadow-lg)}.gbt-card__body{display:contents}.gbt-card[data-variant=outlined]{--gbt-card-radius: var(--site-border-radius);--gbt-card-inner-radius: calc(var(--site-border-radius) - 1px);border:1px solid var(--gbt-card-edge);box-shadow:none;overflow:visible}.gbt-card[data-variant=outlined].gbt-card--hoverable:hover,.gbt-card[data-variant=outlined][data-link]:hover{border-color:var(--border-color);box-shadow:none}.gbt-card[data-flush]{padding:0}.gbt-card[data-flush] .gbt-card__body{display:block;overflow:clip;border-radius:var(--gbt-card-inner-radius)}.gbt-card[data-selected]:before{content:\"\";position:absolute;inset:0;z-index:1;border:2px solid var(--gbt-card-edge);border-radius:var(--gbt-card-inner-radius);pointer-events:none}.gbt-card[data-selected]{--gbt-card-edge: var(--primary);--gbt-card-focus-offset: -5px;background:color-mix(in srgb,var(--primary) 4%,var(--bg-principal))}.gbt-card[data-selected][data-variant=outlined]:before{border-width:1px}.gbt-card__selected-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-card[data-link]{cursor:pointer;transition:box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.gbt-card[data-link]:not([data-variant=outlined]):hover{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link]{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link][data-variant=outlined]{border-color:var(--border-color);box-shadow:none}:where(.gbt-card[data-link]) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}:where(.gbt-card__header:has(~.gbt-card[data-link])) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}@media(prefers-reduced-motion:reduce){.gbt-card,.gbt-card[data-link]{transition:none}}\n"],
|
|
4616
|
+
styles: [":host{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-focus-offset: -2px;position:relative;display:grid;grid-template-areas:\"gbt-card-header\" \"gbt-card-box\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}:host:has(>.gbt-card[data-variant=outlined]){--gbt-card-radius: var(--site-border-radius)}:host:has(>.gbt-card[data-selected]){--gbt-card-focus-offset: -5px}.gbt-card__header{grid-area:gbt-card-header;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card__icon{display:inline-flex;flex:none;align-self:flex-start;align-items:center;justify-content:center;height:1.5rem;color:var(--text-secondary);font-size:1rem}.gbt-card__icon--status gbt-icon{box-sizing:border-box;width:1.25rem;height:1.25rem;padding:.1875rem;border:1.5px solid currentColor;border-radius:50%}.gbt-card__titles{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.gbt-card__title{display:flex;align-items:center;gap:.5rem;min-width:0;margin:0;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.5rem;overflow-wrap:anywhere}.gbt-card__header>.gbt-card__title{flex:1 1 auto}.gbt-card__description{margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.25rem}.gbt-card__header-slot{flex:1 1 auto;min-width:0}.gbt-card__count{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:var(--gbt-radius-badge, 999px);background:color-mix(in srgb,var(--border-color) 8%,transparent);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}.gbt-card__header[data-tone=success] .gbt-card__icon,.gbt-card__header[data-tone=success] .gbt-card__title{color:var(--color-success-text)}.gbt-card__header[data-tone=warning] .gbt-card__icon,.gbt-card__header[data-tone=warning] .gbt-card__title{color:var(--color-warning-text)}.gbt-card__header[data-tone=error] .gbt-card__icon,.gbt-card__header[data-tone=error] .gbt-card__title{color:var(--color-error-text)}.gbt-card{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-inner-radius: var(--gbt-card-radius);--gbt-card-edge: var(--gbt-card-border);--gbt-card-focus-offset: -2px;grid-area:gbt-card-box;position:relative;padding:1.25rem 1.5rem;border-radius:var(--gbt-card-radius);background:var(--bg-principal);box-shadow:var(--site-shadow-sm);overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card--hoverable{cursor:pointer;-webkit-user-select:none;user-select:none}.gbt-card--hoverable:hover{box-shadow:var(--site-shadow-lg)}.gbt-card__body{display:contents}.gbt-card[data-variant=outlined]{--gbt-card-radius: var(--site-border-radius);--gbt-card-inner-radius: calc(var(--site-border-radius) - 1px);border:1px solid var(--gbt-card-edge);box-shadow:none;overflow:visible}.gbt-card[data-variant=outlined].gbt-card--hoverable:hover,.gbt-card[data-variant=outlined][data-link]:hover{border-color:var(--border-color);box-shadow:none}.gbt-card[data-flush]{padding:0}.gbt-card[data-flush] .gbt-card__body{display:block;overflow:clip;border-radius:var(--gbt-card-inner-radius)}.gbt-card[data-selected]:before{content:\"\";position:absolute;inset:0;z-index:1;border:2px solid var(--gbt-card-edge);border-radius:var(--gbt-card-inner-radius);pointer-events:none}.gbt-card[data-selected]{--gbt-card-edge: var(--primary);--gbt-card-focus-offset: -5px;background:color-mix(in srgb,var(--primary) 4%,var(--bg-principal))}.gbt-card[data-selected][data-variant=outlined]:before{border-width:1px}.gbt-card__selected-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-card[data-link]{cursor:pointer;transition:box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.gbt-card[data-link]:not([data-variant=outlined]):hover{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link]{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link][data-variant=outlined]{border-color:var(--border-color);box-shadow:none}:where(.gbt-card[data-link]) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}:where(.gbt-card__header:has(~.gbt-card[data-link])) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}@media(prefers-reduced-motion:reduce){.gbt-card,.gbt-card[data-link]{transition:none}}\n"],
|
|
4617
4617
|
dependencies: [
|
|
4618
4618
|
{
|
|
4619
4619
|
kind: "component",
|
|
@@ -4657,7 +4657,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4657
4657
|
],
|
|
4658
4658
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4659
4659
|
template: "@if (hasHeader()) {\n <div class=\"gbt-card__header\" [attr.data-tone]=\"tone() === 'default' ? null : tone()\">\n @if (hasCustomHeader()) {\n <div class=\"gbt-card__header-slot\">\n <ng-container *ngTemplateOutlet=\"headerSlot\" />\n </div>\n } @else {\n @if (headerIcon()) {\n <span class=\"gbt-card__icon\" [class.gbt-card__icon--status]=\"!icon()\">\n <gbt-icon [name]=\"headerIcon()\" aria-hidden=\"true\" />\n </span>\n }\n @if (description()) {\n <div class=\"gbt-card__titles\">\n <ng-container *ngTemplateOutlet=\"titleTemplate\" />\n <p class=\"gbt-card__description\">{{ description() }}</p>\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"titleTemplate\" />\n }\n }\n <ng-content select=\"[card-header-actions]\"></ng-content>\n </div>\n}\n<div\n [class]=\"cardClass()\"\n [attr.data-variant]=\"variant() === 'elevated' ? null : variant()\"\n [attr.data-flush]=\"flush() ? '' : null\"\n [attr.data-selected]=\"selected() ? '' : null\"\n [attr.data-link]=\"linked() ? '' : null\"\n>\n @if (selected() && selectedLabel()) {\n <span class=\"gbt-card__selected-label\">{{ selectedLabel() }}</span>\n }\n @if (!hasCustomHeader()) {\n <ng-container *ngTemplateOutlet=\"headerSlot\" />\n }\n @if (href() && !hasHeader()) {\n <a gbtCardLink [attr.href]=\"href()\" [attr.aria-label]=\"linkLabel()\"></a>\n }\n <div class=\"gbt-card__body\"><ng-content></ng-content></div>\n</div>\n\n<ng-template #headerSlot><ng-content select=\"[card-header]\" /></ng-template>\n<ng-template #titleTemplate>\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h1>\n }\n @case (3) {\n <h3 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h3>\n }\n @case (4) {\n <h4 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h4>\n }\n @case (5) {\n <h5 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h5>\n }\n @case (6) {\n <h6 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h6>\n }\n @default {\n <h2 class=\"gbt-card__title\"><ng-container *ngTemplateOutlet=\"titleContent\" /></h2>\n }\n }\n</ng-template>\n<ng-template #titleContent>\n @if (href()) {\n <a gbtCardLink [attr.href]=\"href()\">{{ heading() }}</a>\n } @else {\n {{ heading() }}\n }\n @if (count() !== null) {\n <span class=\"gbt-card__count\">{{ count() }}</span>\n }\n</ng-template>\n",
|
|
4660
|
-
styles: [":host{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-focus-offset: -2px;position:relative;display:grid;grid-template-areas:\"gbt-card-header\" \"gbt-card-box\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}:host:has(>.gbt-card[data-variant=outlined]){--gbt-card-radius: var(--site-border-radius)}:host:has(>.gbt-card[data-selected]){--gbt-card-focus-offset: -5px}.gbt-card__header{grid-area:gbt-card-header;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card__icon{display:inline-flex;flex:none;align-self:flex-start;align-items:center;justify-content:center;height:1.5rem;color:var(--text-secondary);font-size:1rem}.gbt-card__icon--status gbt-icon{box-sizing:border-box;width:1.25rem;height:1.25rem;padding:.1875rem;border:1.5px solid currentColor;border-radius:50%}.gbt-card__titles{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.gbt-card__title{display:flex;align-items:center;gap:.5rem;min-width:0;margin:0;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.5rem;overflow-wrap:anywhere}.gbt-card__header>.gbt-card__title{flex:1 1 auto}.gbt-card__description{margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.25rem}.gbt-card__header-slot{flex:1 1 auto;min-width:0}.gbt-card__count{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:999px;background:color-mix(in srgb,var(--border-color) 8%,transparent);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}.gbt-card__header[data-tone=success] .gbt-card__icon,.gbt-card__header[data-tone=success] .gbt-card__title{color:var(--color-success-text)}.gbt-card__header[data-tone=warning] .gbt-card__icon,.gbt-card__header[data-tone=warning] .gbt-card__title{color:var(--color-warning-text)}.gbt-card__header[data-tone=error] .gbt-card__icon,.gbt-card__header[data-tone=error] .gbt-card__title{color:var(--color-error-text)}.gbt-card{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-inner-radius: var(--gbt-card-radius);--gbt-card-edge: var(--gbt-card-border);--gbt-card-focus-offset: -2px;grid-area:gbt-card-box;position:relative;padding:1.25rem 1.5rem;border-radius:var(--gbt-card-radius);background:var(--bg-principal);box-shadow:var(--site-shadow-sm);overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card--hoverable{cursor:pointer;-webkit-user-select:none;user-select:none}.gbt-card--hoverable:hover{box-shadow:var(--site-shadow-lg)}.gbt-card__body{display:contents}.gbt-card[data-variant=outlined]{--gbt-card-radius: var(--site-border-radius);--gbt-card-inner-radius: calc(var(--site-border-radius) - 1px);border:1px solid var(--gbt-card-edge);box-shadow:none;overflow:visible}.gbt-card[data-variant=outlined].gbt-card--hoverable:hover,.gbt-card[data-variant=outlined][data-link]:hover{border-color:var(--border-color);box-shadow:none}.gbt-card[data-flush]{padding:0}.gbt-card[data-flush] .gbt-card__body{display:block;overflow:clip;border-radius:var(--gbt-card-inner-radius)}.gbt-card[data-selected]:before{content:\"\";position:absolute;inset:0;z-index:1;border:2px solid var(--gbt-card-edge);border-radius:var(--gbt-card-inner-radius);pointer-events:none}.gbt-card[data-selected]{--gbt-card-edge: var(--primary);--gbt-card-focus-offset: -5px;background:color-mix(in srgb,var(--primary) 4%,var(--bg-principal))}.gbt-card[data-selected][data-variant=outlined]:before{border-width:1px}.gbt-card__selected-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-card[data-link]{cursor:pointer;transition:box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.gbt-card[data-link]:not([data-variant=outlined]):hover{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link]{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link][data-variant=outlined]{border-color:var(--border-color);box-shadow:none}:where(.gbt-card[data-link]) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}:where(.gbt-card__header:has(~.gbt-card[data-link])) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}@media(prefers-reduced-motion:reduce){.gbt-card,.gbt-card[data-link]{transition:none}}\n"]
|
|
4660
|
+
styles: [":host{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-focus-offset: -2px;position:relative;display:grid;grid-template-areas:\"gbt-card-header\" \"gbt-card-box\";grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}:host:has(>.gbt-card[data-variant=outlined]){--gbt-card-radius: var(--site-border-radius)}:host:has(>.gbt-card[data-selected]){--gbt-card-focus-offset: -5px}.gbt-card__header{grid-area:gbt-card-header;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card__icon{display:inline-flex;flex:none;align-self:flex-start;align-items:center;justify-content:center;height:1.5rem;color:var(--text-secondary);font-size:1rem}.gbt-card__icon--status gbt-icon{box-sizing:border-box;width:1.25rem;height:1.25rem;padding:.1875rem;border:1.5px solid currentColor;border-radius:50%}.gbt-card__titles{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.gbt-card__title{display:flex;align-items:center;gap:.5rem;min-width:0;margin:0;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.5rem;overflow-wrap:anywhere}.gbt-card__header>.gbt-card__title{flex:1 1 auto}.gbt-card__description{margin:0;color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.25rem}.gbt-card__header-slot{flex:1 1 auto;min-width:0}.gbt-card__count{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:var(--gbt-radius-badge, 999px);background:color-mix(in srgb,var(--border-color) 8%,transparent);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}.gbt-card__header[data-tone=success] .gbt-card__icon,.gbt-card__header[data-tone=success] .gbt-card__title{color:var(--color-success-text)}.gbt-card__header[data-tone=warning] .gbt-card__icon,.gbt-card__header[data-tone=warning] .gbt-card__title{color:var(--color-warning-text)}.gbt-card__header[data-tone=error] .gbt-card__icon,.gbt-card__header[data-tone=error] .gbt-card__title{color:var(--color-error-text)}.gbt-card{--gbt-card-radius: var(--site-border-radius-lg);--gbt-card-inner-radius: var(--gbt-card-radius);--gbt-card-edge: var(--gbt-card-border);--gbt-card-focus-offset: -2px;grid-area:gbt-card-box;position:relative;padding:1.25rem 1.5rem;border-radius:var(--gbt-card-radius);background:var(--bg-principal);box-shadow:var(--site-shadow-sm);overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-size:.9rem;line-height:1.65}.gbt-card--hoverable{cursor:pointer;-webkit-user-select:none;user-select:none}.gbt-card--hoverable:hover{box-shadow:var(--site-shadow-lg)}.gbt-card__body{display:contents}.gbt-card[data-variant=outlined]{--gbt-card-radius: var(--site-border-radius);--gbt-card-inner-radius: calc(var(--site-border-radius) - 1px);border:1px solid var(--gbt-card-edge);box-shadow:none;overflow:visible}.gbt-card[data-variant=outlined].gbt-card--hoverable:hover,.gbt-card[data-variant=outlined][data-link]:hover{border-color:var(--border-color);box-shadow:none}.gbt-card[data-flush]{padding:0}.gbt-card[data-flush] .gbt-card__body{display:block;overflow:clip;border-radius:var(--gbt-card-inner-radius)}.gbt-card[data-selected]:before{content:\"\";position:absolute;inset:0;z-index:1;border:2px solid var(--gbt-card-edge);border-radius:var(--gbt-card-inner-radius);pointer-events:none}.gbt-card[data-selected]{--gbt-card-edge: var(--primary);--gbt-card-focus-offset: -5px;background:color-mix(in srgb,var(--primary) 4%,var(--bg-principal))}.gbt-card[data-selected][data-variant=outlined]:before{border-width:1px}.gbt-card__selected-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gbt-card[data-link]{cursor:pointer;transition:box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.gbt-card[data-link]:not([data-variant=outlined]):hover{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link]{box-shadow:var(--site-shadow-lg)}:host:has(>.gbt-card__header .gbt-card__link:hover)>.gbt-card[data-link][data-variant=outlined]{border-color:var(--border-color);box-shadow:none}:where(.gbt-card[data-link]) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}:where(.gbt-card__header:has(~.gbt-card[data-link])) ::ng-deep :where(a:not(.gbt-card__link),button,input,select,textarea,summary,label,[tabindex]:not([tabindex=\"-1\"])){position:relative;z-index:2}@media(prefers-reduced-motion:reduce){.gbt-card,.gbt-card[data-link]{transition:none}}\n"]
|
|
4661
4661
|
}]
|
|
4662
4662
|
}],
|
|
4663
4663
|
propDecorators: {
|
|
@@ -5081,7 +5081,7 @@ var Modal = class Modal {
|
|
|
5081
5081
|
}],
|
|
5082
5082
|
ngImport: i0,
|
|
5083
5083
|
template: "@if (isOpen()) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div class=\"gbt-modal__backdrop\" (click)=\"onBackdropClick($event)\">\n <div\n class=\"gbt-modal__dialog\"\n role=\"dialog\"\n aria-modal=\"true\"\n [attr.aria-label]=\"heading() || null\"\n [attr.data-busy]=\"busy() ? '' : null\"\n tabindex=\"-1\"\n #dialog\n (keydown)=\"onDialogKeydown($event)\"\n >\n <header class=\"gbt-modal__header\">\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-modal__title\">{{ heading() }}</h1>\n }\n @case (3) {\n <h3 class=\"gbt-modal__title\">{{ heading() }}</h3>\n }\n @case (4) {\n <h4 class=\"gbt-modal__title\">{{ heading() }}</h4>\n }\n @case (5) {\n <h5 class=\"gbt-modal__title\">{{ heading() }}</h5>\n }\n @case (6) {\n <h6 class=\"gbt-modal__title\">{{ heading() }}</h6>\n }\n @default {\n <h2 class=\"gbt-modal__title\">{{ heading() }}</h2>\n }\n }\n <button\n type=\"button\"\n class=\"gbt-modal__close\"\n (click)=\"onCloseClick()\"\n [attr.aria-label]=\"closeLabel()\"\n [attr.aria-disabled]=\"busy() ? 'true' : null\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n </header>\n <div class=\"gbt-modal__body\" [attr.aria-busy]=\"busy() ? 'true' : null\">\n <ng-content />\n </div>\n <div class=\"gbt-modal__footer\"><ng-content select=\"[modal-footer]\" /></div>\n <span class=\"gbt-modal__status\" role=\"status\">{{ busy() ? busyLabel() : '' }}</span>\n </div>\n </div>\n}\n",
|
|
5084
|
-
styles: [".gbt-modal__backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}.gbt-modal__dialog{background:var(--bg-principal);border-radius:var(--site-border-radius);box-shadow:var(--site-shadow-lg);width:min(90vw,480px);max-height:90vh;overflow-y:auto}.gbt-modal__dialog:focus{outline:none}.gbt-modal__dialog:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-modal__header .gbt-modal__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-modal__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-modal__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-modal__close[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media(pointer:coarse){.gbt-modal__close{align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-block:-.75rem;margin-inline-end:-.75rem;border-radius:var(--site-border-radius-sm)}}.gbt-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.gbt-modal__body>form{display:flex;flex-direction:column;gap:1rem}.gbt-modal__footer{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-principal)}.gbt-modal__footer:empty{display:none}.gbt-modal__footer ::ng-deep>:is(div,footer,section)[modal-footer]{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.gbt-modal__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
|
|
5084
|
+
styles: [".gbt-modal__backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}.gbt-modal__dialog{background:var(--bg-principal);border-radius:var(--site-border-radius);box-shadow:var(--site-shadow-lg);width:min(90vw,480px);max-height:90vh;overflow-y:auto}.gbt-modal__dialog:focus{outline:none}.gbt-modal__dialog:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-modal__header .gbt-modal__title{font-family:var(--gbt-font-display, inherit);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-modal__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-modal__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-modal__close[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media(pointer:coarse){.gbt-modal__close{align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-block:-.75rem;margin-inline-end:-.75rem;border-radius:var(--site-border-radius-sm)}}.gbt-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.gbt-modal__body>form{display:flex;flex-direction:column;gap:1rem}.gbt-modal__footer{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-principal)}.gbt-modal__footer:empty{display:none}.gbt-modal__footer ::ng-deep>:is(div,footer,section)[modal-footer]{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.gbt-modal__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
|
|
5085
5085
|
dependencies: [{
|
|
5086
5086
|
kind: "component",
|
|
5087
5087
|
type: Icon,
|
|
@@ -5104,7 +5104,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5104
5104
|
imports: [Icon],
|
|
5105
5105
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5106
5106
|
template: "@if (isOpen()) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div class=\"gbt-modal__backdrop\" (click)=\"onBackdropClick($event)\">\n <div\n class=\"gbt-modal__dialog\"\n role=\"dialog\"\n aria-modal=\"true\"\n [attr.aria-label]=\"heading() || null\"\n [attr.data-busy]=\"busy() ? '' : null\"\n tabindex=\"-1\"\n #dialog\n (keydown)=\"onDialogKeydown($event)\"\n >\n <header class=\"gbt-modal__header\">\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-modal__title\">{{ heading() }}</h1>\n }\n @case (3) {\n <h3 class=\"gbt-modal__title\">{{ heading() }}</h3>\n }\n @case (4) {\n <h4 class=\"gbt-modal__title\">{{ heading() }}</h4>\n }\n @case (5) {\n <h5 class=\"gbt-modal__title\">{{ heading() }}</h5>\n }\n @case (6) {\n <h6 class=\"gbt-modal__title\">{{ heading() }}</h6>\n }\n @default {\n <h2 class=\"gbt-modal__title\">{{ heading() }}</h2>\n }\n }\n <button\n type=\"button\"\n class=\"gbt-modal__close\"\n (click)=\"onCloseClick()\"\n [attr.aria-label]=\"closeLabel()\"\n [attr.aria-disabled]=\"busy() ? 'true' : null\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n </header>\n <div class=\"gbt-modal__body\" [attr.aria-busy]=\"busy() ? 'true' : null\">\n <ng-content />\n </div>\n <div class=\"gbt-modal__footer\"><ng-content select=\"[modal-footer]\" /></div>\n <span class=\"gbt-modal__status\" role=\"status\">{{ busy() ? busyLabel() : '' }}</span>\n </div>\n </div>\n}\n",
|
|
5107
|
-
styles: [".gbt-modal__backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}.gbt-modal__dialog{background:var(--bg-principal);border-radius:var(--site-border-radius);box-shadow:var(--site-shadow-lg);width:min(90vw,480px);max-height:90vh;overflow-y:auto}.gbt-modal__dialog:focus{outline:none}.gbt-modal__dialog:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-modal__header .gbt-modal__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-modal__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-modal__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-modal__close[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media(pointer:coarse){.gbt-modal__close{align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-block:-.75rem;margin-inline-end:-.75rem;border-radius:var(--site-border-radius-sm)}}.gbt-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.gbt-modal__body>form{display:flex;flex-direction:column;gap:1rem}.gbt-modal__footer{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-principal)}.gbt-modal__footer:empty{display:none}.gbt-modal__footer ::ng-deep>:is(div,footer,section)[modal-footer]{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.gbt-modal__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
|
|
5107
|
+
styles: [".gbt-modal__backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}.gbt-modal__dialog{background:var(--bg-principal);border-radius:var(--site-border-radius);box-shadow:var(--site-shadow-lg);width:min(90vw,480px);max-height:90vh;overflow-y:auto}.gbt-modal__dialog:focus{outline:none}.gbt-modal__dialog:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-modal__header .gbt-modal__title{font-family:var(--gbt-font-display, inherit);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-modal__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-modal__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-modal__close[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media(pointer:coarse){.gbt-modal__close{align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-block:-.75rem;margin-inline-end:-.75rem;border-radius:var(--site-border-radius-sm)}}.gbt-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.gbt-modal__body>form{display:flex;flex-direction:column;gap:1rem}.gbt-modal__footer{position:sticky;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-principal)}.gbt-modal__footer:empty{display:none}.gbt-modal__footer ::ng-deep>:is(div,footer,section)[modal-footer]{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.gbt-modal__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
|
|
5108
5108
|
}]
|
|
5109
5109
|
}],
|
|
5110
5110
|
ctorParameters: () => [],
|
|
@@ -5314,7 +5314,7 @@ var Drawer = class Drawer {
|
|
|
5314
5314
|
}],
|
|
5315
5315
|
ngImport: i0,
|
|
5316
5316
|
template: "@if (rendered()) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div\n class=\"gbt-drawer__backdrop\"\n [class.gbt-drawer__backdrop--closing]=\"!isOpen()\"\n (click)=\"onBackdropClick($event)\"\n >\n <div\n #panel\n class=\"gbt-drawer__panel\"\n [class.gbt-drawer__panel--closing]=\"!isOpen()\"\n [attr.data-edge]=\"edge()\"\n role=\"dialog\"\n aria-modal=\"true\"\n [attr.aria-label]=\"heading() || null\"\n tabindex=\"-1\"\n (keydown)=\"onPanelKeydown($event)\"\n >\n <header class=\"gbt-drawer__header\">\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-drawer__title\">{{ heading() }}</h1>\n }\n @case (3) {\n <h3 class=\"gbt-drawer__title\">{{ heading() }}</h3>\n }\n @case (4) {\n <h4 class=\"gbt-drawer__title\">{{ heading() }}</h4>\n }\n @case (5) {\n <h5 class=\"gbt-drawer__title\">{{ heading() }}</h5>\n }\n @case (6) {\n <h6 class=\"gbt-drawer__title\">{{ heading() }}</h6>\n }\n @default {\n <h2 class=\"gbt-drawer__title\">{{ heading() }}</h2>\n }\n }\n <button\n type=\"button\"\n class=\"gbt-drawer__close\"\n (click)=\"closed.emit()\"\n [attr.aria-label]=\"closeLabel()\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n </header>\n <div class=\"gbt-drawer__body\">\n <ng-content />\n </div>\n </div>\n </div>\n}\n",
|
|
5317
|
-
styles: [".gbt-drawer__backdrop{position:fixed;inset:0;background:#0006;z-index:1200;animation:gbt-drawer-backdrop-in .2s ease-out}.gbt-drawer__backdrop--closing{animation:gbt-drawer-backdrop-out .2s ease-in forwards}.gbt-drawer__panel{position:fixed;display:flex;flex-direction:column;background:var(--bg-principal);box-shadow:var(--site-shadow-lg)}.gbt-drawer__panel:focus{outline:none}.gbt-drawer__panel:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-drawer__panel[data-edge=right]{top:0;right:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-right .2s ease-out}.gbt-drawer__panel[data-edge=right].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-right .2s ease-in forwards}.gbt-drawer__panel[data-edge=left]{top:0;left:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-left .2s ease-out}.gbt-drawer__panel[data-edge=left].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-left .2s ease-in forwards}.gbt-drawer__panel[data-edge=top]{top:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-top .2s ease-out}.gbt-drawer__panel[data-edge=top].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-top .2s ease-in forwards}.gbt-drawer__panel[data-edge=bottom]{bottom:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-bottom .2s ease-out}.gbt-drawer__panel[data-edge=bottom].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-bottom .2s ease-in forwards}.gbt-drawer__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-drawer__header .gbt-drawer__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-drawer__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-drawer__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-drawer__body{flex:1;min-height:0;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}@keyframes gbt-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes gbt-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes gbt-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes gbt-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes gbt-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes gbt-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.gbt-drawer__backdrop,.gbt-drawer__backdrop--closing,.gbt-drawer__panel,.gbt-drawer__panel--closing{animation:none}}\n"],
|
|
5317
|
+
styles: [".gbt-drawer__backdrop{position:fixed;inset:0;background:#0006;z-index:1200;animation:gbt-drawer-backdrop-in .2s ease-out}.gbt-drawer__backdrop--closing{animation:gbt-drawer-backdrop-out .2s ease-in forwards}.gbt-drawer__panel{position:fixed;display:flex;flex-direction:column;background:var(--bg-principal);box-shadow:var(--site-shadow-lg)}.gbt-drawer__panel:focus{outline:none}.gbt-drawer__panel:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-drawer__panel[data-edge=right]{top:0;right:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-right .2s ease-out}.gbt-drawer__panel[data-edge=right].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-right .2s ease-in forwards}.gbt-drawer__panel[data-edge=left]{top:0;left:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-left .2s ease-out}.gbt-drawer__panel[data-edge=left].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-left .2s ease-in forwards}.gbt-drawer__panel[data-edge=top]{top:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-top .2s ease-out}.gbt-drawer__panel[data-edge=top].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-top .2s ease-in forwards}.gbt-drawer__panel[data-edge=bottom]{bottom:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-bottom .2s ease-out}.gbt-drawer__panel[data-edge=bottom].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-bottom .2s ease-in forwards}.gbt-drawer__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-drawer__header .gbt-drawer__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-drawer__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-drawer__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-drawer__body{flex:1;min-height:0;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}@keyframes gbt-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes gbt-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes gbt-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes gbt-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes gbt-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes gbt-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.gbt-drawer__backdrop,.gbt-drawer__backdrop--closing,.gbt-drawer__panel,.gbt-drawer__panel--closing{animation:none}}\n"],
|
|
5318
5318
|
dependencies: [{
|
|
5319
5319
|
kind: "component",
|
|
5320
5320
|
type: Icon,
|
|
@@ -5337,7 +5337,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5337
5337
|
imports: [Icon],
|
|
5338
5338
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5339
5339
|
template: "@if (rendered()) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div\n class=\"gbt-drawer__backdrop\"\n [class.gbt-drawer__backdrop--closing]=\"!isOpen()\"\n (click)=\"onBackdropClick($event)\"\n >\n <div\n #panel\n class=\"gbt-drawer__panel\"\n [class.gbt-drawer__panel--closing]=\"!isOpen()\"\n [attr.data-edge]=\"edge()\"\n role=\"dialog\"\n aria-modal=\"true\"\n [attr.aria-label]=\"heading() || null\"\n tabindex=\"-1\"\n (keydown)=\"onPanelKeydown($event)\"\n >\n <header class=\"gbt-drawer__header\">\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-drawer__title\">{{ heading() }}</h1>\n }\n @case (3) {\n <h3 class=\"gbt-drawer__title\">{{ heading() }}</h3>\n }\n @case (4) {\n <h4 class=\"gbt-drawer__title\">{{ heading() }}</h4>\n }\n @case (5) {\n <h5 class=\"gbt-drawer__title\">{{ heading() }}</h5>\n }\n @case (6) {\n <h6 class=\"gbt-drawer__title\">{{ heading() }}</h6>\n }\n @default {\n <h2 class=\"gbt-drawer__title\">{{ heading() }}</h2>\n }\n }\n <button\n type=\"button\"\n class=\"gbt-drawer__close\"\n (click)=\"closed.emit()\"\n [attr.aria-label]=\"closeLabel()\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n </header>\n <div class=\"gbt-drawer__body\">\n <ng-content />\n </div>\n </div>\n </div>\n}\n",
|
|
5340
|
-
styles: [".gbt-drawer__backdrop{position:fixed;inset:0;background:#0006;z-index:1200;animation:gbt-drawer-backdrop-in .2s ease-out}.gbt-drawer__backdrop--closing{animation:gbt-drawer-backdrop-out .2s ease-in forwards}.gbt-drawer__panel{position:fixed;display:flex;flex-direction:column;background:var(--bg-principal);box-shadow:var(--site-shadow-lg)}.gbt-drawer__panel:focus{outline:none}.gbt-drawer__panel:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-drawer__panel[data-edge=right]{top:0;right:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-right .2s ease-out}.gbt-drawer__panel[data-edge=right].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-right .2s ease-in forwards}.gbt-drawer__panel[data-edge=left]{top:0;left:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-left .2s ease-out}.gbt-drawer__panel[data-edge=left].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-left .2s ease-in forwards}.gbt-drawer__panel[data-edge=top]{top:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-top .2s ease-out}.gbt-drawer__panel[data-edge=top].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-top .2s ease-in forwards}.gbt-drawer__panel[data-edge=bottom]{bottom:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-bottom .2s ease-out}.gbt-drawer__panel[data-edge=bottom].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-bottom .2s ease-in forwards}.gbt-drawer__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-drawer__header .gbt-drawer__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-drawer__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-drawer__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-drawer__body{flex:1;min-height:0;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}@keyframes gbt-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes gbt-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes gbt-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes gbt-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes gbt-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes gbt-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.gbt-drawer__backdrop,.gbt-drawer__backdrop--closing,.gbt-drawer__panel,.gbt-drawer__panel--closing{animation:none}}\n"]
|
|
5340
|
+
styles: [".gbt-drawer__backdrop{position:fixed;inset:0;background:#0006;z-index:1200;animation:gbt-drawer-backdrop-in .2s ease-out}.gbt-drawer__backdrop--closing{animation:gbt-drawer-backdrop-out .2s ease-in forwards}.gbt-drawer__panel{position:fixed;display:flex;flex-direction:column;background:var(--bg-principal);box-shadow:var(--site-shadow-lg)}.gbt-drawer__panel:focus{outline:none}.gbt-drawer__panel:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-drawer__panel[data-edge=right]{top:0;right:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-right .2s ease-out}.gbt-drawer__panel[data-edge=right].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-right .2s ease-in forwards}.gbt-drawer__panel[data-edge=left]{top:0;left:0;bottom:0;width:min(90vw,400px);animation:gbt-drawer-slide-in-left .2s ease-out}.gbt-drawer__panel[data-edge=left].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-left .2s ease-in forwards}.gbt-drawer__panel[data-edge=top]{top:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-top .2s ease-out}.gbt-drawer__panel[data-edge=top].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-top .2s ease-in forwards}.gbt-drawer__panel[data-edge=bottom]{bottom:0;left:0;right:0;height:min(90vh,400px);animation:gbt-drawer-slide-in-bottom .2s ease-out}.gbt-drawer__panel[data-edge=bottom].gbt-drawer__panel--closing{animation:gbt-drawer-slide-out-bottom .2s ease-in forwards}.gbt-drawer__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.gbt-drawer__header .gbt-drawer__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.gbt-drawer__close{position:relative;display:inline-flex;background:none;border:none;color:var(--text-discret);cursor:pointer}.gbt-drawer__close:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-drawer__body{flex:1;min-height:0;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}@keyframes gbt-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes gbt-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes gbt-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes gbt-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes gbt-drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes gbt-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes gbt-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gbt-drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.gbt-drawer__backdrop,.gbt-drawer__backdrop--closing,.gbt-drawer__panel,.gbt-drawer__panel--closing{animation:none}}\n"]
|
|
5341
5341
|
}]
|
|
5342
5342
|
}],
|
|
5343
5343
|
ctorParameters: () => [],
|
|
@@ -5511,7 +5511,7 @@ var Table = class Table {
|
|
|
5511
5511
|
outputs: { rowClick: "rowClick" },
|
|
5512
5512
|
ngImport: i0,
|
|
5513
5513
|
template: "<table class=\"gbt-table\">\n <caption>\n {{\n caption()\n }}\n </caption>\n <thead>\n <tr>\n @for (column of columns(); track column.key) {\n <th scope=\"col\">{{ column.label }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of data(); track trackRow($index, row)) {\n <tr\n [class.gbt-table__row--clickable]=\"clickableRows()\"\n [attr.tabindex]=\"clickableRows() ? 0 : null\"\n (click)=\"clickableRows() && onRowClick($event, row)\"\n (keydown)=\"clickableRows() && onRowKeydown($event, row)\"\n >\n @for (column of columns(); track column.key) {\n <td>\n @if (column.cellTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"column.cellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row }\"\n />\n } @else {\n {{ cellValue(row, column) }}\n }\n </td>\n }\n </tr>\n } @empty {\n <tr class=\"gbt-table__empty\">\n <td [attr.colspan]=\"columns().length\">{{ emptyMessage() }}</td>\n </tr>\n }\n </tbody>\n</table>\n",
|
|
5514
|
-
styles: [".gbt-table{width:100%;border-collapse:collapse;font-size:.875rem}.gbt-table caption{text-align:left;padding:0 0 .625rem;font-weight:600;color:var(--text-primary)}.gbt-table th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.gbt-table td{padding:.625rem .75rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.gbt-table tbody tr{transition:background-color var(--site-transition-fast)}.gbt-table tbody tr.gbt-table__row--clickable{cursor:pointer}.gbt-table tbody tr.gbt-table__row--clickable:hover{background:var(--bg-hover)}.gbt-table tbody tr:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-table__empty{cursor:default;text-align:center;color:var(--text-discret)}.gbt-table__empty:hover{background:none}\n"],
|
|
5514
|
+
styles: [".gbt-table{width:100%;border-collapse:collapse;font-size:.875rem}.gbt-table caption{text-align:left;padding:0 0 .625rem;font-weight:600;color:var(--text-primary)}.gbt-table th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.gbt-table td{padding:.625rem .75rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.gbt-table tbody tr{transition:background-color var(--site-transition-fast)}.gbt-table tbody tr.gbt-table__row--clickable{cursor:pointer}.gbt-table tbody tr.gbt-table__row--clickable:hover{background:var(--bg-hover)}.gbt-table tbody tr:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-table__empty{cursor:default;text-align:center;color:var(--text-discret)}.gbt-table__empty:hover{background:none}\n"],
|
|
5515
5515
|
dependencies: [{
|
|
5516
5516
|
kind: "directive",
|
|
5517
5517
|
type: NgTemplateOutlet,
|
|
@@ -5538,7 +5538,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5538
5538
|
imports: [NgTemplateOutlet],
|
|
5539
5539
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5540
5540
|
template: "<table class=\"gbt-table\">\n <caption>\n {{\n caption()\n }}\n </caption>\n <thead>\n <tr>\n @for (column of columns(); track column.key) {\n <th scope=\"col\">{{ column.label }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of data(); track trackRow($index, row)) {\n <tr\n [class.gbt-table__row--clickable]=\"clickableRows()\"\n [attr.tabindex]=\"clickableRows() ? 0 : null\"\n (click)=\"clickableRows() && onRowClick($event, row)\"\n (keydown)=\"clickableRows() && onRowKeydown($event, row)\"\n >\n @for (column of columns(); track column.key) {\n <td>\n @if (column.cellTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"column.cellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: row }\"\n />\n } @else {\n {{ cellValue(row, column) }}\n }\n </td>\n }\n </tr>\n } @empty {\n <tr class=\"gbt-table__empty\">\n <td [attr.colspan]=\"columns().length\">{{ emptyMessage() }}</td>\n </tr>\n }\n </tbody>\n</table>\n",
|
|
5541
|
-
styles: [".gbt-table{width:100%;border-collapse:collapse;font-size:.875rem}.gbt-table caption{text-align:left;padding:0 0 .625rem;font-weight:600;color:var(--text-primary)}.gbt-table th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.gbt-table td{padding:.625rem .75rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.gbt-table tbody tr{transition:background-color var(--site-transition-fast)}.gbt-table tbody tr.gbt-table__row--clickable{cursor:pointer}.gbt-table tbody tr.gbt-table__row--clickable:hover{background:var(--bg-hover)}.gbt-table tbody tr:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-table__empty{cursor:default;text-align:center;color:var(--text-discret)}.gbt-table__empty:hover{background:none}\n"]
|
|
5541
|
+
styles: [".gbt-table{width:100%;border-collapse:collapse;font-size:.875rem}.gbt-table caption{text-align:left;padding:0 0 .625rem;font-weight:600;color:var(--text-primary)}.gbt-table th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.gbt-table td{padding:.625rem .75rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.gbt-table tbody tr{transition:background-color var(--site-transition-fast)}.gbt-table tbody tr.gbt-table__row--clickable{cursor:pointer}.gbt-table tbody tr.gbt-table__row--clickable:hover{background:var(--bg-hover)}.gbt-table tbody tr:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-table__empty{cursor:default;text-align:center;color:var(--text-discret)}.gbt-table__empty:hover{background:none}\n"]
|
|
5542
5542
|
}]
|
|
5543
5543
|
}],
|
|
5544
5544
|
propDecorators: {
|
|
@@ -5946,7 +5946,7 @@ var SearchBar = class SearchBar {
|
|
|
5946
5946
|
}],
|
|
5947
5947
|
ngImport: i0,
|
|
5948
5948
|
template: "@if (collapsibleMode()) {\n @if (folded()) {\n <button\n #toggle\n type=\"button\"\n class=\"gbt-sb-toggle\"\n aria-expanded=\"false\"\n [attr.aria-controls]=\"triggerId()\"\n [attr.aria-label]=\"openLabel()\"\n (click)=\"expand()\"\n >\n <gbt-icon name=\"search\" aria-hidden=\"true\" />\n </button>\n }\n}\n<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n<div\n class=\"gbt-sb-trigger\"\n [attr.id]=\"collapsibleMode() ? triggerId() : null\"\n [attr.hidden]=\"folded() ? '' : null\"\n [class.gbt-sb-trigger--open]=\"isFocused()\"\n (click)=\"focusSearch()\"\n>\n @if (collapsibleMode() && expanded()) {\n <button\n type=\"button\"\n class=\"gbt-sb-trigger__close\"\n [attr.aria-label]=\"closeLabel()\"\n (click)=\"close($event)\"\n >\n <gbt-icon name=\"arrow-left\" aria-hidden=\"true\" />\n </button>\n }\n <gbt-icon name=\"search\" class=\"gbt-sb-trigger__icon\" aria-hidden=\"true\" />\n <input\n #searchInput\n type=\"text\"\n role=\"combobox\"\n class=\"gbt-sb-trigger__input\"\n [placeholder]=\"placeholder()\"\n [attr.aria-label]=\"ariaLabel() || placeholder()\"\n [value]=\"searchQuery()\"\n [attr.aria-expanded]=\"showOverlay()\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [attr.aria-controls]=\"showOverlay() ? panelId() : null\"\n [attr.aria-activedescendant]=\"activeItemDomId()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur($event)\"\n (input)=\"onInput($event)\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n />\n @if (searchQuery().length > 0) {\n <button\n type=\"button\"\n class=\"gbt-sb-trigger__clear\"\n (click)=\"onClear()\"\n [attr.aria-label]=\"clearLabel()\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n }\n</div>\n@if (showOverlay()) {\n <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n {{ resultsAnnouncement()(resultCount()) }}\n </div>\n}\n@if (showOverlay()) {\n <div class=\"gbt-sb-backdrop\" (click)=\"blurSearch()\" aria-hidden=\"true\"></div>\n <ng-template #footer>\n <div class=\"gbt-sb-footer\" aria-hidden=\"true\">\n <span class=\"gbt-sb-footer__hint\">\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↑</kbd>\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↓</kbd>\n {{ navigateHint() }}\n </span>\n <span class=\"gbt-sb-footer__hint\">\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↵</kbd>\n {{ selectHint() }}\n </span>\n <span class=\"gbt-sb-footer__hint\">\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">Esc</kbd>\n {{ closeHint() }}\n </span>\n </div>\n </ng-template>\n @if (hasNoResults()) {\n <div [id]=\"panelId()\" class=\"gbt-sb-panel\">\n <div class=\"gbt-sb-state\" role=\"status\">\n <gbt-icon name=\"search\" class=\"gbt-sb-state__icon\" aria-hidden=\"true\" />\n <span>{{ noResultsMessage() }}</span>\n <p class=\"gbt-sb-state__hint\">{{ noResultsHint() }}</p>\n </div>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n } @else {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div\n [id]=\"panelId()\"\n class=\"gbt-sb-panel\"\n role=\"listbox\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"$event.stopPropagation()\"\n >\n @if (hasGroupedResults()) {\n <div class=\"gbt-sb-list\">\n @for (category of indexedGroupedResults(); track category.label) {\n @if (category.items.length > 0) {\n <div class=\"gbt-sb-group-label\">\n @if (category.icon) {\n <gbt-icon [name]=\"category.icon\" aria-hidden=\"true\" />\n }\n {{ category.label }}\n <span class=\"gbt-sb-group-count\" aria-hidden=\"true\">{{\n category.items.length\n }}</span>\n </div>\n @for (entry of category.indexedItems; track entry.index) {\n <button\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n [id]=\"itemDomId(entry.index)\"\n class=\"gbt-sb-item\"\n [attr.aria-selected]=\"entry.index === activeIndex()\"\n [class.gbt-sb-item--active]=\"entry.index === activeIndex()\"\n (click)=\"onSelect(entry.item)\"\n (mouseenter)=\"activeIndex.set(entry.index)\"\n >\n @if (itemTemplate()) {\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate()!\"\n [ngTemplateOutletContext]=\"{ $implicit: entry.item }\"\n ></ng-container>\n } @else {\n @if (category.icon) {\n <gbt-icon\n [name]=\"category.icon\"\n class=\"gbt-sb-item__icon\"\n aria-hidden=\"true\"\n />\n }\n <span class=\"gbt-sb-item__label\">{{ entry.formatted }}</span>\n }\n </button>\n }\n }\n }\n </div>\n } @else if (results() && results()!.length > 0) {\n <div class=\"gbt-sb-list\">\n @for (entry of indexedResults(); track entry.index) {\n <button\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n [id]=\"itemDomId(entry.index)\"\n class=\"gbt-sb-item\"\n [attr.aria-selected]=\"entry.index === activeIndex()\"\n [class.gbt-sb-item--active]=\"entry.index === activeIndex()\"\n (click)=\"onSelect(entry.item)\"\n (mouseenter)=\"activeIndex.set(entry.index)\"\n >\n @if (itemTemplate()) {\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate()!\"\n [ngTemplateOutletContext]=\"{ $implicit: entry.item }\"\n ></ng-container>\n } @else {\n <span class=\"gbt-sb-item__label\">{{ entry.formatted }}</span>\n }\n </button>\n }\n </div>\n }\n\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n }\n}\n",
|
|
5949
|
-
styles: [":host{position:relative;display:block}.gbt-sb-trigger{position:relative;z-index:1000;box-sizing:border-box;display:flex;align-items:center;gap:8px;height:40px;width:340px;padding:0 12px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:16px;transition:width .35s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);cursor:text}.gbt-sb-trigger--open{width:420px;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-sb-trigger__icon{flex-shrink:0;color:var(--text-secondary);transition:color .2s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.gbt-sb-trigger--open .gbt-sb-trigger__icon{color:var(--primary);transform:scale(1.1) rotate(5deg)}.gbt-sb-trigger__input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.5}.gbt-sb-trigger__input::placeholder{color:var(--text-secondary)}.gbt-sb-trigger__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-trigger__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-sb-trigger__clear:active{transform:scale(.9)}.gbt-sb-trigger[hidden]{display:none}.gbt-sb-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-toggle:hover{background:var(--bg-hover)}.gbt-sb-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-sb-trigger__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:calc(100% + 2px);margin:-1px 0 -1px -13px;padding:0;background:transparent;border:none;border-radius:
|
|
5949
|
+
styles: [":host{position:relative;display:block}.gbt-sb-trigger{position:relative;z-index:1000;box-sizing:border-box;display:flex;align-items:center;gap:8px;height:40px;width:340px;padding:0 12px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--gbt-radius-search, 16px);transition:width .35s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);cursor:text}.gbt-sb-trigger--open{width:420px;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-sb-trigger__icon{flex-shrink:0;color:var(--text-secondary);transition:color .2s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.gbt-sb-trigger--open .gbt-sb-trigger__icon{color:var(--primary);transform:scale(1.1) rotate(5deg)}.gbt-sb-trigger__input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.5}.gbt-sb-trigger__input::placeholder{color:var(--text-secondary)}.gbt-sb-trigger__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--gbt-radius-chip, 6px);color:var(--text-secondary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-trigger__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-sb-trigger__clear:active{transform:scale(.9)}.gbt-sb-trigger[hidden]{display:none}.gbt-sb-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-toggle:hover{background:var(--bg-hover)}.gbt-sb-toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-sb-trigger__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:calc(100% + 2px);margin:-1px 0 -1px -13px;padding:0;background:transparent;border:none;border-radius:calc(var(--gbt-radius-search, 16px) - 1px) 0 0 calc(var(--gbt-radius-search, 16px) - 1px);color:var(--text-secondary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-trigger__close:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-sb-trigger__close:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}@media(prefers-reduced-motion:reduce){.gbt-sb-trigger__close{transition:none}}:host([data-collapsible][data-expanded]) .gbt-sb-trigger__icon{display:none}:host([data-collapsible]) .gbt-sb-trigger{width:100%;height:44px}:host([data-collapsible]) .gbt-sb-trigger--open{width:100%}@media(min-width:769px){:host([data-collapsible=narrow]) .gbt-sb-toggle,:host([data-collapsible=narrow]) .gbt-sb-trigger__close{display:none}:host([data-collapsible=narrow]) .gbt-sb-trigger__icon{display:inline-flex}:host([data-collapsible=narrow]) .gbt-sb-trigger[hidden]{display:flex}:host([data-collapsible=narrow]) .gbt-sb-trigger{width:340px;height:40px}:host([data-collapsible=narrow]) .gbt-sb-trigger--open{width:420px}}.gbt-sb-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:999;animation:gbt-search-bar-fade-in .2s cubic-bezier(.4,0,.2,1) both}.gbt-sb-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:420px;max-height:460px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius);box-shadow:0 16px 48px #0000002e,0 4px 12px #00000014;overflow:hidden;display:flex;flex-direction:column;z-index:1001;animation:gbt-search-bar-scale-in .25s cubic-bezier(.34,1.56,.64,1) both}.gbt-sb-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column}.gbt-sb-list::-webkit-scrollbar{width:6px}.gbt-sb-list::-webkit-scrollbar-track{background:transparent}.gbt-sb-list::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-sb-list::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.gbt-sb-group-label{display:flex;align-items:center;gap:6px;padding:10px 10px 4px;color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.gbt-sb-group-count{margin-left:auto;padding:1px 7px;background:var(--bg-hover);border-radius:var(--gbt-radius-badge, 10px);font-size:11px;font-weight:600;color:var(--text-secondary)}.gbt-sb-item{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-menu, 8px);text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-sb-item:hover{background:var(--bg-hover)}.gbt-sb-item--active{background:color-mix(in srgb,var(--primary) 9%,transparent)}.gbt-sb-item__icon{flex-shrink:0;color:var(--text-secondary);transition:color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-item--active .gbt-sb-item__icon{color:var(--primary)}.gbt-sb-item__label{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-sb-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.gbt-sb-state span{color:var(--text-primary);font-size:14px;font-weight:500}.gbt-sb-state__icon{color:var(--text-secondary);opacity:.4}.gbt-sb-state__hint{margin:0;color:var(--text-secondary);font-size:12px}.gbt-sb-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:var(--bg-hover);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:var(--gbt-radius-chip, 5px);color:var(--text-secondary);font-size:11px;font-family:var(--gbt-font-mono);font-weight:500;line-height:1}.gbt-sb-kbd--sm{min-width:18px;height:18px;font-size:10px;border-radius:4px}.gbt-sb-footer{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:8px 12px;border-top:1px solid var(--border-color);background:var(--bg-hover)}.gbt-sb-footer__hint{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes gbt-search-bar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gbt-search-bar-scale-in{0%{opacity:0;transform:translate(-50%) scale(.96) translateY(-6px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-sb-toggle{transition:none}.gbt-sb-trigger{transition:border-color .15s,box-shadow .15s}.gbt-sb-trigger__icon{transition:color .15s;transform:none!important}.gbt-sb-trigger__clear{transition:none}.gbt-sb-trigger__clear:active{transform:none}.gbt-sb-backdrop,.gbt-sb-panel{animation:none}}@media screen and (max-width:800px){.gbt-sb-trigger,.gbt-sb-trigger--open{width:100%}.gbt-sb-panel{width:calc(100vw - 32px);max-height:360px}.gbt-sb-state{padding:32px 16px}}\n"],
|
|
5950
5950
|
dependencies: [{
|
|
5951
5951
|
kind: "component",
|
|
5952
5952
|
type: Icon,
|
|
@@ -5984,7 +5984,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5984
5984
|
"[attr.data-expanded]": "collapsibleMode() && expanded() ? \"\" : null"
|
|
5985
5985
|
},
|
|
5986
5986
|
template: "@if (collapsibleMode()) {\n @if (folded()) {\n <button\n #toggle\n type=\"button\"\n class=\"gbt-sb-toggle\"\n aria-expanded=\"false\"\n [attr.aria-controls]=\"triggerId()\"\n [attr.aria-label]=\"openLabel()\"\n (click)=\"expand()\"\n >\n <gbt-icon name=\"search\" aria-hidden=\"true\" />\n </button>\n }\n}\n<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n<div\n class=\"gbt-sb-trigger\"\n [attr.id]=\"collapsibleMode() ? triggerId() : null\"\n [attr.hidden]=\"folded() ? '' : null\"\n [class.gbt-sb-trigger--open]=\"isFocused()\"\n (click)=\"focusSearch()\"\n>\n @if (collapsibleMode() && expanded()) {\n <button\n type=\"button\"\n class=\"gbt-sb-trigger__close\"\n [attr.aria-label]=\"closeLabel()\"\n (click)=\"close($event)\"\n >\n <gbt-icon name=\"arrow-left\" aria-hidden=\"true\" />\n </button>\n }\n <gbt-icon name=\"search\" class=\"gbt-sb-trigger__icon\" aria-hidden=\"true\" />\n <input\n #searchInput\n type=\"text\"\n role=\"combobox\"\n class=\"gbt-sb-trigger__input\"\n [placeholder]=\"placeholder()\"\n [attr.aria-label]=\"ariaLabel() || placeholder()\"\n [value]=\"searchQuery()\"\n [attr.aria-expanded]=\"showOverlay()\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [attr.aria-controls]=\"showOverlay() ? panelId() : null\"\n [attr.aria-activedescendant]=\"activeItemDomId()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur($event)\"\n (input)=\"onInput($event)\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n />\n @if (searchQuery().length > 0) {\n <button\n type=\"button\"\n class=\"gbt-sb-trigger__clear\"\n (click)=\"onClear()\"\n [attr.aria-label]=\"clearLabel()\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n }\n</div>\n@if (showOverlay()) {\n <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n {{ resultsAnnouncement()(resultCount()) }}\n </div>\n}\n@if (showOverlay()) {\n <div class=\"gbt-sb-backdrop\" (click)=\"blurSearch()\" aria-hidden=\"true\"></div>\n <ng-template #footer>\n <div class=\"gbt-sb-footer\" aria-hidden=\"true\">\n <span class=\"gbt-sb-footer__hint\">\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↑</kbd>\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↓</kbd>\n {{ navigateHint() }}\n </span>\n <span class=\"gbt-sb-footer__hint\">\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↵</kbd>\n {{ selectHint() }}\n </span>\n <span class=\"gbt-sb-footer__hint\">\n <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">Esc</kbd>\n {{ closeHint() }}\n </span>\n </div>\n </ng-template>\n @if (hasNoResults()) {\n <div [id]=\"panelId()\" class=\"gbt-sb-panel\">\n <div class=\"gbt-sb-state\" role=\"status\">\n <gbt-icon name=\"search\" class=\"gbt-sb-state__icon\" aria-hidden=\"true\" />\n <span>{{ noResultsMessage() }}</span>\n <p class=\"gbt-sb-state__hint\">{{ noResultsHint() }}</p>\n </div>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n } @else {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n <div\n [id]=\"panelId()\"\n class=\"gbt-sb-panel\"\n role=\"listbox\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"$event.stopPropagation()\"\n >\n @if (hasGroupedResults()) {\n <div class=\"gbt-sb-list\">\n @for (category of indexedGroupedResults(); track category.label) {\n @if (category.items.length > 0) {\n <div class=\"gbt-sb-group-label\">\n @if (category.icon) {\n <gbt-icon [name]=\"category.icon\" aria-hidden=\"true\" />\n }\n {{ category.label }}\n <span class=\"gbt-sb-group-count\" aria-hidden=\"true\">{{\n category.items.length\n }}</span>\n </div>\n @for (entry of category.indexedItems; track entry.index) {\n <button\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n [id]=\"itemDomId(entry.index)\"\n class=\"gbt-sb-item\"\n [attr.aria-selected]=\"entry.index === activeIndex()\"\n [class.gbt-sb-item--active]=\"entry.index === activeIndex()\"\n (click)=\"onSelect(entry.item)\"\n (mouseenter)=\"activeIndex.set(entry.index)\"\n >\n @if (itemTemplate()) {\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate()!\"\n [ngTemplateOutletContext]=\"{ $implicit: entry.item }\"\n ></ng-container>\n } @else {\n @if (category.icon) {\n <gbt-icon\n [name]=\"category.icon\"\n class=\"gbt-sb-item__icon\"\n aria-hidden=\"true\"\n />\n }\n <span class=\"gbt-sb-item__label\">{{ entry.formatted }}</span>\n }\n </button>\n }\n }\n }\n </div>\n } @else if (results() && results()!.length > 0) {\n <div class=\"gbt-sb-list\">\n @for (entry of indexedResults(); track entry.index) {\n <button\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n [id]=\"itemDomId(entry.index)\"\n class=\"gbt-sb-item\"\n [attr.aria-selected]=\"entry.index === activeIndex()\"\n [class.gbt-sb-item--active]=\"entry.index === activeIndex()\"\n (click)=\"onSelect(entry.item)\"\n (mouseenter)=\"activeIndex.set(entry.index)\"\n >\n @if (itemTemplate()) {\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate()!\"\n [ngTemplateOutletContext]=\"{ $implicit: entry.item }\"\n ></ng-container>\n } @else {\n <span class=\"gbt-sb-item__label\">{{ entry.formatted }}</span>\n }\n </button>\n }\n </div>\n }\n\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n }\n}\n",
|
|
5987
|
-
styles: [":host{position:relative;display:block}.gbt-sb-trigger{position:relative;z-index:1000;box-sizing:border-box;display:flex;align-items:center;gap:8px;height:40px;width:340px;padding:0 12px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:16px;transition:width .35s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);cursor:text}.gbt-sb-trigger--open{width:420px;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-sb-trigger__icon{flex-shrink:0;color:var(--text-secondary);transition:color .2s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.gbt-sb-trigger--open .gbt-sb-trigger__icon{color:var(--primary);transform:scale(1.1) rotate(5deg)}.gbt-sb-trigger__input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.5}.gbt-sb-trigger__input::placeholder{color:var(--text-secondary)}.gbt-sb-trigger__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-trigger__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-sb-trigger__clear:active{transform:scale(.9)}.gbt-sb-trigger[hidden]{display:none}.gbt-sb-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-toggle:hover{background:var(--bg-hover)}.gbt-sb-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-sb-trigger__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:calc(100% + 2px);margin:-1px 0 -1px -13px;padding:0;background:transparent;border:none;border-radius:
|
|
5987
|
+
styles: [":host{position:relative;display:block}.gbt-sb-trigger{position:relative;z-index:1000;box-sizing:border-box;display:flex;align-items:center;gap:8px;height:40px;width:340px;padding:0 12px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--gbt-radius-search, 16px);transition:width .35s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);cursor:text}.gbt-sb-trigger--open{width:420px;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-sb-trigger__icon{flex-shrink:0;color:var(--text-secondary);transition:color .2s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.gbt-sb-trigger--open .gbt-sb-trigger__icon{color:var(--primary);transform:scale(1.1) rotate(5deg)}.gbt-sb-trigger__input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.5}.gbt-sb-trigger__input::placeholder{color:var(--text-secondary)}.gbt-sb-trigger__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--gbt-radius-chip, 6px);color:var(--text-secondary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-trigger__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-sb-trigger__clear:active{transform:scale(.9)}.gbt-sb-trigger[hidden]{display:none}.gbt-sb-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-toggle:hover{background:var(--bg-hover)}.gbt-sb-toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-sb-trigger__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:calc(100% + 2px);margin:-1px 0 -1px -13px;padding:0;background:transparent;border:none;border-radius:calc(var(--gbt-radius-search, 16px) - 1px) 0 0 calc(var(--gbt-radius-search, 16px) - 1px);color:var(--text-secondary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-trigger__close:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-sb-trigger__close:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}@media(prefers-reduced-motion:reduce){.gbt-sb-trigger__close{transition:none}}:host([data-collapsible][data-expanded]) .gbt-sb-trigger__icon{display:none}:host([data-collapsible]) .gbt-sb-trigger{width:100%;height:44px}:host([data-collapsible]) .gbt-sb-trigger--open{width:100%}@media(min-width:769px){:host([data-collapsible=narrow]) .gbt-sb-toggle,:host([data-collapsible=narrow]) .gbt-sb-trigger__close{display:none}:host([data-collapsible=narrow]) .gbt-sb-trigger__icon{display:inline-flex}:host([data-collapsible=narrow]) .gbt-sb-trigger[hidden]{display:flex}:host([data-collapsible=narrow]) .gbt-sb-trigger{width:340px;height:40px}:host([data-collapsible=narrow]) .gbt-sb-trigger--open{width:420px}}.gbt-sb-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:999;animation:gbt-search-bar-fade-in .2s cubic-bezier(.4,0,.2,1) both}.gbt-sb-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:420px;max-height:460px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius);box-shadow:0 16px 48px #0000002e,0 4px 12px #00000014;overflow:hidden;display:flex;flex-direction:column;z-index:1001;animation:gbt-search-bar-scale-in .25s cubic-bezier(.34,1.56,.64,1) both}.gbt-sb-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column}.gbt-sb-list::-webkit-scrollbar{width:6px}.gbt-sb-list::-webkit-scrollbar-track{background:transparent}.gbt-sb-list::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-sb-list::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.gbt-sb-group-label{display:flex;align-items:center;gap:6px;padding:10px 10px 4px;color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.gbt-sb-group-count{margin-left:auto;padding:1px 7px;background:var(--bg-hover);border-radius:var(--gbt-radius-badge, 10px);font-size:11px;font-weight:600;color:var(--text-secondary)}.gbt-sb-item{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-menu, 8px);text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-sb-item:hover{background:var(--bg-hover)}.gbt-sb-item--active{background:color-mix(in srgb,var(--primary) 9%,transparent)}.gbt-sb-item__icon{flex-shrink:0;color:var(--text-secondary);transition:color .15s cubic-bezier(.4,0,.2,1)}.gbt-sb-item--active .gbt-sb-item__icon{color:var(--primary)}.gbt-sb-item__label{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-sb-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.gbt-sb-state span{color:var(--text-primary);font-size:14px;font-weight:500}.gbt-sb-state__icon{color:var(--text-secondary);opacity:.4}.gbt-sb-state__hint{margin:0;color:var(--text-secondary);font-size:12px}.gbt-sb-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:var(--bg-hover);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:var(--gbt-radius-chip, 5px);color:var(--text-secondary);font-size:11px;font-family:var(--gbt-font-mono);font-weight:500;line-height:1}.gbt-sb-kbd--sm{min-width:18px;height:18px;font-size:10px;border-radius:4px}.gbt-sb-footer{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:8px 12px;border-top:1px solid var(--border-color);background:var(--bg-hover)}.gbt-sb-footer__hint{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes gbt-search-bar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gbt-search-bar-scale-in{0%{opacity:0;transform:translate(-50%) scale(.96) translateY(-6px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-sb-toggle{transition:none}.gbt-sb-trigger{transition:border-color .15s,box-shadow .15s}.gbt-sb-trigger__icon{transition:color .15s;transform:none!important}.gbt-sb-trigger__clear{transition:none}.gbt-sb-trigger__clear:active{transform:none}.gbt-sb-backdrop,.gbt-sb-panel{animation:none}}@media screen and (max-width:800px){.gbt-sb-trigger,.gbt-sb-trigger--open{width:100%}.gbt-sb-panel{width:calc(100vw - 32px);max-height:360px}.gbt-sb-state{padding:32px 16px}}\n"]
|
|
5988
5988
|
}]
|
|
5989
5989
|
}],
|
|
5990
5990
|
propDecorators: {
|
|
@@ -6319,7 +6319,7 @@ var Tabs = class Tabs {
|
|
|
6319
6319
|
}],
|
|
6320
6320
|
ngImport: i0,
|
|
6321
6321
|
template: "<div class=\"gbt-tabs\">\n <div class=\"gbt-tabs__list\" role=\"tablist\">\n @for (tab of tabs(); track tab; let i = $index) {\n <button\n #trigger\n type=\"button\"\n class=\"gbt-tabs__trigger\"\n [class.gbt-tabs__trigger--active]=\"activeIndex() === i\"\n role=\"tab\"\n [id]=\"id() + '-trigger-' + i\"\n [attr.aria-selected]=\"activeIndex() === i\"\n [attr.aria-controls]=\"id() + '-panel-' + i\"\n [tabIndex]=\"activeIndex() === i ? 0 : -1\"\n (click)=\"select(i)\"\n (keydown)=\"onKeydown($event, i)\"\n >\n {{ tab.label() }}\n </button>\n }\n </div>\n <div class=\"gbt-tabs__panels\">\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
6322
|
-
styles: [":host{display:block}.gbt-tabs{display:flex;flex-direction:column}.gbt-tabs__list{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.gbt-tabs__trigger{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--site-transition-fast),border-color var(--site-transition-fast)}.gbt-tabs__trigger:hover{color:var(--text-primary)}.gbt-tabs__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--site-border-radius-sm)}.gbt-tabs__trigger--active{color:var(--primary);border-bottom-color:var(--primary)}.gbt-tabs__panels{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}\n"],
|
|
6322
|
+
styles: [":host{display:block}.gbt-tabs{display:flex;flex-direction:column}.gbt-tabs__list{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.gbt-tabs__trigger{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--site-transition-fast),border-color var(--site-transition-fast)}.gbt-tabs__trigger:hover{color:var(--text-primary)}.gbt-tabs__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px;border-radius:var(--site-border-radius-sm)}.gbt-tabs__trigger--active{color:var(--primary);border-bottom-color:var(--primary)}.gbt-tabs__panels{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}\n"],
|
|
6323
6323
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
6324
6324
|
});
|
|
6325
6325
|
};
|
|
@@ -6336,7 +6336,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6336
6336
|
imports: [],
|
|
6337
6337
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
6338
6338
|
template: "<div class=\"gbt-tabs\">\n <div class=\"gbt-tabs__list\" role=\"tablist\">\n @for (tab of tabs(); track tab; let i = $index) {\n <button\n #trigger\n type=\"button\"\n class=\"gbt-tabs__trigger\"\n [class.gbt-tabs__trigger--active]=\"activeIndex() === i\"\n role=\"tab\"\n [id]=\"id() + '-trigger-' + i\"\n [attr.aria-selected]=\"activeIndex() === i\"\n [attr.aria-controls]=\"id() + '-panel-' + i\"\n [tabIndex]=\"activeIndex() === i ? 0 : -1\"\n (click)=\"select(i)\"\n (keydown)=\"onKeydown($event, i)\"\n >\n {{ tab.label() }}\n </button>\n }\n </div>\n <div class=\"gbt-tabs__panels\">\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
6339
|
-
styles: [":host{display:block}.gbt-tabs{display:flex;flex-direction:column}.gbt-tabs__list{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.gbt-tabs__trigger{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--site-transition-fast),border-color var(--site-transition-fast)}.gbt-tabs__trigger:hover{color:var(--text-primary)}.gbt-tabs__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--site-border-radius-sm)}.gbt-tabs__trigger--active{color:var(--primary);border-bottom-color:var(--primary)}.gbt-tabs__panels{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}\n"]
|
|
6339
|
+
styles: [":host{display:block}.gbt-tabs{display:flex;flex-direction:column}.gbt-tabs__list{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.gbt-tabs__trigger{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--site-transition-fast),border-color var(--site-transition-fast)}.gbt-tabs__trigger:hover{color:var(--text-primary)}.gbt-tabs__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px;border-radius:var(--site-border-radius-sm)}.gbt-tabs__trigger--active{color:var(--primary);border-bottom-color:var(--primary)}.gbt-tabs__panels{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}\n"]
|
|
6340
6340
|
}]
|
|
6341
6341
|
}],
|
|
6342
6342
|
ctorParameters: () => [],
|
|
@@ -6768,7 +6768,7 @@ var ChartFrame = class ChartFrame {
|
|
|
6768
6768
|
}],
|
|
6769
6769
|
ngImport: i0,
|
|
6770
6770
|
template: "<div class=\"gbt-chart-frame\">\n @if (heading()) {\n <div class=\"gbt-chart-frame__header\">\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-chart-frame__title\">{{ heading() }}</h1>\n }\n @case (3) {\n <h3 class=\"gbt-chart-frame__title\">{{ heading() }}</h3>\n }\n @case (4) {\n <h4 class=\"gbt-chart-frame__title\">{{ heading() }}</h4>\n }\n @case (5) {\n <h5 class=\"gbt-chart-frame__title\">{{ heading() }}</h5>\n }\n @case (6) {\n <h6 class=\"gbt-chart-frame__title\">{{ heading() }}</h6>\n }\n @default {\n <h2 class=\"gbt-chart-frame__title\">{{ heading() }}</h2>\n }\n }\n @if (headline()) {\n <p class=\"gbt-chart-frame__headline\">{{ headline() }}</p>\n }\n @if (trend()) {\n <p class=\"gbt-chart-frame__trend\">{{ trend() }}</p>\n }\n </div>\n }\n\n <div\n #surface\n class=\"gbt-chart-frame__surface\"\n [attr.tabindex]=\"ready() && pointValues().length > 0 ? 0 : null\"\n [attr.role]=\"ready() ? 'group' : null\"\n [attr.aria-label]=\"ready() ? label() : null\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur()\"\n (pointermove)=\"onPointerMove($event)\"\n (pointerleave)=\"onPointerLeave($event)\"\n >\n @if (ready()) {\n <svg\n class=\"gbt-chart-frame__svg\"\n [attr.viewBox]=\"viewBox()\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g [attr.transform]=\"innerTransform()\">\n <ng-content select=\"[gbtChartLayer]\" />\n @if (activePosition() !== null) {\n <line\n class=\"gbt-chart-frame__guide\"\n [attr.x1]=\"activePosition()\"\n [attr.x2]=\"activePosition()\"\n y1=\"0\"\n [attr.y2]=\"innerHeight()\"\n aria-hidden=\"true\"\n />\n }\n </g>\n </svg>\n <ng-content select=\"gbt-chart-tooltip\" />\n }\n </div>\n <ng-content select=\"gbt-chart-empty\" />\n <ng-content select=\"gbt-chart-table\" />\n</div>\n",
|
|
6771
|
-
styles: [":host{display:block}.gbt-chart-frame{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.gbt-chart-frame__surface{flex:1;min-height:0;position:relative}.gbt-chart-frame__surface:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-chart-frame__svg{display:block;width:100%;height:100%}.gbt-chart-frame__guide{stroke:var(--border-color);stroke-width:1;pointer-events:none}.gbt-chart-frame__header{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.75rem;margin-bottom:.5rem}.gbt-chart-frame__title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.gbt-chart-frame__headline{margin:0;grid-row:1;grid-column:2;font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.gbt-chart-frame__trend{margin:0;grid-column:2;justify-self:end;font-size:.6875rem;font-weight:600;color:var(--text-secondary)}\n"],
|
|
6771
|
+
styles: [":host{display:block}.gbt-chart-frame{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.gbt-chart-frame__surface{flex:1;min-height:0;position:relative}.gbt-chart-frame__surface:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-chart-frame__svg{display:block;width:100%;height:100%}.gbt-chart-frame__guide{stroke:var(--border-color);stroke-width:1;pointer-events:none}.gbt-chart-frame__header{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.75rem;margin-bottom:.5rem}.gbt-chart-frame__title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.gbt-chart-frame__headline{margin:0;grid-row:1;grid-column:2;font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.gbt-chart-frame__trend{margin:0;grid-column:2;justify-self:end;font-size:.6875rem;font-weight:600;color:var(--text-secondary)}\n"],
|
|
6772
6772
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
6773
6773
|
});
|
|
6774
6774
|
};
|
|
@@ -6789,7 +6789,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6789
6789
|
useExisting: ChartContext
|
|
6790
6790
|
}],
|
|
6791
6791
|
template: "<div class=\"gbt-chart-frame\">\n @if (heading()) {\n <div class=\"gbt-chart-frame__header\">\n @switch (headingLevel()) {\n @case (1) {\n <h1 class=\"gbt-chart-frame__title\">{{ heading() }}</h1>\n }\n @case (3) {\n <h3 class=\"gbt-chart-frame__title\">{{ heading() }}</h3>\n }\n @case (4) {\n <h4 class=\"gbt-chart-frame__title\">{{ heading() }}</h4>\n }\n @case (5) {\n <h5 class=\"gbt-chart-frame__title\">{{ heading() }}</h5>\n }\n @case (6) {\n <h6 class=\"gbt-chart-frame__title\">{{ heading() }}</h6>\n }\n @default {\n <h2 class=\"gbt-chart-frame__title\">{{ heading() }}</h2>\n }\n }\n @if (headline()) {\n <p class=\"gbt-chart-frame__headline\">{{ headline() }}</p>\n }\n @if (trend()) {\n <p class=\"gbt-chart-frame__trend\">{{ trend() }}</p>\n }\n </div>\n }\n\n <div\n #surface\n class=\"gbt-chart-frame__surface\"\n [attr.tabindex]=\"ready() && pointValues().length > 0 ? 0 : null\"\n [attr.role]=\"ready() ? 'group' : null\"\n [attr.aria-label]=\"ready() ? label() : null\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur()\"\n (pointermove)=\"onPointerMove($event)\"\n (pointerleave)=\"onPointerLeave($event)\"\n >\n @if (ready()) {\n <svg\n class=\"gbt-chart-frame__svg\"\n [attr.viewBox]=\"viewBox()\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g [attr.transform]=\"innerTransform()\">\n <ng-content select=\"[gbtChartLayer]\" />\n @if (activePosition() !== null) {\n <line\n class=\"gbt-chart-frame__guide\"\n [attr.x1]=\"activePosition()\"\n [attr.x2]=\"activePosition()\"\n y1=\"0\"\n [attr.y2]=\"innerHeight()\"\n aria-hidden=\"true\"\n />\n }\n </g>\n </svg>\n <ng-content select=\"gbt-chart-tooltip\" />\n }\n </div>\n <ng-content select=\"gbt-chart-empty\" />\n <ng-content select=\"gbt-chart-table\" />\n</div>\n",
|
|
6792
|
-
styles: [":host{display:block}.gbt-chart-frame{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.gbt-chart-frame__surface{flex:1;min-height:0;position:relative}.gbt-chart-frame__surface:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-chart-frame__svg{display:block;width:100%;height:100%}.gbt-chart-frame__guide{stroke:var(--border-color);stroke-width:1;pointer-events:none}.gbt-chart-frame__header{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.75rem;margin-bottom:.5rem}.gbt-chart-frame__title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.gbt-chart-frame__headline{margin:0;grid-row:1;grid-column:2;font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.gbt-chart-frame__trend{margin:0;grid-column:2;justify-self:end;font-size:.6875rem;font-weight:600;color:var(--text-secondary)}\n"]
|
|
6792
|
+
styles: [":host{display:block}.gbt-chart-frame{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.gbt-chart-frame__surface{flex:1;min-height:0;position:relative}.gbt-chart-frame__surface:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-chart-frame__svg{display:block;width:100%;height:100%}.gbt-chart-frame__guide{stroke:var(--border-color);stroke-width:1;pointer-events:none}.gbt-chart-frame__header{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.75rem;margin-bottom:.5rem}.gbt-chart-frame__title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.gbt-chart-frame__headline{margin:0;grid-row:1;grid-column:2;font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.gbt-chart-frame__trend{margin:0;grid-column:2;justify-self:end;font-size:.6875rem;font-weight:600;color:var(--text-secondary)}\n"]
|
|
6793
6793
|
}]
|
|
6794
6794
|
}],
|
|
6795
6795
|
ctorParameters: () => [],
|
|
@@ -7239,7 +7239,7 @@ var ChartLegend = class ChartLegend {
|
|
|
7239
7239
|
outputs: { activeIndexChange: "activeIndexChange" },
|
|
7240
7240
|
ngImport: i0,
|
|
7241
7241
|
template: "<ul class=\"gbt-chart-legend\">\n @for (entry of entries(); track $index) {\n <li\n class=\"gbt-chart-legend__item\"\n [class.gbt-chart-legend__item--active]=\"interactive() && activeIndex() === $index\"\n [attr.data-pattern]=\"entry.pattern ?? 'solid'\"\n [attr.tabindex]=\"interactive() ? 0 : null\"\n (mouseenter)=\"interactive() && activeIndexChange.emit($index)\"\n (mouseleave)=\"interactive() && onMouseLeave($event)\"\n (focus)=\"interactive() && activeIndexChange.emit($index)\"\n (blur)=\"interactive() && activeIndexChange.emit(null)\"\n >\n <svg class=\"gbt-chart-legend__swatch\" viewBox=\"0 0 24 8\" aria-hidden=\"true\" focusable=\"false\">\n @if (entry.color; as color) {\n <rect\n class=\"gbt-chart-legend__fill\"\n x=\"4\"\n y=\"0\"\n width=\"8\"\n height=\"8\"\n rx=\"2\"\n [attr.fill]=\"color\"\n />\n } @else {\n <line\n class=\"gbt-chart-legend__line\"\n x1=\"0\"\n y1=\"4\"\n x2=\"24\"\n y2=\"4\"\n [attr.stroke-dasharray]=\"dashArray(entry.pattern)\"\n stroke-width=\"2\"\n />\n }\n </svg>\n {{ entry.label }}\n @if (entry.value; as value) {\n <span class=\"gbt-chart-legend__value\">{{ value }}</span>\n }\n </li>\n }\n</ul>\n",
|
|
7242
|
-
styles: [".gbt-chart-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.8125rem;color:var(--text-secondary)}.gbt-chart-legend__item{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--site-border-radius-sm)}.gbt-chart-legend__item:nth-child(3n+1) .gbt-chart-legend__line{stroke:var(--chart-series-1-base)}.gbt-chart-legend__item:nth-child(3n+2) .gbt-chart-legend__line{stroke:var(--chart-series-2-base)}.gbt-chart-legend__item:nth-child(3n+3) .gbt-chart-legend__line{stroke:var(--chart-series-3-base)}.gbt-chart-legend__item[tabindex]{cursor:default;padding:.125rem .25rem;margin:-.125rem -.25rem}.gbt-chart-legend__item[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-chart-legend__item--active{background:var(--bg-hover)}.gbt-chart-legend__swatch{width:1.5rem;height:.5rem;flex:none}.gbt-chart-legend__value{margin-left:.375rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}\n"],
|
|
7242
|
+
styles: [".gbt-chart-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.8125rem;color:var(--text-secondary)}.gbt-chart-legend__item{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--site-border-radius-sm)}.gbt-chart-legend__item:nth-child(3n+1) .gbt-chart-legend__line{stroke:var(--chart-series-1-base)}.gbt-chart-legend__item:nth-child(3n+2) .gbt-chart-legend__line{stroke:var(--chart-series-2-base)}.gbt-chart-legend__item:nth-child(3n+3) .gbt-chart-legend__line{stroke:var(--chart-series-3-base)}.gbt-chart-legend__item[tabindex]{cursor:default;padding:.125rem .25rem;margin:-.125rem -.25rem}.gbt-chart-legend__item[tabindex]:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-chart-legend__item--active{background:var(--bg-hover)}.gbt-chart-legend__swatch{width:1.5rem;height:.5rem;flex:none}.gbt-chart-legend__value{margin-left:.375rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}\n"],
|
|
7243
7243
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
7244
7244
|
});
|
|
7245
7245
|
};
|
|
@@ -7256,7 +7256,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7256
7256
|
imports: [],
|
|
7257
7257
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
7258
7258
|
template: "<ul class=\"gbt-chart-legend\">\n @for (entry of entries(); track $index) {\n <li\n class=\"gbt-chart-legend__item\"\n [class.gbt-chart-legend__item--active]=\"interactive() && activeIndex() === $index\"\n [attr.data-pattern]=\"entry.pattern ?? 'solid'\"\n [attr.tabindex]=\"interactive() ? 0 : null\"\n (mouseenter)=\"interactive() && activeIndexChange.emit($index)\"\n (mouseleave)=\"interactive() && onMouseLeave($event)\"\n (focus)=\"interactive() && activeIndexChange.emit($index)\"\n (blur)=\"interactive() && activeIndexChange.emit(null)\"\n >\n <svg class=\"gbt-chart-legend__swatch\" viewBox=\"0 0 24 8\" aria-hidden=\"true\" focusable=\"false\">\n @if (entry.color; as color) {\n <rect\n class=\"gbt-chart-legend__fill\"\n x=\"4\"\n y=\"0\"\n width=\"8\"\n height=\"8\"\n rx=\"2\"\n [attr.fill]=\"color\"\n />\n } @else {\n <line\n class=\"gbt-chart-legend__line\"\n x1=\"0\"\n y1=\"4\"\n x2=\"24\"\n y2=\"4\"\n [attr.stroke-dasharray]=\"dashArray(entry.pattern)\"\n stroke-width=\"2\"\n />\n }\n </svg>\n {{ entry.label }}\n @if (entry.value; as value) {\n <span class=\"gbt-chart-legend__value\">{{ value }}</span>\n }\n </li>\n }\n</ul>\n",
|
|
7259
|
-
styles: [".gbt-chart-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.8125rem;color:var(--text-secondary)}.gbt-chart-legend__item{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--site-border-radius-sm)}.gbt-chart-legend__item:nth-child(3n+1) .gbt-chart-legend__line{stroke:var(--chart-series-1-base)}.gbt-chart-legend__item:nth-child(3n+2) .gbt-chart-legend__line{stroke:var(--chart-series-2-base)}.gbt-chart-legend__item:nth-child(3n+3) .gbt-chart-legend__line{stroke:var(--chart-series-3-base)}.gbt-chart-legend__item[tabindex]{cursor:default;padding:.125rem .25rem;margin:-.125rem -.25rem}.gbt-chart-legend__item[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-chart-legend__item--active{background:var(--bg-hover)}.gbt-chart-legend__swatch{width:1.5rem;height:.5rem;flex:none}.gbt-chart-legend__value{margin-left:.375rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}\n"]
|
|
7259
|
+
styles: [".gbt-chart-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.8125rem;color:var(--text-secondary)}.gbt-chart-legend__item{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--site-border-radius-sm)}.gbt-chart-legend__item:nth-child(3n+1) .gbt-chart-legend__line{stroke:var(--chart-series-1-base)}.gbt-chart-legend__item:nth-child(3n+2) .gbt-chart-legend__line{stroke:var(--chart-series-2-base)}.gbt-chart-legend__item:nth-child(3n+3) .gbt-chart-legend__line{stroke:var(--chart-series-3-base)}.gbt-chart-legend__item[tabindex]{cursor:default;padding:.125rem .25rem;margin:-.125rem -.25rem}.gbt-chart-legend__item[tabindex]:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-chart-legend__item--active{background:var(--bg-hover)}.gbt-chart-legend__swatch{width:1.5rem;height:.5rem;flex:none}.gbt-chart-legend__value{margin-left:.375rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}\n"]
|
|
7260
7260
|
}]
|
|
7261
7261
|
}],
|
|
7262
7262
|
propDecorators: {
|
|
@@ -7327,7 +7327,7 @@ var ChartEmpty = class ChartEmpty {
|
|
|
7327
7327
|
outputs: { action: "action" },
|
|
7328
7328
|
ngImport: i0,
|
|
7329
7329
|
template: "<div class=\"gbt-chart-empty\" role=\"status\">\n <div class=\"gbt-chart-empty__icon\" aria-hidden=\"true\">\n <ng-content select=\"[gbtChartEmptyIcon]\" />\n </div>\n <p class=\"gbt-chart-empty__message\">{{ message() }}</p>\n @if (actionLabel()) {\n <button type=\"button\" class=\"gbt-chart-empty__action\" (click)=\"action.emit()\">\n {{ actionLabel() }}\n </button>\n }\n</div>\n",
|
|
7330
|
-
styles: [".gbt-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:8rem;padding:1.5rem;color:var(--text-secondary);text-align:center}.gbt-chart-empty__icon{width:64px;height:64px;color:var(--text-discret)}.gbt-chart-empty__icon:empty{display:none}.gbt-chart-empty__icon svg{width:100%;height:100%}.gbt-chart-empty__message{margin:0;font-size:.875rem}.gbt-chart-empty__action{min-width:24px;min-height:24px;padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:var(--site-border-radius);background:transparent;color:var(--primary);font:inherit;cursor:pointer}.gbt-chart-empty__action:hover{background:var(--bg-hover)}.gbt-chart-empty__action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}\n"],
|
|
7330
|
+
styles: [".gbt-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:8rem;padding:1.5rem;color:var(--text-secondary);text-align:center}.gbt-chart-empty__icon{width:64px;height:64px;color:var(--text-discret)}.gbt-chart-empty__icon:empty{display:none}.gbt-chart-empty__icon svg{width:100%;height:100%}.gbt-chart-empty__message{margin:0;font-size:.875rem}.gbt-chart-empty__action{min-width:24px;min-height:24px;padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:var(--site-border-radius);background:transparent;color:var(--primary);font:inherit;cursor:pointer}.gbt-chart-empty__action:hover{background:var(--bg-hover)}.gbt-chart-empty__action:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"],
|
|
7331
7331
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
7332
7332
|
});
|
|
7333
7333
|
};
|
|
@@ -7344,7 +7344,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7344
7344
|
imports: [],
|
|
7345
7345
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
7346
7346
|
template: "<div class=\"gbt-chart-empty\" role=\"status\">\n <div class=\"gbt-chart-empty__icon\" aria-hidden=\"true\">\n <ng-content select=\"[gbtChartEmptyIcon]\" />\n </div>\n <p class=\"gbt-chart-empty__message\">{{ message() }}</p>\n @if (actionLabel()) {\n <button type=\"button\" class=\"gbt-chart-empty__action\" (click)=\"action.emit()\">\n {{ actionLabel() }}\n </button>\n }\n</div>\n",
|
|
7347
|
-
styles: [".gbt-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:8rem;padding:1.5rem;color:var(--text-secondary);text-align:center}.gbt-chart-empty__icon{width:64px;height:64px;color:var(--text-discret)}.gbt-chart-empty__icon:empty{display:none}.gbt-chart-empty__icon svg{width:100%;height:100%}.gbt-chart-empty__message{margin:0;font-size:.875rem}.gbt-chart-empty__action{min-width:24px;min-height:24px;padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:var(--site-border-radius);background:transparent;color:var(--primary);font:inherit;cursor:pointer}.gbt-chart-empty__action:hover{background:var(--bg-hover)}.gbt-chart-empty__action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}\n"]
|
|
7347
|
+
styles: [".gbt-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:8rem;padding:1.5rem;color:var(--text-secondary);text-align:center}.gbt-chart-empty__icon{width:64px;height:64px;color:var(--text-discret)}.gbt-chart-empty__icon:empty{display:none}.gbt-chart-empty__icon svg{width:100%;height:100%}.gbt-chart-empty__message{margin:0;font-size:.875rem}.gbt-chart-empty__action{min-width:24px;min-height:24px;padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:var(--site-border-radius);background:transparent;color:var(--primary);font:inherit;cursor:pointer}.gbt-chart-empty__action:hover{background:var(--bg-hover)}.gbt-chart-empty__action:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"]
|
|
7348
7348
|
}]
|
|
7349
7349
|
}],
|
|
7350
7350
|
propDecorators: {
|
|
@@ -9457,7 +9457,7 @@ var Sparkline = class Sparkline {
|
|
|
9457
9457
|
},
|
|
9458
9458
|
ngImport: i0,
|
|
9459
9459
|
template: "@if (path(); as d) {\n <div class=\"gbt-sparkline\" role=\"status\" aria-live=\"polite\">\n <svg\n class=\"gbt-sparkline__svg\"\n [attr.viewBox]=\"viewBox()\"\n [attr.width]=\"width()\"\n [attr.height]=\"height()\"\n tabindex=\"0\"\n role=\"group\"\n [attr.aria-label]=\"tableCaption()\"\n (pointermove)=\"onPointerMove($event)\"\n (pointerleave)=\"onPointerLeave($event)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur()\"\n >\n <path class=\"gbt-sparkline__line\" [attr.d]=\"d\" />\n @if (dot(); as p) {\n <circle class=\"gbt-sparkline__dot\" [attr.cx]=\"p.x\" [attr.cy]=\"p.y\" r=\"3\" />\n }\n </svg>\n @if (tooltip(); as text) {\n <span class=\"gbt-sparkline__tooltip\">{{ text }}</span>\n }\n </div>\n <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"columns()\" [rows]=\"tableRows()\" />\n} @else {\n <gbt-chart-empty [message]=\"emptyMessage()\" />\n}\n",
|
|
9460
|
-
styles: [":host{display:inline-block;line-height:0}.gbt-sparkline{position:relative;display:inline-block}.gbt-sparkline__svg:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-sparkline__line{fill:none;stroke:var(--chart-series-1-base);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.gbt-sparkline__dot{fill:var(--chart-series-1-base);stroke:var(--bg-principal);stroke-width:1.5;pointer-events:none}.gbt-sparkline__tooltip{position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;padding:.125rem .375rem;border-radius:var(--site-border-radius);background:var(--bg-panel);border:1px solid var(--border-color);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-primary);pointer-events:none}\n"],
|
|
9460
|
+
styles: [":host{display:inline-block;line-height:0}.gbt-sparkline{position:relative;display:inline-block}.gbt-sparkline__svg:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-sparkline__line{fill:none;stroke:var(--chart-series-1-base);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.gbt-sparkline__dot{fill:var(--chart-series-1-base);stroke:var(--bg-principal);stroke-width:1.5;pointer-events:none}.gbt-sparkline__tooltip{position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;padding:.125rem .375rem;border-radius:var(--site-border-radius);background:var(--bg-panel);border:1px solid var(--border-color);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-primary);pointer-events:none}\n"],
|
|
9461
9461
|
dependencies: [{
|
|
9462
9462
|
kind: "component",
|
|
9463
9463
|
type: ChartEmpty,
|
|
@@ -9490,7 +9490,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
9490
9490
|
imports: [ChartEmpty, ChartTable],
|
|
9491
9491
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9492
9492
|
template: "@if (path(); as d) {\n <div class=\"gbt-sparkline\" role=\"status\" aria-live=\"polite\">\n <svg\n class=\"gbt-sparkline__svg\"\n [attr.viewBox]=\"viewBox()\"\n [attr.width]=\"width()\"\n [attr.height]=\"height()\"\n tabindex=\"0\"\n role=\"group\"\n [attr.aria-label]=\"tableCaption()\"\n (pointermove)=\"onPointerMove($event)\"\n (pointerleave)=\"onPointerLeave($event)\"\n (keydown)=\"onKeydown($event)\"\n (blur)=\"onBlur()\"\n >\n <path class=\"gbt-sparkline__line\" [attr.d]=\"d\" />\n @if (dot(); as p) {\n <circle class=\"gbt-sparkline__dot\" [attr.cx]=\"p.x\" [attr.cy]=\"p.y\" r=\"3\" />\n }\n </svg>\n @if (tooltip(); as text) {\n <span class=\"gbt-sparkline__tooltip\">{{ text }}</span>\n }\n </div>\n <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"columns()\" [rows]=\"tableRows()\" />\n} @else {\n <gbt-chart-empty [message]=\"emptyMessage()\" />\n}\n",
|
|
9493
|
-
styles: [":host{display:inline-block;line-height:0}.gbt-sparkline{position:relative;display:inline-block}.gbt-sparkline__svg:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-sparkline__line{fill:none;stroke:var(--chart-series-1-base);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.gbt-sparkline__dot{fill:var(--chart-series-1-base);stroke:var(--bg-principal);stroke-width:1.5;pointer-events:none}.gbt-sparkline__tooltip{position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;padding:.125rem .375rem;border-radius:var(--site-border-radius);background:var(--bg-panel);border:1px solid var(--border-color);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-primary);pointer-events:none}\n"]
|
|
9493
|
+
styles: [":host{display:inline-block;line-height:0}.gbt-sparkline{position:relative;display:inline-block}.gbt-sparkline__svg:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-sparkline__line{fill:none;stroke:var(--chart-series-1-base);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.gbt-sparkline__dot{fill:var(--chart-series-1-base);stroke:var(--bg-principal);stroke-width:1.5;pointer-events:none}.gbt-sparkline__tooltip{position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;padding:.125rem .375rem;border-radius:var(--site-border-radius);background:var(--bg-panel);border:1px solid var(--border-color);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-primary);pointer-events:none}\n"]
|
|
9494
9494
|
}]
|
|
9495
9495
|
}],
|
|
9496
9496
|
propDecorators: {
|
|
@@ -10019,7 +10019,7 @@ var FunnelChart = class FunnelChart {
|
|
|
10019
10019
|
},
|
|
10020
10020
|
ngImport: i0,
|
|
10021
10021
|
template: "@if (renderedSteps().length > 0) {\n <ol class=\"gbt-funnel-chart\" [attr.aria-label]=\"label()\">\n @for (step of renderedSteps(); track $index) {\n <li\n class=\"gbt-funnel-chart__step\"\n [attr.data-active]=\"$index === activeIndex() ? '' : null\"\n tabindex=\"0\"\n (mouseenter)=\"activeIndex.set($index)\"\n (mouseleave)=\"onMouseLeave($event)\"\n (focus)=\"activeIndex.set($index)\"\n (blur)=\"activeIndex.set(null)\"\n >\n <div class=\"gbt-funnel-chart__bar\" [style.width.%]=\"step.part\" aria-hidden=\"true\"></div>\n <span class=\"gbt-funnel-chart__label\">{{ step.label }}</span>\n <span class=\"gbt-funnel-chart__value\">{{ step.formattedValue }}</span>\n @if ($index === activeIndex()) {\n <span class=\"gbt-funnel-chart__tip\" aria-hidden=\"true\">{{\n step.conversionFromPrevious\n }}</span>\n }\n </li>\n }\n </ol>\n <div class=\"gbt-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n @if (activeStep(); as step) {\n {{ stepAnnouncement()(step.label, step.conversionFromPrevious) }}\n }\n </div>\n <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"columns()\" [rows]=\"tableRows()\" />\n} @else {\n <gbt-chart-empty [message]=\"emptyMessage()\" />\n}\n",
|
|
10022
|
-
styles: [":host{display:block}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-funnel-chart{margin:0;padding:0;list-style:none}.gbt-funnel-chart__step{position:relative;display:flex;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary)}.gbt-funnel-chart__step+.gbt-funnel-chart__step{margin-top:.25rem}.gbt-funnel-chart__step[data-active]{background:var(--bg-hover)}.gbt-funnel-chart__step:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-funnel-chart__bar{position:absolute;inset:0 auto 0 0;background:var(--chart-series-2-base);opacity:.14;border-radius:var(--site-border-radius)}.gbt-funnel-chart__label,.gbt-funnel-chart__value,.gbt-funnel-chart__tip{position:relative}.gbt-funnel-chart__value{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.gbt-funnel-chart__tip{margin-left:.5rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}\n"],
|
|
10022
|
+
styles: [":host{display:block}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-funnel-chart{margin:0;padding:0;list-style:none}.gbt-funnel-chart__step{position:relative;display:flex;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary)}.gbt-funnel-chart__step+.gbt-funnel-chart__step{margin-top:.25rem}.gbt-funnel-chart__step[data-active]{background:var(--bg-hover)}.gbt-funnel-chart__step:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-funnel-chart__bar{position:absolute;inset:0 auto 0 0;background:var(--chart-series-2-base);opacity:.14;border-radius:var(--site-border-radius)}.gbt-funnel-chart__label,.gbt-funnel-chart__value,.gbt-funnel-chart__tip{position:relative}.gbt-funnel-chart__value{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.gbt-funnel-chart__tip{margin-left:.5rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}\n"],
|
|
10023
10023
|
dependencies: [{
|
|
10024
10024
|
kind: "component",
|
|
10025
10025
|
type: ChartTable,
|
|
@@ -10052,7 +10052,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
10052
10052
|
imports: [ChartTable, ChartEmpty],
|
|
10053
10053
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10054
10054
|
template: "@if (renderedSteps().length > 0) {\n <ol class=\"gbt-funnel-chart\" [attr.aria-label]=\"label()\">\n @for (step of renderedSteps(); track $index) {\n <li\n class=\"gbt-funnel-chart__step\"\n [attr.data-active]=\"$index === activeIndex() ? '' : null\"\n tabindex=\"0\"\n (mouseenter)=\"activeIndex.set($index)\"\n (mouseleave)=\"onMouseLeave($event)\"\n (focus)=\"activeIndex.set($index)\"\n (blur)=\"activeIndex.set(null)\"\n >\n <div class=\"gbt-funnel-chart__bar\" [style.width.%]=\"step.part\" aria-hidden=\"true\"></div>\n <span class=\"gbt-funnel-chart__label\">{{ step.label }}</span>\n <span class=\"gbt-funnel-chart__value\">{{ step.formattedValue }}</span>\n @if ($index === activeIndex()) {\n <span class=\"gbt-funnel-chart__tip\" aria-hidden=\"true\">{{\n step.conversionFromPrevious\n }}</span>\n }\n </li>\n }\n </ol>\n <div class=\"gbt-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n @if (activeStep(); as step) {\n {{ stepAnnouncement()(step.label, step.conversionFromPrevious) }}\n }\n </div>\n <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"columns()\" [rows]=\"tableRows()\" />\n} @else {\n <gbt-chart-empty [message]=\"emptyMessage()\" />\n}\n",
|
|
10055
|
-
styles: [":host{display:block}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-funnel-chart{margin:0;padding:0;list-style:none}.gbt-funnel-chart__step{position:relative;display:flex;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary)}.gbt-funnel-chart__step+.gbt-funnel-chart__step{margin-top:.25rem}.gbt-funnel-chart__step[data-active]{background:var(--bg-hover)}.gbt-funnel-chart__step:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-funnel-chart__bar{position:absolute;inset:0 auto 0 0;background:var(--chart-series-2-base);opacity:.14;border-radius:var(--site-border-radius)}.gbt-funnel-chart__label,.gbt-funnel-chart__value,.gbt-funnel-chart__tip{position:relative}.gbt-funnel-chart__value{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.gbt-funnel-chart__tip{margin-left:.5rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}\n"]
|
|
10055
|
+
styles: [":host{display:block}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-funnel-chart{margin:0;padding:0;list-style:none}.gbt-funnel-chart__step{position:relative;display:flex;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary)}.gbt-funnel-chart__step+.gbt-funnel-chart__step{margin-top:.25rem}.gbt-funnel-chart__step[data-active]{background:var(--bg-hover)}.gbt-funnel-chart__step:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-funnel-chart__bar{position:absolute;inset:0 auto 0 0;background:var(--chart-series-2-base);opacity:.14;border-radius:var(--site-border-radius)}.gbt-funnel-chart__label,.gbt-funnel-chart__value,.gbt-funnel-chart__tip{position:relative}.gbt-funnel-chart__value{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.gbt-funnel-chart__tip{margin-left:.5rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}\n"]
|
|
10056
10056
|
}]
|
|
10057
10057
|
}],
|
|
10058
10058
|
propDecorators: {
|
|
@@ -10359,7 +10359,7 @@ var Menu = class Menu {
|
|
|
10359
10359
|
}],
|
|
10360
10360
|
ngImport: i0,
|
|
10361
10361
|
template: "<div class=\"gbt-menu\">\n <button\n #trigger\n type=\"button\"\n class=\"gbt-menu__trigger\"\n [class.gbt-menu__trigger--open]=\"open()\"\n [class.gbt-menu__trigger--icon-only]=\"triggerIcon()\"\n [class.gbt-menu__trigger--custom]=\"!triggerIcon() && customTrigger()\"\n aria-haspopup=\"menu\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-label]=\"triggerIcon() ? label() : triggerAriaLabel()\"\n (click)=\"toggle()\"\n (keydown)=\"onTriggerKeydown($event)\"\n >\n @if (triggerIcon(); as icon) {\n <gbt-icon [name]=\"icon\" aria-hidden=\"true\" />\n } @else {\n <ng-content select=\"[gbtMenuTrigger]\">\n <span class=\"gbt-menu__label\">{{ label() }}</span>\n </ng-content>\n @if (chevron()) {\n <gbt-icon name=\"chevron-down\" class=\"gbt-menu__chevron\" aria-hidden=\"true\" />\n }\n }\n </button>\n\n @if (open() && position(); as pos) {\n <div\n #list\n class=\"gbt-menu__list\"\n role=\"menu\"\n tabindex=\"-1\"\n [attr.aria-label]=\"label()\"\n [style.top]=\"pos.top\"\n [style.left]=\"pos.left\"\n [style.right]=\"pos.right\"\n (keydown)=\"onListKeydown($event)\"\n (click)=\"onListClick($event)\"\n >\n <ng-content />\n </div>\n }\n</div>\n",
|
|
10362
|
-
styles: [":host{display:inline-block}.gbt-menu{position:relative;display:inline-block}:host(.gbt-menu-host--custom){max-width:100%}:host(.gbt-menu-host--custom) .gbt-menu{max-width:100%}.gbt-menu__trigger{display:flex;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md);padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger:hover{background:var(--bg-hover)}.gbt-menu__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-menu__trigger--open{background:var(--bg-hover)}.gbt-menu__trigger--icon-only{padding:.5rem;gap:0}.gbt-menu__trigger--custom{min-width:0;max-width:100%;padding:.25rem .5rem .25rem .25rem}.gbt-menu__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger--open .gbt-menu__chevron{transform:rotate(180deg)}.gbt-menu__list{position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:180px;padding:6px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-menu-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes gbt-menu-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-menu__list{animation:none}.gbt-menu__chevron{transition:none}}\n"],
|
|
10362
|
+
styles: [":host{display:inline-block}.gbt-menu{position:relative;display:inline-block}:host(.gbt-menu-host--custom){max-width:100%}:host(.gbt-menu-host--custom) .gbt-menu{max-width:100%}.gbt-menu__trigger{display:flex;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md);padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger:hover{background:var(--bg-hover)}.gbt-menu__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-menu__trigger--open{background:var(--bg-hover)}.gbt-menu__trigger--icon-only{padding:.5rem;gap:0}.gbt-menu__trigger--custom{min-width:0;max-width:100%;padding:.25rem .5rem .25rem .25rem}.gbt-menu__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger--open .gbt-menu__chevron{transform:rotate(180deg)}.gbt-menu__list{position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:180px;padding:6px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-menu-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes gbt-menu-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-menu__list{animation:none}.gbt-menu__chevron{transition:none}}\n"],
|
|
10363
10363
|
dependencies: [{
|
|
10364
10364
|
kind: "component",
|
|
10365
10365
|
type: Icon,
|
|
@@ -10389,7 +10389,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
10389
10389
|
"[class.gbt-menu-host--custom]": "!triggerIcon() && !!customTrigger()"
|
|
10390
10390
|
},
|
|
10391
10391
|
template: "<div class=\"gbt-menu\">\n <button\n #trigger\n type=\"button\"\n class=\"gbt-menu__trigger\"\n [class.gbt-menu__trigger--open]=\"open()\"\n [class.gbt-menu__trigger--icon-only]=\"triggerIcon()\"\n [class.gbt-menu__trigger--custom]=\"!triggerIcon() && customTrigger()\"\n aria-haspopup=\"menu\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-label]=\"triggerIcon() ? label() : triggerAriaLabel()\"\n (click)=\"toggle()\"\n (keydown)=\"onTriggerKeydown($event)\"\n >\n @if (triggerIcon(); as icon) {\n <gbt-icon [name]=\"icon\" aria-hidden=\"true\" />\n } @else {\n <ng-content select=\"[gbtMenuTrigger]\">\n <span class=\"gbt-menu__label\">{{ label() }}</span>\n </ng-content>\n @if (chevron()) {\n <gbt-icon name=\"chevron-down\" class=\"gbt-menu__chevron\" aria-hidden=\"true\" />\n }\n }\n </button>\n\n @if (open() && position(); as pos) {\n <div\n #list\n class=\"gbt-menu__list\"\n role=\"menu\"\n tabindex=\"-1\"\n [attr.aria-label]=\"label()\"\n [style.top]=\"pos.top\"\n [style.left]=\"pos.left\"\n [style.right]=\"pos.right\"\n (keydown)=\"onListKeydown($event)\"\n (click)=\"onListClick($event)\"\n >\n <ng-content />\n </div>\n }\n</div>\n",
|
|
10392
|
-
styles: [":host{display:inline-block}.gbt-menu{position:relative;display:inline-block}:host(.gbt-menu-host--custom){max-width:100%}:host(.gbt-menu-host--custom) .gbt-menu{max-width:100%}.gbt-menu__trigger{display:flex;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md);padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger:hover{background:var(--bg-hover)}.gbt-menu__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-menu__trigger--open{background:var(--bg-hover)}.gbt-menu__trigger--icon-only{padding:.5rem;gap:0}.gbt-menu__trigger--custom{min-width:0;max-width:100%;padding:.25rem .5rem .25rem .25rem}.gbt-menu__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger--open .gbt-menu__chevron{transform:rotate(180deg)}.gbt-menu__list{position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:180px;padding:6px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-menu-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes gbt-menu-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-menu__list{animation:none}.gbt-menu__chevron{transition:none}}\n"]
|
|
10392
|
+
styles: [":host{display:inline-block}.gbt-menu{position:relative;display:inline-block}:host(.gbt-menu-host--custom){max-width:100%}:host(.gbt-menu-host--custom) .gbt-menu{max-width:100%}.gbt-menu__trigger{display:flex;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md);padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger:hover{background:var(--bg-hover)}.gbt-menu__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-menu__trigger--open{background:var(--bg-hover)}.gbt-menu__trigger--icon-only{padding:.5rem;gap:0}.gbt-menu__trigger--custom{min-width:0;max-width:100%;padding:.25rem .5rem .25rem .25rem}.gbt-menu__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-menu__trigger--open .gbt-menu__chevron{transform:rotate(180deg)}.gbt-menu__list{position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:180px;padding:6px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-menu-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes gbt-menu-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.gbt-menu__list{animation:none}.gbt-menu__chevron{transition:none}}\n"]
|
|
10393
10393
|
}]
|
|
10394
10394
|
}],
|
|
10395
10395
|
propDecorators: {
|
|
@@ -11001,7 +11001,7 @@ var SegmentedControl = class SegmentedControl {
|
|
|
11001
11001
|
}],
|
|
11002
11002
|
ngImport: i0,
|
|
11003
11003
|
template: "@if (label()) {\n <span [id]=\"labelId\" class=\"gbt-segmented-control__label\">{{ label() }}</span>\n}\n<div\n #group\n class=\"gbt-segmented-control\"\n [class.gbt-segmented-control--sm]=\"size() === 'sm'\"\n [class.gbt-segmented-control--wrap]=\"wrap()\"\n [class.gbt-segmented-control--tinted]=\"tinted()\"\n role=\"radiogroup\"\n [attr.aria-label]=\"label() ? null : ariaLabel() || null\"\n [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n @for (option of options(); track option.value; let i = $index) {\n <button\n type=\"button\"\n role=\"radio\"\n class=\"gbt-segmented-control__option\"\n [class.gbt-segmented-control__option--selected]=\"isSelected(option.value)\"\n [attr.aria-checked]=\"isSelected(option.value)\"\n [tabIndex]=\"isSelected(option.value) ? 0 : -1\"\n [disabled]=\"disabled() || !!option.disabled\"\n (click)=\"select(option)\"\n (keydown)=\"onKeydown($event, i)\"\n >\n {{ option.label }}\n </button>\n }\n</div>\n",
|
|
11004
|
-
styles: [":host(.gbt-segmented-control-host--labelled){display:inline-block}:host(.gbt-segmented-control-host--full){display:block}.gbt-segmented-control__label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-segmented-control{display:inline-flex;gap:2px;padding:2px;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-segmented-control__option{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--gbt-control-height-sm) - 4px);padding:.375rem .75rem;background:none;border:none;border-radius:calc(var(--site-border-radius-sm) - 2px);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.gbt-segmented-control__option:hover:not(:disabled):not(.gbt-segmented-control__option--selected){color:var(--text-primary)}.gbt-segmented-control__option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-segmented-control__option:disabled{cursor:not-allowed;opacity:.5}.gbt-segmented-control__option--selected{background:var(--bg-principal);color:var(--text-primary);box-shadow:var(--site-shadow-sm)}.gbt-segmented-control--tinted{background:var(--bg-track)}.gbt-segmented-control--sm .gbt-segmented-control__option{padding:.1875rem .625rem;font-size:12px}.gbt-segmented-control--wrap{flex-wrap:wrap}.gbt-segmented-control--wrap .gbt-segmented-control__option{white-space:nowrap}:host(.gbt-segmented-control-host--full) .gbt-segmented-control{display:flex}:host(.gbt-segmented-control-host--full) .gbt-segmented-control__option{flex:1 1 0;min-width:0}:host(.gbt-segmented-control-host--full) .gbt-segmented-control--wrap .gbt-segmented-control__option{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.gbt-segmented-control__option{transition:none}}\n"],
|
|
11004
|
+
styles: [":host(.gbt-segmented-control-host--labelled){display:inline-block}:host(.gbt-segmented-control-host--full){display:block}.gbt-segmented-control__label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-segmented-control{display:inline-flex;gap:2px;padding:2px;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-segmented-control__option{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--gbt-control-height-sm) - 4px);padding:.375rem .75rem;background:none;border:none;border-radius:calc(var(--site-border-radius-sm) - 2px);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.gbt-segmented-control__option:hover:not(:disabled):not(.gbt-segmented-control__option--selected){color:var(--text-primary)}.gbt-segmented-control__option:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-segmented-control__option:disabled{cursor:not-allowed;opacity:.5}.gbt-segmented-control__option--selected{background:var(--bg-principal);color:var(--text-primary);box-shadow:var(--site-shadow-sm)}.gbt-segmented-control--tinted{background:var(--bg-track)}.gbt-segmented-control--sm .gbt-segmented-control__option{padding:.1875rem .625rem;font-size:12px}.gbt-segmented-control--wrap{flex-wrap:wrap}.gbt-segmented-control--wrap .gbt-segmented-control__option{white-space:nowrap}:host(.gbt-segmented-control-host--full) .gbt-segmented-control{display:flex}:host(.gbt-segmented-control-host--full) .gbt-segmented-control__option{flex:1 1 0;min-width:0}:host(.gbt-segmented-control-host--full) .gbt-segmented-control--wrap .gbt-segmented-control__option{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.gbt-segmented-control__option{transition:none}}\n"],
|
|
11005
11005
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
11006
11006
|
});
|
|
11007
11007
|
};
|
|
@@ -11022,7 +11022,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
11022
11022
|
"[class.gbt-segmented-control-host--labelled]": "!!label()"
|
|
11023
11023
|
},
|
|
11024
11024
|
template: "@if (label()) {\n <span [id]=\"labelId\" class=\"gbt-segmented-control__label\">{{ label() }}</span>\n}\n<div\n #group\n class=\"gbt-segmented-control\"\n [class.gbt-segmented-control--sm]=\"size() === 'sm'\"\n [class.gbt-segmented-control--wrap]=\"wrap()\"\n [class.gbt-segmented-control--tinted]=\"tinted()\"\n role=\"radiogroup\"\n [attr.aria-label]=\"label() ? null : ariaLabel() || null\"\n [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n @for (option of options(); track option.value; let i = $index) {\n <button\n type=\"button\"\n role=\"radio\"\n class=\"gbt-segmented-control__option\"\n [class.gbt-segmented-control__option--selected]=\"isSelected(option.value)\"\n [attr.aria-checked]=\"isSelected(option.value)\"\n [tabIndex]=\"isSelected(option.value) ? 0 : -1\"\n [disabled]=\"disabled() || !!option.disabled\"\n (click)=\"select(option)\"\n (keydown)=\"onKeydown($event, i)\"\n >\n {{ option.label }}\n </button>\n }\n</div>\n",
|
|
11025
|
-
styles: [":host(.gbt-segmented-control-host--labelled){display:inline-block}:host(.gbt-segmented-control-host--full){display:block}.gbt-segmented-control__label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-segmented-control{display:inline-flex;gap:2px;padding:2px;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-segmented-control__option{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--gbt-control-height-sm) - 4px);padding:.375rem .75rem;background:none;border:none;border-radius:calc(var(--site-border-radius-sm) - 2px);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.gbt-segmented-control__option:hover:not(:disabled):not(.gbt-segmented-control__option--selected){color:var(--text-primary)}.gbt-segmented-control__option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-segmented-control__option:disabled{cursor:not-allowed;opacity:.5}.gbt-segmented-control__option--selected{background:var(--bg-principal);color:var(--text-primary);box-shadow:var(--site-shadow-sm)}.gbt-segmented-control--tinted{background:var(--bg-track)}.gbt-segmented-control--sm .gbt-segmented-control__option{padding:.1875rem .625rem;font-size:12px}.gbt-segmented-control--wrap{flex-wrap:wrap}.gbt-segmented-control--wrap .gbt-segmented-control__option{white-space:nowrap}:host(.gbt-segmented-control-host--full) .gbt-segmented-control{display:flex}:host(.gbt-segmented-control-host--full) .gbt-segmented-control__option{flex:1 1 0;min-width:0}:host(.gbt-segmented-control-host--full) .gbt-segmented-control--wrap .gbt-segmented-control__option{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.gbt-segmented-control__option{transition:none}}\n"]
|
|
11025
|
+
styles: [":host(.gbt-segmented-control-host--labelled){display:inline-block}:host(.gbt-segmented-control-host--full){display:block}.gbt-segmented-control__label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-segmented-control{display:inline-flex;gap:2px;padding:2px;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-segmented-control__option{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--gbt-control-height-sm) - 4px);padding:.375rem .75rem;background:none;border:none;border-radius:calc(var(--site-border-radius-sm) - 2px);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.gbt-segmented-control__option:hover:not(:disabled):not(.gbt-segmented-control__option--selected){color:var(--text-primary)}.gbt-segmented-control__option:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-segmented-control__option:disabled{cursor:not-allowed;opacity:.5}.gbt-segmented-control__option--selected{background:var(--bg-principal);color:var(--text-primary);box-shadow:var(--site-shadow-sm)}.gbt-segmented-control--tinted{background:var(--bg-track)}.gbt-segmented-control--sm .gbt-segmented-control__option{padding:.1875rem .625rem;font-size:12px}.gbt-segmented-control--wrap{flex-wrap:wrap}.gbt-segmented-control--wrap .gbt-segmented-control__option{white-space:nowrap}:host(.gbt-segmented-control-host--full) .gbt-segmented-control{display:flex}:host(.gbt-segmented-control-host--full) .gbt-segmented-control__option{flex:1 1 0;min-width:0}:host(.gbt-segmented-control-host--full) .gbt-segmented-control--wrap .gbt-segmented-control__option{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.gbt-segmented-control__option{transition:none}}\n"]
|
|
11026
11026
|
}]
|
|
11027
11027
|
}],
|
|
11028
11028
|
propDecorators: {
|
|
@@ -11613,7 +11613,7 @@ var DatePicker = class DatePicker {
|
|
|
11613
11613
|
}],
|
|
11614
11614
|
ngImport: i0,
|
|
11615
11615
|
template: "<div class=\"gbt-date-picker\">\n @if (label()) {\n <label [for]=\"id()\" class=\"gbt-date-picker__label\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <div class=\"gbt-date-picker__field\">\n <button\n type=\"button\"\n [id]=\"id()\"\n class=\"gbt-date-picker__trigger\"\n [class.gbt-date-picker__trigger--open]=\"open()\"\n [disabled]=\"isDisabled()\"\n aria-haspopup=\"dialog\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (click)=\"toggleOpen()\"\n >\n <span\n class=\"gbt-date-picker__trigger-label\"\n [class.gbt-date-picker__trigger-label--placeholder]=\"!triggerLabel()\"\n >\n {{ triggerLabel() || placeholder() }}\n </span>\n </button>\n @if (showClear()) {\n <button\n type=\"button\"\n class=\"gbt-date-picker__clear\"\n [attr.aria-label]=\"clearLabel()\"\n (click)=\"clear($event)\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n } @else {\n <gbt-icon name=\"calendar\" class=\"gbt-date-picker__icon\" aria-hidden=\"true\" />\n }\n </div>\n @if (open() && panelStyle(); as pos) {\n <div\n class=\"gbt-date-picker__panel\"\n role=\"dialog\"\n aria-modal=\"false\"\n [attr.aria-label]=\"panelLabel()\"\n [style.top]=\"pos.top\"\n [style.left]=\"pos.left\"\n >\n <div class=\"gbt-date-picker__nav\">\n <button\n type=\"button\"\n class=\"gbt-date-picker__nav-button\"\n [attr.aria-label]=\"previousMonthLabel()\"\n (click)=\"shiftMonth(-1)\"\n >\n <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n </button>\n <div class=\"gbt-date-picker__headings\">\n @for (view of monthViews(); track view.year + '-' + view.month; let i = $index) {\n <div class=\"gbt-date-picker__month-heading\">\n @if (i === 0) {\n <select\n #monthSelect\n class=\"gbt-date-picker__select\"\n [attr.aria-label]=\"monthSelectLabel()\"\n (change)=\"onMonthSelect(monthSelect.value)\"\n >\n @for (opt of monthOptions(); track opt.value) {\n <option [value]=\"opt.value\" [selected]=\"opt.value === anchorDate().getMonth()\">\n {{ opt.label }}\n </option>\n }\n </select>\n <select\n #yearSelect\n class=\"gbt-date-picker__select\"\n [attr.aria-label]=\"yearSelectLabel()\"\n (change)=\"onYearSelect(yearSelect.value)\"\n >\n @for (year of yearOptions(); track year) {\n <option [value]=\"year\" [selected]=\"year === anchorDate().getFullYear()\">\n {{ year }}\n </option>\n }\n </select>\n } @else {\n <span class=\"gbt-date-picker__month-label\">{{ view.label }}</span>\n }\n </div>\n }\n </div>\n <button\n type=\"button\"\n class=\"gbt-date-picker__nav-button\"\n [attr.aria-label]=\"nextMonthLabel()\"\n (click)=\"shiftMonth(1)\"\n >\n <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n </button>\n </div>\n <div class=\"gbt-date-picker__months\">\n @for (view of monthViews(); track view.year + '-' + view.month) {\n <div class=\"gbt-date-picker__month\">\n <div\n class=\"gbt-date-picker__grid\"\n role=\"grid\"\n tabindex=\"-1\"\n [attr.aria-label]=\"view.label\"\n (keydown)=\"onGridKeydown($event)\"\n >\n <div class=\"gbt-date-picker__row gbt-date-picker__row--head\" role=\"row\">\n @for (wd of weekdayLabels(); track $index) {\n <span role=\"columnheader\" class=\"gbt-date-picker__weekday\">{{ wd }}</span>\n }\n </div>\n @for (week of view.weeks; track $index) {\n <div class=\"gbt-date-picker__row\" role=\"row\">\n @for (day of week; track day.date.getTime()) {\n @if (day.inCurrentMonth) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"gbt-date-picker__day\"\n [class.gbt-date-picker__day--today]=\"day.isToday\"\n [class.gbt-date-picker__day--selected]=\"isSelected(day.date)\"\n [attr.data-date]=\"cellId(day.date)\"\n [attr.aria-selected]=\"isSelected(day.date)\"\n [attr.aria-current]=\"day.isToday ? 'date' : null\"\n [tabIndex]=\"isFocused(day.date) ? 0 : -1\"\n (click)=\"selectDay(day)\"\n >\n {{ day.date.getDate() }}\n </button>\n } @else {\n <span\n role=\"gridcell\"\n class=\"gbt-date-picker__day gbt-date-picker__day--empty\"\n ></span>\n }\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-date-picker__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
11616
|
-
styles: [".gbt-date-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-picker__field{position:relative;display:inline-flex}.gbt-date-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:220px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-picker__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-picker__select:hover{background:var(--bg-hover)}.gbt-date-picker__select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-picker__row--head{margin-bottom:.25rem;margin-top:.25rem}.gbt-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__day{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:50%;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-picker__day:hover:not(:disabled):not(.gbt-date-picker__day--empty){background:var(--bg-hover)}.gbt-date-picker__day:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-date-picker__day--empty{cursor:default}.gbt-date-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color)}.gbt-date-picker__day--selected{background:var(--primary);color:var(--text-on-primary);font-weight:600}@media(prefers-reduced-motion:reduce){.gbt-date-picker__panel{animation:none}.gbt-date-picker__trigger{transition:none}}@keyframes gbt-date-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"],
|
|
11616
|
+
styles: [".gbt-date-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-picker__field{position:relative;display:inline-flex}.gbt-date-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:220px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-picker__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__clear:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__nav-button:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-picker__select:hover{background:var(--bg-hover)}.gbt-date-picker__select:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-picker__row--head{margin-bottom:.25rem;margin-top:.25rem}.gbt-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__day{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:50%;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-picker__day:hover:not(:disabled):not(.gbt-date-picker__day--empty){background:var(--bg-hover)}.gbt-date-picker__day:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-date-picker__day--empty{cursor:default}.gbt-date-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color)}.gbt-date-picker__day--selected{background:var(--primary);color:var(--text-on-primary);font-weight:600}@media(prefers-reduced-motion:reduce){.gbt-date-picker__panel{animation:none}.gbt-date-picker__trigger{transition:none}}@keyframes gbt-date-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"],
|
|
11617
11617
|
dependencies: [{
|
|
11618
11618
|
kind: "component",
|
|
11619
11619
|
type: Icon,
|
|
@@ -11647,7 +11647,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
11647
11647
|
multi: true
|
|
11648
11648
|
}],
|
|
11649
11649
|
template: "<div class=\"gbt-date-picker\">\n @if (label()) {\n <label [for]=\"id()\" class=\"gbt-date-picker__label\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <div class=\"gbt-date-picker__field\">\n <button\n type=\"button\"\n [id]=\"id()\"\n class=\"gbt-date-picker__trigger\"\n [class.gbt-date-picker__trigger--open]=\"open()\"\n [disabled]=\"isDisabled()\"\n aria-haspopup=\"dialog\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (click)=\"toggleOpen()\"\n >\n <span\n class=\"gbt-date-picker__trigger-label\"\n [class.gbt-date-picker__trigger-label--placeholder]=\"!triggerLabel()\"\n >\n {{ triggerLabel() || placeholder() }}\n </span>\n </button>\n @if (showClear()) {\n <button\n type=\"button\"\n class=\"gbt-date-picker__clear\"\n [attr.aria-label]=\"clearLabel()\"\n (click)=\"clear($event)\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n } @else {\n <gbt-icon name=\"calendar\" class=\"gbt-date-picker__icon\" aria-hidden=\"true\" />\n }\n </div>\n @if (open() && panelStyle(); as pos) {\n <div\n class=\"gbt-date-picker__panel\"\n role=\"dialog\"\n aria-modal=\"false\"\n [attr.aria-label]=\"panelLabel()\"\n [style.top]=\"pos.top\"\n [style.left]=\"pos.left\"\n >\n <div class=\"gbt-date-picker__nav\">\n <button\n type=\"button\"\n class=\"gbt-date-picker__nav-button\"\n [attr.aria-label]=\"previousMonthLabel()\"\n (click)=\"shiftMonth(-1)\"\n >\n <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n </button>\n <div class=\"gbt-date-picker__headings\">\n @for (view of monthViews(); track view.year + '-' + view.month; let i = $index) {\n <div class=\"gbt-date-picker__month-heading\">\n @if (i === 0) {\n <select\n #monthSelect\n class=\"gbt-date-picker__select\"\n [attr.aria-label]=\"monthSelectLabel()\"\n (change)=\"onMonthSelect(monthSelect.value)\"\n >\n @for (opt of monthOptions(); track opt.value) {\n <option [value]=\"opt.value\" [selected]=\"opt.value === anchorDate().getMonth()\">\n {{ opt.label }}\n </option>\n }\n </select>\n <select\n #yearSelect\n class=\"gbt-date-picker__select\"\n [attr.aria-label]=\"yearSelectLabel()\"\n (change)=\"onYearSelect(yearSelect.value)\"\n >\n @for (year of yearOptions(); track year) {\n <option [value]=\"year\" [selected]=\"year === anchorDate().getFullYear()\">\n {{ year }}\n </option>\n }\n </select>\n } @else {\n <span class=\"gbt-date-picker__month-label\">{{ view.label }}</span>\n }\n </div>\n }\n </div>\n <button\n type=\"button\"\n class=\"gbt-date-picker__nav-button\"\n [attr.aria-label]=\"nextMonthLabel()\"\n (click)=\"shiftMonth(1)\"\n >\n <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n </button>\n </div>\n <div class=\"gbt-date-picker__months\">\n @for (view of monthViews(); track view.year + '-' + view.month) {\n <div class=\"gbt-date-picker__month\">\n <div\n class=\"gbt-date-picker__grid\"\n role=\"grid\"\n tabindex=\"-1\"\n [attr.aria-label]=\"view.label\"\n (keydown)=\"onGridKeydown($event)\"\n >\n <div class=\"gbt-date-picker__row gbt-date-picker__row--head\" role=\"row\">\n @for (wd of weekdayLabels(); track $index) {\n <span role=\"columnheader\" class=\"gbt-date-picker__weekday\">{{ wd }}</span>\n }\n </div>\n @for (week of view.weeks; track $index) {\n <div class=\"gbt-date-picker__row\" role=\"row\">\n @for (day of week; track day.date.getTime()) {\n @if (day.inCurrentMonth) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"gbt-date-picker__day\"\n [class.gbt-date-picker__day--today]=\"day.isToday\"\n [class.gbt-date-picker__day--selected]=\"isSelected(day.date)\"\n [attr.data-date]=\"cellId(day.date)\"\n [attr.aria-selected]=\"isSelected(day.date)\"\n [attr.aria-current]=\"day.isToday ? 'date' : null\"\n [tabIndex]=\"isFocused(day.date) ? 0 : -1\"\n (click)=\"selectDay(day)\"\n >\n {{ day.date.getDate() }}\n </button>\n } @else {\n <span\n role=\"gridcell\"\n class=\"gbt-date-picker__day gbt-date-picker__day--empty\"\n ></span>\n }\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-date-picker__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
11650
|
-
styles: [".gbt-date-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-picker__field{position:relative;display:inline-flex}.gbt-date-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:220px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-picker__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-picker__select:hover{background:var(--bg-hover)}.gbt-date-picker__select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-picker__row--head{margin-bottom:.25rem;margin-top:.25rem}.gbt-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__day{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:50%;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-picker__day:hover:not(:disabled):not(.gbt-date-picker__day--empty){background:var(--bg-hover)}.gbt-date-picker__day:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-date-picker__day--empty{cursor:default}.gbt-date-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color)}.gbt-date-picker__day--selected{background:var(--primary);color:var(--text-on-primary);font-weight:600}@media(prefers-reduced-motion:reduce){.gbt-date-picker__panel{animation:none}.gbt-date-picker__trigger{transition:none}}@keyframes gbt-date-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"]
|
|
11650
|
+
styles: [".gbt-date-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-picker__field{position:relative;display:inline-flex}.gbt-date-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:220px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-picker__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__clear:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-picker__nav-button:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-picker__select:hover{background:var(--bg-hover)}.gbt-date-picker__select:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-picker__row--head{margin-bottom:.25rem;margin-top:.25rem}.gbt-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-picker__day{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:50%;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-picker__day:hover:not(:disabled):not(.gbt-date-picker__day--empty){background:var(--bg-hover)}.gbt-date-picker__day:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-date-picker__day--empty{cursor:default}.gbt-date-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color)}.gbt-date-picker__day--selected{background:var(--primary);color:var(--text-on-primary);font-weight:600}@media(prefers-reduced-motion:reduce){.gbt-date-picker__panel{animation:none}.gbt-date-picker__trigger{transition:none}}@keyframes gbt-date-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"]
|
|
11651
11651
|
}]
|
|
11652
11652
|
}],
|
|
11653
11653
|
propDecorators: {
|
|
@@ -12153,7 +12153,7 @@ var DateRangePicker = class DateRangePicker {
|
|
|
12153
12153
|
}],
|
|
12154
12154
|
ngImport: i0,
|
|
12155
12155
|
template: "<div class=\"gbt-date-range-picker\">\n @if (label()) {\n <label [for]=\"id()\" class=\"gbt-date-range-picker__label\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <div class=\"gbt-date-range-picker__field\">\n <button\n type=\"button\"\n [id]=\"id()\"\n class=\"gbt-date-range-picker__trigger\"\n [class.gbt-date-range-picker__trigger--open]=\"open()\"\n [disabled]=\"isDisabled()\"\n aria-haspopup=\"dialog\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (click)=\"toggleOpen()\"\n >\n <span\n class=\"gbt-date-range-picker__trigger-label\"\n [class.gbt-date-range-picker__trigger-label--placeholder]=\"!triggerLabel()\"\n >\n {{ triggerLabel() || placeholder() }}\n </span>\n </button>\n @if (showClear()) {\n <button\n type=\"button\"\n class=\"gbt-date-range-picker__clear\"\n [attr.aria-label]=\"clearLabel()\"\n (click)=\"clear($event)\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n } @else {\n <gbt-icon name=\"calendar\" class=\"gbt-date-range-picker__icon\" aria-hidden=\"true\" />\n }\n </div>\n @if (open() && panelStyle(); as pos) {\n <div\n class=\"gbt-date-range-picker__panel\"\n role=\"dialog\"\n aria-modal=\"false\"\n [attr.aria-label]=\"panelLabel()\"\n [style.top]=\"pos.top\"\n [style.left]=\"pos.left\"\n >\n <div class=\"gbt-date-range-picker__nav\">\n <button\n type=\"button\"\n class=\"gbt-date-range-picker__nav-button\"\n [attr.aria-label]=\"previousMonthLabel()\"\n (click)=\"shiftMonth(-1)\"\n >\n <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n </button>\n <div class=\"gbt-date-range-picker__headings\">\n @for (view of monthViews(); track view.year + '-' + view.month; let i = $index) {\n <div class=\"gbt-date-range-picker__month-heading\">\n @if (i === 0) {\n <select\n #monthSelect\n class=\"gbt-date-range-picker__select\"\n [attr.aria-label]=\"monthSelectLabel()\"\n (change)=\"onMonthSelect(monthSelect.value)\"\n >\n @for (opt of monthOptions(); track opt.value) {\n <option [value]=\"opt.value\" [selected]=\"opt.value === anchorDate().getMonth()\">\n {{ opt.label }}\n </option>\n }\n </select>\n <select\n #yearSelect\n class=\"gbt-date-range-picker__select\"\n [attr.aria-label]=\"yearSelectLabel()\"\n (change)=\"onYearSelect(yearSelect.value)\"\n >\n @for (year of yearOptions(); track year) {\n <option [value]=\"year\" [selected]=\"year === anchorDate().getFullYear()\">\n {{ year }}\n </option>\n }\n </select>\n } @else {\n <span class=\"gbt-date-range-picker__month-label\">{{ view.label }}</span>\n }\n </div>\n }\n </div>\n <button\n type=\"button\"\n class=\"gbt-date-range-picker__nav-button\"\n [attr.aria-label]=\"nextMonthLabel()\"\n (click)=\"shiftMonth(1)\"\n >\n <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n </button>\n </div>\n <div class=\"gbt-date-range-picker__months\">\n @for (view of monthViews(); track view.year + '-' + view.month) {\n <div class=\"gbt-date-range-picker__month\">\n <div\n class=\"gbt-date-range-picker__grid\"\n role=\"grid\"\n tabindex=\"-1\"\n [attr.aria-label]=\"view.label\"\n (keydown)=\"onGridKeydown($event)\"\n >\n <div class=\"gbt-date-range-picker__row gbt-date-range-picker__row--head\" role=\"row\">\n @for (wd of weekdayLabels(); track $index) {\n <span role=\"columnheader\" class=\"gbt-date-range-picker__weekday\">{{ wd }}</span>\n }\n </div>\n @for (week of view.weeks; track $index) {\n <div class=\"gbt-date-range-picker__row\" role=\"row\">\n @for (day of week; track day.date.getTime()) {\n @if (day.inCurrentMonth) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"gbt-date-range-picker__day\"\n [class.gbt-date-range-picker__day--today]=\"day.isToday\"\n [class.gbt-date-range-picker__day--start-cap]=\"isRangeStartCap(day.date)\"\n [class.gbt-date-range-picker__day--end-cap]=\"isRangeEndCap(day.date)\"\n [class.gbt-date-range-picker__day--in-range]=\"isInRange(day.date)\"\n [class.gbt-date-range-picker__day--preview]=\"isPreviewing()\"\n [attr.data-date]=\"cellId(day.date)\"\n [attr.aria-current]=\"day.isToday ? 'date' : null\"\n [tabIndex]=\"isFocused(day.date) ? 0 : -1\"\n (click)=\"selectDay(day.date)\"\n (mouseenter)=\"onDayMouseEnter(day.date)\"\n (mouseleave)=\"onDayMouseLeave()\"\n >\n {{ day.date.getDate() }}\n </button>\n } @else {\n <span\n role=\"gridcell\"\n class=\"gbt-date-range-picker__day gbt-date-range-picker__day--empty\"\n ></span>\n }\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n <div class=\"gbt-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n {{ statusMessage() }}\n </div>\n </div>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-date-range-picker__error\" role=\"alert\">\n {{ errorMessage() }}\n </p>\n }\n</div>\n",
|
|
12156
|
-
styles: [".gbt-date-range-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-range-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-range-picker__field{position:relative;display:inline-flex}.gbt-date-range-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:260px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-range-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-range-picker__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-range-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-range-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-range-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-range-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-range-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-range-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-range-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-range-picker__select:hover{background:var(--bg-hover)}.gbt-date-range-picker__select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-range-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-range-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-range-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-range-picker__row--head{margin-top:.25rem;margin-bottom:.25rem}.gbt-date-range-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__day{position:relative;z-index:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-range-picker__day:before{content:\"\";position:absolute;inset:0;z-index:-1}.gbt-date-range-picker__day:hover:not(:disabled):not(.gbt-date-range-picker__day--empty){border-radius:50%;background:var(--bg-hover)}.gbt-date-range-picker__day:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:50%}.gbt-date-range-picker__day--empty{cursor:default}.gbt-date-range-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:50%}.gbt-date-range-picker__day--in-range:before{background:color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__day--start-cap,.gbt-date-range-picker__day--end-cap{color:var(--text-on-primary);font-weight:600}.gbt-date-range-picker__day--start-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:50% 0 0 50%}.gbt-date-range-picker__day--end-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:0 50% 50% 0}.gbt-date-range-picker__day--start-cap.gbt-date-range-picker__day--end-cap:before{border-radius:50%}.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--in-range:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--start-cap:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--end-cap:before{opacity:.6}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.gbt-date-range-picker__panel{animation:none}.gbt-date-range-picker__trigger{transition:none}}@keyframes gbt-date-range-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"],
|
|
12156
|
+
styles: [".gbt-date-range-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-range-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-range-picker__field{position:relative;display:inline-flex}.gbt-date-range-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:260px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-range-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-range-picker__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-range-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-range-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-range-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__clear:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-range-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-range-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-range-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-range-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__nav-button:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-range-picker__select:hover{background:var(--bg-hover)}.gbt-date-range-picker__select:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-range-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-range-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-range-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-range-picker__row--head{margin-top:.25rem;margin-bottom:.25rem}.gbt-date-range-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__day{position:relative;z-index:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-range-picker__day:before{content:\"\";position:absolute;inset:0;z-index:-1}.gbt-date-range-picker__day:hover:not(:disabled):not(.gbt-date-range-picker__day--empty){border-radius:50%;background:var(--bg-hover)}.gbt-date-range-picker__day:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px;border-radius:50%}.gbt-date-range-picker__day--empty{cursor:default}.gbt-date-range-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:50%}.gbt-date-range-picker__day--in-range:before{background:color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__day--start-cap,.gbt-date-range-picker__day--end-cap{color:var(--text-on-primary);font-weight:600}.gbt-date-range-picker__day--start-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:50% 0 0 50%}.gbt-date-range-picker__day--end-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:0 50% 50% 0}.gbt-date-range-picker__day--start-cap.gbt-date-range-picker__day--end-cap:before{border-radius:50%}.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--in-range:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--start-cap:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--end-cap:before{opacity:.6}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.gbt-date-range-picker__panel{animation:none}.gbt-date-range-picker__trigger{transition:none}}@keyframes gbt-date-range-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"],
|
|
12157
12157
|
dependencies: [{
|
|
12158
12158
|
kind: "component",
|
|
12159
12159
|
type: Icon,
|
|
@@ -12187,7 +12187,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
12187
12187
|
multi: true
|
|
12188
12188
|
}],
|
|
12189
12189
|
template: "<div class=\"gbt-date-range-picker\">\n @if (label()) {\n <label [for]=\"id()\" class=\"gbt-date-range-picker__label\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <div class=\"gbt-date-range-picker__field\">\n <button\n type=\"button\"\n [id]=\"id()\"\n class=\"gbt-date-range-picker__trigger\"\n [class.gbt-date-range-picker__trigger--open]=\"open()\"\n [disabled]=\"isDisabled()\"\n aria-haspopup=\"dialog\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (click)=\"toggleOpen()\"\n >\n <span\n class=\"gbt-date-range-picker__trigger-label\"\n [class.gbt-date-range-picker__trigger-label--placeholder]=\"!triggerLabel()\"\n >\n {{ triggerLabel() || placeholder() }}\n </span>\n </button>\n @if (showClear()) {\n <button\n type=\"button\"\n class=\"gbt-date-range-picker__clear\"\n [attr.aria-label]=\"clearLabel()\"\n (click)=\"clear($event)\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n } @else {\n <gbt-icon name=\"calendar\" class=\"gbt-date-range-picker__icon\" aria-hidden=\"true\" />\n }\n </div>\n @if (open() && panelStyle(); as pos) {\n <div\n class=\"gbt-date-range-picker__panel\"\n role=\"dialog\"\n aria-modal=\"false\"\n [attr.aria-label]=\"panelLabel()\"\n [style.top]=\"pos.top\"\n [style.left]=\"pos.left\"\n >\n <div class=\"gbt-date-range-picker__nav\">\n <button\n type=\"button\"\n class=\"gbt-date-range-picker__nav-button\"\n [attr.aria-label]=\"previousMonthLabel()\"\n (click)=\"shiftMonth(-1)\"\n >\n <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n </button>\n <div class=\"gbt-date-range-picker__headings\">\n @for (view of monthViews(); track view.year + '-' + view.month; let i = $index) {\n <div class=\"gbt-date-range-picker__month-heading\">\n @if (i === 0) {\n <select\n #monthSelect\n class=\"gbt-date-range-picker__select\"\n [attr.aria-label]=\"monthSelectLabel()\"\n (change)=\"onMonthSelect(monthSelect.value)\"\n >\n @for (opt of monthOptions(); track opt.value) {\n <option [value]=\"opt.value\" [selected]=\"opt.value === anchorDate().getMonth()\">\n {{ opt.label }}\n </option>\n }\n </select>\n <select\n #yearSelect\n class=\"gbt-date-range-picker__select\"\n [attr.aria-label]=\"yearSelectLabel()\"\n (change)=\"onYearSelect(yearSelect.value)\"\n >\n @for (year of yearOptions(); track year) {\n <option [value]=\"year\" [selected]=\"year === anchorDate().getFullYear()\">\n {{ year }}\n </option>\n }\n </select>\n } @else {\n <span class=\"gbt-date-range-picker__month-label\">{{ view.label }}</span>\n }\n </div>\n }\n </div>\n <button\n type=\"button\"\n class=\"gbt-date-range-picker__nav-button\"\n [attr.aria-label]=\"nextMonthLabel()\"\n (click)=\"shiftMonth(1)\"\n >\n <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n </button>\n </div>\n <div class=\"gbt-date-range-picker__months\">\n @for (view of monthViews(); track view.year + '-' + view.month) {\n <div class=\"gbt-date-range-picker__month\">\n <div\n class=\"gbt-date-range-picker__grid\"\n role=\"grid\"\n tabindex=\"-1\"\n [attr.aria-label]=\"view.label\"\n (keydown)=\"onGridKeydown($event)\"\n >\n <div class=\"gbt-date-range-picker__row gbt-date-range-picker__row--head\" role=\"row\">\n @for (wd of weekdayLabels(); track $index) {\n <span role=\"columnheader\" class=\"gbt-date-range-picker__weekday\">{{ wd }}</span>\n }\n </div>\n @for (week of view.weeks; track $index) {\n <div class=\"gbt-date-range-picker__row\" role=\"row\">\n @for (day of week; track day.date.getTime()) {\n @if (day.inCurrentMonth) {\n <button\n type=\"button\"\n role=\"gridcell\"\n class=\"gbt-date-range-picker__day\"\n [class.gbt-date-range-picker__day--today]=\"day.isToday\"\n [class.gbt-date-range-picker__day--start-cap]=\"isRangeStartCap(day.date)\"\n [class.gbt-date-range-picker__day--end-cap]=\"isRangeEndCap(day.date)\"\n [class.gbt-date-range-picker__day--in-range]=\"isInRange(day.date)\"\n [class.gbt-date-range-picker__day--preview]=\"isPreviewing()\"\n [attr.data-date]=\"cellId(day.date)\"\n [attr.aria-current]=\"day.isToday ? 'date' : null\"\n [tabIndex]=\"isFocused(day.date) ? 0 : -1\"\n (click)=\"selectDay(day.date)\"\n (mouseenter)=\"onDayMouseEnter(day.date)\"\n (mouseleave)=\"onDayMouseLeave()\"\n >\n {{ day.date.getDate() }}\n </button>\n } @else {\n <span\n role=\"gridcell\"\n class=\"gbt-date-range-picker__day gbt-date-range-picker__day--empty\"\n ></span>\n }\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n <div class=\"gbt-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n {{ statusMessage() }}\n </div>\n </div>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-date-range-picker__error\" role=\"alert\">\n {{ errorMessage() }}\n </p>\n }\n</div>\n",
|
|
12190
|
-
styles: [".gbt-date-range-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-range-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-range-picker__field{position:relative;display:inline-flex}.gbt-date-range-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:260px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-range-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-range-picker__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-range-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-range-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-range-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-range-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-range-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-range-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-range-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-range-picker__select:hover{background:var(--bg-hover)}.gbt-date-range-picker__select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-date-range-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-range-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-range-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-range-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-range-picker__row--head{margin-top:.25rem;margin-bottom:.25rem}.gbt-date-range-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__day{position:relative;z-index:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-range-picker__day:before{content:\"\";position:absolute;inset:0;z-index:-1}.gbt-date-range-picker__day:hover:not(:disabled):not(.gbt-date-range-picker__day--empty){border-radius:50%;background:var(--bg-hover)}.gbt-date-range-picker__day:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:50%}.gbt-date-range-picker__day--empty{cursor:default}.gbt-date-range-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:50%}.gbt-date-range-picker__day--in-range:before{background:color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__day--start-cap,.gbt-date-range-picker__day--end-cap{color:var(--text-on-primary);font-weight:600}.gbt-date-range-picker__day--start-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:50% 0 0 50%}.gbt-date-range-picker__day--end-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:0 50% 50% 0}.gbt-date-range-picker__day--start-cap.gbt-date-range-picker__day--end-cap:before{border-radius:50%}.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--in-range:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--start-cap:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--end-cap:before{opacity:.6}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.gbt-date-range-picker__panel{animation:none}.gbt-date-range-picker__trigger{transition:none}}@keyframes gbt-date-range-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"]
|
|
12190
|
+
styles: [".gbt-date-range-picker{display:inline-flex;flex-direction:column;gap:.375rem}.gbt-date-range-picker__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__error{margin:0;font-size:.75rem;color:var(--color-error-text)}.gbt-date-range-picker__field{position:relative;display:inline-flex}.gbt-date-range-picker__trigger{box-sizing:border-box;display:flex;align-items:center;width:260px;height:var(--gbt-control-height-md);padding:0 34px 0 10px;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.gbt-date-range-picker__trigger--open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.gbt-date-range-picker__trigger:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__trigger-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.gbt-date-range-picker__trigger-label--placeholder{color:var(--text-discret)}.gbt-date-range-picker__icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.gbt-date-range-picker__clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__clear:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__panel{box-sizing:border-box;position:fixed;z-index:1000;padding:.75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-date-range-picker-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-date-range-picker__nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.gbt-date-range-picker__headings{display:flex;flex:1;justify-content:center;gap:1.25rem}.gbt-date-range-picker__nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer}.gbt-date-range-picker__nav-button:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-date-range-picker__nav-button:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__select{box-sizing:border-box;height:28px;padding:0 6px;background:none;border:none;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.gbt-date-range-picker__select:hover{background:var(--bg-hover)}.gbt-date-range-picker__select:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-date-range-picker__months{display:flex;justify-content:center;gap:1.25rem;margin-inline:.65rem;margin-bottom:.65rem}.gbt-date-range-picker__month-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.375rem;width:184px;height:28px}.gbt-date-range-picker__month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.gbt-date-range-picker__row{display:grid;grid-template-columns:repeat(7,32px)}.gbt-date-range-picker__row--head{margin-top:.25rem;margin-bottom:.25rem}.gbt-date-range-picker__weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:13px;font-weight:600;color:var(--text-secondary)}.gbt-date-range-picker__day{position:relative;z-index:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-date-range-picker__day:before{content:\"\";position:absolute;inset:0;z-index:-1}.gbt-date-range-picker__day:hover:not(:disabled):not(.gbt-date-range-picker__day--empty){border-radius:50%;background:var(--bg-hover)}.gbt-date-range-picker__day:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px;border-radius:50%}.gbt-date-range-picker__day--empty{cursor:default}.gbt-date-range-picker__day--today{font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:50%}.gbt-date-range-picker__day--in-range:before{background:color-mix(in srgb,var(--primary) 12%,transparent)}.gbt-date-range-picker__day--start-cap,.gbt-date-range-picker__day--end-cap{color:var(--text-on-primary);font-weight:600}.gbt-date-range-picker__day--start-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:50% 0 0 50%}.gbt-date-range-picker__day--end-cap:before{background:var(--primary);color:var(--text-on-primary);border-radius:0 50% 50% 0}.gbt-date-range-picker__day--start-cap.gbt-date-range-picker__day--end-cap:before{border-radius:50%}.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--in-range:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--start-cap:before,.gbt-date-range-picker__day--preview.gbt-date-range-picker__day--end-cap:before{opacity:.6}.gbt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.gbt-date-range-picker__panel{animation:none}.gbt-date-range-picker__trigger{transition:none}}@keyframes gbt-date-range-picker-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"]
|
|
12191
12191
|
}]
|
|
12192
12192
|
}],
|
|
12193
12193
|
propDecorators: {
|
|
@@ -12396,7 +12396,7 @@ var AccordionItem = class AccordionItem {
|
|
|
12396
12396
|
}],
|
|
12397
12397
|
ngImport: i0,
|
|
12398
12398
|
template: "<button\n #header\n type=\"button\"\n class=\"gbt-accordion-item__header\"\n [class.gbt-accordion-item__header--open]=\"active()\"\n [id]=\"headerId()\"\n [attr.aria-expanded]=\"active()\"\n [attr.aria-controls]=\"panelId()\"\n (click)=\"toggle()\"\n (keydown)=\"onKeydown($event)\"\n>\n <span class=\"gbt-accordion-item__label\">{{ label() }}</span>\n <gbt-icon name=\"chevron-down\" class=\"gbt-accordion-item__chevron\" aria-hidden=\"true\" />\n</button>\n<div\n class=\"gbt-accordion-item__panel\"\n [class.gbt-accordion-item__panel--open]=\"active()\"\n [id]=\"panelId()\"\n [attr.aria-labelledby]=\"headerId()\"\n [attr.inert]=\"active() ? null : ''\"\n>\n <div class=\"gbt-accordion-item__panel-inner\">\n <div class=\"gbt-accordion-item__panel-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n",
|
|
12399
|
-
styles: [":host{display:block}:host:not(:last-child){border-bottom:1px solid var(--border-color)}.gbt-accordion-item__header{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--bg-principal);border:none;color:var(--text-primary);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header:hover{background:var(--bg-hover)}.gbt-accordion-item__header:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-accordion-item__label{flex:1;min-width:0}.gbt-accordion-item__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header--open .gbt-accordion-item__chevron{transform:rotate(180deg)}.gbt-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__panel--open{grid-template-rows:1fr}.gbt-accordion-item__panel-inner{overflow:hidden;min-height:0}.gbt-accordion-item__panel-content{padding:1rem}@media(prefers-reduced-motion:reduce){.gbt-accordion-item__chevron,.gbt-accordion-item__panel{transition:none}}\n"],
|
|
12399
|
+
styles: [":host{display:block}:host:not(:last-child){border-bottom:1px solid var(--border-color)}.gbt-accordion-item__header{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--bg-principal);border:none;color:var(--text-primary);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header:hover{background:var(--bg-hover)}.gbt-accordion-item__header:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-accordion-item__label{flex:1;min-width:0}.gbt-accordion-item__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header--open .gbt-accordion-item__chevron{transform:rotate(180deg)}.gbt-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__panel--open{grid-template-rows:1fr}.gbt-accordion-item__panel-inner{overflow:hidden;min-height:0}.gbt-accordion-item__panel-content{padding:1rem}@media(prefers-reduced-motion:reduce){.gbt-accordion-item__chevron,.gbt-accordion-item__panel{transition:none}}\n"],
|
|
12400
12400
|
dependencies: [{
|
|
12401
12401
|
kind: "component",
|
|
12402
12402
|
type: Icon,
|
|
@@ -12419,7 +12419,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
12419
12419
|
imports: [Icon],
|
|
12420
12420
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12421
12421
|
template: "<button\n #header\n type=\"button\"\n class=\"gbt-accordion-item__header\"\n [class.gbt-accordion-item__header--open]=\"active()\"\n [id]=\"headerId()\"\n [attr.aria-expanded]=\"active()\"\n [attr.aria-controls]=\"panelId()\"\n (click)=\"toggle()\"\n (keydown)=\"onKeydown($event)\"\n>\n <span class=\"gbt-accordion-item__label\">{{ label() }}</span>\n <gbt-icon name=\"chevron-down\" class=\"gbt-accordion-item__chevron\" aria-hidden=\"true\" />\n</button>\n<div\n class=\"gbt-accordion-item__panel\"\n [class.gbt-accordion-item__panel--open]=\"active()\"\n [id]=\"panelId()\"\n [attr.aria-labelledby]=\"headerId()\"\n [attr.inert]=\"active() ? null : ''\"\n>\n <div class=\"gbt-accordion-item__panel-inner\">\n <div class=\"gbt-accordion-item__panel-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n",
|
|
12422
|
-
styles: [":host{display:block}:host:not(:last-child){border-bottom:1px solid var(--border-color)}.gbt-accordion-item__header{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--bg-principal);border:none;color:var(--text-primary);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header:hover{background:var(--bg-hover)}.gbt-accordion-item__header:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-accordion-item__label{flex:1;min-width:0}.gbt-accordion-item__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header--open .gbt-accordion-item__chevron{transform:rotate(180deg)}.gbt-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__panel--open{grid-template-rows:1fr}.gbt-accordion-item__panel-inner{overflow:hidden;min-height:0}.gbt-accordion-item__panel-content{padding:1rem}@media(prefers-reduced-motion:reduce){.gbt-accordion-item__chevron,.gbt-accordion-item__panel{transition:none}}\n"]
|
|
12422
|
+
styles: [":host{display:block}:host:not(:last-child){border-bottom:1px solid var(--border-color)}.gbt-accordion-item__header{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--bg-principal);border:none;color:var(--text-primary);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header:hover{background:var(--bg-hover)}.gbt-accordion-item__header:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-accordion-item__label{flex:1;min-width:0}.gbt-accordion-item__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__header--open .gbt-accordion-item__chevron{transform:rotate(180deg)}.gbt-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.gbt-accordion-item__panel--open{grid-template-rows:1fr}.gbt-accordion-item__panel-inner{overflow:hidden;min-height:0}.gbt-accordion-item__panel-content{padding:1rem}@media(prefers-reduced-motion:reduce){.gbt-accordion-item__chevron,.gbt-accordion-item__panel{transition:none}}\n"]
|
|
12423
12423
|
}]
|
|
12424
12424
|
}],
|
|
12425
12425
|
propDecorators: {
|
|
@@ -12779,7 +12779,7 @@ var Pagination = class Pagination {
|
|
|
12779
12779
|
},
|
|
12780
12780
|
ngImport: i0,
|
|
12781
12781
|
template: "<div class=\"gbt-pagination\">\n <div class=\"gbt-pagination__side gbt-pagination__side--start\">\n @if (showItemsSummary()) {\n <span class=\"gbt-pagination__summary\">{{ itemsSummary() }}</span>\n }\n </div>\n\n <nav [attr.aria-label]=\"ariaLabel()\">\n <ul class=\"gbt-pagination__list\">\n <li>\n <button\n type=\"button\"\n class=\"gbt-pagination__nav\"\n [disabled]=\"disabled() || page() <= 1\"\n [attr.aria-label]=\"previousLabel()\"\n (click)=\"goTo(page() - 1)\"\n >\n <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n </button>\n </li>\n @for (item of items(); track $index) {\n @if (item === ELLIPSIS) {\n <li class=\"gbt-pagination__ellipsis\" aria-hidden=\"true\">{{ ELLIPSIS }}</li>\n } @else {\n <li>\n <button\n type=\"button\"\n class=\"gbt-pagination__page\"\n [class.gbt-pagination__page--current]=\"item === page()\"\n [attr.aria-current]=\"item === page() ? 'page' : null\"\n [attr.aria-label]=\"pageLabel()(item)\"\n [disabled]=\"disabled()\"\n (click)=\"goTo(item)\"\n >\n {{ item }}\n </button>\n </li>\n }\n }\n <li>\n <button\n type=\"button\"\n class=\"gbt-pagination__nav\"\n [disabled]=\"disabled() || page() >= pageCount()\"\n [attr.aria-label]=\"nextLabel()\"\n (click)=\"goTo(page() + 1)\"\n >\n <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n </button>\n </li>\n </ul>\n </nav>\n\n <div class=\"gbt-pagination__side gbt-pagination__side--end\">\n @if (pageSizeOptions().length > 0) {\n <gbt-select\n class=\"gbt-pagination__page-size\"\n size=\"sm\"\n [label]=\"pageSizeSelectLabel()\"\n [options]=\"pageSizeSelectOptions()\"\n [disabled]=\"disabled()\"\n [formControl]=\"pageSizeControl\"\n />\n }\n </div>\n</div>\n",
|
|
12782
|
-
styles: [":host{display:block;width:100%}.gbt-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.gbt-pagination__side{display:flex;align-items:center;flex:1;min-width:0}.gbt-pagination__side--start{justify-content:flex-start}.gbt-pagination__side--end{justify-content:flex-end}.gbt-pagination__summary{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.gbt-pagination__page-size{min-width:0}.gbt-pagination__list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.gbt-pagination__nav,.gbt-pagination__page{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-pagination__nav:hover:not(:disabled),.gbt-pagination__page:hover:not(:disabled){background:var(--bg-hover)}.gbt-pagination__nav:focus-visible,.gbt-pagination__page:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-pagination__nav:disabled,.gbt-pagination__page:disabled{color:var(--text-discret);cursor:not-allowed}.gbt-pagination__page--current{background:var(--primary);color:var(--text-on-primary);font-weight:600}.gbt-pagination__page--current:hover{background:var(--primary)}.gbt-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:var(--text-discret)}\n"],
|
|
12782
|
+
styles: [":host{display:block;width:100%}.gbt-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.gbt-pagination__side{display:flex;align-items:center;flex:1;min-width:0}.gbt-pagination__side--start{justify-content:flex-start}.gbt-pagination__side--end{justify-content:flex-end}.gbt-pagination__summary{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.gbt-pagination__page-size{min-width:0}.gbt-pagination__list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.gbt-pagination__nav,.gbt-pagination__page{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-pagination__nav:hover:not(:disabled),.gbt-pagination__page:hover:not(:disabled){background:var(--bg-hover)}.gbt-pagination__nav:focus-visible,.gbt-pagination__page:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-pagination__nav:disabled,.gbt-pagination__page:disabled{color:var(--text-discret);cursor:not-allowed}.gbt-pagination__page--current{background:var(--primary);color:var(--text-on-primary);font-weight:600}.gbt-pagination__page--current:hover{background:var(--primary)}.gbt-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:var(--text-discret)}\n"],
|
|
12783
12783
|
dependencies: [
|
|
12784
12784
|
{
|
|
12785
12785
|
kind: "component",
|
|
@@ -12852,7 +12852,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
12852
12852
|
],
|
|
12853
12853
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12854
12854
|
template: "<div class=\"gbt-pagination\">\n <div class=\"gbt-pagination__side gbt-pagination__side--start\">\n @if (showItemsSummary()) {\n <span class=\"gbt-pagination__summary\">{{ itemsSummary() }}</span>\n }\n </div>\n\n <nav [attr.aria-label]=\"ariaLabel()\">\n <ul class=\"gbt-pagination__list\">\n <li>\n <button\n type=\"button\"\n class=\"gbt-pagination__nav\"\n [disabled]=\"disabled() || page() <= 1\"\n [attr.aria-label]=\"previousLabel()\"\n (click)=\"goTo(page() - 1)\"\n >\n <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n </button>\n </li>\n @for (item of items(); track $index) {\n @if (item === ELLIPSIS) {\n <li class=\"gbt-pagination__ellipsis\" aria-hidden=\"true\">{{ ELLIPSIS }}</li>\n } @else {\n <li>\n <button\n type=\"button\"\n class=\"gbt-pagination__page\"\n [class.gbt-pagination__page--current]=\"item === page()\"\n [attr.aria-current]=\"item === page() ? 'page' : null\"\n [attr.aria-label]=\"pageLabel()(item)\"\n [disabled]=\"disabled()\"\n (click)=\"goTo(item)\"\n >\n {{ item }}\n </button>\n </li>\n }\n }\n <li>\n <button\n type=\"button\"\n class=\"gbt-pagination__nav\"\n [disabled]=\"disabled() || page() >= pageCount()\"\n [attr.aria-label]=\"nextLabel()\"\n (click)=\"goTo(page() + 1)\"\n >\n <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n </button>\n </li>\n </ul>\n </nav>\n\n <div class=\"gbt-pagination__side gbt-pagination__side--end\">\n @if (pageSizeOptions().length > 0) {\n <gbt-select\n class=\"gbt-pagination__page-size\"\n size=\"sm\"\n [label]=\"pageSizeSelectLabel()\"\n [options]=\"pageSizeSelectOptions()\"\n [disabled]=\"disabled()\"\n [formControl]=\"pageSizeControl\"\n />\n }\n </div>\n</div>\n",
|
|
12855
|
-
styles: [":host{display:block;width:100%}.gbt-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.gbt-pagination__side{display:flex;align-items:center;flex:1;min-width:0}.gbt-pagination__side--start{justify-content:flex-start}.gbt-pagination__side--end{justify-content:flex-end}.gbt-pagination__summary{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.gbt-pagination__page-size{min-width:0}.gbt-pagination__list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.gbt-pagination__nav,.gbt-pagination__page{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-pagination__nav:hover:not(:disabled),.gbt-pagination__page:hover:not(:disabled){background:var(--bg-hover)}.gbt-pagination__nav:focus-visible,.gbt-pagination__page:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-pagination__nav:disabled,.gbt-pagination__page:disabled{color:var(--text-discret);cursor:not-allowed}.gbt-pagination__page--current{background:var(--primary);color:var(--text-on-primary);font-weight:600}.gbt-pagination__page--current:hover{background:var(--primary)}.gbt-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:var(--text-discret)}\n"]
|
|
12855
|
+
styles: [":host{display:block;width:100%}.gbt-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.gbt-pagination__side{display:flex;align-items:center;flex:1;min-width:0}.gbt-pagination__side--start{justify-content:flex-start}.gbt-pagination__side--end{justify-content:flex-end}.gbt-pagination__summary{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.gbt-pagination__page-size{min-width:0}.gbt-pagination__list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.gbt-pagination__nav,.gbt-pagination__page{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-pagination__nav:hover:not(:disabled),.gbt-pagination__page:hover:not(:disabled){background:var(--bg-hover)}.gbt-pagination__nav:focus-visible,.gbt-pagination__page:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-pagination__nav:disabled,.gbt-pagination__page:disabled{color:var(--text-discret);cursor:not-allowed}.gbt-pagination__page--current{background:var(--primary);color:var(--text-on-primary);font-weight:600}.gbt-pagination__page--current:hover{background:var(--primary)}.gbt-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:var(--text-discret)}\n"]
|
|
12856
12856
|
}]
|
|
12857
12857
|
}],
|
|
12858
12858
|
ctorParameters: () => [],
|
|
@@ -14408,7 +14408,7 @@ var Switch = class Switch {
|
|
|
14408
14408
|
}],
|
|
14409
14409
|
ngImport: i0,
|
|
14410
14410
|
template: "<label class=\"gbt-switch\" [class.gbt-switch--disabled]=\"isDisabled()\">\n <input\n type=\"checkbox\"\n role=\"switch\"\n class=\"gbt-switch__input\"\n [id]=\"id()\"\n [checked]=\"checked()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-describedby]=\"hint() ? hintId() : null\"\n (change)=\"onToggle($event)\"\n />\n <span class=\"gbt-switch__track\">\n <span class=\"gbt-switch__thumb\"></span>\n </span>\n <span>{{ label() }}</span>\n</label>\n@if (hint()) {\n <p [id]=\"hintId()\" class=\"gbt-switch__hint\">{{ hint() }}</p>\n}\n",
|
|
14411
|
-
styles: [":host(.gbt-switch-host--hint){display:block}.gbt-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.gbt-switch:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-switch--disabled{cursor:not-allowed;opacity:.5}.gbt-switch__input{position:absolute;width:2.25rem;height:1.25rem;margin:0;opacity:0;cursor:inherit}.gbt-switch__track{position:relative;display:inline-flex;flex-shrink:0;align-items:center;width:2.25rem;height:1.25rem;background:var(--border-color);border-radius:999px;transition:background .15s ease}.gbt-switch__input:checked+.gbt-switch__track{background:var(--primary)}.gbt-switch__input:focus-visible+.gbt-switch__track{outline:2px solid var(--primary);outline-offset:2px}.gbt-switch__thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:var(--bg-principal);border-radius:50%;box-shadow:var(--site-shadow-sm);transition:transform .15s ease}.gbt-switch__input:checked~.gbt-switch__track .gbt-switch__thumb{transform:translate(1rem)}.gbt-switch__hint{margin:.125rem 0 0;padding-left:2.75rem;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.gbt-switch__track,.gbt-switch__thumb{transition:none}}\n"],
|
|
14411
|
+
styles: [":host(.gbt-switch-host--hint){display:block}.gbt-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.gbt-switch:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-switch--disabled{cursor:not-allowed;opacity:.5}.gbt-switch__input{position:absolute;width:2.25rem;height:1.25rem;margin:0;opacity:0;cursor:inherit}.gbt-switch__track{position:relative;display:inline-flex;flex-shrink:0;align-items:center;width:2.25rem;height:1.25rem;background:var(--border-color);border-radius:999px;transition:background .15s ease}.gbt-switch__input:checked+.gbt-switch__track{background:var(--primary)}.gbt-switch__input:focus-visible+.gbt-switch__track{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-switch__thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:var(--bg-principal);border-radius:50%;box-shadow:var(--site-shadow-sm);transition:transform .15s ease}.gbt-switch__input:checked~.gbt-switch__track .gbt-switch__thumb{transform:translate(1rem)}.gbt-switch__hint{margin:.125rem 0 0;padding-left:2.75rem;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.gbt-switch__track,.gbt-switch__thumb{transition:none}}\n"],
|
|
14412
14412
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
14413
14413
|
});
|
|
14414
14414
|
};
|
|
@@ -14430,7 +14430,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
14430
14430
|
multi: true
|
|
14431
14431
|
}],
|
|
14432
14432
|
template: "<label class=\"gbt-switch\" [class.gbt-switch--disabled]=\"isDisabled()\">\n <input\n type=\"checkbox\"\n role=\"switch\"\n class=\"gbt-switch__input\"\n [id]=\"id()\"\n [checked]=\"checked()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-describedby]=\"hint() ? hintId() : null\"\n (change)=\"onToggle($event)\"\n />\n <span class=\"gbt-switch__track\">\n <span class=\"gbt-switch__thumb\"></span>\n </span>\n <span>{{ label() }}</span>\n</label>\n@if (hint()) {\n <p [id]=\"hintId()\" class=\"gbt-switch__hint\">{{ hint() }}</p>\n}\n",
|
|
14433
|
-
styles: [":host(.gbt-switch-host--hint){display:block}.gbt-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.gbt-switch:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-switch--disabled{cursor:not-allowed;opacity:.5}.gbt-switch__input{position:absolute;width:2.25rem;height:1.25rem;margin:0;opacity:0;cursor:inherit}.gbt-switch__track{position:relative;display:inline-flex;flex-shrink:0;align-items:center;width:2.25rem;height:1.25rem;background:var(--border-color);border-radius:999px;transition:background .15s ease}.gbt-switch__input:checked+.gbt-switch__track{background:var(--primary)}.gbt-switch__input:focus-visible+.gbt-switch__track{outline:2px solid var(--primary);outline-offset:2px}.gbt-switch__thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:var(--bg-principal);border-radius:50%;box-shadow:var(--site-shadow-sm);transition:transform .15s ease}.gbt-switch__input:checked~.gbt-switch__track .gbt-switch__thumb{transform:translate(1rem)}.gbt-switch__hint{margin:.125rem 0 0;padding-left:2.75rem;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.gbt-switch__track,.gbt-switch__thumb{transition:none}}\n"]
|
|
14433
|
+
styles: [":host(.gbt-switch-host--hint){display:block}.gbt-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.gbt-switch:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-switch--disabled{cursor:not-allowed;opacity:.5}.gbt-switch__input{position:absolute;width:2.25rem;height:1.25rem;margin:0;opacity:0;cursor:inherit}.gbt-switch__track{position:relative;display:inline-flex;flex-shrink:0;align-items:center;width:2.25rem;height:1.25rem;background:var(--border-color);border-radius:999px;transition:background .15s ease}.gbt-switch__input:checked+.gbt-switch__track{background:var(--primary)}.gbt-switch__input:focus-visible+.gbt-switch__track{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-switch__thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:var(--bg-principal);border-radius:50%;box-shadow:var(--site-shadow-sm);transition:transform .15s ease}.gbt-switch__input:checked~.gbt-switch__track .gbt-switch__thumb{transform:translate(1rem)}.gbt-switch__hint{margin:.125rem 0 0;padding-left:2.75rem;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.gbt-switch__track,.gbt-switch__thumb{transition:none}}\n"]
|
|
14434
14434
|
}]
|
|
14435
14435
|
}],
|
|
14436
14436
|
propDecorators: {
|
|
@@ -14690,7 +14690,7 @@ var Textarea = class Textarea {
|
|
|
14690
14690
|
}],
|
|
14691
14691
|
ngImport: i0,
|
|
14692
14692
|
template: "<div\n class=\"gbt-textarea\"\n [class.gbt-textarea--mono]=\"mono()\"\n [class.gbt-textarea--autosize]=\"autosize()\"\n>\n @if (label()) {\n <label [for]=\"id()\" [class.gbt-textarea__label--hidden]=\"hideLabel()\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <textarea\n #field\n [id]=\"id()\"\n [placeholder]=\"placeholder()\"\n [required]=\"required()\"\n [disabled]=\"isDisabled()\"\n [rows]=\"rows()\"\n [value]=\"value()\"\n [attr.data-resize]=\"effectiveResize()\"\n [style.--gbt-textarea-max-rows]=\"maxRowsProperty()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"describedBy()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n ></textarea>\n @if (showHint()) {\n <p [id]=\"hintId()\" class=\"gbt-textarea__hint\">{{ hint() }}</p>\n }\n @if (errorMessage()) {\n <p [id]=\"errorId()\" class=\"gbt-textarea__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
14693
|
-
styles: [":host{display:block}.gbt-textarea{display:flex;flex-direction:column;gap:.375rem}.gbt-textarea label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-textarea textarea{box-sizing:border-box;width:100%;padding:.5rem .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);resize:vertical;transition:border-color var(--site-transition-fast)}.gbt-textarea textarea:focus{outline:none;border-color:var(--primary)}.gbt-textarea textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-textarea textarea[data-resize=none]{resize:none}.gbt-textarea textarea[data-resize=both]{resize:both}.gbt-textarea textarea[data-resize=horizontal]{resize:horizontal}.gbt-textarea textarea:disabled{background:var(--bg-panel);cursor:not-allowed;resize:none}.gbt-textarea--autosize textarea{overflow-y:auto;max-height:calc(var(--gbt-textarea-max-rows) * 1lh + 1rem + 2px)}.gbt-textarea--mono textarea{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace);font-size:.8125rem}.gbt-textarea__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-textarea__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-textarea__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"],
|
|
14693
|
+
styles: [":host{display:block}.gbt-textarea{display:flex;flex-direction:column;gap:.375rem}.gbt-textarea label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-textarea textarea{box-sizing:border-box;width:100%;padding:.5rem .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);resize:vertical;transition:border-color var(--site-transition-fast)}.gbt-textarea textarea:focus{outline:none;border-color:var(--primary)}.gbt-textarea textarea:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-textarea textarea[data-resize=none]{resize:none}.gbt-textarea textarea[data-resize=both]{resize:both}.gbt-textarea textarea[data-resize=horizontal]{resize:horizontal}.gbt-textarea textarea:disabled{background:var(--bg-panel);cursor:not-allowed;resize:none}.gbt-textarea--autosize textarea{overflow-y:auto;max-height:calc(var(--gbt-textarea-max-rows) * 1lh + 1rem + 2px)}.gbt-textarea--mono textarea{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace);font-size:.8125rem}.gbt-textarea__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-textarea__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-textarea__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"],
|
|
14694
14694
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
14695
14695
|
});
|
|
14696
14696
|
};
|
|
@@ -14712,7 +14712,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
14712
14712
|
multi: true
|
|
14713
14713
|
}],
|
|
14714
14714
|
template: "<div\n class=\"gbt-textarea\"\n [class.gbt-textarea--mono]=\"mono()\"\n [class.gbt-textarea--autosize]=\"autosize()\"\n>\n @if (label()) {\n <label [for]=\"id()\" [class.gbt-textarea__label--hidden]=\"hideLabel()\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n <textarea\n #field\n [id]=\"id()\"\n [placeholder]=\"placeholder()\"\n [required]=\"required()\"\n [disabled]=\"isDisabled()\"\n [rows]=\"rows()\"\n [value]=\"value()\"\n [attr.data-resize]=\"effectiveResize()\"\n [style.--gbt-textarea-max-rows]=\"maxRowsProperty()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"describedBy()\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n ></textarea>\n @if (showHint()) {\n <p [id]=\"hintId()\" class=\"gbt-textarea__hint\">{{ hint() }}</p>\n }\n @if (errorMessage()) {\n <p [id]=\"errorId()\" class=\"gbt-textarea__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
14715
|
-
styles: [":host{display:block}.gbt-textarea{display:flex;flex-direction:column;gap:.375rem}.gbt-textarea label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-textarea textarea{box-sizing:border-box;width:100%;padding:.5rem .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);resize:vertical;transition:border-color var(--site-transition-fast)}.gbt-textarea textarea:focus{outline:none;border-color:var(--primary)}.gbt-textarea textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-textarea textarea[data-resize=none]{resize:none}.gbt-textarea textarea[data-resize=both]{resize:both}.gbt-textarea textarea[data-resize=horizontal]{resize:horizontal}.gbt-textarea textarea:disabled{background:var(--bg-panel);cursor:not-allowed;resize:none}.gbt-textarea--autosize textarea{overflow-y:auto;max-height:calc(var(--gbt-textarea-max-rows) * 1lh + 1rem + 2px)}.gbt-textarea--mono textarea{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace);font-size:.8125rem}.gbt-textarea__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-textarea__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-textarea__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"]
|
|
14715
|
+
styles: [":host{display:block}.gbt-textarea{display:flex;flex-direction:column;gap:.375rem}.gbt-textarea label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-textarea textarea{box-sizing:border-box;width:100%;padding:.5rem .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);resize:vertical;transition:border-color var(--site-transition-fast)}.gbt-textarea textarea:focus{outline:none;border-color:var(--primary)}.gbt-textarea textarea:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-textarea textarea[data-resize=none]{resize:none}.gbt-textarea textarea[data-resize=both]{resize:both}.gbt-textarea textarea[data-resize=horizontal]{resize:horizontal}.gbt-textarea textarea:disabled{background:var(--bg-panel);cursor:not-allowed;resize:none}.gbt-textarea--autosize textarea{overflow-y:auto;max-height:calc(var(--gbt-textarea-max-rows) * 1lh + 1rem + 2px)}.gbt-textarea--mono textarea{font-family:var(--gbt-font-mono, ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace);font-size:.8125rem}.gbt-textarea__label--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-textarea__hint{margin:0;font-size:.75rem;color:var(--text-secondary)}.gbt-textarea__error{margin:0;font-size:.75rem;color:var(--color-error-text)}\n"]
|
|
14716
14716
|
}]
|
|
14717
14717
|
}],
|
|
14718
14718
|
ctorParameters: () => [],
|
|
@@ -15133,7 +15133,7 @@ var Autocomplete = class Autocomplete {
|
|
|
15133
15133
|
}],
|
|
15134
15134
|
ngImport: i0,
|
|
15135
15135
|
template: "<div class=\"gbt-autocomplete\" [class.gbt-autocomplete--disabled]=\"isDisabled()\">\n @if (label()) {\n <label [for]=\"id()\" class=\"gbt-autocomplete__label\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n\n <input\n [id]=\"id()\"\n type=\"text\"\n class=\"gbt-autocomplete__input\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-controls]=\"open() ? id() + '-listbox' : null\"\n [attr.aria-activedescendant]=\"activeOptionId()\"\n [attr.aria-required]=\"required() ? true : null\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [value]=\"query()\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeydown($event)\"\n />\n\n @if (open()) {\n <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n @if (loading()) {\n {{ loadingMessage() }}\n } @else if (searchFailed()) {\n {{ searchErrorMessage() }}\n } @else {\n {{ resultsAnnouncement()(results().length) }}\n }\n </div>\n }\n\n @if (open() && panelStyle(); as style) {\n <div\n class=\"gbt-autocomplete__panel\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n [style.width]=\"style.width\"\n (mousedown)=\"$event.preventDefault()\"\n >\n @if (loading()) {\n <div class=\"gbt-autocomplete__state\" role=\"status\">\n <span>{{ loadingMessage() }}</span>\n </div>\n } @else if (searchFailed()) {\n <div class=\"gbt-autocomplete__state gbt-autocomplete__state--error\" role=\"alert\">\n <span>{{ searchErrorMessage() }}</span>\n </div>\n } @else if (hasNoResults()) {\n <div class=\"gbt-autocomplete__state\" role=\"status\">\n <span>{{ noResultsMessage() }}</span>\n </div>\n } @else {\n <ul\n [id]=\"id() + '-listbox'\"\n class=\"gbt-autocomplete__list\"\n role=\"listbox\"\n [attr.aria-label]=\"label() || placeholder()\"\n >\n @for (item of results(); track $index; let i = $index) {\n <li role=\"presentation\">\n <button\n [id]=\"id() + '-option-' + i\"\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"gbt-autocomplete__option\"\n [class.gbt-autocomplete__option--active]=\"i === activeIndex()\"\n [attr.aria-selected]=\"i === activeIndex()\"\n (click)=\"selectOption(item)\"\n (mouseenter)=\"activeIndex.set(i)\"\n >\n @if (itemTemplate(); as template) {\n <ng-container\n [ngTemplateOutlet]=\"template\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n />\n } @else {\n <span class=\"gbt-autocomplete__option-label\">{{ displayFn()(item) }}</span>\n }\n </button>\n </li>\n }\n </ul>\n }\n </div>\n }\n\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-autocomplete__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
15136
|
-
styles: [":host{display:block}.gbt-autocomplete{position:relative;display:flex;flex-direction:column;gap:.375rem}.gbt-autocomplete--disabled{opacity:.5}.gbt-autocomplete__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-autocomplete__input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-autocomplete__input:focus{outline:none;border-color:var(--primary)}.gbt-autocomplete__input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-autocomplete__input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-autocomplete__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-autocomplete-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-autocomplete__panel::-webkit-scrollbar{width:6px}.gbt-autocomplete__panel::-webkit-scrollbar-track{background:transparent}.gbt-autocomplete__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-autocomplete__list{margin:0;padding:0;list-style:none}.gbt-autocomplete__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-autocomplete__option:hover,.gbt-autocomplete__option--active{background:var(--bg-hover)}.gbt-autocomplete__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-autocomplete__state{padding:.75rem;font-size:.8125rem;color:var(--text-secondary);text-align:center}.gbt-autocomplete__state--error{color:var(--color-error-text)}@keyframes gbt-autocomplete-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-autocomplete__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-autocomplete__panel{animation:none}}\n"],
|
|
15136
|
+
styles: [":host{display:block}.gbt-autocomplete{position:relative;display:flex;flex-direction:column;gap:.375rem}.gbt-autocomplete--disabled{opacity:.5}.gbt-autocomplete__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-autocomplete__input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-autocomplete__input:focus{outline:none;border-color:var(--primary)}.gbt-autocomplete__input:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-autocomplete__input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-autocomplete__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-autocomplete-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-autocomplete__panel::-webkit-scrollbar{width:6px}.gbt-autocomplete__panel::-webkit-scrollbar-track{background:transparent}.gbt-autocomplete__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-autocomplete__list{margin:0;padding:0;list-style:none}.gbt-autocomplete__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-menu, 8px);color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-autocomplete__option:hover,.gbt-autocomplete__option--active{background:var(--bg-hover)}.gbt-autocomplete__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-autocomplete__state{padding:.75rem;font-size:.8125rem;color:var(--text-secondary);text-align:center}.gbt-autocomplete__state--error{color:var(--color-error-text)}@keyframes gbt-autocomplete-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-autocomplete__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-autocomplete__panel{animation:none}}\n"],
|
|
15137
15137
|
dependencies: [{
|
|
15138
15138
|
kind: "directive",
|
|
15139
15139
|
type: NgTemplateOutlet,
|
|
@@ -15169,7 +15169,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
15169
15169
|
multi: true
|
|
15170
15170
|
}],
|
|
15171
15171
|
template: "<div class=\"gbt-autocomplete\" [class.gbt-autocomplete--disabled]=\"isDisabled()\">\n @if (label()) {\n <label [for]=\"id()\" class=\"gbt-autocomplete__label\"\n >{{ label() }}{{ required() ? ' *' : '' }}</label\n >\n }\n\n <input\n [id]=\"id()\"\n type=\"text\"\n class=\"gbt-autocomplete__input\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-controls]=\"open() ? id() + '-listbox' : null\"\n [attr.aria-activedescendant]=\"activeOptionId()\"\n [attr.aria-required]=\"required() ? true : null\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"isDisabled()\"\n [value]=\"query()\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeydown($event)\"\n />\n\n @if (open()) {\n <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n @if (loading()) {\n {{ loadingMessage() }}\n } @else if (searchFailed()) {\n {{ searchErrorMessage() }}\n } @else {\n {{ resultsAnnouncement()(results().length) }}\n }\n </div>\n }\n\n @if (open() && panelStyle(); as style) {\n <div\n class=\"gbt-autocomplete__panel\"\n [style.top]=\"style.top\"\n [style.left]=\"style.left\"\n [style.width]=\"style.width\"\n (mousedown)=\"$event.preventDefault()\"\n >\n @if (loading()) {\n <div class=\"gbt-autocomplete__state\" role=\"status\">\n <span>{{ loadingMessage() }}</span>\n </div>\n } @else if (searchFailed()) {\n <div class=\"gbt-autocomplete__state gbt-autocomplete__state--error\" role=\"alert\">\n <span>{{ searchErrorMessage() }}</span>\n </div>\n } @else if (hasNoResults()) {\n <div class=\"gbt-autocomplete__state\" role=\"status\">\n <span>{{ noResultsMessage() }}</span>\n </div>\n } @else {\n <ul\n [id]=\"id() + '-listbox'\"\n class=\"gbt-autocomplete__list\"\n role=\"listbox\"\n [attr.aria-label]=\"label() || placeholder()\"\n >\n @for (item of results(); track $index; let i = $index) {\n <li role=\"presentation\">\n <button\n [id]=\"id() + '-option-' + i\"\n type=\"button\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"gbt-autocomplete__option\"\n [class.gbt-autocomplete__option--active]=\"i === activeIndex()\"\n [attr.aria-selected]=\"i === activeIndex()\"\n (click)=\"selectOption(item)\"\n (mouseenter)=\"activeIndex.set(i)\"\n >\n @if (itemTemplate(); as template) {\n <ng-container\n [ngTemplateOutlet]=\"template\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n />\n } @else {\n <span class=\"gbt-autocomplete__option-label\">{{ displayFn()(item) }}</span>\n }\n </button>\n </li>\n }\n </ul>\n }\n </div>\n }\n\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-autocomplete__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
15172
|
-
styles: [":host{display:block}.gbt-autocomplete{position:relative;display:flex;flex-direction:column;gap:.375rem}.gbt-autocomplete--disabled{opacity:.5}.gbt-autocomplete__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-autocomplete__input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-autocomplete__input:focus{outline:none;border-color:var(--primary)}.gbt-autocomplete__input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.gbt-autocomplete__input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-autocomplete__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-autocomplete-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-autocomplete__panel::-webkit-scrollbar{width:6px}.gbt-autocomplete__panel::-webkit-scrollbar-track{background:transparent}.gbt-autocomplete__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-autocomplete__list{margin:0;padding:0;list-style:none}.gbt-autocomplete__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-autocomplete__option:hover,.gbt-autocomplete__option--active{background:var(--bg-hover)}.gbt-autocomplete__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-autocomplete__state{padding:.75rem;font-size:.8125rem;color:var(--text-secondary);text-align:center}.gbt-autocomplete__state--error{color:var(--color-error-text)}@keyframes gbt-autocomplete-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-autocomplete__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-autocomplete__panel{animation:none}}\n"]
|
|
15172
|
+
styles: [":host{display:block}.gbt-autocomplete{position:relative;display:flex;flex-direction:column;gap:.375rem}.gbt-autocomplete--disabled{opacity:.5}.gbt-autocomplete__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-autocomplete__input{box-sizing:border-box;width:100%;height:var(--gbt-control-height-md);padding:0 .75rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);transition:border-color var(--site-transition-fast)}.gbt-autocomplete__input:focus{outline:none;border-color:var(--primary)}.gbt-autocomplete__input:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px}.gbt-autocomplete__input:disabled{background:var(--bg-panel);cursor:not-allowed}.gbt-autocomplete__panel{box-sizing:border-box;position:fixed;z-index:1000;margin:0;padding:6px;max-height:280px;overflow-y:auto;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--site-border-radius-sm);box-shadow:var(--site-shadow-lg);animation:gbt-autocomplete-scale-in .15s cubic-bezier(.34,1.56,.64,1) both}.gbt-autocomplete__panel::-webkit-scrollbar{width:6px}.gbt-autocomplete__panel::-webkit-scrollbar-track{background:transparent}.gbt-autocomplete__panel::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.gbt-autocomplete__list{margin:0;padding:0;list-style:none}.gbt-autocomplete__option{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--gbt-radius-menu, 8px);color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-autocomplete__option:hover,.gbt-autocomplete__option--active{background:var(--bg-hover)}.gbt-autocomplete__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbt-autocomplete__state{padding:.75rem;font-size:.8125rem;color:var(--text-secondary);text-align:center}.gbt-autocomplete__state--error{color:var(--color-error-text)}@keyframes gbt-autocomplete-scale-in{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.gbt-autocomplete__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-autocomplete__panel{animation:none}}\n"]
|
|
15173
15173
|
}]
|
|
15174
15174
|
}],
|
|
15175
15175
|
propDecorators: {
|
|
@@ -15598,7 +15598,7 @@ var Slider = class Slider {
|
|
|
15598
15598
|
}],
|
|
15599
15599
|
ngImport: i0,
|
|
15600
15600
|
template: "<div class=\"gbt-slider\">\n <div class=\"gbt-slider__header\">\n <label [for]=\"id()\">{{ label() }}</label>\n @if (showValue()) {\n <span class=\"gbt-slider__value\">{{ formatValue()(value()) }}</span>\n }\n </div>\n <input\n type=\"range\"\n [id]=\"id()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [value]=\"value()\"\n [disabled]=\"isDisabled()\"\n [style.--gbt-slider-fill.%]=\"fillPercent()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n />\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-slider__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
15601
|
-
styles: [".gbt-slider{display:flex;flex-direction:column;gap:.375rem}.gbt-slider label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-slider__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.gbt-slider__value{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.gbt-slider__error{margin:0;font-size:.75rem;color:var(--color-error-text)}input[type=range]{--gbt-slider-fill: 0;box-sizing:border-box;width:100%;height:20px;padding:0;background:transparent;appearance:none;cursor:pointer}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--gbt-slider-fill),var(--border-color) var(--gbt-slider-fill),var(--border-color) 100%)}input[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:18px;height:18px;margin-top:-7px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;appearance:none;cursor:pointer}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--primary);outline-offset:2px}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--border-color)}input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--primary)}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;cursor:pointer}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--primary);outline-offset:2px}\n"],
|
|
15601
|
+
styles: [".gbt-slider{display:flex;flex-direction:column;gap:.375rem}.gbt-slider label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-slider__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.gbt-slider__value{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.gbt-slider__error{margin:0;font-size:.75rem;color:var(--color-error-text)}input[type=range]{--gbt-slider-fill: 0;box-sizing:border-box;width:100%;height:20px;padding:0;background:transparent;appearance:none;cursor:pointer}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--gbt-slider-fill),var(--border-color) var(--gbt-slider-fill),var(--border-color) 100%)}input[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:18px;height:18px;margin-top:-7px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;appearance:none;cursor:pointer}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--border-color)}input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--primary)}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;cursor:pointer}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"],
|
|
15602
15602
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
15603
15603
|
});
|
|
15604
15604
|
};
|
|
@@ -15620,7 +15620,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
15620
15620
|
multi: true
|
|
15621
15621
|
}],
|
|
15622
15622
|
template: "<div class=\"gbt-slider\">\n <div class=\"gbt-slider__header\">\n <label [for]=\"id()\">{{ label() }}</label>\n @if (showValue()) {\n <span class=\"gbt-slider__value\">{{ formatValue()(value()) }}</span>\n }\n </div>\n <input\n type=\"range\"\n [id]=\"id()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [value]=\"value()\"\n [disabled]=\"isDisabled()\"\n [style.--gbt-slider-fill.%]=\"fillPercent()\"\n [attr.aria-invalid]=\"errorMessage() ? true : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n />\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-slider__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
15623
|
-
styles: [".gbt-slider{display:flex;flex-direction:column;gap:.375rem}.gbt-slider label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-slider__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.gbt-slider__value{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.gbt-slider__error{margin:0;font-size:.75rem;color:var(--color-error-text)}input[type=range]{--gbt-slider-fill: 0;box-sizing:border-box;width:100%;height:20px;padding:0;background:transparent;appearance:none;cursor:pointer}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--gbt-slider-fill),var(--border-color) var(--gbt-slider-fill),var(--border-color) 100%)}input[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:18px;height:18px;margin-top:-7px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;appearance:none;cursor:pointer}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--primary);outline-offset:2px}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--border-color)}input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--primary)}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;cursor:pointer}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--primary);outline-offset:2px}\n"]
|
|
15623
|
+
styles: [".gbt-slider{display:flex;flex-direction:column;gap:.375rem}.gbt-slider label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-slider__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.gbt-slider__value{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.gbt-slider__error{margin:0;font-size:.75rem;color:var(--color-error-text)}input[type=range]{--gbt-slider-fill: 0;box-sizing:border-box;width:100%;height:20px;padding:0;background:transparent;appearance:none;cursor:pointer}input[type=range]:disabled{cursor:not-allowed;opacity:.5}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--gbt-slider-fill),var(--border-color) var(--gbt-slider-fill),var(--border-color) 100%)}input[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:18px;height:18px;margin-top:-7px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;appearance:none;cursor:pointer}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--border-color)}input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--primary)}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;background:var(--bg-principal);border:2px solid var(--primary);border-radius:50%;cursor:pointer}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"]
|
|
15624
15624
|
}]
|
|
15625
15625
|
}],
|
|
15626
15626
|
propDecorators: {
|
|
@@ -15802,7 +15802,7 @@ var Stepper = class Stepper {
|
|
|
15802
15802
|
},
|
|
15803
15803
|
ngImport: i0,
|
|
15804
15804
|
template: "<ng-template #content let-index=\"index\" let-step=\"step\">\n <span class=\"gbt-stepper__indicator\">\n @switch (statusOf(index)) {\n @case ('completed') {\n <gbt-icon name=\"check\" aria-hidden=\"true\" />\n }\n @case ('error') {\n <gbt-icon name=\"alert-triangle\" aria-hidden=\"true\" />\n }\n @default {\n {{ index + 1 }}\n }\n }\n </span>\n <span class=\"gbt-stepper__label\">\n {{ step.label }}\n @if (statusOf(index) === 'completed') {\n <span class=\"sr-only\"> — {{ completedLabel() }}</span>\n } @else if (statusOf(index) === 'error') {\n <span class=\"sr-only\"> — {{ errorLabel() }}</span>\n }\n @if (isSelected(index)) {\n <span class=\"sr-only\"> — {{ selectedLabel() }}</span>\n }\n </span>\n</ng-template>\n\n<ol class=\"gbt-stepper\" [attr.data-orientation]=\"orientation()\">\n @for (step of steps(); track $index) {\n <li\n class=\"gbt-stepper__step\"\n [attr.data-status]=\"statusOf($index)\"\n [attr.data-selected]=\"isSelected($index) ? '' : null\"\n [attr.aria-current]=\"statusOf($index) === 'current' ? 'step' : null\"\n >\n @if (interactive()) {\n <button type=\"button\" class=\"gbt-stepper__button\" (click)=\"select($index)\">\n <ng-container *ngTemplateOutlet=\"content; context: { index: $index, step: step }\" />\n </button>\n } @else {\n <ng-container *ngTemplateOutlet=\"content; context: { index: $index, step: step }\" />\n }\n </li>\n }\n</ol>\n",
|
|
15805
|
-
styles: [".gbt-stepper{display:flex;margin:0;padding:0;list-style:none}.gbt-stepper[data-orientation=horizontal]{flex-direction:row}.gbt-stepper[data-orientation=vertical]{flex-direction:column;gap:.5rem}.gbt-stepper__step{position:relative;display:flex;flex:1;align-items:center;gap:.5rem}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step{flex-direction:column}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step:not(:first-child):before{content:\"\";position:absolute;top:15px;right:calc(50% + 16px);left:calc(-50% + 16px);height:2px;background:var(--border-color)}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step[data-status=completed]:not(:first-child):before{background:var(--primary)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step{flex:none;flex-direction:row}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step:not(:last-child):before{content:\"\";position:absolute;top:32px;bottom:-8px;left:15px;width:2px;background:var(--border-color)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step[data-status=completed]:not(:last-child):before{background:var(--primary)}.gbt-stepper__indicator{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-principal);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:13px;font-weight:600}.gbt-stepper__step[data-status=current] .gbt-stepper__indicator{border-color:var(--primary);color:var(--primary)}.gbt-stepper__step[data-status=completed] .gbt-stepper__indicator{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__indicator{border-color:var(--color-error-text);color:var(--color-error-text)}.gbt-stepper__label{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.gbt-stepper[data-orientation=vertical] .gbt-stepper__label{text-align:left}.gbt-stepper__step[data-status=current] .gbt-stepper__label{color:var(--text-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__label{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-stepper__button{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:0;border-radius:4px;font:inherit;color:inherit;cursor:pointer}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__button{flex-direction:column}.gbt-stepper[data-orientation=vertical] .gbt-stepper__button{flex-direction:row}.gbt-stepper__button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.gbt-stepper__step[data-selected] .gbt-stepper__indicator{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-stepper__step[data-selected] .gbt-stepper__label{text-decoration:underline;text-underline-offset:4px}\n"],
|
|
15805
|
+
styles: [".gbt-stepper{display:flex;margin:0;padding:0;list-style:none}.gbt-stepper[data-orientation=horizontal]{flex-direction:row}.gbt-stepper[data-orientation=vertical]{flex-direction:column;gap:.5rem}.gbt-stepper__step{position:relative;display:flex;flex:1;align-items:center;gap:.5rem}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step{flex-direction:column}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step:not(:first-child):before{content:\"\";position:absolute;top:15px;right:calc(50% + 16px);left:calc(-50% + 16px);height:2px;background:var(--border-color)}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step[data-status=completed]:not(:first-child):before{background:var(--primary)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step{flex:none;flex-direction:row}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step:not(:last-child):before{content:\"\";position:absolute;top:32px;bottom:-8px;left:15px;width:2px;background:var(--border-color)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step[data-status=completed]:not(:last-child):before{background:var(--primary)}.gbt-stepper__indicator{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-principal);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:13px;font-weight:600}.gbt-stepper__step[data-status=current] .gbt-stepper__indicator{border-color:var(--primary);color:var(--primary)}.gbt-stepper__step[data-status=completed] .gbt-stepper__indicator{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__indicator{border-color:var(--color-error-text);color:var(--color-error-text)}.gbt-stepper__label{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.gbt-stepper[data-orientation=vertical] .gbt-stepper__label{text-align:left}.gbt-stepper__step[data-status=current] .gbt-stepper__label{color:var(--text-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__label{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-stepper__button{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:0;border-radius:4px;font:inherit;color:inherit;cursor:pointer}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__button{flex-direction:column}.gbt-stepper[data-orientation=vertical] .gbt-stepper__button{flex-direction:row}.gbt-stepper__button:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:4px}.gbt-stepper__step[data-selected] .gbt-stepper__indicator{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-stepper__step[data-selected] .gbt-stepper__label{text-decoration:underline;text-underline-offset:4px}\n"],
|
|
15806
15806
|
dependencies: [{
|
|
15807
15807
|
kind: "component",
|
|
15808
15808
|
type: Icon,
|
|
@@ -15834,7 +15834,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
15834
15834
|
imports: [Icon, NgTemplateOutlet],
|
|
15835
15835
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15836
15836
|
template: "<ng-template #content let-index=\"index\" let-step=\"step\">\n <span class=\"gbt-stepper__indicator\">\n @switch (statusOf(index)) {\n @case ('completed') {\n <gbt-icon name=\"check\" aria-hidden=\"true\" />\n }\n @case ('error') {\n <gbt-icon name=\"alert-triangle\" aria-hidden=\"true\" />\n }\n @default {\n {{ index + 1 }}\n }\n }\n </span>\n <span class=\"gbt-stepper__label\">\n {{ step.label }}\n @if (statusOf(index) === 'completed') {\n <span class=\"sr-only\"> — {{ completedLabel() }}</span>\n } @else if (statusOf(index) === 'error') {\n <span class=\"sr-only\"> — {{ errorLabel() }}</span>\n }\n @if (isSelected(index)) {\n <span class=\"sr-only\"> — {{ selectedLabel() }}</span>\n }\n </span>\n</ng-template>\n\n<ol class=\"gbt-stepper\" [attr.data-orientation]=\"orientation()\">\n @for (step of steps(); track $index) {\n <li\n class=\"gbt-stepper__step\"\n [attr.data-status]=\"statusOf($index)\"\n [attr.data-selected]=\"isSelected($index) ? '' : null\"\n [attr.aria-current]=\"statusOf($index) === 'current' ? 'step' : null\"\n >\n @if (interactive()) {\n <button type=\"button\" class=\"gbt-stepper__button\" (click)=\"select($index)\">\n <ng-container *ngTemplateOutlet=\"content; context: { index: $index, step: step }\" />\n </button>\n } @else {\n <ng-container *ngTemplateOutlet=\"content; context: { index: $index, step: step }\" />\n }\n </li>\n }\n</ol>\n",
|
|
15837
|
-
styles: [".gbt-stepper{display:flex;margin:0;padding:0;list-style:none}.gbt-stepper[data-orientation=horizontal]{flex-direction:row}.gbt-stepper[data-orientation=vertical]{flex-direction:column;gap:.5rem}.gbt-stepper__step{position:relative;display:flex;flex:1;align-items:center;gap:.5rem}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step{flex-direction:column}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step:not(:first-child):before{content:\"\";position:absolute;top:15px;right:calc(50% + 16px);left:calc(-50% + 16px);height:2px;background:var(--border-color)}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step[data-status=completed]:not(:first-child):before{background:var(--primary)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step{flex:none;flex-direction:row}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step:not(:last-child):before{content:\"\";position:absolute;top:32px;bottom:-8px;left:15px;width:2px;background:var(--border-color)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step[data-status=completed]:not(:last-child):before{background:var(--primary)}.gbt-stepper__indicator{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-principal);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:13px;font-weight:600}.gbt-stepper__step[data-status=current] .gbt-stepper__indicator{border-color:var(--primary);color:var(--primary)}.gbt-stepper__step[data-status=completed] .gbt-stepper__indicator{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__indicator{border-color:var(--color-error-text);color:var(--color-error-text)}.gbt-stepper__label{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.gbt-stepper[data-orientation=vertical] .gbt-stepper__label{text-align:left}.gbt-stepper__step[data-status=current] .gbt-stepper__label{color:var(--text-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__label{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-stepper__button{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:0;border-radius:4px;font:inherit;color:inherit;cursor:pointer}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__button{flex-direction:column}.gbt-stepper[data-orientation=vertical] .gbt-stepper__button{flex-direction:row}.gbt-stepper__button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.gbt-stepper__step[data-selected] .gbt-stepper__indicator{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-stepper__step[data-selected] .gbt-stepper__label{text-decoration:underline;text-underline-offset:4px}\n"]
|
|
15837
|
+
styles: [".gbt-stepper{display:flex;margin:0;padding:0;list-style:none}.gbt-stepper[data-orientation=horizontal]{flex-direction:row}.gbt-stepper[data-orientation=vertical]{flex-direction:column;gap:.5rem}.gbt-stepper__step{position:relative;display:flex;flex:1;align-items:center;gap:.5rem}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step{flex-direction:column}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step:not(:first-child):before{content:\"\";position:absolute;top:15px;right:calc(50% + 16px);left:calc(-50% + 16px);height:2px;background:var(--border-color)}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__step[data-status=completed]:not(:first-child):before{background:var(--primary)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step{flex:none;flex-direction:row}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step:not(:last-child):before{content:\"\";position:absolute;top:32px;bottom:-8px;left:15px;width:2px;background:var(--border-color)}.gbt-stepper[data-orientation=vertical] .gbt-stepper__step[data-status=completed]:not(:last-child):before{background:var(--primary)}.gbt-stepper__indicator{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-principal);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:13px;font-weight:600}.gbt-stepper__step[data-status=current] .gbt-stepper__indicator{border-color:var(--primary);color:var(--primary)}.gbt-stepper__step[data-status=completed] .gbt-stepper__indicator{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__indicator{border-color:var(--color-error-text);color:var(--color-error-text)}.gbt-stepper__label{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.gbt-stepper[data-orientation=vertical] .gbt-stepper__label{text-align:left}.gbt-stepper__step[data-status=current] .gbt-stepper__label{color:var(--text-primary)}.gbt-stepper__step[data-status=error] .gbt-stepper__label{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gbt-stepper__button{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:0;border-radius:4px;font:inherit;color:inherit;cursor:pointer}.gbt-stepper[data-orientation=horizontal] .gbt-stepper__button{flex-direction:column}.gbt-stepper[data-orientation=vertical] .gbt-stepper__button{flex-direction:row}.gbt-stepper__button:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:4px}.gbt-stepper__step[data-selected] .gbt-stepper__indicator{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-stepper__step[data-selected] .gbt-stepper__label{text-decoration:underline;text-underline-offset:4px}\n"]
|
|
15838
15838
|
}]
|
|
15839
15839
|
}],
|
|
15840
15840
|
propDecorators: {
|
|
@@ -16139,7 +16139,7 @@ var JobGraph = class JobGraph {
|
|
|
16139
16139
|
}],
|
|
16140
16140
|
ngImport: i0,
|
|
16141
16141
|
template: "<div class=\"gbt-job-graph\" #graph>\n <ol class=\"gbt-job-graph__stages\" [attr.aria-label]=\"ariaLabel()\">\n @for (stage of stages(); track stage.name) {\n <li class=\"gbt-job-graph__stage\">\n <h3 class=\"gbt-job-graph__stage-name\">{{ stage.name }}</h3>\n <ul class=\"gbt-job-graph__jobs\">\n @for (job of stage.jobs; track job.id) {\n <li>\n <button\n type=\"button\"\n class=\"gbt-job-graph__node\"\n [attr.data-job-name]=\"job.name\"\n [attr.data-status]=\"job.status\"\n [attr.aria-current]=\"job.id === selectedJobId() ? 'true' : null\"\n (click)=\"jobSelected.emit(job.id)\"\n >\n <gbt-job-status class=\"gbt-job-graph__glyph\" data-glyph [status]=\"job.status\" />\n <span class=\"gbt-job-graph__name\">{{ job.name }}</span>\n @if (job.durationLabel) {\n <span class=\"gbt-job-graph__duration\">{{ job.durationLabel }}</span>\n }\n <!-- prettier-ignore -->\n <span class=\"sr-only\">\n — {{ statusLabels()[job.status] }}@if (job.needs.length > 0) {. {{ needsLabel() }}: {{ job.needs.join(', ') }}}\n </span>\n </button>\n </li>\n }\n </ul>\n </li>\n }\n </ol>\n <svg class=\"gbt-job-graph__links\" aria-hidden=\"true\" focusable=\"false\">\n @for (link of links(); track link.key) {\n <path [attr.d]=\"link.d\" [attr.data-done]=\"link.done ? '' : null\" />\n }\n </svg>\n</div>\n",
|
|
16142
|
-
styles: [".gbt-job-graph{position:relative;overflow-x:auto}.gbt-job-graph__stages{position:relative;z-index:1;display:flex;gap:4rem;margin:0;padding:.5rem;list-style:none}.gbt-job-graph__stage-name{margin:0 0 .75rem;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.gbt-job-graph__jobs{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.gbt-job-graph__node{display:flex;align-items:center;gap:.5rem;min-width:13rem;padding:.5rem .75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.gbt-job-graph__node:hover{border-color:var(--primary)}.gbt-job-graph__node:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-job-graph__node[aria-current=true]{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-job-graph__glyph{display:inline-flex;flex-shrink:0}.gbt-job-graph__name{flex:1;font-weight:600}.gbt-job-graph__duration{font-size:12px;color:var(--text-secondary)}.gbt-job-graph__links{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;overflow:visible}.gbt-job-graph__links path{fill:none;stroke:var(--border-color);stroke-width:2}.gbt-job-graph__links path[data-done]{stroke:var(--color-success-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
|
|
16142
|
+
styles: [".gbt-job-graph{position:relative;overflow-x:auto}.gbt-job-graph__stages{position:relative;z-index:1;display:flex;gap:4rem;margin:0;padding:.5rem;list-style:none}.gbt-job-graph__stage-name{margin:0 0 .75rem;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.gbt-job-graph__jobs{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.gbt-job-graph__node{display:flex;align-items:center;gap:.5rem;min-width:13rem;padding:.5rem .75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--gbt-radius-tile, 8px);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.gbt-job-graph__node:hover{border-color:var(--primary)}.gbt-job-graph__node:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-job-graph__node[aria-current=true]{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-job-graph__glyph{display:inline-flex;flex-shrink:0}.gbt-job-graph__name{flex:1;font-weight:600}.gbt-job-graph__duration{font-size:12px;color:var(--text-secondary)}.gbt-job-graph__links{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;overflow:visible}.gbt-job-graph__links path{fill:none;stroke:var(--border-color);stroke-width:2}.gbt-job-graph__links path[data-done]{stroke:var(--color-success-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
|
|
16143
16143
|
dependencies: [{
|
|
16144
16144
|
kind: "component",
|
|
16145
16145
|
type: JobStatus,
|
|
@@ -16162,7 +16162,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
16162
16162
|
imports: [JobStatus],
|
|
16163
16163
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16164
16164
|
template: "<div class=\"gbt-job-graph\" #graph>\n <ol class=\"gbt-job-graph__stages\" [attr.aria-label]=\"ariaLabel()\">\n @for (stage of stages(); track stage.name) {\n <li class=\"gbt-job-graph__stage\">\n <h3 class=\"gbt-job-graph__stage-name\">{{ stage.name }}</h3>\n <ul class=\"gbt-job-graph__jobs\">\n @for (job of stage.jobs; track job.id) {\n <li>\n <button\n type=\"button\"\n class=\"gbt-job-graph__node\"\n [attr.data-job-name]=\"job.name\"\n [attr.data-status]=\"job.status\"\n [attr.aria-current]=\"job.id === selectedJobId() ? 'true' : null\"\n (click)=\"jobSelected.emit(job.id)\"\n >\n <gbt-job-status class=\"gbt-job-graph__glyph\" data-glyph [status]=\"job.status\" />\n <span class=\"gbt-job-graph__name\">{{ job.name }}</span>\n @if (job.durationLabel) {\n <span class=\"gbt-job-graph__duration\">{{ job.durationLabel }}</span>\n }\n <!-- prettier-ignore -->\n <span class=\"sr-only\">\n — {{ statusLabels()[job.status] }}@if (job.needs.length > 0) {. {{ needsLabel() }}: {{ job.needs.join(', ') }}}\n </span>\n </button>\n </li>\n }\n </ul>\n </li>\n }\n </ol>\n <svg class=\"gbt-job-graph__links\" aria-hidden=\"true\" focusable=\"false\">\n @for (link of links(); track link.key) {\n <path [attr.d]=\"link.d\" [attr.data-done]=\"link.done ? '' : null\" />\n }\n </svg>\n</div>\n",
|
|
16165
|
-
styles: [".gbt-job-graph{position:relative;overflow-x:auto}.gbt-job-graph__stages{position:relative;z-index:1;display:flex;gap:4rem;margin:0;padding:.5rem;list-style:none}.gbt-job-graph__stage-name{margin:0 0 .75rem;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.gbt-job-graph__jobs{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.gbt-job-graph__node{display:flex;align-items:center;gap:.5rem;min-width:13rem;padding:.5rem .75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.gbt-job-graph__node:hover{border-color:var(--primary)}.gbt-job-graph__node:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-job-graph__node[aria-current=true]{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-job-graph__glyph{display:inline-flex;flex-shrink:0}.gbt-job-graph__name{flex:1;font-weight:600}.gbt-job-graph__duration{font-size:12px;color:var(--text-secondary)}.gbt-job-graph__links{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;overflow:visible}.gbt-job-graph__links path{fill:none;stroke:var(--border-color);stroke-width:2}.gbt-job-graph__links path[data-done]{stroke:var(--color-success-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
|
|
16165
|
+
styles: [".gbt-job-graph{position:relative;overflow-x:auto}.gbt-job-graph__stages{position:relative;z-index:1;display:flex;gap:4rem;margin:0;padding:.5rem;list-style:none}.gbt-job-graph__stage-name{margin:0 0 .75rem;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.gbt-job-graph__jobs{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.gbt-job-graph__node{display:flex;align-items:center;gap:.5rem;min-width:13rem;padding:.5rem .75rem;background:var(--bg-principal);border:1px solid var(--border-color);border-radius:var(--gbt-radius-tile, 8px);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.gbt-job-graph__node:hover{border-color:var(--primary)}.gbt-job-graph__node:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-job-graph__node[aria-current=true]{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent)}.gbt-job-graph__glyph{display:inline-flex;flex-shrink:0}.gbt-job-graph__name{flex:1;font-weight:600}.gbt-job-graph__duration{font-size:12px;color:var(--text-secondary)}.gbt-job-graph__links{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;overflow:visible}.gbt-job-graph__links path{fill:none;stroke:var(--border-color);stroke-width:2}.gbt-job-graph__links path[data-done]{stroke:var(--color-success-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
|
|
16166
16166
|
}]
|
|
16167
16167
|
}],
|
|
16168
16168
|
ctorParameters: () => [],
|
|
@@ -16419,7 +16419,7 @@ var FileUpload = class FileUpload {
|
|
|
16419
16419
|
}],
|
|
16420
16420
|
ngImport: i0,
|
|
16421
16421
|
template: "<div class=\"gbt-file-upload\">\n @if (label()) {\n <span class=\"gbt-file-upload__label\" [id]=\"id() + '-label'\">{{ label() }}</span>\n }\n <button\n type=\"button\"\n class=\"gbt-file-upload__dropzone\"\n [class.gbt-file-upload__dropzone--drag-over]=\"dragOver()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-labelledby]=\"label() ? id() + '-label' : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (click)=\"openPicker()\"\n (dragenter)=\"onDragEnter($event)\"\n (dragleave)=\"onDragLeave($event)\"\n (dragover)=\"onDragOver($event)\"\n (drop)=\"onDrop($event)\"\n >\n <gbt-icon name=\"upload\" class=\"gbt-file-upload__icon\" aria-hidden=\"true\" />\n <span class=\"gbt-file-upload__hint\">{{ dropLabel() }}</span>\n </button>\n <input\n #fileInput\n type=\"file\"\n class=\"gbt-file-upload__input\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n [multiple]=\"multiple()\"\n [attr.accept]=\"accept() || null\"\n [disabled]=\"isDisabled()\"\n (change)=\"onFilesSelected($event)\"\n />\n @if (rejections().length > 0) {\n <div class=\"gbt-file-upload__rejections\" role=\"alert\">\n <ul>\n @for (message of rejections(); track message) {\n <li>{{ message }}</li>\n }\n </ul>\n </div>\n }\n @if (files().length > 0) {\n <ul class=\"gbt-file-upload__files\">\n @for (file of files(); track file) {\n <li class=\"gbt-file-upload__file\">\n <span class=\"gbt-file-upload__file-name\">{{ file.name }}</span>\n <span class=\"gbt-file-upload__file-size\">{{ formatFileSize(file.size) }}</span>\n <button\n type=\"button\"\n class=\"gbt-file-upload__file-remove\"\n [disabled]=\"isDisabled()\"\n [attr.aria-label]=\"removeLabel()(file.name)\"\n (click)=\"removeFile(file)\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n </li>\n }\n </ul>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-file-upload__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
16422
|
-
styles: [".gbt-file-upload{display:flex;flex-direction:column;gap:.5rem}.gbt-file-upload__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-file-upload__dropzone{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1.5rem 1rem;background:var(--bg-panel);border:1px dashed var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.gbt-file-upload__dropzone:hover:not(:disabled){border-color:var(--primary)}.gbt-file-upload__dropzone:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-file-upload__dropzone--drag-over{background:color-mix(in srgb,var(--primary) 8%,var(--bg-panel));border-color:var(--primary)}.gbt-file-upload__dropzone:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__icon{color:var(--text-discret)}.gbt-file-upload__hint{font-size:13px;text-align:center}.gbt-file-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.gbt-file-upload__rejections{font-size:.75rem;color:var(--color-error-text)}.gbt-file-upload__rejections ul{margin:0;padding:0;list-style:none}.gbt-file-upload__files{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none}.gbt-file-upload__file{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-file-upload__file-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--text-primary)}.gbt-file-upload__file-size{flex-shrink:0;font-size:12px;color:var(--text-secondary)}.gbt-file-upload__file-remove{position:relative;display:inline-flex;flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-file-upload__file-remove:hover:not(:disabled){color:var(--text-primary)}.gbt-file-upload__file-remove:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-file-upload__file-remove:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__file-remove:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-file-upload__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-file-upload__dropzone{transition:none}}\n"],
|
|
16422
|
+
styles: [".gbt-file-upload{display:flex;flex-direction:column;gap:.5rem}.gbt-file-upload__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-file-upload__dropzone{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1.5rem 1rem;background:var(--bg-panel);border:1px dashed var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.gbt-file-upload__dropzone:hover:not(:disabled){border-color:var(--primary)}.gbt-file-upload__dropzone:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-file-upload__dropzone--drag-over{background:color-mix(in srgb,var(--primary) 8%,var(--bg-panel));border-color:var(--primary)}.gbt-file-upload__dropzone:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__icon{color:var(--text-discret)}.gbt-file-upload__hint{font-size:13px;text-align:center}.gbt-file-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.gbt-file-upload__rejections{font-size:.75rem;color:var(--color-error-text)}.gbt-file-upload__rejections ul{margin:0;padding:0;list-style:none}.gbt-file-upload__files{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none}.gbt-file-upload__file{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-file-upload__file-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--text-primary)}.gbt-file-upload__file-size{flex-shrink:0;font-size:12px;color:var(--text-secondary)}.gbt-file-upload__file-remove{position:relative;display:inline-flex;flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-file-upload__file-remove:hover:not(:disabled){color:var(--text-primary)}.gbt-file-upload__file-remove:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-file-upload__file-remove:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__file-remove:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-file-upload__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-file-upload__dropzone{transition:none}}\n"],
|
|
16423
16423
|
dependencies: [{
|
|
16424
16424
|
kind: "component",
|
|
16425
16425
|
type: Icon,
|
|
@@ -16447,7 +16447,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
16447
16447
|
multi: true
|
|
16448
16448
|
}],
|
|
16449
16449
|
template: "<div class=\"gbt-file-upload\">\n @if (label()) {\n <span class=\"gbt-file-upload__label\" [id]=\"id() + '-label'\">{{ label() }}</span>\n }\n <button\n type=\"button\"\n class=\"gbt-file-upload__dropzone\"\n [class.gbt-file-upload__dropzone--drag-over]=\"dragOver()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-labelledby]=\"label() ? id() + '-label' : null\"\n [attr.aria-describedby]=\"errorMessage() ? id() + '-error' : null\"\n (click)=\"openPicker()\"\n (dragenter)=\"onDragEnter($event)\"\n (dragleave)=\"onDragLeave($event)\"\n (dragover)=\"onDragOver($event)\"\n (drop)=\"onDrop($event)\"\n >\n <gbt-icon name=\"upload\" class=\"gbt-file-upload__icon\" aria-hidden=\"true\" />\n <span class=\"gbt-file-upload__hint\">{{ dropLabel() }}</span>\n </button>\n <input\n #fileInput\n type=\"file\"\n class=\"gbt-file-upload__input\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n [multiple]=\"multiple()\"\n [attr.accept]=\"accept() || null\"\n [disabled]=\"isDisabled()\"\n (change)=\"onFilesSelected($event)\"\n />\n @if (rejections().length > 0) {\n <div class=\"gbt-file-upload__rejections\" role=\"alert\">\n <ul>\n @for (message of rejections(); track message) {\n <li>{{ message }}</li>\n }\n </ul>\n </div>\n }\n @if (files().length > 0) {\n <ul class=\"gbt-file-upload__files\">\n @for (file of files(); track file) {\n <li class=\"gbt-file-upload__file\">\n <span class=\"gbt-file-upload__file-name\">{{ file.name }}</span>\n <span class=\"gbt-file-upload__file-size\">{{ formatFileSize(file.size) }}</span>\n <button\n type=\"button\"\n class=\"gbt-file-upload__file-remove\"\n [disabled]=\"isDisabled()\"\n [attr.aria-label]=\"removeLabel()(file.name)\"\n (click)=\"removeFile(file)\"\n >\n <gbt-icon name=\"x\" aria-hidden=\"true\" />\n </button>\n </li>\n }\n </ul>\n }\n @if (errorMessage()) {\n <p [id]=\"id() + '-error'\" class=\"gbt-file-upload__error\" role=\"alert\">{{ errorMessage() }}</p>\n }\n</div>\n",
|
|
16450
|
-
styles: [".gbt-file-upload{display:flex;flex-direction:column;gap:.5rem}.gbt-file-upload__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-file-upload__dropzone{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1.5rem 1rem;background:var(--bg-panel);border:1px dashed var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.gbt-file-upload__dropzone:hover:not(:disabled){border-color:var(--primary)}.gbt-file-upload__dropzone:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-file-upload__dropzone--drag-over{background:color-mix(in srgb,var(--primary) 8%,var(--bg-panel));border-color:var(--primary)}.gbt-file-upload__dropzone:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__icon{color:var(--text-discret)}.gbt-file-upload__hint{font-size:13px;text-align:center}.gbt-file-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.gbt-file-upload__rejections{font-size:.75rem;color:var(--color-error-text)}.gbt-file-upload__rejections ul{margin:0;padding:0;list-style:none}.gbt-file-upload__files{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none}.gbt-file-upload__file{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-file-upload__file-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--text-primary)}.gbt-file-upload__file-size{flex-shrink:0;font-size:12px;color:var(--text-secondary)}.gbt-file-upload__file-remove{position:relative;display:inline-flex;flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-file-upload__file-remove:hover:not(:disabled){color:var(--text-primary)}.gbt-file-upload__file-remove:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gbt-file-upload__file-remove:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__file-remove:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-file-upload__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-file-upload__dropzone{transition:none}}\n"]
|
|
16450
|
+
styles: [".gbt-file-upload{display:flex;flex-direction:column;gap:.5rem}.gbt-file-upload__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.gbt-file-upload__dropzone{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1.5rem 1rem;background:var(--bg-panel);border:1px dashed var(--border-color);border-radius:var(--site-border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.gbt-file-upload__dropzone:hover:not(:disabled){border-color:var(--primary)}.gbt-file-upload__dropzone:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-file-upload__dropzone--drag-over{background:color-mix(in srgb,var(--primary) 8%,var(--bg-panel));border-color:var(--primary)}.gbt-file-upload__dropzone:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__icon{color:var(--text-discret)}.gbt-file-upload__hint{font-size:13px;text-align:center}.gbt-file-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.gbt-file-upload__rejections{font-size:.75rem;color:var(--color-error-text)}.gbt-file-upload__rejections ul{margin:0;padding:0;list-style:none}.gbt-file-upload__files{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none}.gbt-file-upload__file{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-file-upload__file-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--text-primary)}.gbt-file-upload__file-size{flex-shrink:0;font-size:12px;color:var(--text-secondary)}.gbt-file-upload__file-remove{position:relative;display:inline-flex;flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-file-upload__file-remove:hover:not(:disabled){color:var(--text-primary)}.gbt-file-upload__file-remove:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}.gbt-file-upload__file-remove:disabled{cursor:not-allowed;opacity:.5}.gbt-file-upload__file-remove:before{content:\"\";position:absolute;inset:50% auto auto 50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%)}.gbt-file-upload__error{margin:0;font-size:.75rem;color:var(--color-error-text)}@media(prefers-reduced-motion:reduce){.gbt-file-upload__dropzone{transition:none}}\n"]
|
|
16451
16451
|
}]
|
|
16452
16452
|
}],
|
|
16453
16453
|
propDecorators: {
|
|
@@ -17106,7 +17106,7 @@ var Tree = class Tree {
|
|
|
17106
17106
|
},
|
|
17107
17107
|
ngImport: i0,
|
|
17108
17108
|
template: "<ul\n class=\"gbt-tree\"\n role=\"tree\"\n tabindex=\"-1\"\n [attr.aria-label]=\"ariaLabel() || null\"\n (keydown)=\"onKeydown($event)\"\n>\n @for (flat of flatNodes(); track flat.node.id) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -->\n <li\n class=\"gbt-tree__item\"\n role=\"treeitem\"\n [attr.data-node-id]=\"flat.node.id\"\n [attr.aria-level]=\"flat.depth + 1\"\n [attr.aria-expanded]=\"flat.hasChildren ? isExpanded(flat.node.id) : null\"\n [attr.aria-selected]=\"selectedId() === flat.node.id\"\n [style.paddingLeft.px]=\"flat.depth * 20\"\n [attr.tabindex]=\"activeId() === flat.node.id ? 0 : -1\"\n (click)=\"onItemClick(flat)\"\n >\n @if (flat.hasChildren) {\n <button\n type=\"button\"\n class=\"gbt-tree__toggle\"\n tabindex=\"-1\"\n [attr.aria-label]=\"isExpanded(flat.node.id) ? collapseLabel() : expandLabel()\"\n (click)=\"toggle(flat.node.id); $event.stopPropagation()\"\n >\n <gbt-icon\n name=\"chevron-right\"\n class=\"gbt-tree__chevron\"\n [class.gbt-tree__chevron--expanded]=\"isExpanded(flat.node.id)\"\n aria-hidden=\"true\"\n />\n </button>\n } @else {\n <span class=\"gbt-tree__spacer\"></span>\n }\n @if (flat.node.icon) {\n <gbt-icon [name]=\"flat.node.icon\" class=\"gbt-tree__icon\" aria-hidden=\"true\" />\n }\n <span class=\"gbt-tree__label\">{{ flat.node.label }}</span>\n </li>\n }\n</ul>\n",
|
|
17109
|
-
styles: [".gbt-tree{margin:0;padding:0;list-style:none}.gbt-tree__item{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;height:32px;padding-right:.5rem;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-tree__item:hover{background:var(--bg-hover)}.gbt-tree__item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-tree__item[aria-selected=true]{background:var(--color-info-bg);color:var(--color-info-bg-text);font-weight:600}.gbt-tree__toggle{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-tree__spacer{flex-shrink:0;width:20px}.gbt-tree__chevron{transition:transform .15s cubic-bezier(.4,0,.2,1)}.gbt-tree__chevron--expanded{transform:rotate(90deg)}.gbt-tree__icon{flex-shrink:0;color:var(--text-secondary)}.gbt-tree__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.gbt-tree__chevron{transition:none}}\n"],
|
|
17109
|
+
styles: [".gbt-tree{margin:0;padding:0;list-style:none}.gbt-tree__item{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;height:32px;padding-right:.5rem;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-tree__item:hover{background:var(--bg-hover)}.gbt-tree__item:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-tree__item[aria-selected=true]{background:var(--color-info-bg);color:var(--color-info-bg-text);font-weight:600}.gbt-tree__toggle{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-tree__spacer{flex-shrink:0;width:20px}.gbt-tree__chevron{transition:transform .15s cubic-bezier(.4,0,.2,1)}.gbt-tree__chevron--expanded{transform:rotate(90deg)}.gbt-tree__icon{flex-shrink:0;color:var(--text-secondary)}.gbt-tree__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.gbt-tree__chevron{transition:none}}\n"],
|
|
17110
17110
|
dependencies: [{
|
|
17111
17111
|
kind: "component",
|
|
17112
17112
|
type: Icon,
|
|
@@ -17129,7 +17129,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
17129
17129
|
imports: [Icon],
|
|
17130
17130
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17131
17131
|
template: "<ul\n class=\"gbt-tree\"\n role=\"tree\"\n tabindex=\"-1\"\n [attr.aria-label]=\"ariaLabel() || null\"\n (keydown)=\"onKeydown($event)\"\n>\n @for (flat of flatNodes(); track flat.node.id) {\n <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -->\n <li\n class=\"gbt-tree__item\"\n role=\"treeitem\"\n [attr.data-node-id]=\"flat.node.id\"\n [attr.aria-level]=\"flat.depth + 1\"\n [attr.aria-expanded]=\"flat.hasChildren ? isExpanded(flat.node.id) : null\"\n [attr.aria-selected]=\"selectedId() === flat.node.id\"\n [style.paddingLeft.px]=\"flat.depth * 20\"\n [attr.tabindex]=\"activeId() === flat.node.id ? 0 : -1\"\n (click)=\"onItemClick(flat)\"\n >\n @if (flat.hasChildren) {\n <button\n type=\"button\"\n class=\"gbt-tree__toggle\"\n tabindex=\"-1\"\n [attr.aria-label]=\"isExpanded(flat.node.id) ? collapseLabel() : expandLabel()\"\n (click)=\"toggle(flat.node.id); $event.stopPropagation()\"\n >\n <gbt-icon\n name=\"chevron-right\"\n class=\"gbt-tree__chevron\"\n [class.gbt-tree__chevron--expanded]=\"isExpanded(flat.node.id)\"\n aria-hidden=\"true\"\n />\n </button>\n } @else {\n <span class=\"gbt-tree__spacer\"></span>\n }\n @if (flat.node.icon) {\n <gbt-icon [name]=\"flat.node.icon\" class=\"gbt-tree__icon\" aria-hidden=\"true\" />\n }\n <span class=\"gbt-tree__label\">{{ flat.node.label }}</span>\n </li>\n }\n</ul>\n",
|
|
17132
|
-
styles: [".gbt-tree{margin:0;padding:0;list-style:none}.gbt-tree__item{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;height:32px;padding-right:.5rem;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-tree__item:hover{background:var(--bg-hover)}.gbt-tree__item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-tree__item[aria-selected=true]{background:var(--color-info-bg);color:var(--color-info-bg-text);font-weight:600}.gbt-tree__toggle{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-tree__spacer{flex-shrink:0;width:20px}.gbt-tree__chevron{transition:transform .15s cubic-bezier(.4,0,.2,1)}.gbt-tree__chevron--expanded{transform:rotate(90deg)}.gbt-tree__icon{flex-shrink:0;color:var(--text-secondary)}.gbt-tree__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.gbt-tree__chevron{transition:none}}\n"]
|
|
17132
|
+
styles: [".gbt-tree{margin:0;padding:0;list-style:none}.gbt-tree__item{box-sizing:border-box;display:flex;align-items:center;gap:.375rem;height:32px;padding-right:.5rem;border-radius:var(--site-border-radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer}.gbt-tree__item:hover{background:var(--bg-hover)}.gbt-tree__item:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-tree__item[aria-selected=true]{background:var(--color-info-bg);color:var(--color-info-bg-text);font-weight:600}.gbt-tree__toggle{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer}.gbt-tree__spacer{flex-shrink:0;width:20px}.gbt-tree__chevron{transition:transform .15s cubic-bezier(.4,0,.2,1)}.gbt-tree__chevron--expanded{transform:rotate(90deg)}.gbt-tree__icon{flex-shrink:0;color:var(--text-secondary)}.gbt-tree__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.gbt-tree__chevron{transition:none}}\n"]
|
|
17133
17133
|
}]
|
|
17134
17134
|
}],
|
|
17135
17135
|
propDecorators: {
|
|
@@ -17402,7 +17402,7 @@ var PageHeader = class PageHeader {
|
|
|
17402
17402
|
},
|
|
17403
17403
|
ngImport: i0,
|
|
17404
17404
|
template: "<header class=\"gbt-page-header\">\n <div class=\"gbt-page-header__main\">\n <div class=\"gbt-page-header__title-row\">\n @switch (headingLevel()) {\n @case (2) {\n <h2 class=\"gbt-page-header__title\">{{ heading() }}</h2>\n }\n @case (3) {\n <h3 class=\"gbt-page-header__title\">{{ heading() }}</h3>\n }\n @default {\n <h1 class=\"gbt-page-header__title\">{{ heading() }}</h1>\n }\n }\n <ng-content select=\"[header-title]\" />\n <div class=\"gbt-page-header__badges\"><ng-content select=\"[header-badges]\" /></div>\n </div>\n <div class=\"gbt-page-header__meta\"><ng-content select=\"[header-meta]\" /></div>\n </div>\n <div class=\"gbt-page-header__actions\"><ng-content select=\"[header-actions]\" /></div>\n</header>\n",
|
|
17405
|
-
styles: [":host{display:block;margin-bottom:1.5rem}.gbt-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gbt-hairline)}.gbt-page-header__main{flex:1 1 18rem;min-width:0}.gbt-page-header__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__title{min-width:0;margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}.gbt-page-header__badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.375rem}.gbt-page-header__meta{margin-top:.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.gbt-page-header__actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__badges:empty,.gbt-page-header__meta:empty,.gbt-page-header__actions:empty{display:none}\n"],
|
|
17405
|
+
styles: [":host{display:block;margin-bottom:1.5rem}.gbt-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gbt-hairline)}.gbt-page-header__main{flex:1 1 18rem;min-width:0}.gbt-page-header__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__title{font-family:var(--gbt-font-display, inherit);min-width:0;margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}.gbt-page-header__badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.375rem}.gbt-page-header__meta{margin-top:.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.gbt-page-header__actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__badges:empty,.gbt-page-header__meta:empty,.gbt-page-header__actions:empty{display:none}\n"],
|
|
17406
17406
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
17407
17407
|
});
|
|
17408
17408
|
};
|
|
@@ -17418,7 +17418,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
17418
17418
|
standalone: true,
|
|
17419
17419
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17420
17420
|
template: "<header class=\"gbt-page-header\">\n <div class=\"gbt-page-header__main\">\n <div class=\"gbt-page-header__title-row\">\n @switch (headingLevel()) {\n @case (2) {\n <h2 class=\"gbt-page-header__title\">{{ heading() }}</h2>\n }\n @case (3) {\n <h3 class=\"gbt-page-header__title\">{{ heading() }}</h3>\n }\n @default {\n <h1 class=\"gbt-page-header__title\">{{ heading() }}</h1>\n }\n }\n <ng-content select=\"[header-title]\" />\n <div class=\"gbt-page-header__badges\"><ng-content select=\"[header-badges]\" /></div>\n </div>\n <div class=\"gbt-page-header__meta\"><ng-content select=\"[header-meta]\" /></div>\n </div>\n <div class=\"gbt-page-header__actions\"><ng-content select=\"[header-actions]\" /></div>\n</header>\n",
|
|
17421
|
-
styles: [":host{display:block;margin-bottom:1.5rem}.gbt-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gbt-hairline)}.gbt-page-header__main{flex:1 1 18rem;min-width:0}.gbt-page-header__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__title{min-width:0;margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}.gbt-page-header__badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.375rem}.gbt-page-header__meta{margin-top:.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.gbt-page-header__actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__badges:empty,.gbt-page-header__meta:empty,.gbt-page-header__actions:empty{display:none}\n"]
|
|
17421
|
+
styles: [":host{display:block;margin-bottom:1.5rem}.gbt-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gbt-hairline)}.gbt-page-header__main{flex:1 1 18rem;min-width:0}.gbt-page-header__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__title{font-family:var(--gbt-font-display, inherit);min-width:0;margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}.gbt-page-header__badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.375rem}.gbt-page-header__meta{margin-top:.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.gbt-page-header__actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:var(--gbt-control-height-md)}.gbt-page-header__badges:empty,.gbt-page-header__meta:empty,.gbt-page-header__actions:empty{display:none}\n"]
|
|
17422
17422
|
}]
|
|
17423
17423
|
}],
|
|
17424
17424
|
propDecorators: {
|
|
@@ -17617,7 +17617,7 @@ var ListRow = class ListRow {
|
|
|
17617
17617
|
} },
|
|
17618
17618
|
ngImport: i0,
|
|
17619
17619
|
template: "<div class=\"gbt-list-row\">\n <div class=\"gbt-list-row__leading\" [attr.data-tone]=\"tone()\">\n <ng-content select=\"[row-leading]\" />\n </div>\n <div class=\"gbt-list-row__main\">\n <div class=\"gbt-list-row__title\"><ng-content /></div>\n <div class=\"gbt-list-row__meta\"><ng-content select=\"[row-meta]\" /></div>\n </div>\n <div class=\"gbt-list-row__trailing\"><ng-content select=\"[row-trailing]\" /></div>\n</div>\n",
|
|
17620
|
-
styles: [":host{display:block}::ng-deep li+li>gbt-list-row,::ng-deep gbt-list-row+gbt-list-row{border-top:1px solid var(--gbt-hairline)}.gbt-list-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .75rem;padding:.75rem 1rem;transition:background-color var(--site-transition-fast)}.gbt-list-row:hover,.gbt-list-row:focus-within{background:var(--bg-hover)}.gbt-list-row__leading{display:flex;flex:none;align-items:center;justify-content:center;width:1.25rem;height:1.5rem;color:var(--text-secondary);font-size:.8rem}.gbt-list-row__leading[data-tone=success]{color:var(--color-success-text)}.gbt-list-row__leading[data-tone=warning]{color:var(--color-warning-text)}.gbt-list-row__leading[data-tone=error]{color:var(--color-error-text)}.gbt-list-row__leading[data-tone=info]{color:var(--color-info-bg-text)}.gbt-list-row__main{display:flex;flex:1 1 10rem;flex-direction:column;gap:.125rem;min-width:0}.gbt-list-row__title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-width:0;min-height:1.5rem;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.5rem}.gbt-list-row__title ::ng-deep>*{flex:none}.gbt-list-row__title ::ng-deep>gbt-user-chip{flex:0 1 auto;min-width:0;max-width:100%}.gbt-list-row__title ::ng-deep>a{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;color:inherit;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.gbt-list-row__title ::ng-deep>a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__title ::ng-deep>a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.gbt-list-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .375rem;min-width:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem;overflow-wrap:anywhere}.gbt-list-row__meta ::ng-deep a{color:inherit;font-weight:500;text-decoration:none}.gbt-list-row__meta ::ng-deep a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__meta ::ng-deep a:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-radius:2px}.gbt-list-row__meta ::ng-deep code{padding:0 .375rem;border-radius:6px;background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem}.gbt-list-row__trailing{display:flex;flex:none;align-items:center;gap:.75rem;min-height:1.5rem;margin-left:auto;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem}.gbt-list-row__trailing ::ng-deep>*{flex:none}.gbt-list-row__leading:empty,.gbt-list-row__meta:empty,.gbt-list-row__trailing:empty{display:none}@media(prefers-reduced-motion:reduce){.gbt-list-row{transition:none}}\n"],
|
|
17620
|
+
styles: [":host{display:block}::ng-deep li+li>gbt-list-row,::ng-deep gbt-list-row+gbt-list-row{border-top:1px solid var(--gbt-hairline)}.gbt-list-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .75rem;padding:.75rem 1rem;transition:background-color var(--site-transition-fast)}.gbt-list-row:hover,.gbt-list-row:focus-within{background:var(--bg-hover)}.gbt-list-row__leading{display:flex;flex:none;align-items:center;justify-content:center;width:1.25rem;height:1.5rem;color:var(--text-secondary);font-size:.8rem}.gbt-list-row__leading[data-tone=success]{color:var(--color-success-text)}.gbt-list-row__leading[data-tone=warning]{color:var(--color-warning-text)}.gbt-list-row__leading[data-tone=error]{color:var(--color-error-text)}.gbt-list-row__leading[data-tone=info]{color:var(--color-info-bg-text)}.gbt-list-row__main{display:flex;flex:1 1 10rem;flex-direction:column;gap:.125rem;min-width:0}.gbt-list-row__title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-width:0;min-height:1.5rem;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.5rem}.gbt-list-row__title ::ng-deep>*{flex:none}.gbt-list-row__title ::ng-deep>gbt-user-chip{flex:0 1 auto;min-width:0;max-width:100%}.gbt-list-row__title ::ng-deep>a{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;color:inherit;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.gbt-list-row__title ::ng-deep>a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__title ::ng-deep>a:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px;border-radius:2px}.gbt-list-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .375rem;min-width:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem;overflow-wrap:anywhere}.gbt-list-row__meta ::ng-deep a{color:inherit;font-weight:500;text-decoration:none}.gbt-list-row__meta ::ng-deep a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__meta ::ng-deep a:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px;border-radius:2px}.gbt-list-row__meta ::ng-deep code{padding:0 .375rem;border-radius:var(--gbt-radius-chip, 6px);background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem}.gbt-list-row__trailing{display:flex;flex:none;align-items:center;gap:.75rem;min-height:1.5rem;margin-left:auto;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem}.gbt-list-row__trailing ::ng-deep>*{flex:none}.gbt-list-row__leading:empty,.gbt-list-row__meta:empty,.gbt-list-row__trailing:empty{display:none}@media(prefers-reduced-motion:reduce){.gbt-list-row{transition:none}}\n"],
|
|
17621
17621
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
17622
17622
|
});
|
|
17623
17623
|
};
|
|
@@ -17633,7 +17633,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
17633
17633
|
standalone: true,
|
|
17634
17634
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17635
17635
|
template: "<div class=\"gbt-list-row\">\n <div class=\"gbt-list-row__leading\" [attr.data-tone]=\"tone()\">\n <ng-content select=\"[row-leading]\" />\n </div>\n <div class=\"gbt-list-row__main\">\n <div class=\"gbt-list-row__title\"><ng-content /></div>\n <div class=\"gbt-list-row__meta\"><ng-content select=\"[row-meta]\" /></div>\n </div>\n <div class=\"gbt-list-row__trailing\"><ng-content select=\"[row-trailing]\" /></div>\n</div>\n",
|
|
17636
|
-
styles: [":host{display:block}::ng-deep li+li>gbt-list-row,::ng-deep gbt-list-row+gbt-list-row{border-top:1px solid var(--gbt-hairline)}.gbt-list-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .75rem;padding:.75rem 1rem;transition:background-color var(--site-transition-fast)}.gbt-list-row:hover,.gbt-list-row:focus-within{background:var(--bg-hover)}.gbt-list-row__leading{display:flex;flex:none;align-items:center;justify-content:center;width:1.25rem;height:1.5rem;color:var(--text-secondary);font-size:.8rem}.gbt-list-row__leading[data-tone=success]{color:var(--color-success-text)}.gbt-list-row__leading[data-tone=warning]{color:var(--color-warning-text)}.gbt-list-row__leading[data-tone=error]{color:var(--color-error-text)}.gbt-list-row__leading[data-tone=info]{color:var(--color-info-bg-text)}.gbt-list-row__main{display:flex;flex:1 1 10rem;flex-direction:column;gap:.125rem;min-width:0}.gbt-list-row__title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-width:0;min-height:1.5rem;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.5rem}.gbt-list-row__title ::ng-deep>*{flex:none}.gbt-list-row__title ::ng-deep>gbt-user-chip{flex:0 1 auto;min-width:0;max-width:100%}.gbt-list-row__title ::ng-deep>a{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;color:inherit;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.gbt-list-row__title ::ng-deep>a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__title ::ng-deep>a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.gbt-list-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .375rem;min-width:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem;overflow-wrap:anywhere}.gbt-list-row__meta ::ng-deep a{color:inherit;font-weight:500;text-decoration:none}.gbt-list-row__meta ::ng-deep a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__meta ::ng-deep a:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-radius:2px}.gbt-list-row__meta ::ng-deep code{padding:0 .375rem;border-radius:6px;background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem}.gbt-list-row__trailing{display:flex;flex:none;align-items:center;gap:.75rem;min-height:1.5rem;margin-left:auto;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem}.gbt-list-row__trailing ::ng-deep>*{flex:none}.gbt-list-row__leading:empty,.gbt-list-row__meta:empty,.gbt-list-row__trailing:empty{display:none}@media(prefers-reduced-motion:reduce){.gbt-list-row{transition:none}}\n"]
|
|
17636
|
+
styles: [":host{display:block}::ng-deep li+li>gbt-list-row,::ng-deep gbt-list-row+gbt-list-row{border-top:1px solid var(--gbt-hairline)}.gbt-list-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .75rem;padding:.75rem 1rem;transition:background-color var(--site-transition-fast)}.gbt-list-row:hover,.gbt-list-row:focus-within{background:var(--bg-hover)}.gbt-list-row__leading{display:flex;flex:none;align-items:center;justify-content:center;width:1.25rem;height:1.5rem;color:var(--text-secondary);font-size:.8rem}.gbt-list-row__leading[data-tone=success]{color:var(--color-success-text)}.gbt-list-row__leading[data-tone=warning]{color:var(--color-warning-text)}.gbt-list-row__leading[data-tone=error]{color:var(--color-error-text)}.gbt-list-row__leading[data-tone=info]{color:var(--color-info-bg-text)}.gbt-list-row__main{display:flex;flex:1 1 10rem;flex-direction:column;gap:.125rem;min-width:0}.gbt-list-row__title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-width:0;min-height:1.5rem;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.5rem}.gbt-list-row__title ::ng-deep>*{flex:none}.gbt-list-row__title ::ng-deep>gbt-user-chip{flex:0 1 auto;min-width:0;max-width:100%}.gbt-list-row__title ::ng-deep>a{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;color:inherit;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.gbt-list-row__title ::ng-deep>a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__title ::ng-deep>a:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px;border-radius:2px}.gbt-list-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .375rem;min-width:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem;overflow-wrap:anywhere}.gbt-list-row__meta ::ng-deep a{color:inherit;font-weight:500;text-decoration:none}.gbt-list-row__meta ::ng-deep a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.gbt-list-row__meta ::ng-deep a:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:1px;border-radius:2px}.gbt-list-row__meta ::ng-deep code{padding:0 .375rem;border-radius:var(--gbt-radius-chip, 6px);background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem}.gbt-list-row__trailing{display:flex;flex:none;align-items:center;gap:.75rem;min-height:1.5rem;margin-left:auto;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem}.gbt-list-row__trailing ::ng-deep>*{flex:none}.gbt-list-row__leading:empty,.gbt-list-row__meta:empty,.gbt-list-row__trailing:empty{display:none}@media(prefers-reduced-motion:reduce){.gbt-list-row{transition:none}}\n"]
|
|
17637
17637
|
}]
|
|
17638
17638
|
}],
|
|
17639
17639
|
propDecorators: { tone: [{
|
|
@@ -19032,7 +19032,7 @@ var IconMarker = class IconMarker {
|
|
|
19032
19032
|
},
|
|
19033
19033
|
ngImport: i0,
|
|
19034
19034
|
template: "<span\n class=\"gbt-icon-marker\"\n [attr.data-tone]=\"tone()\"\n [attr.data-size]=\"size()\"\n [attr.data-shape]=\"shape() === 'tile' ? 'tile' : null\"\n [attr.data-appearance]=\"appearance() === 'outline' ? 'outline' : null\"\n [attr.role]=\"label() ? 'img' : null\"\n [attr.aria-label]=\"label()\"\n [attr.aria-hidden]=\"label() ? null : 'true'\"\n>\n <gbt-icon [name]=\"icon()\" />\n</span>\n",
|
|
19035
|
-
styles: [":host{display:inline-flex;flex:none}.gbt-icon-marker{--gbt-marker-size: 2rem;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--gbt-marker-size);height:var(--gbt-marker-size);border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:.9375rem}.gbt-icon-marker[data-size=sm]{--gbt-marker-size: 1.5rem;font-size:.75rem}.gbt-icon-marker[data-size=lg]{--gbt-marker-size: 2.5rem;font-size:1.125rem}.gbt-icon-marker[data-size=xl]{--gbt-marker-size: 3.25rem;font-size:1.375rem}.gbt-icon-marker[data-shape=tile]{border-radius:8px}.gbt-icon-marker[data-tone=primary]{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.gbt-icon-marker[data-tone=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-icon-marker[data-tone=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-icon-marker[data-tone=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-icon-marker[data-tone=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-icon-marker[data-appearance=outline]{border:1px solid var(--gbt-card-border);background:var(--bg-principal);color:var(--text-secondary)}.gbt-icon-marker[data-appearance=outline][data-tone=primary]{color:var(--primary)}.gbt-icon-marker[data-appearance=outline][data-tone=success]{color:var(--color-success-text)}.gbt-icon-marker[data-appearance=outline][data-tone=warning]{color:var(--color-warning-text)}.gbt-icon-marker[data-appearance=outline][data-tone=error]{color:var(--color-error-text)}.gbt-icon-marker[data-appearance=outline][data-tone=info]{color:var(--color-info-bg-text)}\n"],
|
|
19035
|
+
styles: [":host{display:inline-flex;flex:none}.gbt-icon-marker{--gbt-marker-size: 2rem;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--gbt-marker-size);height:var(--gbt-marker-size);border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:.9375rem}.gbt-icon-marker[data-size=sm]{--gbt-marker-size: 1.5rem;font-size:.75rem}.gbt-icon-marker[data-size=lg]{--gbt-marker-size: 2.5rem;font-size:1.125rem}.gbt-icon-marker[data-size=xl]{--gbt-marker-size: 3.25rem;font-size:1.375rem}.gbt-icon-marker[data-shape=tile]{border-radius:var(--gbt-radius-tile, 8px)}.gbt-icon-marker[data-tone=primary]{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.gbt-icon-marker[data-tone=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-icon-marker[data-tone=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-icon-marker[data-tone=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-icon-marker[data-tone=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-icon-marker[data-appearance=outline]{border:1px solid var(--gbt-card-border);background:var(--bg-principal);color:var(--text-secondary)}.gbt-icon-marker[data-appearance=outline][data-tone=primary]{color:var(--primary)}.gbt-icon-marker[data-appearance=outline][data-tone=success]{color:var(--color-success-text)}.gbt-icon-marker[data-appearance=outline][data-tone=warning]{color:var(--color-warning-text)}.gbt-icon-marker[data-appearance=outline][data-tone=error]{color:var(--color-error-text)}.gbt-icon-marker[data-appearance=outline][data-tone=info]{color:var(--color-info-bg-text)}\n"],
|
|
19036
19036
|
dependencies: [{
|
|
19037
19037
|
kind: "component",
|
|
19038
19038
|
type: Icon,
|
|
@@ -19055,7 +19055,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
19055
19055
|
imports: [Icon],
|
|
19056
19056
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19057
19057
|
template: "<span\n class=\"gbt-icon-marker\"\n [attr.data-tone]=\"tone()\"\n [attr.data-size]=\"size()\"\n [attr.data-shape]=\"shape() === 'tile' ? 'tile' : null\"\n [attr.data-appearance]=\"appearance() === 'outline' ? 'outline' : null\"\n [attr.role]=\"label() ? 'img' : null\"\n [attr.aria-label]=\"label()\"\n [attr.aria-hidden]=\"label() ? null : 'true'\"\n>\n <gbt-icon [name]=\"icon()\" />\n</span>\n",
|
|
19058
|
-
styles: [":host{display:inline-flex;flex:none}.gbt-icon-marker{--gbt-marker-size: 2rem;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--gbt-marker-size);height:var(--gbt-marker-size);border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:.9375rem}.gbt-icon-marker[data-size=sm]{--gbt-marker-size: 1.5rem;font-size:.75rem}.gbt-icon-marker[data-size=lg]{--gbt-marker-size: 2.5rem;font-size:1.125rem}.gbt-icon-marker[data-size=xl]{--gbt-marker-size: 3.25rem;font-size:1.375rem}.gbt-icon-marker[data-shape=tile]{border-radius:8px}.gbt-icon-marker[data-tone=primary]{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.gbt-icon-marker[data-tone=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-icon-marker[data-tone=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-icon-marker[data-tone=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-icon-marker[data-tone=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-icon-marker[data-appearance=outline]{border:1px solid var(--gbt-card-border);background:var(--bg-principal);color:var(--text-secondary)}.gbt-icon-marker[data-appearance=outline][data-tone=primary]{color:var(--primary)}.gbt-icon-marker[data-appearance=outline][data-tone=success]{color:var(--color-success-text)}.gbt-icon-marker[data-appearance=outline][data-tone=warning]{color:var(--color-warning-text)}.gbt-icon-marker[data-appearance=outline][data-tone=error]{color:var(--color-error-text)}.gbt-icon-marker[data-appearance=outline][data-tone=info]{color:var(--color-info-bg-text)}\n"]
|
|
19058
|
+
styles: [":host{display:inline-flex;flex:none}.gbt-icon-marker{--gbt-marker-size: 2rem;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--gbt-marker-size);height:var(--gbt-marker-size);border-radius:50%;background:color-mix(in srgb,var(--border-color) 18%,transparent);color:var(--text-secondary);font-size:.9375rem}.gbt-icon-marker[data-size=sm]{--gbt-marker-size: 1.5rem;font-size:.75rem}.gbt-icon-marker[data-size=lg]{--gbt-marker-size: 2.5rem;font-size:1.125rem}.gbt-icon-marker[data-size=xl]{--gbt-marker-size: 3.25rem;font-size:1.375rem}.gbt-icon-marker[data-shape=tile]{border-radius:var(--gbt-radius-tile, 8px)}.gbt-icon-marker[data-tone=primary]{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.gbt-icon-marker[data-tone=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-icon-marker[data-tone=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-icon-marker[data-tone=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-icon-marker[data-tone=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-icon-marker[data-appearance=outline]{border:1px solid var(--gbt-card-border);background:var(--bg-principal);color:var(--text-secondary)}.gbt-icon-marker[data-appearance=outline][data-tone=primary]{color:var(--primary)}.gbt-icon-marker[data-appearance=outline][data-tone=success]{color:var(--color-success-text)}.gbt-icon-marker[data-appearance=outline][data-tone=warning]{color:var(--color-warning-text)}.gbt-icon-marker[data-appearance=outline][data-tone=error]{color:var(--color-error-text)}.gbt-icon-marker[data-appearance=outline][data-tone=info]{color:var(--color-info-bg-text)}\n"]
|
|
19059
19059
|
}]
|
|
19060
19060
|
}],
|
|
19061
19061
|
propDecorators: {
|
|
@@ -19261,7 +19261,7 @@ var StatTileLink = class StatTileLink {
|
|
|
19261
19261
|
ngImport: i0,
|
|
19262
19262
|
template: "<ng-content />",
|
|
19263
19263
|
isInline: true,
|
|
19264
|
-
styles: [":host{color:inherit;text-decoration:none}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:after{content:\"\";position:absolute;inset:0;border-radius:var(--site-border-radius)}:host:focus-visible:after{outline:2px solid var(--primary);outline-offset:2px}\n"],
|
|
19264
|
+
styles: [":host{color:inherit;text-decoration:none}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:after{content:\"\";position:absolute;inset:0;border-radius:var(--site-border-radius)}:host:focus-visible:after{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"],
|
|
19265
19265
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
19266
19266
|
});
|
|
19267
19267
|
};
|
|
@@ -19278,7 +19278,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
19278
19278
|
template: "<ng-content />",
|
|
19279
19279
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19280
19280
|
host: { class: "gbt-stat-tile__link" },
|
|
19281
|
-
styles: [":host{color:inherit;text-decoration:none}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:after{content:\"\";position:absolute;inset:0;border-radius:var(--site-border-radius)}:host:focus-visible:after{outline:2px solid var(--primary);outline-offset:2px}\n"]
|
|
19281
|
+
styles: [":host{color:inherit;text-decoration:none}:host:hover{text-decoration:underline;text-underline-offset:.2em}:host:focus-visible{outline:none}:host:after{content:\"\";position:absolute;inset:0;border-radius:var(--site-border-radius)}:host:focus-visible:after{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:2px}\n"]
|
|
19282
19282
|
}]
|
|
19283
19283
|
}]
|
|
19284
19284
|
});
|
|
@@ -19404,7 +19404,7 @@ var StatTile = class StatTile {
|
|
|
19404
19404
|
}],
|
|
19405
19405
|
ngImport: i0,
|
|
19406
19406
|
template: "<div class=\"gbt-stat-tile\">\n <span class=\"gbt-stat-tile__label\">\n <ng-content select=\"a[gbtStatTileLink]\" />\n @if (!hasLink()) {\n @if (href(); as target) {\n <a gbtStatTileLink [attr.href]=\"target\">{{ label() }}</a>\n } @else {\n {{ label() }}\n }\n }\n </span>\n @if (icon(); as name) {\n <gbt-icon-marker\n class=\"gbt-stat-tile__icon\"\n [icon]=\"name\"\n [tone]=\"muted() ? 'neutral' : iconTone()\"\n shape=\"tile\"\n />\n }\n <span class=\"gbt-stat-tile__value\">{{ value() }}</span>\n @if (hint() || trendLabel()) {\n <span class=\"gbt-stat-tile__meta\">\n @if (trendLabel(); as text) {\n <span\n class=\"gbt-stat-tile__trend\"\n [attr.data-trend]=\"trend()\"\n [attr.data-tone]=\"trendTone()\"\n >\n @if (trend() === 'up') {\n <gbt-icon name=\"arrow-up\" />\n } @else if (trend() === 'down') {\n <gbt-icon name=\"arrow-down\" />\n }\n {{ text }}\n </span>\n }\n @if (hint(); as text) {\n <span class=\"gbt-stat-tile__hint\">{{ text }}</span>\n }\n </span>\n }\n</div>\n",
|
|
19407
|
-
styles: [":host{display:block;min-width:0;container:gbt-stat-tile/inline-size}.gbt-stat-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:\"value icon\" \"label label\" \"meta meta\";column-gap:.75rem;align-items:center;box-sizing:border-box;height:100%;min-width:0;padding:.875rem 1rem .9375rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius);background:var(--bg-principal);transition:border-color var(--site-transition-fast),box-shadow var(--site-transition-fast)}:host([data-link]) .gbt-stat-tile:hover{border-color:var(--border-color);box-shadow:var(--site-shadow-sm)}.gbt-stat-tile__label{grid-area:label;align-self:start;min-width:0;margin-top:.125rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem;overflow-wrap:anywhere}.gbt-stat-tile__icon{grid-area:icon}.gbt-stat-tile__value{grid-area:value;min-width:0;overflow:hidden;color:var(--text-primary);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:2.25rem;text-overflow:ellipsis;white-space:nowrap}:host([data-muted]) .gbt-stat-tile__value{color:var(--text-secondary)}.gbt-stat-tile__meta{display:flex;flex-wrap:wrap;grid-area:meta;align-items:center;gap:.125rem .5rem;min-width:0;color:var(--text-secondary);font-size:.75rem;line-height:1rem}.gbt-stat-tile__trend{display:inline-flex;align-items:center;gap:.125rem;font-weight:600}.gbt-stat-tile__trend gbt-icon{flex:none;font-size:.6875rem}.gbt-stat-tile__trend[data-tone=success]{color:var(--color-success-text)}.gbt-stat-tile__trend[data-tone=error]{color:var(--color-error-text)}@container gbt-stat-tile (max-width: 11rem){.gbt-stat-tile{column-gap:.5rem;padding:.75rem .75rem .8125rem}.gbt-stat-tile__value{font-size:1.375rem;line-height:2rem}}@media(prefers-reduced-motion:reduce){.gbt-stat-tile{transition:none}}\n"],
|
|
19407
|
+
styles: [":host{display:block;min-width:0;container:gbt-stat-tile/inline-size}.gbt-stat-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:\"value icon\" \"label label\" \"meta meta\";column-gap:.75rem;align-items:center;box-sizing:border-box;height:100%;min-width:0;padding:.875rem 1rem .9375rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius);background:var(--bg-principal);transition:border-color var(--site-transition-fast),box-shadow var(--site-transition-fast)}:host([data-link]) .gbt-stat-tile:hover{border-color:var(--border-color);box-shadow:var(--site-shadow-sm)}.gbt-stat-tile__label{grid-area:label;align-self:start;min-width:0;margin-top:.125rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem;overflow-wrap:anywhere}.gbt-stat-tile__icon{grid-area:icon}.gbt-stat-tile__value{font-family:var(--gbt-font-display, inherit);grid-area:value;min-width:0;overflow:hidden;color:var(--text-primary);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:2.25rem;text-overflow:ellipsis;white-space:nowrap}:host([data-muted]) .gbt-stat-tile__value{color:var(--text-secondary)}.gbt-stat-tile__meta{display:flex;flex-wrap:wrap;grid-area:meta;align-items:center;gap:.125rem .5rem;min-width:0;color:var(--text-secondary);font-size:.75rem;line-height:1rem}.gbt-stat-tile__trend{display:inline-flex;align-items:center;gap:.125rem;font-weight:600}.gbt-stat-tile__trend gbt-icon{flex:none;font-size:.6875rem}.gbt-stat-tile__trend[data-tone=success]{color:var(--color-success-text)}.gbt-stat-tile__trend[data-tone=error]{color:var(--color-error-text)}@container gbt-stat-tile (max-width: 11rem){.gbt-stat-tile{column-gap:.5rem;padding:.75rem .75rem .8125rem}.gbt-stat-tile__value{font-size:1.375rem;line-height:2rem}}@media(prefers-reduced-motion:reduce){.gbt-stat-tile{transition:none}}\n"],
|
|
19408
19408
|
dependencies: [
|
|
19409
19409
|
{
|
|
19410
19410
|
kind: "component",
|
|
@@ -19456,7 +19456,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
19456
19456
|
"[attr.data-muted]": "muted() ? \"\" : null"
|
|
19457
19457
|
},
|
|
19458
19458
|
template: "<div class=\"gbt-stat-tile\">\n <span class=\"gbt-stat-tile__label\">\n <ng-content select=\"a[gbtStatTileLink]\" />\n @if (!hasLink()) {\n @if (href(); as target) {\n <a gbtStatTileLink [attr.href]=\"target\">{{ label() }}</a>\n } @else {\n {{ label() }}\n }\n }\n </span>\n @if (icon(); as name) {\n <gbt-icon-marker\n class=\"gbt-stat-tile__icon\"\n [icon]=\"name\"\n [tone]=\"muted() ? 'neutral' : iconTone()\"\n shape=\"tile\"\n />\n }\n <span class=\"gbt-stat-tile__value\">{{ value() }}</span>\n @if (hint() || trendLabel()) {\n <span class=\"gbt-stat-tile__meta\">\n @if (trendLabel(); as text) {\n <span\n class=\"gbt-stat-tile__trend\"\n [attr.data-trend]=\"trend()\"\n [attr.data-tone]=\"trendTone()\"\n >\n @if (trend() === 'up') {\n <gbt-icon name=\"arrow-up\" />\n } @else if (trend() === 'down') {\n <gbt-icon name=\"arrow-down\" />\n }\n {{ text }}\n </span>\n }\n @if (hint(); as text) {\n <span class=\"gbt-stat-tile__hint\">{{ text }}</span>\n }\n </span>\n }\n</div>\n",
|
|
19459
|
-
styles: [":host{display:block;min-width:0;container:gbt-stat-tile/inline-size}.gbt-stat-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:\"value icon\" \"label label\" \"meta meta\";column-gap:.75rem;align-items:center;box-sizing:border-box;height:100%;min-width:0;padding:.875rem 1rem .9375rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius);background:var(--bg-principal);transition:border-color var(--site-transition-fast),box-shadow var(--site-transition-fast)}:host([data-link]) .gbt-stat-tile:hover{border-color:var(--border-color);box-shadow:var(--site-shadow-sm)}.gbt-stat-tile__label{grid-area:label;align-self:start;min-width:0;margin-top:.125rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem;overflow-wrap:anywhere}.gbt-stat-tile__icon{grid-area:icon}.gbt-stat-tile__value{grid-area:value;min-width:0;overflow:hidden;color:var(--text-primary);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:2.25rem;text-overflow:ellipsis;white-space:nowrap}:host([data-muted]) .gbt-stat-tile__value{color:var(--text-secondary)}.gbt-stat-tile__meta{display:flex;flex-wrap:wrap;grid-area:meta;align-items:center;gap:.125rem .5rem;min-width:0;color:var(--text-secondary);font-size:.75rem;line-height:1rem}.gbt-stat-tile__trend{display:inline-flex;align-items:center;gap:.125rem;font-weight:600}.gbt-stat-tile__trend gbt-icon{flex:none;font-size:.6875rem}.gbt-stat-tile__trend[data-tone=success]{color:var(--color-success-text)}.gbt-stat-tile__trend[data-tone=error]{color:var(--color-error-text)}@container gbt-stat-tile (max-width: 11rem){.gbt-stat-tile{column-gap:.5rem;padding:.75rem .75rem .8125rem}.gbt-stat-tile__value{font-size:1.375rem;line-height:2rem}}@media(prefers-reduced-motion:reduce){.gbt-stat-tile{transition:none}}\n"]
|
|
19459
|
+
styles: [":host{display:block;min-width:0;container:gbt-stat-tile/inline-size}.gbt-stat-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:\"value icon\" \"label label\" \"meta meta\";column-gap:.75rem;align-items:center;box-sizing:border-box;height:100%;min-width:0;padding:.875rem 1rem .9375rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius);background:var(--bg-principal);transition:border-color var(--site-transition-fast),box-shadow var(--site-transition-fast)}:host([data-link]) .gbt-stat-tile:hover{border-color:var(--border-color);box-shadow:var(--site-shadow-sm)}.gbt-stat-tile__label{grid-area:label;align-self:start;min-width:0;margin-top:.125rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem;overflow-wrap:anywhere}.gbt-stat-tile__icon{grid-area:icon}.gbt-stat-tile__value{font-family:var(--gbt-font-display, inherit);grid-area:value;min-width:0;overflow:hidden;color:var(--text-primary);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:2.25rem;text-overflow:ellipsis;white-space:nowrap}:host([data-muted]) .gbt-stat-tile__value{color:var(--text-secondary)}.gbt-stat-tile__meta{display:flex;flex-wrap:wrap;grid-area:meta;align-items:center;gap:.125rem .5rem;min-width:0;color:var(--text-secondary);font-size:.75rem;line-height:1rem}.gbt-stat-tile__trend{display:inline-flex;align-items:center;gap:.125rem;font-weight:600}.gbt-stat-tile__trend gbt-icon{flex:none;font-size:.6875rem}.gbt-stat-tile__trend[data-tone=success]{color:var(--color-success-text)}.gbt-stat-tile__trend[data-tone=error]{color:var(--color-error-text)}@container gbt-stat-tile (max-width: 11rem){.gbt-stat-tile{column-gap:.5rem;padding:.75rem .75rem .8125rem}.gbt-stat-tile__value{font-size:1.375rem;line-height:2rem}}@media(prefers-reduced-motion:reduce){.gbt-stat-tile{transition:none}}\n"]
|
|
19460
19460
|
}]
|
|
19461
19461
|
}],
|
|
19462
19462
|
propDecorators: {
|
|
@@ -19795,7 +19795,7 @@ var Disclosure = class Disclosure {
|
|
|
19795
19795
|
outputs: { open: "openChange" },
|
|
19796
19796
|
ngImport: i0,
|
|
19797
19797
|
template: "<div\n class=\"gbt-disclosure\"\n [attr.data-appearance]=\"appearance()\"\n [attr.data-open]=\"open() ? '' : null\"\n>\n @switch (headingLevel()) {\n @case (2) {\n <h2 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h2>\n }\n @case (3) {\n <h3 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h3>\n }\n @case (4) {\n <h4 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h4>\n }\n @case (5) {\n <h5 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h5>\n }\n @case (6) {\n <h6 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h6>\n }\n @default {\n <ng-container *ngTemplateOutlet=\"toggleButton\" />\n }\n }\n <div\n class=\"gbt-disclosure__panel\"\n [id]=\"panelId\"\n [attr.data-open]=\"open() ? '' : null\"\n [attr.inert]=\"open() ? null : ''\"\n >\n <div class=\"gbt-disclosure__panel-inner\">\n <div class=\"gbt-disclosure__content\"><ng-content /></div>\n </div>\n </div>\n</div>\n\n<ng-template #toggleButton>\n <button\n type=\"button\"\n class=\"gbt-disclosure__toggle\"\n [id]=\"buttonId\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-controls]=\"panelId\"\n (click)=\"toggle()\"\n >\n @if (icon(); as name) {\n <gbt-icon class=\"gbt-disclosure__icon\" [name]=\"name\" />\n }\n <span class=\"gbt-disclosure__label\">{{ label() }}</span>\n <gbt-icon class=\"gbt-disclosure__chevron\" name=\"chevron-down\" />\n </button>\n</ng-template>\n",
|
|
19798
|
-
styles: [":host{display:block}.gbt-disclosure[data-appearance=bordered]{border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal)}.gbt-disclosure__heading{margin:0;font:inherit}.gbt-disclosure__toggle{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem .875rem;border:0;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:left;cursor:pointer}.gbt-disclosure__toggle:hover{background:var(--bg-hover)}.gbt-disclosure__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-disclosure[data-appearance=plain] .gbt-disclosure__toggle{width:auto;min-height:2rem;padding-inline:.5rem}.gbt-disclosure__icon{flex:none;color:var(--text-secondary)}.gbt-disclosure__label{flex:1 1 auto;min-width:0}.gbt-disclosure__chevron{flex:none;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-disclosure[data-open] .gbt-disclosure__chevron{transform:rotate(180deg)}.gbt-disclosure__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s}.gbt-disclosure__panel[data-open]{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s}.gbt-disclosure__panel-inner{min-height:0;overflow:hidden}.gbt-disclosure__content{padding:.875rem}.gbt-disclosure[data-appearance=bordered] .gbt-disclosure__content{border-top:1px solid var(--gbt-hairline);border-radius:0 0 var(--site-border-radius-sm) var(--site-border-radius-sm);background:var(--bg-hover)}@media(prefers-reduced-motion:reduce){.gbt-disclosure__chevron,.gbt-disclosure__panel,.gbt-disclosure__panel[data-open]{transition:none}}\n"],
|
|
19798
|
+
styles: [":host{display:block}.gbt-disclosure[data-appearance=bordered]{border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal)}.gbt-disclosure__heading{margin:0;font:inherit}.gbt-disclosure__toggle{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem .875rem;border:0;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:left;cursor:pointer}.gbt-disclosure__toggle:hover{background:var(--bg-hover)}.gbt-disclosure__toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-disclosure[data-appearance=plain] .gbt-disclosure__toggle{width:auto;min-height:2rem;padding-inline:.5rem}.gbt-disclosure__icon{flex:none;color:var(--text-secondary)}.gbt-disclosure__label{flex:1 1 auto;min-width:0}.gbt-disclosure__chevron{flex:none;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-disclosure[data-open] .gbt-disclosure__chevron{transform:rotate(180deg)}.gbt-disclosure__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s}.gbt-disclosure__panel[data-open]{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s}.gbt-disclosure__panel-inner{min-height:0;overflow:hidden}.gbt-disclosure__content{padding:.875rem}.gbt-disclosure[data-appearance=bordered] .gbt-disclosure__content{border-top:1px solid var(--gbt-hairline);border-radius:0 0 var(--site-border-radius-sm) var(--site-border-radius-sm);background:var(--bg-hover)}@media(prefers-reduced-motion:reduce){.gbt-disclosure__chevron,.gbt-disclosure__panel,.gbt-disclosure__panel[data-open]{transition:none}}\n"],
|
|
19799
19799
|
dependencies: [{
|
|
19800
19800
|
kind: "component",
|
|
19801
19801
|
type: Icon,
|
|
@@ -19827,7 +19827,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
19827
19827
|
imports: [Icon, NgTemplateOutlet],
|
|
19828
19828
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19829
19829
|
template: "<div\n class=\"gbt-disclosure\"\n [attr.data-appearance]=\"appearance()\"\n [attr.data-open]=\"open() ? '' : null\"\n>\n @switch (headingLevel()) {\n @case (2) {\n <h2 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h2>\n }\n @case (3) {\n <h3 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h3>\n }\n @case (4) {\n <h4 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h4>\n }\n @case (5) {\n <h5 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h5>\n }\n @case (6) {\n <h6 class=\"gbt-disclosure__heading\"><ng-container *ngTemplateOutlet=\"toggleButton\" /></h6>\n }\n @default {\n <ng-container *ngTemplateOutlet=\"toggleButton\" />\n }\n }\n <div\n class=\"gbt-disclosure__panel\"\n [id]=\"panelId\"\n [attr.data-open]=\"open() ? '' : null\"\n [attr.inert]=\"open() ? null : ''\"\n >\n <div class=\"gbt-disclosure__panel-inner\">\n <div class=\"gbt-disclosure__content\"><ng-content /></div>\n </div>\n </div>\n</div>\n\n<ng-template #toggleButton>\n <button\n type=\"button\"\n class=\"gbt-disclosure__toggle\"\n [id]=\"buttonId\"\n [attr.aria-expanded]=\"open()\"\n [attr.aria-controls]=\"panelId\"\n (click)=\"toggle()\"\n >\n @if (icon(); as name) {\n <gbt-icon class=\"gbt-disclosure__icon\" [name]=\"name\" />\n }\n <span class=\"gbt-disclosure__label\">{{ label() }}</span>\n <gbt-icon class=\"gbt-disclosure__chevron\" name=\"chevron-down\" />\n </button>\n</ng-template>\n",
|
|
19830
|
-
styles: [":host{display:block}.gbt-disclosure[data-appearance=bordered]{border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal)}.gbt-disclosure__heading{margin:0;font:inherit}.gbt-disclosure__toggle{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem .875rem;border:0;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:left;cursor:pointer}.gbt-disclosure__toggle:hover{background:var(--bg-hover)}.gbt-disclosure__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.gbt-disclosure[data-appearance=plain] .gbt-disclosure__toggle{width:auto;min-height:2rem;padding-inline:.5rem}.gbt-disclosure__icon{flex:none;color:var(--text-secondary)}.gbt-disclosure__label{flex:1 1 auto;min-width:0}.gbt-disclosure__chevron{flex:none;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-disclosure[data-open] .gbt-disclosure__chevron{transform:rotate(180deg)}.gbt-disclosure__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s}.gbt-disclosure__panel[data-open]{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s}.gbt-disclosure__panel-inner{min-height:0;overflow:hidden}.gbt-disclosure__content{padding:.875rem}.gbt-disclosure[data-appearance=bordered] .gbt-disclosure__content{border-top:1px solid var(--gbt-hairline);border-radius:0 0 var(--site-border-radius-sm) var(--site-border-radius-sm);background:var(--bg-hover)}@media(prefers-reduced-motion:reduce){.gbt-disclosure__chevron,.gbt-disclosure__panel,.gbt-disclosure__panel[data-open]{transition:none}}\n"]
|
|
19830
|
+
styles: [":host{display:block}.gbt-disclosure[data-appearance=bordered]{border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal)}.gbt-disclosure__heading{margin:0;font:inherit}.gbt-disclosure__toggle{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem .875rem;border:0;border-radius:var(--site-border-radius-sm);background:none;color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:left;cursor:pointer}.gbt-disclosure__toggle:hover{background:var(--bg-hover)}.gbt-disclosure__toggle:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-disclosure[data-appearance=plain] .gbt-disclosure__toggle{width:auto;min-height:2rem;padding-inline:.5rem}.gbt-disclosure__icon{flex:none;color:var(--text-secondary)}.gbt-disclosure__label{flex:1 1 auto;min-width:0}.gbt-disclosure__chevron{flex:none;color:var(--text-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1)}.gbt-disclosure[data-open] .gbt-disclosure__chevron{transform:rotate(180deg)}.gbt-disclosure__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s}.gbt-disclosure__panel[data-open]{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),visibility 0s}.gbt-disclosure__panel-inner{min-height:0;overflow:hidden}.gbt-disclosure__content{padding:.875rem}.gbt-disclosure[data-appearance=bordered] .gbt-disclosure__content{border-top:1px solid var(--gbt-hairline);border-radius:0 0 var(--site-border-radius-sm) var(--site-border-radius-sm);background:var(--bg-hover)}@media(prefers-reduced-motion:reduce){.gbt-disclosure__chevron,.gbt-disclosure__panel,.gbt-disclosure__panel[data-open]{transition:none}}\n"]
|
|
19831
19831
|
}]
|
|
19832
19832
|
}],
|
|
19833
19833
|
propDecorators: {
|
|
@@ -19952,7 +19952,7 @@ var NavTab = class NavTab {
|
|
|
19952
19952
|
}],
|
|
19953
19953
|
ngImport: i0,
|
|
19954
19954
|
template: "@if (icon(); as name) {\n <gbt-icon class=\"gbt-nav-tab__icon\" [name]=\"name\" />\n}\n<span #label class=\"gbt-nav-tab__label\"><ng-content /></span>\n@if (hasBadge()) {\n &ngsp;<span class=\"gbt-nav-tab__badge\">{{ badge() }}</span>\n}\n",
|
|
19955
|
-
styles: [":host{position:relative;display:flex;align-items:center;gap:.625rem;min-width:0;box-sizing:border-box;color:var(--text-secondary);font-size:.875rem;line-height:1.4;text-decoration:none;transition:background-color var(--site-transition-fast),border-color var(--site-transition-fast),color var(--site-transition-fast)}:host(:hover){color:var(--text-primary)}:host(:focus-visible){outline:2px solid var(--primary);outline-offset:-2px}.gbt-nav-tab__icon{width:1rem;height:1rem;color:var(--text-secondary);transition:color var(--site-transition-fast)}:host(:hover) .gbt-nav-tab__icon{color:var(--text-primary)}:host([data-active]) .gbt-nav-tab__icon{color:var(--primary)}.gbt-nav-tab__label{min-width:0}.gbt-nav-tab__badge{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:999px;background:color-mix(in srgb,var(--border-color) 14%,transparent);box-shadow:inset 0 0 0 1px var(--gbt-hairline);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}:host([data-active]) .gbt-nav-tab__badge{background:var(--primary);box-shadow:none;color:var(--text-on-primary)}:host([data-orientation=vertical]){flex:none;min-height:36px;padding:.4375rem .75rem;border-radius:var(--site-border-radius-sm);border-bottom:0;white-space:normal}:host([data-orientation=vertical]:hover){background:var(--bg-hover)}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:1;overflow-wrap:anywhere}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:\"\";position:absolute;top:50%;left:0;width:3px;height:1.125rem;border-radius:0 3px 3px 0;background:var(--primary);transform:translateY(-50%)}:host([data-orientation=horizontal]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=horizontal]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=horizontal]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=horizontal]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=horizontal]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=horizontal][data-active]),:host([data-orientation=horizontal][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=horizontal][data-active]):before{content:none}@container gbt-page-layout (max-width: 768px){:host([data-orientation=vertical]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=vertical]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=vertical]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=vertical]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:none}}@media(pointer:coarse){:host([data-orientation=vertical]),:host([data-orientation=horizontal]){min-height:44px}}@media(prefers-reduced-motion:reduce){:host,.gbt-nav-tab__icon{transition:none}}\n"],
|
|
19955
|
+
styles: [":host{position:relative;display:flex;align-items:center;gap:.625rem;min-width:0;box-sizing:border-box;color:var(--text-secondary);font-size:.875rem;line-height:1.4;text-decoration:none;transition:background-color var(--site-transition-fast),border-color var(--site-transition-fast),color var(--site-transition-fast)}:host(:hover){color:var(--text-primary)}:host(:focus-visible){outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-nav-tab__icon{width:1rem;height:1rem;color:var(--text-secondary);transition:color var(--site-transition-fast)}:host(:hover) .gbt-nav-tab__icon{color:var(--text-primary)}:host([data-active]) .gbt-nav-tab__icon{color:var(--primary)}.gbt-nav-tab__label{min-width:0}.gbt-nav-tab__badge{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:var(--gbt-radius-badge, 999px);background:color-mix(in srgb,var(--border-color) 14%,transparent);box-shadow:inset 0 0 0 1px var(--gbt-hairline);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}:host([data-active]) .gbt-nav-tab__badge{background:var(--primary);box-shadow:none;color:var(--text-on-primary)}:host([data-orientation=vertical]){flex:none;min-height:36px;padding:.4375rem .75rem;border-radius:var(--site-border-radius-sm);border-bottom:0;white-space:normal}:host([data-orientation=vertical]:hover){background:var(--bg-hover)}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:1;overflow-wrap:anywhere}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:\"\";position:absolute;top:50%;left:0;width:3px;height:1.125rem;border-radius:0 3px 3px 0;background:var(--primary);transform:translateY(-50%)}:host([data-orientation=horizontal]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=horizontal]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=horizontal]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=horizontal]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=horizontal]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=horizontal][data-active]),:host([data-orientation=horizontal][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=horizontal][data-active]):before{content:none}@container gbt-page-layout (max-width: 768px){:host([data-orientation=vertical]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=vertical]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=vertical]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=vertical]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:none}}@media(pointer:coarse){:host([data-orientation=vertical]),:host([data-orientation=horizontal]){min-height:44px}}@media(prefers-reduced-motion:reduce){:host,.gbt-nav-tab__icon{transition:none}}\n"],
|
|
19956
19956
|
dependencies: [{
|
|
19957
19957
|
kind: "component",
|
|
19958
19958
|
type: Icon,
|
|
@@ -19981,7 +19981,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
19981
19981
|
"[attr.data-orientation]": "orientation()"
|
|
19982
19982
|
},
|
|
19983
19983
|
template: "@if (icon(); as name) {\n <gbt-icon class=\"gbt-nav-tab__icon\" [name]=\"name\" />\n}\n<span #label class=\"gbt-nav-tab__label\"><ng-content /></span>\n@if (hasBadge()) {\n &ngsp;<span class=\"gbt-nav-tab__badge\">{{ badge() }}</span>\n}\n",
|
|
19984
|
-
styles: [":host{position:relative;display:flex;align-items:center;gap:.625rem;min-width:0;box-sizing:border-box;color:var(--text-secondary);font-size:.875rem;line-height:1.4;text-decoration:none;transition:background-color var(--site-transition-fast),border-color var(--site-transition-fast),color var(--site-transition-fast)}:host(:hover){color:var(--text-primary)}:host(:focus-visible){outline:2px solid var(--primary);outline-offset:-2px}.gbt-nav-tab__icon{width:1rem;height:1rem;color:var(--text-secondary);transition:color var(--site-transition-fast)}:host(:hover) .gbt-nav-tab__icon{color:var(--text-primary)}:host([data-active]) .gbt-nav-tab__icon{color:var(--primary)}.gbt-nav-tab__label{min-width:0}.gbt-nav-tab__badge{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:999px;background:color-mix(in srgb,var(--border-color) 14%,transparent);box-shadow:inset 0 0 0 1px var(--gbt-hairline);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}:host([data-active]) .gbt-nav-tab__badge{background:var(--primary);box-shadow:none;color:var(--text-on-primary)}:host([data-orientation=vertical]){flex:none;min-height:36px;padding:.4375rem .75rem;border-radius:var(--site-border-radius-sm);border-bottom:0;white-space:normal}:host([data-orientation=vertical]:hover){background:var(--bg-hover)}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:1;overflow-wrap:anywhere}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:\"\";position:absolute;top:50%;left:0;width:3px;height:1.125rem;border-radius:0 3px 3px 0;background:var(--primary);transform:translateY(-50%)}:host([data-orientation=horizontal]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=horizontal]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=horizontal]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=horizontal]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=horizontal]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=horizontal][data-active]),:host([data-orientation=horizontal][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=horizontal][data-active]):before{content:none}@container gbt-page-layout (max-width: 768px){:host([data-orientation=vertical]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=vertical]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=vertical]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=vertical]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:none}}@media(pointer:coarse){:host([data-orientation=vertical]),:host([data-orientation=horizontal]){min-height:44px}}@media(prefers-reduced-motion:reduce){:host,.gbt-nav-tab__icon{transition:none}}\n"]
|
|
19984
|
+
styles: [":host{position:relative;display:flex;align-items:center;gap:.625rem;min-width:0;box-sizing:border-box;color:var(--text-secondary);font-size:.875rem;line-height:1.4;text-decoration:none;transition:background-color var(--site-transition-fast),border-color var(--site-transition-fast),color var(--site-transition-fast)}:host(:hover){color:var(--text-primary)}:host(:focus-visible){outline:2px solid var(--gbt-focus-ring, var(--primary));outline-offset:-2px}.gbt-nav-tab__icon{width:1rem;height:1rem;color:var(--text-secondary);transition:color var(--site-transition-fast)}:host(:hover) .gbt-nav-tab__icon{color:var(--text-primary)}:host([data-active]) .gbt-nav-tab__icon{color:var(--primary)}.gbt-nav-tab__label{min-width:0}.gbt-nav-tab__badge{flex:none;min-width:1.25rem;box-sizing:border-box;padding:0 .375rem;border-radius:var(--gbt-radius-badge, 999px);background:color-mix(in srgb,var(--border-color) 14%,transparent);box-shadow:inset 0 0 0 1px var(--gbt-hairline);color:var(--text-primary);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25rem;text-align:center}:host([data-active]) .gbt-nav-tab__badge{background:var(--primary);box-shadow:none;color:var(--text-on-primary)}:host([data-orientation=vertical]){flex:none;min-height:36px;padding:.4375rem .75rem;border-radius:var(--site-border-radius-sm);border-bottom:0;white-space:normal}:host([data-orientation=vertical]:hover){background:var(--bg-hover)}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:1;overflow-wrap:anywhere}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:\"\";position:absolute;top:50%;left:0;width:3px;height:1.125rem;border-radius:0 3px 3px 0;background:var(--primary);transform:translateY(-50%)}:host([data-orientation=horizontal]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=horizontal]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=horizontal]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=horizontal]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=horizontal]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=horizontal][data-active]),:host([data-orientation=horizontal][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=horizontal][data-active]):before{content:none}@container gbt-page-layout (max-width: 768px){:host([data-orientation=vertical]){flex:none;gap:.5rem;min-height:40px;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;background:none;font-weight:500;white-space:nowrap}:host([data-orientation=vertical]:hover){border-bottom-color:var(--gbt-card-border);background:none}:host([data-orientation=vertical]:focus-visible){border-radius:var(--site-border-radius-sm) var(--site-border-radius-sm) 0 0}:host([data-orientation=vertical]) .gbt-nav-tab__label{flex:none;display:inline-flex;flex-direction:column;overflow-wrap:normal}:host([data-orientation=vertical]) .gbt-nav-tab__label:after{content:attr(data-label);content:attr(data-label)/\"\";height:0;overflow:hidden;font-weight:600;visibility:hidden}:host([data-orientation=vertical][data-active]),:host([data-orientation=vertical][data-active]:hover){border-bottom-color:var(--primary);background:none;color:var(--text-primary);font-weight:600}:host([data-orientation=vertical][data-active]):before{content:none}}@media(pointer:coarse){:host([data-orientation=vertical]),:host([data-orientation=horizontal]){min-height:44px}}@media(prefers-reduced-motion:reduce){:host,.gbt-nav-tab__icon{transition:none}}\n"]
|
|
19985
19985
|
}]
|
|
19986
19986
|
}],
|
|
19987
19987
|
ctorParameters: () => [],
|
|
@@ -20828,7 +20828,7 @@ var AuthPanel = class AuthPanel {
|
|
|
20828
20828
|
},
|
|
20829
20829
|
ngImport: i0,
|
|
20830
20830
|
template: "<main class=\"gbt-auth-panel\">\n <div class=\"gbt-auth-panel__panel\" [class.gbt-auth-panel__panel--wide]=\"wide()\">\n <div class=\"gbt-auth-panel__logo\"><ng-content select=\"[auth-logo]\" /></div>\n\n @if (heading()) {\n <h1\n class=\"gbt-auth-panel__heading\"\n [class.gbt-auth-panel__heading--alone]=\"!intro()\"\n tabindex=\"-1\"\n >\n {{ heading() }}\n </h1>\n @if (intro()) {\n <p class=\"gbt-auth-panel__intro\">{{ intro() }}</p>\n }\n }\n\n <ng-content />\n </div>\n</main>\n",
|
|
20831
|
-
styles: [":host{display:block}.gbt-auth-panel{display:flex;box-sizing:border-box;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse 80% 55% at 50% 0%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 70%),var(--bg-panel)}.gbt-auth-panel__panel{box-sizing:border-box;width:100%;max-width:25rem;padding:2rem 2rem 2.25rem;border:1px solid var(--gbt-card-border);border-radius:12px;background:var(--bg-principal);box-shadow:var(--site-shadow-md)}.gbt-auth-panel__panel--wide{max-width:30rem}.gbt-auth-panel__logo{display:flex;justify-content:center;margin:var(--gbt-auth-panel-logo-offset, 0) 0 1.25rem}.gbt-auth-panel__logo:empty{display:none}.gbt-auth-panel__logo ::ng-deep img,.gbt-auth-panel__logo ::ng-deep svg{display:block;width:var(--gbt-auth-panel-logo-width, 15rem);max-width:100%;height:auto}:host ::ng-deep .gbt-auth-panel__heading{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__heading:focus{outline:none}:host ::ng-deep .gbt-auth-panel__heading--alone{margin-bottom:1.5rem}:host ::ng-deep .gbt-auth-panel__intro{margin:.25rem 0 1.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .gbt-auth-panel__submit{margin-top:.5rem}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state{padding:0}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__heading{font-size:1.25rem;line-height:1.4;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__message{max-width:none;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__action{align-self:stretch;margin-top:.75rem}:host ::ng-deep .gbt-auth-panel__status--success .gbt-empty-state__icon{background:var(--color-success-bg);color:var(--color-success-text)}:host ::ng-deep .gbt-auth-panel__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 1.25rem;margin-top:-.5rem}:host ::ng-deep .gbt-auth-panel__links .gbt-button.gbt-button--link{min-height:2.75rem}@media(max-width:480px){.gbt-auth-panel__panel{padding:1.5rem 1.25rem 1.75rem}:host ::ng-deep .gbt-input .gbt-input__wrapper input{min-height:2.75rem;font-size:1rem}:host ::ng-deep .gbt-input__toggle:before{width:2.75rem;height:2.75rem}}\n"],
|
|
20831
|
+
styles: [":host{display:block}.gbt-auth-panel{display:flex;box-sizing:border-box;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--gbt-auth-panel-backdrop, radial-gradient(ellipse 80% 55% at 50% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 70%), var(--bg-panel))}.gbt-auth-panel__panel{box-sizing:border-box;width:100%;max-width:25rem;padding:2rem 2rem 2.25rem;border:1px solid var(--gbt-card-border);border-radius:var(--gbt-auth-panel-radius, 12px);background:var(--bg-principal);box-shadow:var(--site-shadow-md)}.gbt-auth-panel__panel--wide{max-width:30rem}.gbt-auth-panel__logo{display:flex;justify-content:center;margin:var(--gbt-auth-panel-logo-offset, 0) 0 1.25rem}.gbt-auth-panel__logo:empty{display:none}.gbt-auth-panel__logo ::ng-deep img,.gbt-auth-panel__logo ::ng-deep svg{display:block;width:var(--gbt-auth-panel-logo-width, 15rem);max-width:100%;height:auto}:host ::ng-deep .gbt-auth-panel__heading{font-family:var(--gbt-font-display, inherit);margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__heading:focus{outline:none}:host ::ng-deep .gbt-auth-panel__heading--alone{margin-bottom:1.5rem}:host ::ng-deep .gbt-auth-panel__intro{margin:.25rem 0 1.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .gbt-auth-panel__submit{margin-top:.5rem}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state{padding:0}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__heading{font-size:1.25rem;line-height:1.4;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__message{max-width:none;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__action{align-self:stretch;margin-top:.75rem}:host ::ng-deep .gbt-auth-panel__status--success .gbt-empty-state__icon{background:var(--color-success-bg);color:var(--color-success-text)}:host ::ng-deep .gbt-auth-panel__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 1.25rem;margin-top:-.5rem}:host ::ng-deep .gbt-auth-panel__links .gbt-button.gbt-button--link{min-height:2.75rem}@media(max-width:480px){.gbt-auth-panel__panel{padding:1.5rem 1.25rem 1.75rem}:host ::ng-deep .gbt-input .gbt-input__wrapper input{min-height:2.75rem;font-size:1rem}:host ::ng-deep .gbt-input__toggle:before{width:2.75rem;height:2.75rem}}\n"],
|
|
20832
20832
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
20833
20833
|
});
|
|
20834
20834
|
};
|
|
@@ -20844,7 +20844,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
20844
20844
|
standalone: true,
|
|
20845
20845
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
20846
20846
|
template: "<main class=\"gbt-auth-panel\">\n <div class=\"gbt-auth-panel__panel\" [class.gbt-auth-panel__panel--wide]=\"wide()\">\n <div class=\"gbt-auth-panel__logo\"><ng-content select=\"[auth-logo]\" /></div>\n\n @if (heading()) {\n <h1\n class=\"gbt-auth-panel__heading\"\n [class.gbt-auth-panel__heading--alone]=\"!intro()\"\n tabindex=\"-1\"\n >\n {{ heading() }}\n </h1>\n @if (intro()) {\n <p class=\"gbt-auth-panel__intro\">{{ intro() }}</p>\n }\n }\n\n <ng-content />\n </div>\n</main>\n",
|
|
20847
|
-
styles: [":host{display:block}.gbt-auth-panel{display:flex;box-sizing:border-box;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse 80% 55% at 50% 0%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 70%),var(--bg-panel)}.gbt-auth-panel__panel{box-sizing:border-box;width:100%;max-width:25rem;padding:2rem 2rem 2.25rem;border:1px solid var(--gbt-card-border);border-radius:12px;background:var(--bg-principal);box-shadow:var(--site-shadow-md)}.gbt-auth-panel__panel--wide{max-width:30rem}.gbt-auth-panel__logo{display:flex;justify-content:center;margin:var(--gbt-auth-panel-logo-offset, 0) 0 1.25rem}.gbt-auth-panel__logo:empty{display:none}.gbt-auth-panel__logo ::ng-deep img,.gbt-auth-panel__logo ::ng-deep svg{display:block;width:var(--gbt-auth-panel-logo-width, 15rem);max-width:100%;height:auto}:host ::ng-deep .gbt-auth-panel__heading{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__heading:focus{outline:none}:host ::ng-deep .gbt-auth-panel__heading--alone{margin-bottom:1.5rem}:host ::ng-deep .gbt-auth-panel__intro{margin:.25rem 0 1.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .gbt-auth-panel__submit{margin-top:.5rem}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state{padding:0}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__heading{font-size:1.25rem;line-height:1.4;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__message{max-width:none;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__action{align-self:stretch;margin-top:.75rem}:host ::ng-deep .gbt-auth-panel__status--success .gbt-empty-state__icon{background:var(--color-success-bg);color:var(--color-success-text)}:host ::ng-deep .gbt-auth-panel__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 1.25rem;margin-top:-.5rem}:host ::ng-deep .gbt-auth-panel__links .gbt-button.gbt-button--link{min-height:2.75rem}@media(max-width:480px){.gbt-auth-panel__panel{padding:1.5rem 1.25rem 1.75rem}:host ::ng-deep .gbt-input .gbt-input__wrapper input{min-height:2.75rem;font-size:1rem}:host ::ng-deep .gbt-input__toggle:before{width:2.75rem;height:2.75rem}}\n"]
|
|
20847
|
+
styles: [":host{display:block}.gbt-auth-panel{display:flex;box-sizing:border-box;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--gbt-auth-panel-backdrop, radial-gradient(ellipse 80% 55% at 50% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 70%), var(--bg-panel))}.gbt-auth-panel__panel{box-sizing:border-box;width:100%;max-width:25rem;padding:2rem 2rem 2.25rem;border:1px solid var(--gbt-card-border);border-radius:var(--gbt-auth-panel-radius, 12px);background:var(--bg-principal);box-shadow:var(--site-shadow-md)}.gbt-auth-panel__panel--wide{max-width:30rem}.gbt-auth-panel__logo{display:flex;justify-content:center;margin:var(--gbt-auth-panel-logo-offset, 0) 0 1.25rem}.gbt-auth-panel__logo:empty{display:none}.gbt-auth-panel__logo ::ng-deep img,.gbt-auth-panel__logo ::ng-deep svg{display:block;width:var(--gbt-auth-panel-logo-width, 15rem);max-width:100%;height:auto}:host ::ng-deep .gbt-auth-panel__heading{font-family:var(--gbt-font-display, inherit);margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__heading:focus{outline:none}:host ::ng-deep .gbt-auth-panel__heading--alone{margin-bottom:1.5rem}:host ::ng-deep .gbt-auth-panel__intro{margin:.25rem 0 1.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5;text-align:center;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .gbt-auth-panel__submit{margin-top:.5rem}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state{padding:0}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__heading{font-size:1.25rem;line-height:1.4;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__message{max-width:none;text-wrap:balance}:host ::ng-deep .gbt-auth-panel__status .gbt-empty-state__action{align-self:stretch;margin-top:.75rem}:host ::ng-deep .gbt-auth-panel__status--success .gbt-empty-state__icon{background:var(--color-success-bg);color:var(--color-success-text)}:host ::ng-deep .gbt-auth-panel__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 1.25rem;margin-top:-.5rem}:host ::ng-deep .gbt-auth-panel__links .gbt-button.gbt-button--link{min-height:2.75rem}@media(max-width:480px){.gbt-auth-panel__panel{padding:1.5rem 1.25rem 1.75rem}:host ::ng-deep .gbt-input .gbt-input__wrapper input{min-height:2.75rem;font-size:1rem}:host ::ng-deep .gbt-input__toggle:before{width:2.75rem;height:2.75rem}}\n"]
|
|
20848
20848
|
}]
|
|
20849
20849
|
}],
|
|
20850
20850
|
propDecorators: {
|
|
@@ -21092,7 +21092,7 @@ var TotpQr = class TotpQr {
|
|
|
21092
21092
|
},
|
|
21093
21093
|
ngImport: i0,
|
|
21094
21094
|
template: "<div class=\"gbt-totp-qr\">\n @if (failed()) {\n <p class=\"gbt-totp-qr__fallback\" role=\"status\">{{ text().fallback }}</p>\n } @else {\n <div class=\"gbt-totp-qr__frame\" [attr.aria-busy]=\"dataUrl() === null ? 'true' : null\">\n @if (dataUrl(); as src) {\n <img [src]=\"src\" [alt]=\"text().imageAlt\" width=\"224\" height=\"224\" />\n }\n </div>\n }\n\n <div class=\"gbt-totp-qr__secret\">\n <p class=\"gbt-totp-qr__label\">\n {{ failed() ? text().fallbackSecretLabel : text().secretLabel }}\n </p>\n <gbt-copy-field\n [value]=\"secret()\"\n [copyLabel]=\"text().copyLabel\"\n [copiedText]=\"text().copied\"\n [failedText]=\"text().copyFailed\"\n />\n </div>\n</div>\n",
|
|
21095
|
-
styles: [":host{display:block}.gbt-totp-qr{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}.gbt-totp-qr__frame{display:flex;box-sizing:border-box;width:14rem;max-width:100%;aspect-ratio:1;align-items:center;justify-content:center;margin-inline:auto;padding:.5rem;border:1px solid var(--gbt-card-border);border-radius:12px;background:#fff}.gbt-totp-qr__frame img{display:block;width:100%;height:auto;image-rendering:pixelated}.gbt-totp-qr__frame[aria-busy=true]{background:var(--bg-panel)}.gbt-totp-qr__fallback{margin:0;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--color-warning-text) 30%,transparent);border-radius:8px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:.875rem;line-height:1.25rem}.gbt-totp-qr__label{margin:0 0 .375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button{position:relative}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button:after{content:\"\";position:absolute;inset:calc((var(--gbt-control-height-sm) - var(--gbt-control-height-lg)) / 2)}\n"],
|
|
21095
|
+
styles: [":host{display:block}.gbt-totp-qr{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}.gbt-totp-qr__frame{display:flex;box-sizing:border-box;width:14rem;max-width:100%;aspect-ratio:1;align-items:center;justify-content:center;margin-inline:auto;padding:.5rem;border:1px solid var(--gbt-card-border);border-radius:var(--gbt-radius-tile, 12px);background:#fff}.gbt-totp-qr__frame img{display:block;width:100%;height:auto;image-rendering:pixelated}.gbt-totp-qr__frame[aria-busy=true]{background:var(--bg-panel)}.gbt-totp-qr__fallback{margin:0;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--color-warning-text) 30%,transparent);border-radius:var(--gbt-radius-tile, 8px);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:.875rem;line-height:1.25rem}.gbt-totp-qr__label{margin:0 0 .375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button{position:relative}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button:after{content:\"\";position:absolute;inset:calc((var(--gbt-control-height-sm) - var(--gbt-control-height-lg)) / 2)}\n"],
|
|
21096
21096
|
dependencies: [{
|
|
21097
21097
|
kind: "component",
|
|
21098
21098
|
type: CopyField,
|
|
@@ -21125,7 +21125,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
21125
21125
|
imports: [CopyField],
|
|
21126
21126
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
21127
21127
|
template: "<div class=\"gbt-totp-qr\">\n @if (failed()) {\n <p class=\"gbt-totp-qr__fallback\" role=\"status\">{{ text().fallback }}</p>\n } @else {\n <div class=\"gbt-totp-qr__frame\" [attr.aria-busy]=\"dataUrl() === null ? 'true' : null\">\n @if (dataUrl(); as src) {\n <img [src]=\"src\" [alt]=\"text().imageAlt\" width=\"224\" height=\"224\" />\n }\n </div>\n }\n\n <div class=\"gbt-totp-qr__secret\">\n <p class=\"gbt-totp-qr__label\">\n {{ failed() ? text().fallbackSecretLabel : text().secretLabel }}\n </p>\n <gbt-copy-field\n [value]=\"secret()\"\n [copyLabel]=\"text().copyLabel\"\n [copiedText]=\"text().copied\"\n [failedText]=\"text().copyFailed\"\n />\n </div>\n</div>\n",
|
|
21128
|
-
styles: [":host{display:block}.gbt-totp-qr{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}.gbt-totp-qr__frame{display:flex;box-sizing:border-box;width:14rem;max-width:100%;aspect-ratio:1;align-items:center;justify-content:center;margin-inline:auto;padding:.5rem;border:1px solid var(--gbt-card-border);border-radius:12px;background:#fff}.gbt-totp-qr__frame img{display:block;width:100%;height:auto;image-rendering:pixelated}.gbt-totp-qr__frame[aria-busy=true]{background:var(--bg-panel)}.gbt-totp-qr__fallback{margin:0;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--color-warning-text) 30%,transparent);border-radius:8px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:.875rem;line-height:1.25rem}.gbt-totp-qr__label{margin:0 0 .375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button{position:relative}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button:after{content:\"\";position:absolute;inset:calc((var(--gbt-control-height-sm) - var(--gbt-control-height-lg)) / 2)}\n"]
|
|
21128
|
+
styles: [":host{display:block}.gbt-totp-qr{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}.gbt-totp-qr__frame{display:flex;box-sizing:border-box;width:14rem;max-width:100%;aspect-ratio:1;align-items:center;justify-content:center;margin-inline:auto;padding:.5rem;border:1px solid var(--gbt-card-border);border-radius:var(--gbt-radius-tile, 12px);background:#fff}.gbt-totp-qr__frame img{display:block;width:100%;height:auto;image-rendering:pixelated}.gbt-totp-qr__frame[aria-busy=true]{background:var(--bg-panel)}.gbt-totp-qr__fallback{margin:0;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--color-warning-text) 30%,transparent);border-radius:var(--gbt-radius-tile, 8px);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:.875rem;line-height:1.25rem}.gbt-totp-qr__label{margin:0 0 .375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button{position:relative}.gbt-totp-qr__secret ::ng-deep .gbt-copy-field__copy .gbt-button:after{content:\"\";position:absolute;inset:calc((var(--gbt-control-height-sm) - var(--gbt-control-height-lg)) / 2)}\n"]
|
|
21129
21129
|
}]
|
|
21130
21130
|
}],
|
|
21131
21131
|
ctorParameters: () => [],
|