@guildofgleks/ui 21.9.1 → 21.10.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.
- package/AGENTS.md +1951 -1930
- package/CHANGELOG.md +2340 -2225
- package/TOKENS.md +1 -1
- package/fesm2022/guildofgleks-ui.mjs +17 -3
- package/fesm2022/guildofgleks-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/button.css +401 -387
- package/styles/presets/slate.css +92 -86
- package/styles/theme.css +2396 -2357
- package/types/guildofgleks-ui.d.ts +25 -9
package/TOKENS.md
CHANGED
|
@@ -51,7 +51,7 @@ so a theme editor or docs page can enumerate the real tokens instead of copying
|
|
|
51
51
|
| Menu | `--gog-menu-bg`, `--gog-menu-border-color`, `--gog-menu-border-style`, `--gog-menu-border-width`, `--gog-menu-focus-ring`, `--gog-menu-focus-ring-width`, `--gog-menu-font-family`, `--gog-menu-gap`, `--gog-menu-item-color`, `--gog-menu-item-disabled-color`, `--gog-menu-item-disabled-opacity`, `--gog-menu-item-font-size`, `--gog-menu-item-gap`, `--gog-menu-item-hover-bg`, `--gog-menu-item-hover-color`, `--gog-menu-item-icon-size`, `--gog-menu-item-line-height`, `--gog-menu-item-padding`, `--gog-menu-item-press-bg`, `--gog-menu-item-radius`, `--gog-menu-max-height`, `--gog-menu-max-width`, `--gog-menu-min-width`, `--gog-menu-offset`, `--gog-menu-padding`, `--gog-menu-radius`, `--gog-menu-shadow`, `--gog-menu-transition-duration`, `--gog-menu-z` |
|
|
52
52
|
| Paginator | `--gog-paginator-ellipsis-color`, `--gog-paginator-ellipsis-font-family`, `--gog-paginator-ellipsis-font-size`, `--gog-paginator-ellipsis-min-width`, `--gog-paginator-gap`, `--gog-paginator-page-size-min-width` |
|
|
53
53
|
| Panel | `--gog-panel-chevron-size`, `--gog-panel-color`, `--gog-panel-disabled-opacity`, `--gog-panel-elevated-bg`, `--gog-panel-elevated-border-color`, `--gog-panel-filled-bg`, `--gog-panel-filled-border-color`, `--gog-panel-filled-shadow`, `--gog-panel-focus-ring`, `--gog-panel-focus-ring-offset`, `--gog-panel-focus-ring-width`, `--gog-panel-font-family`, `--gog-panel-footer-border-color`, `--gog-panel-footer-gap`, `--gog-panel-footer-padding-top`, `--gog-panel-header-gap`, `--gog-panel-heading-color`, `--gog-panel-heading-font-family`, `--gog-panel-heading-font-size`, `--gog-panel-heading-font-weight`, `--gog-panel-heading-line-height`, `--gog-panel-lg-gap`, `--gog-panel-lg-padding-x`, `--gog-panel-lg-padding-y`, `--gog-panel-md-gap`, `--gog-panel-md-padding-x`, `--gog-panel-md-padding-y`, `--gog-panel-outlined-bg`, `--gog-panel-outlined-border-color`, `--gog-panel-outlined-shadow`, `--gog-panel-slg-gap`, `--gog-panel-slg-padding-x`, `--gog-panel-slg-padding-y`, `--gog-panel-sm-gap`, `--gog-panel-sm-padding-x`, `--gog-panel-sm-padding-y`, `--gog-panel-toggle-color`, `--gog-panel-toggle-hover-bg`, `--gog-panel-toggle-radius`, `--gog-panel-toggle-size`, `--gog-panel-transition-duration`, `--gog-panel-xsm-gap`, `--gog-panel-xsm-padding-x`, `--gog-panel-xsm-padding-y` |
|
|
54
|
-
| Progressbar | `--gog-progressbar-accent-bg`, `--gog-progressbar-accent-buffer-bg`, `--gog-progressbar-danger-bg`, `--gog-progressbar-danger-buffer-bg`, `--gog-progressbar-indeterminate-duration`, `--gog-progressbar-indeterminate-easing`, `--gog-progressbar-info-bg`, `--gog-progressbar-info-buffer-bg`, `--gog-progressbar-lg-height`, `--gog-progressbar-md-height`, `--gog-progressbar-radius`, `--gog-progressbar-slg-height`, `--gog-progressbar-sm-height`, `--gog-progressbar-stripe-color`, `--gog-progressbar-stripe-size`, `--gog-progressbar-success-bg`, `--gog-progressbar-success-buffer-bg`, `--gog-progressbar-track-base-bg`, `--gog-progressbar-transition-duration`, `--gog-progressbar-value-color`, `--gog-progressbar-value-font-family`, `--gog-progressbar-value-font-size`, `--gog-progressbar-value-gap`, `--gog-progressbar-value-min-width`, `--gog-progressbar-warning-bg`, `--gog-progressbar-warning-buffer-bg`, `--gog-progressbar-xsm-height`
|
|
54
|
+
| Progressbar | `--gog-progressbar-accent-bg`, `--gog-progressbar-accent-buffer-bg`, `--gog-progressbar-danger-bg`, `--gog-progressbar-danger-buffer-bg`, `--gog-progressbar-edge-backing-color`, `--gog-progressbar-edge-color`, `--gog-progressbar-edge-width`, `--gog-progressbar-indeterminate-duration`, `--gog-progressbar-indeterminate-easing`, `--gog-progressbar-info-bg`, `--gog-progressbar-info-buffer-bg`, `--gog-progressbar-lg-height`, `--gog-progressbar-md-height`, `--gog-progressbar-radius`, `--gog-progressbar-slg-height`, `--gog-progressbar-sm-height`, `--gog-progressbar-stripe-color`, `--gog-progressbar-stripe-size`, `--gog-progressbar-success-bg`, `--gog-progressbar-success-buffer-bg`, `--gog-progressbar-track-base-bg`, `--gog-progressbar-transition-duration`, `--gog-progressbar-value-color`, `--gog-progressbar-value-font-family`, `--gog-progressbar-value-font-size`, `--gog-progressbar-value-gap`, `--gog-progressbar-value-min-width`, `--gog-progressbar-warning-bg`, `--gog-progressbar-warning-buffer-bg`, `--gog-progressbar-xsm-height` |
|
|
55
55
|
| Ripple (the `gogRipple` directive; its classes live in ripple.css) | `--gog-ripple-color`, `--gog-ripple-easing`, `--gog-ripple-enter-duration`, `--gog-ripple-exit-duration`, `--gog-ripple-opacity` |
|
|
56
56
|
| Scroll | `--gog-scroll-corner-bg`, `--gog-scroll-fade-duration`, `--gog-scroll-focus-ring`, `--gog-scroll-focus-ring-width`, `--gog-scroll-normal-thumb-hit-padding`, `--gog-scroll-normal-thumb-min-size`, `--gog-scroll-normal-track-width`, `--gog-scroll-thin-thumb-hit-padding`, `--gog-scroll-thin-thumb-min-size`, `--gog-scroll-thin-track-width`, `--gog-scroll-thumb-active-bg`, `--gog-scroll-thumb-bg`, `--gog-scroll-thumb-hover-bg`, `--gog-scroll-thumb-inset`, `--gog-scroll-thumb-radius`, `--gog-scroll-track-bg`, `--gog-scroll-track-radius` |
|
|
57
57
|
| Select | `--gog-select-chevron-color`, `--gog-select-chevron-icon-ratio`, `--gog-select-chevron-inset`, `--gog-select-clear-color`, `--gog-select-clear-gap`, `--gog-select-clear-hover-color`, `--gog-select-clear-icon-ratio`, `--gog-select-clear-radius`, `--gog-select-control-gap`, `--gog-select-disabled-opacity`, `--gog-select-error-color`, `--gog-select-error-font-size`, `--gog-select-field-bg`, `--gog-select-field-border`, `--gog-select-field-border-style`, `--gog-select-field-border-width`, `--gog-select-field-color`, `--gog-select-filter-border-color`, `--gog-select-filter-border-style`, `--gog-select-filter-border-width`, `--gog-select-filter-empty-color`, `--gog-select-filter-empty-padding`, `--gog-select-filter-input-bg`, `--gog-select-filter-input-border`, `--gog-select-filter-input-color`, `--gog-select-filter-input-padding-x`, `--gog-select-filter-input-padding-y`, `--gog-select-filter-input-radius`, `--gog-select-filter-padding`, `--gog-select-float-label-in-top`, `--gog-select-float-label-over-gap`, `--gog-select-float-label-over-reserve`, `--gog-select-float-label-reserve`, `--gog-select-focus-border`, `--gog-select-focus-glow`, `--gog-select-focus-ring`, `--gog-select-focus-ring-offset`, `--gog-select-focus-ring-width`, `--gog-select-font-family`, `--gog-select-gap`, `--gog-select-label-color`, `--gog-select-label-font-family`, `--gog-select-label-font-size`, `--gog-select-label-letter-spacing`, `--gog-select-label-text-transform`, `--gog-select-mark-icon-ratio`, `--gog-select-mark-size-ratio`, `--gog-select-min-width`, `--gog-select-option-color`, `--gog-select-option-disabled-opacity`, `--gog-select-option-gap`, `--gog-select-option-height`, `--gog-select-option-hover-bg`, `--gog-select-option-press-bg`, `--gog-select-option-selected-color`, `--gog-select-option-transition-duration`, `--gog-select-panel-bg`, `--gog-select-panel-max-height`, `--gog-select-panel-max-width`, `--gog-select-panel-offset`, `--gog-select-panel-shadow`, `--gog-select-placeholder-color`, `--gog-select-radius`, `--gog-select-transition-duration` |
|
|
@@ -5458,7 +5458,7 @@ class ProgressbarComponent {
|
|
|
5458
5458
|
.filter((className) => className !== null)
|
|
5459
5459
|
.join(' '), ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
5460
5460
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5461
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ProgressbarComponent, isStandalone: true, selector: "gog-progressbar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, buffer: { classPropertyName: "buffer", publicName: "buffer", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class": "hostClasses()", "attr.aria-valuemin": "MIN", "attr.aria-valuemax": "MAX", "attr.aria-valuenow": "isIndeterminate() ? null : clampedValue()", "attr.aria-valuetext": "isIndeterminate() ? null : displayValue()", "attr.aria-label": "ariaLabel() || null" } }, ngImport: i0, template: "<div class=\"gog-progressbar__track\" aria-hidden=\"true\">\n @if (mode() === 'buffer') {\n <div class=\"gog-progressbar__buffer\" [style.width.%]=\"clampedBuffer()\"></div>\n }\n\n <div class=\"gog-progressbar__fill\" [style.width.%]=\"fillPercent()\"></div>\n</div>\n\n@if (showValue() && !isIndeterminate()) {\n <span class=\"gog-progressbar__value\">{{ displayValue() }}</span>\n}\n", styles: ["
|
|
5461
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ProgressbarComponent, isStandalone: true, selector: "gog-progressbar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, buffer: { classPropertyName: "buffer", publicName: "buffer", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class": "hostClasses()", "attr.aria-valuemin": "MIN", "attr.aria-valuemax": "MAX", "attr.aria-valuenow": "isIndeterminate() ? null : clampedValue()", "attr.aria-valuetext": "isIndeterminate() ? null : displayValue()", "attr.aria-label": "ariaLabel() || null" } }, ngImport: i0, template: "<div class=\"gog-progressbar__track\" aria-hidden=\"true\">\n @if (mode() === 'buffer') {\n <div class=\"gog-progressbar__buffer\" [style.width.%]=\"clampedBuffer()\"></div>\n }\n\n <div class=\"gog-progressbar__fill\" [style.width.%]=\"fillPercent()\"></div>\n</div>\n\n@if (showValue() && !isIndeterminate()) {\n <span class=\"gog-progressbar__value\">{{ displayValue() }}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;box-sizing:border-box;width:100%;gap:var(--gog-progressbar-value-gap);contain:layout style}.gog-progressbar__track{position:relative;flex:1 1 auto;overflow:hidden;height:var(--gog-progressbar-height, var(--gog-progressbar-size-height, var(--gog-progressbar-md-height)));border-radius:var(--gog-progressbar-radius);background-color:var(--gog-progressbar-track-bg, var(--gog-progressbar-track-base-bg))}.gog-progressbar__fill,.gog-progressbar__buffer{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;transition:width var(--gog-progressbar-transition-duration) var(--gog-easing)}.gog-progressbar__fill{background-color:var(--gog-progressbar-fill-bg, var(--gog-progressbar-variant-bg, var(--gog-progressbar-accent-bg)));box-shadow:inset calc(var(--gog-direction-sign) * -1 * var(--gog-progressbar-edge-width)) 0 0 var(--gog-progressbar-edge-color),inset calc(var(--gog-direction-sign) * -2 * var(--gog-progressbar-edge-width)) 0 0 var(--gog-progressbar-edge-backing-color)}.gog-progressbar__buffer{background-color:var(--gog-progressbar-buffer-bg, var(--gog-progressbar-variant-buffer-bg, var(--gog-progressbar-accent-buffer-bg)))}.gog-progressbar__value{flex:0 0 auto;min-width:var(--gog-progressbar-value-min-width);color:var(--gog-progressbar-value-color);font-family:var(--gog-progressbar-value-font-family);font-size:var(--gog-progressbar-value-font-size);font-variant-numeric:tabular-nums;text-align:end}:host(.gog-progressbar--indeterminate) .gog-progressbar__fill{transform-origin:var(--gog-inline-start-side) center;transition:none;animation:gog-progressbar-indeterminate var(--gog-progressbar-indeterminate-duration) var(--gog-progressbar-indeterminate-easing) infinite}@keyframes gog-progressbar-indeterminate{0%{transform:translate(calc(-100% * var(--gog-direction-sign))) scaleX(.4)}50%{transform:translate(calc(20% * var(--gog-direction-sign))) scaleX(.6)}to{transform:translate(calc(100% * var(--gog-direction-sign))) scaleX(.4)}}@media(prefers-reduced-motion:reduce){:host(.gog-progressbar--indeterminate) .gog-progressbar__fill{animation:none;transform:none;background-image:repeating-linear-gradient(45deg,transparent 0 var(--gog-progressbar-stripe-size),var(--gog-progressbar-stripe-color) var(--gog-progressbar-stripe-size) calc(var(--gog-progressbar-stripe-size) * 2))}.gog-progressbar__fill,.gog-progressbar__buffer{transition:none}}:host(.gog-progressbar--success){--gog-progressbar-variant-bg: var(--gog-progressbar-success-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-success-buffer-bg)}:host(.gog-progressbar--danger){--gog-progressbar-variant-bg: var(--gog-progressbar-danger-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-danger-buffer-bg)}:host(.gog-progressbar--warning){--gog-progressbar-variant-bg: var(--gog-progressbar-warning-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-warning-buffer-bg)}:host(.gog-progressbar--info){--gog-progressbar-variant-bg: var(--gog-progressbar-info-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-info-buffer-bg)}:host(.gog-progressbar--xsm){--gog-progressbar-size-height: var(--gog-progressbar-xsm-height)}:host(.gog-progressbar--sm){--gog-progressbar-size-height: var(--gog-progressbar-sm-height)}:host(.gog-progressbar--md){--gog-progressbar-size-height: var(--gog-progressbar-md-height)}:host(.gog-progressbar--lg){--gog-progressbar-size-height: var(--gog-progressbar-lg-height)}:host(.gog-progressbar--slg){--gog-progressbar-size-height: var(--gog-progressbar-slg-height)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5462
5462
|
}
|
|
5463
5463
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ProgressbarComponent, decorators: [{
|
|
5464
5464
|
type: Component,
|
|
@@ -5472,7 +5472,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
5472
5472
|
'[attr.aria-valuenow]': 'isIndeterminate() ? null : clampedValue()',
|
|
5473
5473
|
'[attr.aria-valuetext]': 'isIndeterminate() ? null : displayValue()',
|
|
5474
5474
|
'[attr.aria-label]': 'ariaLabel() || null',
|
|
5475
|
-
}, template: "<div class=\"gog-progressbar__track\" aria-hidden=\"true\">\n @if (mode() === 'buffer') {\n <div class=\"gog-progressbar__buffer\" [style.width.%]=\"clampedBuffer()\"></div>\n }\n\n <div class=\"gog-progressbar__fill\" [style.width.%]=\"fillPercent()\"></div>\n</div>\n\n@if (showValue() && !isIndeterminate()) {\n <span class=\"gog-progressbar__value\">{{ displayValue() }}</span>\n}\n", styles: ["
|
|
5475
|
+
}, template: "<div class=\"gog-progressbar__track\" aria-hidden=\"true\">\n @if (mode() === 'buffer') {\n <div class=\"gog-progressbar__buffer\" [style.width.%]=\"clampedBuffer()\"></div>\n }\n\n <div class=\"gog-progressbar__fill\" [style.width.%]=\"fillPercent()\"></div>\n</div>\n\n@if (showValue() && !isIndeterminate()) {\n <span class=\"gog-progressbar__value\">{{ displayValue() }}</span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;box-sizing:border-box;width:100%;gap:var(--gog-progressbar-value-gap);contain:layout style}.gog-progressbar__track{position:relative;flex:1 1 auto;overflow:hidden;height:var(--gog-progressbar-height, var(--gog-progressbar-size-height, var(--gog-progressbar-md-height)));border-radius:var(--gog-progressbar-radius);background-color:var(--gog-progressbar-track-bg, var(--gog-progressbar-track-base-bg))}.gog-progressbar__fill,.gog-progressbar__buffer{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;transition:width var(--gog-progressbar-transition-duration) var(--gog-easing)}.gog-progressbar__fill{background-color:var(--gog-progressbar-fill-bg, var(--gog-progressbar-variant-bg, var(--gog-progressbar-accent-bg)));box-shadow:inset calc(var(--gog-direction-sign) * -1 * var(--gog-progressbar-edge-width)) 0 0 var(--gog-progressbar-edge-color),inset calc(var(--gog-direction-sign) * -2 * var(--gog-progressbar-edge-width)) 0 0 var(--gog-progressbar-edge-backing-color)}.gog-progressbar__buffer{background-color:var(--gog-progressbar-buffer-bg, var(--gog-progressbar-variant-buffer-bg, var(--gog-progressbar-accent-buffer-bg)))}.gog-progressbar__value{flex:0 0 auto;min-width:var(--gog-progressbar-value-min-width);color:var(--gog-progressbar-value-color);font-family:var(--gog-progressbar-value-font-family);font-size:var(--gog-progressbar-value-font-size);font-variant-numeric:tabular-nums;text-align:end}:host(.gog-progressbar--indeterminate) .gog-progressbar__fill{transform-origin:var(--gog-inline-start-side) center;transition:none;animation:gog-progressbar-indeterminate var(--gog-progressbar-indeterminate-duration) var(--gog-progressbar-indeterminate-easing) infinite}@keyframes gog-progressbar-indeterminate{0%{transform:translate(calc(-100% * var(--gog-direction-sign))) scaleX(.4)}50%{transform:translate(calc(20% * var(--gog-direction-sign))) scaleX(.6)}to{transform:translate(calc(100% * var(--gog-direction-sign))) scaleX(.4)}}@media(prefers-reduced-motion:reduce){:host(.gog-progressbar--indeterminate) .gog-progressbar__fill{animation:none;transform:none;background-image:repeating-linear-gradient(45deg,transparent 0 var(--gog-progressbar-stripe-size),var(--gog-progressbar-stripe-color) var(--gog-progressbar-stripe-size) calc(var(--gog-progressbar-stripe-size) * 2))}.gog-progressbar__fill,.gog-progressbar__buffer{transition:none}}:host(.gog-progressbar--success){--gog-progressbar-variant-bg: var(--gog-progressbar-success-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-success-buffer-bg)}:host(.gog-progressbar--danger){--gog-progressbar-variant-bg: var(--gog-progressbar-danger-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-danger-buffer-bg)}:host(.gog-progressbar--warning){--gog-progressbar-variant-bg: var(--gog-progressbar-warning-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-warning-buffer-bg)}:host(.gog-progressbar--info){--gog-progressbar-variant-bg: var(--gog-progressbar-info-bg);--gog-progressbar-variant-buffer-bg: var(--gog-progressbar-info-buffer-bg)}:host(.gog-progressbar--xsm){--gog-progressbar-size-height: var(--gog-progressbar-xsm-height)}:host(.gog-progressbar--sm){--gog-progressbar-size-height: var(--gog-progressbar-sm-height)}:host(.gog-progressbar--md){--gog-progressbar-size-height: var(--gog-progressbar-md-height)}:host(.gog-progressbar--lg){--gog-progressbar-size-height: var(--gog-progressbar-lg-height)}:host(.gog-progressbar--slg){--gog-progressbar-size-height: var(--gog-progressbar-slg-height)}\n"] }]
|
|
5476
5476
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], buffer: [{ type: i0.Input, args: [{ isSignal: true, alias: "buffer", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
5477
5477
|
|
|
5478
5478
|
/** Built-in defaults, used when neither the instance input nor `GOG_CONFIG` supplies one. */
|
|
@@ -8630,7 +8630,18 @@ class SpinnerOverlayComponent {
|
|
|
8630
8630
|
loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
8631
8631
|
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
8632
8632
|
ariaLabel = input('Loading', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
8633
|
-
|
|
8633
|
+
/**
|
|
8634
|
+
* Forwarded to the spinner inside. **Unset rather than `'runic'` by default, deliberately:**
|
|
8635
|
+
* this value is bound straight onto that spinner's own `variant`, which is where
|
|
8636
|
+
* `GOG_CONFIG.spinner.component` and `spinner.variant` are read — and an instance that states a
|
|
8637
|
+
* variant outranks both, correctly. A default here would therefore state one on every overlay
|
|
8638
|
+
* ever rendered, and an app that had configured a house spinner would get the built-in look
|
|
8639
|
+
* from this component alone (fixed in 21.10.0).
|
|
8640
|
+
*
|
|
8641
|
+
* `size` and `ariaLabel` above keep their defaults for the opposite reason: neither has a
|
|
8642
|
+
* config key to fall through to, so "unset" would mean nothing there.
|
|
8643
|
+
*/
|
|
8644
|
+
variant = input(undefined, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
8634
8645
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SpinnerOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8635
8646
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SpinnerOverlayComponent, isStandalone: true, selector: "gog-spinner-overlay", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-busy": "loading() ? \"true\" : null" }, classAttribute: "gog-spinner-overlay-host" }, ngImport: i0, template: "<div class=\"gog-spinner-overlay\">\n <div class=\"gog-spinner-overlay__content\">\n <ng-content />\n </div>\n\n @if (loading()) {\n <div class=\"gog-spinner-overlay__scrim\">\n <gog-spinner [size]=\"size()\" [ariaLabel]=\"ariaLabel()\" [variant]=\"variant()\" />\n </div>\n }\n</div>\n", styles: [":host{display:block}.gog-spinner-overlay{position:relative}.gog-spinner-overlay__content{min-height:inherit}.gog-spinner-overlay__scrim{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--gog-spinner-overlay-bg);-webkit-backdrop-filter:blur(var(--gog-spinner-overlay-blur));backdrop-filter:blur(var(--gog-spinner-overlay-blur));animation:gog-spinner-overlay-fade-in var(--gog-spinner-overlay-fade-duration) var(--gog-easing)}@keyframes gog-spinner-overlay-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gog-spinner-overlay__scrim{animation:none}}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "gog-spinner", inputs: ["size", "overlay", "ariaLabel", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8636
8647
|
}
|
|
@@ -10475,6 +10486,9 @@ const GOG_TOKEN_GROUPS = [
|
|
|
10475
10486
|
'--gog-progressbar-accent-buffer-bg',
|
|
10476
10487
|
'--gog-progressbar-danger-bg',
|
|
10477
10488
|
'--gog-progressbar-danger-buffer-bg',
|
|
10489
|
+
'--gog-progressbar-edge-backing-color',
|
|
10490
|
+
'--gog-progressbar-edge-color',
|
|
10491
|
+
'--gog-progressbar-edge-width',
|
|
10478
10492
|
'--gog-progressbar-indeterminate-duration',
|
|
10479
10493
|
'--gog-progressbar-indeterminate-easing',
|
|
10480
10494
|
'--gog-progressbar-info-bg',
|