@corto-ai/gds-angular 2.1.0 → 2.1.1
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/assets/styles/scss/utilities/_flex.scss +7 -0
- package/assets/styles/scss/utilities/_text.scss +4 -0
- package/assets/styles/svg/email/email-checkmark.svg +1 -1
- package/assets/styles/svg/email/email-dismiss.svg +1 -1
- package/assets/styles/svg/email/email-error.svg +1 -1
- package/fesm2022/corto-ai-gds-angular.mjs +359 -331
- package/fesm2022/corto-ai-gds-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/types/corto-ai-gds-angular.d.ts +12 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, inject, signal, Injector, input, viewChild, effect, afterNextRender, ChangeDetectionStrategy, Component, model, booleanAttribute, computed, ElementRef, output, Directive, contentChild, DestroyRef, Renderer2, Input, ChangeDetectorRef, EventEmitter, NgZone, Output, DOCUMENT, HostBinding, InjectionToken, EnvironmentInjector, ApplicationRef, createComponent, Pipe, contentChildren, ViewEncapsulation, untracked, ViewContainerRef, TemplateRef, numberAttribute, HostListener, provideAppInitializer, NgModule } from '@angular/core';
|
|
2
|
+
import { Injectable, inject, signal, Injector, input, viewChild, effect, afterNextRender, ChangeDetectionStrategy, Component, model, booleanAttribute, computed, ElementRef, output, Directive, contentChild, DestroyRef, Renderer2, Input, ChangeDetectorRef, EventEmitter, NgZone, Output, DOCUMENT, HostBinding, InjectionToken, EnvironmentInjector, ApplicationRef, createComponent, Pipe, contentChildren, ViewEncapsulation, untracked, ViewContainerRef, runInInjectionContext, TemplateRef, numberAttribute, HostListener, provideAppInitializer, NgModule } from '@angular/core';
|
|
3
3
|
import { injectRegisterIcons, SvgIconRegistry, SvgIconComponent, provideSvgIconsConfig } from '@ngneat/svg-icon';
|
|
4
4
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
5
5
|
import * as i1 from '@ngneat/helipopper';
|
|
@@ -66,10 +66,10 @@ class GdsAccountingService {
|
|
|
66
66
|
}
|
|
67
67
|
return 0;
|
|
68
68
|
}
|
|
69
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
70
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAccountingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
70
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAccountingService, providedIn: 'root' });
|
|
71
71
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAccountingService, decorators: [{
|
|
73
73
|
type: Injectable,
|
|
74
74
|
args: [{
|
|
75
75
|
providedIn: 'root'
|
|
@@ -607,15 +607,15 @@ const gdsDocZyphtaIcon = {
|
|
|
607
607
|
name: 'doc-zyphta'
|
|
608
608
|
};
|
|
609
609
|
const gdsEmailCheckmarkIcon = {
|
|
610
|
-
data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5ZM20.5 16C22.9853 16 25 13.9853 25 11.5C25 9.01472 22.9853 7 20.5 7C18.0147 7 16 9.01472 16 11.5C16 13.9853 18.0147 16 20.5 16ZM22.8536 10.3536L19.8536 13.3536C19.6583 13.5488 19.3417 13.5488 19.1464 13.3536L18.1464 12.3536C17.9512 12.1583 17.9512 11.8417 18.1464 11.6464C18.3417 11.4512 18.6583 11.4512 18.8536 11.6464L19.5 12.2929L22.1464 9.64645C22.3417 9.45118 22.6583 9.45118 22.8536 9.64645C23.0488 9.84171 23.0488 10.1583 22.8536 10.3536Z" fill="
|
|
610
|
+
data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5ZM20.5 16C22.9853 16 25 13.9853 25 11.5C25 9.01472 22.9853 7 20.5 7C18.0147 7 16 9.01472 16 11.5C16 13.9853 18.0147 16 20.5 16ZM22.8536 10.3536L19.8536 13.3536C19.6583 13.5488 19.3417 13.5488 19.1464 13.3536L18.1464 12.3536C17.9512 12.1583 17.9512 11.8417 18.1464 11.6464C18.3417 11.4512 18.6583 11.4512 18.8536 11.6464L19.5 12.2929L22.1464 9.64645C22.3417 9.45118 22.6583 9.45118 22.8536 9.64645C23.0488 9.84171 23.0488 10.1583 22.8536 10.3536Z" fill="currentColor"/></svg>`,
|
|
611
611
|
name: 'email-checkmark'
|
|
612
612
|
};
|
|
613
613
|
const gdsEmailDismissIcon = {
|
|
614
|
-
data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM22.3536 10.3536C22.5488 10.1583 22.5488 9.84171 22.3536 9.64645C22.1583 9.45118 21.8417 9.45118 21.6464 9.64645L20.5 10.7929L19.3536 9.64645C19.1583 9.45118 18.8417 9.45118 18.6464 9.64645C18.4512 9.84171 18.4512 10.1583 18.6464 10.3536L19.7929 11.5L18.6464 12.6464C18.4512 12.8417 18.4512 13.1583 18.6464 13.3536C18.8417 13.5488 19.1583 13.5488 19.3536 13.3536L20.5 12.2071L21.6464 13.3536C21.8417 13.5488 22.1583 13.5488 22.3536 13.3536C22.5488 13.1583 22.5488 12.8417 22.3536 12.6464L21.2071 11.5L22.3536 10.3536ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="
|
|
614
|
+
data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM22.3536 10.3536C22.5488 10.1583 22.5488 9.84171 22.3536 9.64645C22.1583 9.45118 21.8417 9.45118 21.6464 9.64645L20.5 10.7929L19.3536 9.64645C19.1583 9.45118 18.8417 9.45118 18.6464 9.64645C18.4512 9.84171 18.4512 10.1583 18.6464 10.3536L19.7929 11.5L18.6464 12.6464C18.4512 12.8417 18.4512 13.1583 18.6464 13.3536C18.8417 13.5488 19.1583 13.5488 19.3536 13.3536L20.5 12.2071L21.6464 13.3536C21.8417 13.5488 22.1583 13.5488 22.3536 13.3536C22.5488 13.1583 22.5488 12.8417 22.3536 12.6464L21.2071 11.5L22.3536 10.3536ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="currentColor"/></svg>`,
|
|
615
615
|
name: 'email-dismiss'
|
|
616
616
|
};
|
|
617
617
|
const gdsEmailErrorIcon = {
|
|
618
|
-
data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM20.5 9C20.2239 9 20 9.22386 20 9.5V11.5C20 11.7761 20.2239 12 20.5 12C20.7761 12 21 11.7761 21 11.5V9.5C21 9.22386 20.7761 9 20.5 9ZM20.5 14.125C20.8452 14.125 21.125 13.8452 21.125 13.5C21.125 13.1548 20.8452 12.875 20.5 12.875C20.1548 12.875 19.875 13.1548 19.875 13.5C19.875 13.8452 20.1548 14.125 20.5 14.125ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4837 16.6187L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="
|
|
618
|
+
data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM20.5 9C20.2239 9 20 9.22386 20 9.5V11.5C20 11.7761 20.2239 12 20.5 12C20.7761 12 21 11.7761 21 11.5V9.5C21 9.22386 20.7761 9 20.5 9ZM20.5 14.125C20.8452 14.125 21.125 13.8452 21.125 13.5C21.125 13.1548 20.8452 12.875 20.5 12.875C20.1548 12.875 19.875 13.1548 19.875 13.5C19.875 13.8452 20.1548 14.125 20.5 14.125ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4837 16.6187L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="currentColor"/></svg>`,
|
|
619
619
|
name: 'email-error'
|
|
620
620
|
};
|
|
621
621
|
const gdsEmptyState404Icon = {
|
|
@@ -3561,10 +3561,10 @@ class GdsDoctypeService {
|
|
|
3561
3561
|
return 'file-new';
|
|
3562
3562
|
}
|
|
3563
3563
|
}
|
|
3564
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3565
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
3564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3565
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeService, providedIn: 'root' });
|
|
3566
3566
|
}
|
|
3567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeService, decorators: [{
|
|
3568
3568
|
type: Injectable,
|
|
3569
3569
|
args: [{ providedIn: 'root' }]
|
|
3570
3570
|
}], ctorParameters: () => [] });
|
|
@@ -3594,10 +3594,10 @@ class GdsIconService {
|
|
|
3594
3594
|
return null;
|
|
3595
3595
|
};
|
|
3596
3596
|
getIcon = (key) => this.#registry.get(key);
|
|
3597
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3598
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
3597
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3598
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconService, providedIn: 'root' });
|
|
3599
3599
|
}
|
|
3600
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3600
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconService, decorators: [{
|
|
3601
3601
|
type: Injectable,
|
|
3602
3602
|
args: [{
|
|
3603
3603
|
providedIn: 'root'
|
|
@@ -3623,10 +3623,10 @@ class GdsScrollOutOfViewService {
|
|
|
3623
3623
|
// a new Map must be created to trigger a signal change
|
|
3624
3624
|
this.#directivePausedStatus.set(new Map(updatedDirectivePausedStatus));
|
|
3625
3625
|
}
|
|
3626
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3627
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
3626
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3627
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewService, providedIn: 'root' });
|
|
3628
3628
|
}
|
|
3629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewService, decorators: [{
|
|
3630
3630
|
type: Injectable,
|
|
3631
3631
|
args: [{
|
|
3632
3632
|
providedIn: 'root'
|
|
@@ -3658,10 +3658,10 @@ class GdsIconComponent {
|
|
|
3658
3658
|
}
|
|
3659
3659
|
}, { injector: this.#injector });
|
|
3660
3660
|
}, ...(ngDevMode ? [{ debugName: "#removeInlineStylesEffect" }] : /* istanbul ignore next */ []));
|
|
3661
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3662
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
3661
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3662
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsIconComponent, isStandalone: true, selector: "gds-icon", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "svgIcon", first: true, predicate: SvgIconComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<svg-icon\n [key]=\"key()\"\n [noShrink]=\"true\"\n [width]=\"width()\"\n [height]=\"height()\"\n [color]=\"color()\"\n/>\n", styles: [":host{display:inline-block;line-height:0}:host svg-icon{display:inherit;font-size:var(--gds-iconSize-sm);min-width:var(--gds-iconSize-sm)}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["key", "fallback", "size", "width", "height", "fontSize", "color", "noShrink", "preserveAspectRatio"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3663
3663
|
}
|
|
3664
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconComponent, decorators: [{
|
|
3665
3665
|
type: Component,
|
|
3666
3666
|
args: [{ selector: 'gds-icon', imports: [SvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg-icon\n [key]=\"key()\"\n [noShrink]=\"true\"\n [width]=\"width()\"\n [height]=\"height()\"\n [color]=\"color()\"\n/>\n", styles: [":host{display:inline-block;line-height:0}:host svg-icon{display:inherit;font-size:var(--gds-iconSize-sm);min-width:var(--gds-iconSize-sm)}\n"] }]
|
|
3667
3667
|
}], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], svgIcon: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SvgIconComponent), { isSignal: true }] }] } });
|
|
@@ -3743,10 +3743,10 @@ class GdsAvatarComponent {
|
|
|
3743
3743
|
this.variant.set(this.fallbackVariant());
|
|
3744
3744
|
this.data.set(this.fallbackData());
|
|
3745
3745
|
}
|
|
3746
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3747
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3746
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3747
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsAvatarComponent, isStandalone: true, selector: "gds-avatar, button[gds-avatar]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fallbackVariant: { classPropertyName: "fallbackVariant", publicName: "fallbackVariant", isSignal: true, isRequired: false, transformFunction: null }, fallbackData: { classPropertyName: "fallbackData", publicName: "fallbackData", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange", variant: "variantChange" }, host: { properties: { "attr.isActive": "isActive()", "attr.disabled": "disabled() ? \"\" : undefined", "attr.size": "size()", "attr.variant": "variant()", "style.--color": "textColor()", "style.--background-color": "backgroundColor()" } }, ngImport: i0, template: "@switch (variant()) {\n @case ('text') {\n {{ initials() }}\n }\n @case ('count') {\n +{{ count() }}\n }\n @case ('icon') {\n <gds-icon\n [key]=\"iconKey()\"\n [width]=\"'0.8em'\"\n [height]=\"'0.8em'\"\n />\n }\n @case ('organization') {\n <gds-icon\n [key]=\"organizationIconKey()\"\n [class]=\"organizationIconSizeClass()\"\n />\n }\n @case ('image') {\n <img\n class=\"\n gds-height-100-parent\n gds-width-100-parent\n img\n \"\n [src]=\"data()\"\n (error)=\"handleImageError()\"\n alt=\"\"\n />\n }\n}\n", styles: [":host{--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-badge-default);--font-weight: var(--gds-fontWeight-captionStrong)}:host[size=xs]{--size: var(--gds-primitive-size-500-rem);--font-size: var(--gds-primitive-size-200-rem);--line-height: var(--gds-lineHeight-caption)}:host[size=sm]{--size: var(--gds-primitive-size-600-rem);--font-size: .625rem;--line-height: var(--gds-lineHeight-caption)}:host[size=md]{--size: var(--gds-primitive-size-700-rem);--font-size: var(--gds-fontSize-body);--line-height: var(--gds-lineHeight-body)}:host[size=lg]{--size: var(--gds-primitive-size-900-rem);--font-size: var(--gds-fontSize-subtitle);--line-height: var(--gds-lineHeight-subtitle)}:host[size=xl]{--size: var(--gds-primitive-size-1200-rem);--font-size: var(--gds-fontSize-titleLarge);--line-height: var(--gds-lineHeight-titleLarge)}:host{all:unset;width:var(--size);height:var(--size);aspect-ratio:1;overflow:visible;transition:none;border:none;color:var(--color);background-color:var(--background-color);font-family:var(--gds-fontFamily-body);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;background-size:contain;background-position:center center;border-radius:50%}:host .img{object-fit:cover;border-radius:inherit}:host[disabled]{color:var(--gds-palette-text-default-disabled);background-color:var(--gds-neutral-50)}:host[isActive=true]{outline:2px solid}button:host{cursor:pointer}button:host:focus,button:host:focus-visible,button:host:hover{outline:2px solid}button:host:disabled{cursor:not-allowed;outline:none}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3748
3748
|
}
|
|
3749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAvatarComponent, decorators: [{
|
|
3750
3750
|
type: Component,
|
|
3751
3751
|
args: [{ selector: 'gds-avatar, button[gds-avatar]', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3752
3752
|
'[attr.isActive]': 'isActive()',
|
|
@@ -3762,10 +3762,10 @@ class GdsBadgeComponent {
|
|
|
3762
3762
|
icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
3763
3763
|
tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
|
|
3764
3764
|
tooltipInteractive = input(false, { ...(ngDevMode ? { debugName: "tooltipInteractive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
3765
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3766
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3765
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3766
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsBadgeComponent, isStandalone: true, selector: "span[gds-badge]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipInteractive: { classPropertyName: "tooltipInteractive", publicName: "tooltipInteractive", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (icon(); as icon) {\n <gds-icon\n [key]=\"icon\"\n class=\"\n gds-badge_icon\n gds-icon-size-3xs\n \"\n />\n}\n<span\n class=\"\n gds-display-none-empty\n gds-padding-inline-3xs\n \"\n [tp]=\"tooltip()\"\n [tpInteractive]=\"tooltipInteractive()\"\n tpPlacement=\"top\"\n tpVariation=\"light\"\n>\n <ng-content />\n</span>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center;min-width:var(--gds-primitive-size-500-rem);width:fit-content;height:var(--gds-primitive-size-500-rem);padding-inline:var(--gds-spacing-3xs);border-radius:var(--gds-primitive-size-400-rem);background-color:var(--gds-palette-badge-default);white-space:nowrap;font:var(--gds-font-caption);color:var(--gds-palette-text-default-primary)}:host .gds-badge_icon{color:var(--gds-palette-icon-primary)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3767
3767
|
}
|
|
3768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBadgeComponent, decorators: [{
|
|
3769
3769
|
type: Component,
|
|
3770
3770
|
args: [{ selector: 'span[gds-badge]', imports: [GdsIconComponent, TippyDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (icon(); as icon) {\n <gds-icon\n [key]=\"icon\"\n class=\"\n gds-badge_icon\n gds-icon-size-3xs\n \"\n />\n}\n<span\n class=\"\n gds-display-none-empty\n gds-padding-inline-3xs\n \"\n [tp]=\"tooltip()\"\n [tpInteractive]=\"tooltipInteractive()\"\n tpPlacement=\"top\"\n tpVariation=\"light\"\n>\n <ng-content />\n</span>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center;min-width:var(--gds-primitive-size-500-rem);width:fit-content;height:var(--gds-primitive-size-500-rem);padding-inline:var(--gds-spacing-3xs);border-radius:var(--gds-primitive-size-400-rem);background-color:var(--gds-palette-badge-default);white-space:nowrap;font:var(--gds-font-caption);color:var(--gds-palette-text-default-primary)}:host .gds-badge_icon{color:var(--gds-palette-icon-primary)}\n"] }]
|
|
3771
3771
|
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipInteractive", required: false }] }] } });
|
|
@@ -3797,10 +3797,10 @@ class ButtonBaseDirective {
|
|
|
3797
3797
|
event.stopPropagation();
|
|
3798
3798
|
this.clicked.emit(event);
|
|
3799
3799
|
}
|
|
3800
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3801
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
3800
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3801
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: ButtonBaseDirective, isStandalone: true, inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { attributes: { "type": "button" }, listeners: { "click": "handleClick($event)" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-busy": "busy() ? \"\" : undefined" } }, ngImport: i0 });
|
|
3802
3802
|
}
|
|
3803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3803
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonBaseDirective, decorators: [{
|
|
3804
3804
|
type: Directive,
|
|
3805
3805
|
args: [{
|
|
3806
3806
|
host: {
|
|
@@ -3820,10 +3820,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
3820
3820
|
}], propDecorators: { busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
3821
3821
|
|
|
3822
3822
|
class GdsButtonComponent extends ButtonBaseDirective {
|
|
3823
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3824
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3823
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3824
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsButtonComponent, isStandalone: true, selector: "button[gds-button]", usesInheritance: true, ngImport: i0, template: "<div class=\"body\">\n @if (busy()) {\n <gds-icon\n role=\"progressbar\"\n class=\"busy-icon\"\n key=\"loading-kebab\"\n />\n }\n <div class=\"label\">\n <ng-content />\n </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3825
3825
|
}
|
|
3826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonComponent, decorators: [{
|
|
3827
3827
|
type: Component,
|
|
3828
3828
|
args: [{ selector: 'button[gds-button]', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"body\">\n @if (busy()) {\n <gds-icon\n role=\"progressbar\"\n class=\"busy-icon\"\n key=\"loading-kebab\"\n />\n }\n <div class=\"label\">\n <ng-content />\n </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}\n"] }]
|
|
3829
3829
|
}] });
|
|
@@ -3831,10 +3831,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
3831
3831
|
class GdsIconButtonComponent extends ButtonBaseDirective {
|
|
3832
3832
|
tooltipLabel = input(...(ngDevMode ? [undefined, { debugName: "tooltipLabel" }] : /* istanbul ignore next */ []));
|
|
3833
3833
|
enableTooltip = computed(() => !this.disabled() && !!this.tooltipLabel()?.trim(), ...(ngDevMode ? [{ debugName: "enableTooltip" }] : /* istanbul ignore next */ []));
|
|
3834
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3835
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3834
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3835
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsIconButtonComponent, isStandalone: true, selector: "button[gds-icon-button]", inputs: { tooltipLabel: { classPropertyName: "tooltipLabel", publicName: "tooltipLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"body\"\n [tp]=\"tooltipLabel()\"\n tpVariation=\"light\"\n tpAppendTo=\"parent\"\n [tpIsEnabled]=\"enableTooltip()\"\n [tpHideOnClick]=\"false\"\n>\n @if (busy()) {\n <gds-icon\n role=\"progressbar\"\n class=\"busy-icon\"\n key=\"loading-kebab\"\n />\n }\n\n <div class=\"\n gds-display-grid\n gds-gap-0\n label\n \">\n <ng-content select=\"gds-icon\" />\n </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-borderColor-hover: transparent}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host:has(gds-icon:only-child){aspect-ratio:1;padding:unset}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3836
3836
|
}
|
|
3837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3837
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconButtonComponent, decorators: [{
|
|
3838
3838
|
type: Component,
|
|
3839
3839
|
args: [{ selector: 'button[gds-icon-button]', imports: [TippyDirective, GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"body\"\n [tp]=\"tooltipLabel()\"\n tpVariation=\"light\"\n tpAppendTo=\"parent\"\n [tpIsEnabled]=\"enableTooltip()\"\n [tpHideOnClick]=\"false\"\n>\n @if (busy()) {\n <gds-icon\n role=\"progressbar\"\n class=\"busy-icon\"\n key=\"loading-kebab\"\n />\n }\n\n <div class=\"\n gds-display-grid\n gds-gap-0\n label\n \">\n <ng-content select=\"gds-icon\" />\n </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-borderColor-hover: transparent}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host:has(gds-icon:only-child){aspect-ratio:1;padding:unset}\n"] }]
|
|
3840
3840
|
}], propDecorators: { tooltipLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipLabel", required: false }] }] } });
|
|
@@ -3846,10 +3846,10 @@ class GdsBannerComponent {
|
|
|
3846
3846
|
state = model('collapsed', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
|
|
3847
3847
|
actionBtnClick = output();
|
|
3848
3848
|
contentExpanded = computed(() => this.state() === 'expanded', ...(ngDevMode ? [{ debugName: "contentExpanded" }] : /* istanbul ignore next */ []));
|
|
3849
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3850
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3849
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3850
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsBannerComponent, isStandalone: true, selector: "gds-banner", inputs: { iconKey: { classPropertyName: "iconKey", publicName: "iconKey", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, btnLabel: { classPropertyName: "btnLabel", publicName: "btnLabel", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { state: "stateChange", actionBtnClick: "actionBtnClick" }, host: { properties: { "attr.hidden": "state() === \"hidden\" ? \"\" : undefined", "attr.expanded": "state() === \"expanded\" ? \"\" : undefined" } }, ngImport: i0, template: "<div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-xs\n \"\n [ngClass]=\"{ 'gds-gap-xs': state() === 'expanded' }\"\n>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n \">\n <gds-icon\n [key]=\"iconKey()\"\n class=\"\n gds-icon-size-xs\n gds-text-primary-primary\n \"\n />\n <span class=\"\n gds-text-body-strong\n gds-text-primary-primary\n label\n \"> {{ label() }} </span>\n @if (btnLabel()) {\n <button\n gds-button\n variant=\"primary\"\n (clicked)=\"actionBtnClick.emit()\"\n >\n {{ btnLabel() }}\n </button>\n }\n <button\n gds-icon-button\n size=\"small\"\n class=\"gds-background-none\"\n aria-label=\"Close\"\n (clicked)=\"state.set('hidden')\"\n >\n <gds-icon\n class=\"\n gds-icon-size-3xs\n icon\n \"\n key=\"line-dismiss\"\n />\n </button>\n </div>\n @if (contentExpanded()) {\n <div\n class=\"content\"\n animate.enter=\"gds-expand-vertical\"\n >\n <ng-content />\n </div>\n }\n</div>\n", styles: [":host{--banner-radius: var(--gds-borderRadius-sm)}:host[expanded]{--banner-radius: var(--gds-borderRadius-md)}:host{padding:var(--gds-spacing-2xs);width:100%;background:var(--gds-palette-background-chat);border-radius:var(--banner-radius);display:block}:host[hidden]{display:none}:host .label{margin-right:auto}:host .content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3851
3851
|
}
|
|
3852
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3852
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBannerComponent, decorators: [{
|
|
3853
3853
|
type: Component,
|
|
3854
3854
|
args: [{ selector: 'gds-banner', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent, GdsIconButtonComponent, NgClass, GdsButtonComponent], host: {
|
|
3855
3855
|
'[attr.hidden]': 'state() === "hidden" ? "" : undefined',
|
|
@@ -3929,10 +3929,10 @@ class GdsBreadcrumbsComponent {
|
|
|
3929
3929
|
this.#renderer.setStyle(ellipsis, 'display', 'none');
|
|
3930
3930
|
}
|
|
3931
3931
|
};
|
|
3932
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3933
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
3932
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3933
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", queries: [{ propertyName: "ellipsisTmpl", first: true, predicate: ["ellipsisTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "path", first: true, predicate: ["path"], descendants: true, isSignal: true }, { propertyName: "ellipsis", first: true, predicate: ["ellipsis"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n #ellipsis\n class=\"gds-breadcrumbs_ellipsis-container\"\n>\n <ng-container *ngTemplateOutlet=\"ellipsisTmpl() ?? defaultEllipsisTmpl\" />\n</div>\n<div\n #path\n class=\"gds-breadcrumbs_container\"\n>\n <ng-content />\n</div>\n\n<ng-template #defaultEllipsisTmpl> ... </ng-template>\n", styles: [":host{width:100%;display:flex}:host .gds-breadcrumbs_container{display:flex;align-items:center;flex:1;min-width:0}:host .gds-breadcrumbs_ellipsis-container{display:flex;align-items:center;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3934
3934
|
}
|
|
3935
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
|
|
3936
3936
|
type: Component,
|
|
3937
3937
|
args: [{ selector: 'gds-breadcrumbs', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n #ellipsis\n class=\"gds-breadcrumbs_ellipsis-container\"\n>\n <ng-container *ngTemplateOutlet=\"ellipsisTmpl() ?? defaultEllipsisTmpl\" />\n</div>\n<div\n #path\n class=\"gds-breadcrumbs_container\"\n>\n <ng-content />\n</div>\n\n<ng-template #defaultEllipsisTmpl> ... </ng-template>\n", styles: [":host{width:100%;display:flex}:host .gds-breadcrumbs_container{display:flex;align-items:center;flex:1;min-width:0}:host .gds-breadcrumbs_ellipsis-container{display:flex;align-items:center;max-width:fit-content;max-height:fit-content}\n"] }]
|
|
3938
3938
|
}], ctorParameters: () => [], propDecorators: { ellipsisTmpl: [{ type: i0.ContentChild, args: ['ellipsisTmpl', { isSignal: true }] }], path: [{ type: i0.ViewChild, args: ['path', { isSignal: true }] }], ellipsis: [{ type: i0.ViewChild, args: ['ellipsis', { isSignal: true }] }] } });
|
|
@@ -4010,10 +4010,10 @@ class GdsFocusOnInitDirective {
|
|
|
4010
4010
|
}
|
|
4011
4011
|
}
|
|
4012
4012
|
}
|
|
4013
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4014
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4013
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFocusOnInitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4014
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsFocusOnInitDirective, isStandalone: true, selector: "[focusOnInit]", inputs: { selectOnInit: "selectOnInit", focusOnInit: "focusOnInit" }, ngImport: i0 });
|
|
4015
4015
|
}
|
|
4016
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4016
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFocusOnInitDirective, decorators: [{
|
|
4017
4017
|
type: Directive,
|
|
4018
4018
|
args: [{
|
|
4019
4019
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4052,10 +4052,10 @@ class OnBrandChanged {
|
|
|
4052
4052
|
this.#observer.disconnect();
|
|
4053
4053
|
}
|
|
4054
4054
|
}
|
|
4055
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4056
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4055
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OnBrandChanged, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4056
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: OnBrandChanged, isStandalone: true, ngImport: i0 });
|
|
4057
4057
|
}
|
|
4058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4058
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OnBrandChanged, decorators: [{
|
|
4059
4059
|
type: Directive
|
|
4060
4060
|
}], ctorParameters: () => [] });
|
|
4061
4061
|
|
|
@@ -4088,10 +4088,10 @@ class GdsResizedDirective {
|
|
|
4088
4088
|
this.#oldRect = domSize.contentRect;
|
|
4089
4089
|
this.resized.emit(resizedEvent);
|
|
4090
4090
|
}
|
|
4091
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4092
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4091
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResizedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4092
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsResizedDirective, isStandalone: true, selector: "[resized]", outputs: { resized: "resized" }, ngImport: i0 });
|
|
4093
4093
|
}
|
|
4094
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4094
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResizedDirective, decorators: [{
|
|
4095
4095
|
type: Directive,
|
|
4096
4096
|
args: [{
|
|
4097
4097
|
selector: '[resized]',
|
|
@@ -4142,10 +4142,10 @@ class GdsKeyboardNavigationItem {
|
|
|
4142
4142
|
break;
|
|
4143
4143
|
}
|
|
4144
4144
|
};
|
|
4145
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4146
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4145
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4146
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsKeyboardNavigationItem, isStandalone: false, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
|
|
4147
4147
|
}
|
|
4148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationItem, decorators: [{
|
|
4149
4149
|
type: Directive,
|
|
4150
4150
|
args: [{
|
|
4151
4151
|
host: {
|
|
@@ -4181,10 +4181,10 @@ class GdsKeyboardNavigationHost {
|
|
|
4181
4181
|
}
|
|
4182
4182
|
this.#focusKeyManager.onKeydown(event);
|
|
4183
4183
|
};
|
|
4184
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4185
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4184
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4185
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsKeyboardNavigationHost, isStandalone: false, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
|
|
4186
4186
|
}
|
|
4187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationHost, decorators: [{
|
|
4188
4188
|
type: Directive,
|
|
4189
4189
|
args: [{
|
|
4190
4190
|
host: {
|
|
@@ -4207,10 +4207,10 @@ class GdsScrollToBottomDirective {
|
|
|
4207
4207
|
behavior: this.scrollBehavior() ?? 'smooth'
|
|
4208
4208
|
});
|
|
4209
4209
|
}
|
|
4210
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4211
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
4210
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToBottomDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4211
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsScrollToBottomDirective, isStandalone: true, selector: "[scrollToBottom]", inputs: { scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
4212
4212
|
}
|
|
4213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToBottomDirective, decorators: [{
|
|
4214
4214
|
type: Directive,
|
|
4215
4215
|
args: [{
|
|
4216
4216
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4227,10 +4227,10 @@ class GdsScrollToFirstInvalidDirective {
|
|
|
4227
4227
|
}
|
|
4228
4228
|
invalid.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
|
|
4229
4229
|
}
|
|
4230
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4231
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4230
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToFirstInvalidDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4231
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsScrollToFirstInvalidDirective, isStandalone: true, selector: "[scrollToFirstInvalid]", ngImport: i0 });
|
|
4232
4232
|
}
|
|
4233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToFirstInvalidDirective, decorators: [{
|
|
4234
4234
|
type: Directive,
|
|
4235
4235
|
args: [{
|
|
4236
4236
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4343,10 +4343,10 @@ class GdsScrollOutOfViewDirective {
|
|
|
4343
4343
|
scrollableElement.style.overscrollBehavior = 'none';
|
|
4344
4344
|
}
|
|
4345
4345
|
}
|
|
4346
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4347
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
4346
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4347
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsScrollOutOfViewDirective, isStandalone: true, selector: "[scrollOutOfView]", inputs: { scrollOutOfViewId: { classPropertyName: "scrollOutOfViewId", publicName: "scrollOutOfViewId", isSignal: true, isRequired: true, transformFunction: null }, scrollOutOfViewEnabled: { classPropertyName: "scrollOutOfViewEnabled", publicName: "scrollOutOfViewEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
4348
4348
|
}
|
|
4349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4349
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewDirective, decorators: [{
|
|
4350
4350
|
type: Directive,
|
|
4351
4351
|
args: [{
|
|
4352
4352
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4390,10 +4390,10 @@ class GdsTooltipComponent extends OnBrandChanged {
|
|
|
4390
4390
|
directive.hide();
|
|
4391
4391
|
}
|
|
4392
4392
|
}, ...(ngDevMode ? [{ debugName: "#openOnOpen" }] : /* istanbul ignore next */ []));
|
|
4393
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4394
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4393
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4394
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsTooltipComponent, isStandalone: true, selector: "gds-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: true, transformFunction: null }, onlyTextOverflow: { classPropertyName: "onlyTextOverflow", publicName: "onlyTextOverflow", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacement: { classPropertyName: "tooltipPlacement", publicName: "tooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, tooltipInteractive: { classPropertyName: "tooltipInteractive", publicName: "tooltipInteractive", isSignal: true, isRequired: false, transformFunction: null }, useHostWidth: { classPropertyName: "useHostWidth", publicName: "useHostWidth", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tippyDirective", first: true, predicate: TippyDirective, descendants: true, isSignal: true }, { propertyName: "span", first: true, predicate: ["span"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.TippyDirective }], ngImport: i0, template: "<span\n #span\n class=\"gds-tooltip_container\"\n [tp]=\"tooltip()\"\n [tpVariation]=\"tooltipVariation()\"\n [tpPlacement]=\"tooltipPlacement()\"\n [tpInteractive]=\"tooltipInteractive()\"\n [tpIsEnabled]=\"!disabled()\"\n [tpUseHostWidth]=\"useHostWidth()\"\n [tpOnlyTextOverflow]=\"onlyTextOverflow()\"\n [tpUseTextContent]=\"!tooltip()\"\n [tpMaxWidth]=\"maxWidth()\"\n [tpAppendTo]=\"appendTo()\"\n>\n <ng-content />\n</span>\n", styles: [":host{display:flex;min-width:0}:host .gds-tooltip_container{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4395
4395
|
}
|
|
4396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4396
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTooltipComponent, decorators: [{
|
|
4397
4397
|
type: Component,
|
|
4398
4398
|
args: [{ selector: 'gds-tooltip', hostDirectives: [TippyDirective], imports: [TippyDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n #span\n class=\"gds-tooltip_container\"\n [tp]=\"tooltip()\"\n [tpVariation]=\"tooltipVariation()\"\n [tpPlacement]=\"tooltipPlacement()\"\n [tpInteractive]=\"tooltipInteractive()\"\n [tpIsEnabled]=\"!disabled()\"\n [tpUseHostWidth]=\"useHostWidth()\"\n [tpOnlyTextOverflow]=\"onlyTextOverflow()\"\n [tpUseTextContent]=\"!tooltip()\"\n [tpMaxWidth]=\"maxWidth()\"\n [tpAppendTo]=\"appendTo()\"\n>\n <ng-content />\n</span>\n", styles: [":host{display:flex;min-width:0}:host .gds-tooltip_container{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
4399
4399
|
}], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: true }] }], onlyTextOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyTextOverflow", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tooltipPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPlacement", required: false }] }], tooltipInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipInteractive", required: false }] }], useHostWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "useHostWidth", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], tippyDirective: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TippyDirective), { isSignal: true }] }], span: [{ type: i0.ViewChild, args: ['span', { isSignal: true }] }] } });
|
|
@@ -4464,10 +4464,10 @@ class GdsChipComponent extends OnBrandChanged {
|
|
|
4464
4464
|
};
|
|
4465
4465
|
return map[chipText.toLowerCase()] ?? 'grey';
|
|
4466
4466
|
}
|
|
4467
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4468
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4467
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4468
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsChipComponent, isStandalone: true, selector: "gds-chip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.rounded": "this.roundedAttr", "attr.btn": "this.hasDismiss", "attr.width": "this.widthStyle", "attr.compact": "this.compactAttr", "style.--background-color": "this.backgroundStyle", "style.--color": "this.textColorStyle" } }, usesInheritance: true, ngImport: i0, template: "<gds-tooltip\n onlyTextOverflow\n [tooltip]=\"text() | titlecase\"\n>\n {{ text() }}\n</gds-tooltip>\n@if (hasDismiss) {\n <gds-icon\n class=\"\n gds-chip_dismiss\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n (click)=\"handleDismissed($event)\"\n />\n}\n", styles: [":host{--border-radius: var(--gds-borderRadius-sm);--text-transform: uppercase;--cursor: default;--padding: var(--gds-spacing-2xs) var(--gds-spacing-xs);--min-height: 32px}:host[rounded]{--border-radius: var(--gds-borderRadius-lg);--text-transform: capitalize}:host[btn=true]{--cursor: pointer}:host[width=fixed]{--min-width: 124px;--max-width: 124px}:host[width=auto]{--min-width: auto;--max-width: 100%}:host[width=fit-content]{--min-width: fit-content;--max-width: fit-content}:host[compact]{--padding: 3px var(--gds-spacing-2xs);--min-height: 20px}:host{font:var(--gds-text-captionStrong-shorthand);border-radius:var(--border-radius);text-transform:var(--text-transform);min-width:var(--min-width);max-width:var(--max-width);padding:var(--padding);min-height:var(--min-height);cursor:var(--cursor);color:var(--color);background-color:var(--background-color);display:inline-flex;align-items:center;justify-content:center;height:fit-content;gap:var(--gds-spacing-2xs)}:host .gds-chip_dismiss{margin-left:auto}\n"], dependencies: [{ kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4469
4469
|
}
|
|
4470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChipComponent, decorators: [{
|
|
4471
4471
|
type: Component,
|
|
4472
4472
|
args: [{ selector: 'gds-chip', imports: [GdsTooltipComponent, GdsIconComponent, TitleCasePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gds-tooltip\n onlyTextOverflow\n [tooltip]=\"text() | titlecase\"\n>\n {{ text() }}\n</gds-tooltip>\n@if (hasDismiss) {\n <gds-icon\n class=\"\n gds-chip_dismiss\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n (click)=\"handleDismissed($event)\"\n />\n}\n", styles: [":host{--border-radius: var(--gds-borderRadius-sm);--text-transform: uppercase;--cursor: default;--padding: var(--gds-spacing-2xs) var(--gds-spacing-xs);--min-height: 32px}:host[rounded]{--border-radius: var(--gds-borderRadius-lg);--text-transform: capitalize}:host[btn=true]{--cursor: pointer}:host[width=fixed]{--min-width: 124px;--max-width: 124px}:host[width=auto]{--min-width: auto;--max-width: 100%}:host[width=fit-content]{--min-width: fit-content;--max-width: fit-content}:host[compact]{--padding: 3px var(--gds-spacing-2xs);--min-height: 20px}:host{font:var(--gds-text-captionStrong-shorthand);border-radius:var(--border-radius);text-transform:var(--text-transform);min-width:var(--min-width);max-width:var(--max-width);padding:var(--padding);min-height:var(--min-height);cursor:var(--cursor);color:var(--color);background-color:var(--background-color);display:inline-flex;align-items:center;justify-content:center;height:fit-content;gap:var(--gds-spacing-2xs)}:host .gds-chip_dismiss{margin-left:auto}\n"] }]
|
|
4473
4473
|
}], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], dismissed: [{
|
|
@@ -4495,10 +4495,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4495
4495
|
class GdsNativeInputDirective {
|
|
4496
4496
|
#elementRef = inject(ElementRef);
|
|
4497
4497
|
nativeElement = this.#elementRef.nativeElement;
|
|
4498
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4499
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4498
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4499
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsNativeInputDirective, isStandalone: true, selector: "input", ngImport: i0 });
|
|
4500
4500
|
}
|
|
4501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeInputDirective, decorators: [{
|
|
4502
4502
|
type: Directive,
|
|
4503
4503
|
args: [{
|
|
4504
4504
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4512,10 +4512,10 @@ class GdsNativeTextareaDirective {
|
|
|
4512
4512
|
this.#elementRef.nativeElement.value = value;
|
|
4513
4513
|
this.#elementRef.nativeElement.dispatchEvent(new Event('input'));
|
|
4514
4514
|
};
|
|
4515
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4516
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
4515
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4516
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsNativeTextareaDirective, isStandalone: true, selector: "textarea", ngImport: i0 });
|
|
4517
4517
|
}
|
|
4518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeTextareaDirective, decorators: [{
|
|
4519
4519
|
type: Directive,
|
|
4520
4520
|
args: [{
|
|
4521
4521
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4538,10 +4538,10 @@ class GdsSignalFormContainer {
|
|
|
4538
4538
|
const field = this.formField();
|
|
4539
4539
|
return field?.errors()?.[0]?.message;
|
|
4540
4540
|
}, ...(ngDevMode ? [{ debugName: "formFieldError" }] : /* istanbul ignore next */ []));
|
|
4541
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4542
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
4541
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4542
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsSignalFormContainer, isStandalone: true, host: { properties: { "attr.invalid": "formFieldInvalid() ? \"\" : undefined", "attr.touched": "formFieldTouched() ? \"\" : undefined" } }, queries: [{ propertyName: "nestedField", first: true, predicate: FormField, descendants: true, isSignal: true }], ngImport: i0 });
|
|
4543
4543
|
}
|
|
4544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormContainer, decorators: [{
|
|
4545
4545
|
type: Directive,
|
|
4546
4546
|
args: [{
|
|
4547
4547
|
host: {
|
|
@@ -4566,10 +4566,10 @@ class GdsSignalFormControl {
|
|
|
4566
4566
|
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
4567
4567
|
hidden = input(false, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
|
|
4568
4568
|
invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
4569
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4570
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
4569
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4570
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsSignalFormControl, isStandalone: true, inputs: { touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, host: { properties: { "attr.invalid": "invalid() ? \"\" : undefined", "attr.touched": "touched() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined", "attr.readonly": "readonly() ? \"\" : undefined", "attr.hidden": "hidden() ? \"\" : undefined" } }, ngImport: i0 });
|
|
4571
4571
|
}
|
|
4572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormControl, decorators: [{
|
|
4573
4573
|
type: Directive,
|
|
4574
4574
|
args: [{
|
|
4575
4575
|
host: {
|
|
@@ -4589,10 +4589,10 @@ class GdsSwitchComponent extends GdsSignalFormContainer {
|
|
|
4589
4589
|
throw new Error('GdsNativeInputDirective is required for this component. Please update the imports to include GdsNativeInputDirective.');
|
|
4590
4590
|
}
|
|
4591
4591
|
}
|
|
4592
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4593
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4592
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4593
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSwitchComponent, isStandalone: true, selector: "gds-switch", host: { attributes: { "tabindex": "0" }, listeners: { "click": "input()?.nativeElement?.click()", "keydown.enter": "input()?.nativeElement?.click()" }, classAttribute: "gds-display-inline-flex gds-radius-2xl gds-padding-3xs gds-align-self-end" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"gds-display-none\">\n <ng-content />\n</div>\n\n<span class=\"\n gds-height-xs\n gds-radius-2xl\n gds-width-xs\n thumb\n\"></span>\n", styles: [":host{--gds-form-control-border-color: var(--gds-palette-background-dark);--gds-form-control-background-color: var(--gds-palette-background-white);--gds-form-control-hover-color: var(--gds-palette-background-bright);--gds-form-control-disabled-background-color: var(--gds-palette-background-white);--gds-form-control-disabled-border-color: var(--gds-palette-badge-hover);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{cursor:var(--cursor);background-color:var(--border-color);height:20px;width:40px}:host .thumb{background-color:var(--background-color);transform:translate(var(--switch-thumb-x-transform, 0px));transition:transform .15s cubic-bezier(.4,0,.2,1) 0ms,width .15s}:host:has(input:checked){--gds-form-control-border-color: var(--gds-palette-background-bright);--gds-form-control-hover-color: var(--gds-palette-background-bright-hover);--gds-form-control-disabled-border-color: var(--gds-palette-button-primary-disabled);--switch-thumb-x-transform: 20px}:host:has(input:checked):hover{background-color:var(--hover-color)}:host:has(input:checked):active{--switch-thumb-x-transform: var(--gds-spacing-sm)}:host[disabled]:hover,:host:has(*:disabled,*[disabled=true]):hover{background-color:var(--disabled-border-color)}:host:focus-visible{outline:var(--gds-palette-border-dark) solid 2px;border-radius:var(--gds-borderRadius-2xl);outline-offset:2px}:host:active .thumb{width:var(--gds-size-sm)!important}:is(body[isMobile=true]) :host{height:30px;width:51px;padding:3px!important}:is(body[isMobile=true]) :host .thumb{height:var(--gds-primitive-size-600)!important;width:var(--gds-primitive-size-600)!important;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}:is(body[isMobile=true]) :host:has(input:checked){--gds-form-control-border-color: var(--gds-palette-button-primary-default);--gds-form-control-hover-color: var(--gds-palette-button-primary-hover);--switch-thumb-x-transform: 21px}:is(body[isMobile=true]) :host:has(input:checked):active{--switch-thumb-x-transform: 13px}:is(body[isMobile=true]) :host[disabled] .thumb,:is(body[isMobile=true]) :host:has(*:disabled,*[disabled=true]) .thumb{box-shadow:none}:is(body[isMobile=true]) :host:active .thumb{width:var(--gds-size-md)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4594
4594
|
}
|
|
4595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSwitchComponent, decorators: [{
|
|
4596
4596
|
type: Component,
|
|
4597
4597
|
args: [{ selector: 'gds-switch', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4598
4598
|
class: 'gds-display-inline-flex gds-radius-2xl gds-padding-3xs gds-align-self-end',
|
|
@@ -4606,6 +4606,7 @@ class GdsContextMenuBaseDirective extends OnBrandChanged {
|
|
|
4606
4606
|
border = input(false, { ...(ngDevMode ? { debugName: "border" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4607
4607
|
startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : /* istanbul ignore next */ []));
|
|
4608
4608
|
label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
4609
|
+
labelClass = input(...(ngDevMode ? [undefined, { debugName: "labelClass" }] : /* istanbul ignore next */ []));
|
|
4609
4610
|
hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : /* istanbul ignore next */ []));
|
|
4610
4611
|
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
4611
4612
|
selected = signal(false).asReadonly();
|
|
@@ -4621,10 +4622,10 @@ class GdsContextMenuBaseDirective extends OnBrandChanged {
|
|
|
4621
4622
|
return undefined;
|
|
4622
4623
|
}
|
|
4623
4624
|
}, ...(ngDevMode ? [{ debugName: "variantIcon" }] : /* istanbul ignore next */ []));
|
|
4624
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4625
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
4625
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuBaseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
4626
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsContextMenuBaseDirective, isStandalone: true, inputs: { border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.compact": "size() === \"compact\" ? \"\" : undefined", "attr.clickable": "variant() !== \"heading\" ? \"\" : undefined", "attr.variant": "variant()", "attr.border": "border() ? \"\" : undefined" } }, usesInheritance: true, ngImport: i0 });
|
|
4626
4627
|
}
|
|
4627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuBaseDirective, decorators: [{
|
|
4628
4629
|
type: Directive,
|
|
4629
4630
|
args: [{
|
|
4630
4631
|
host: {
|
|
@@ -4634,33 +4635,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4634
4635
|
'[attr.border]': 'border() ? "" : undefined'
|
|
4635
4636
|
}
|
|
4636
4637
|
}]
|
|
4637
|
-
}], propDecorators: { border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
4638
|
+
}], propDecorators: { border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
4638
4639
|
|
|
4639
4640
|
class GdsContextMenuItemComponent extends GdsContextMenuBaseDirective {
|
|
4640
4641
|
variant = input(GdsContextMenuItemVariantEnum.Default, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
4641
4642
|
nestedMenu = input(...(ngDevMode ? [undefined, { debugName: "nestedMenu" }] : /* istanbul ignore next */ []));
|
|
4642
4643
|
hasChildren = computed(() => !!this.nestedMenu(), ...(ngDevMode ? [{ debugName: "hasChildren" }] : /* istanbul ignore next */ []));
|
|
4643
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4644
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4644
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4645
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsContextMenuItemComponent, isStandalone: true, selector: "gds-context-menu-item", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, nestedMenu: { classPropertyName: "nestedMenu", publicName: "nestedMenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0" } }, usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuItem, outputs: ["cdkMenuItemTriggered", "clicked"] }, { directive: i1$1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "nestedMenu"] }], ngImport: i0, template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [class]=\"labelClass()\"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4645
4646
|
}
|
|
4646
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuItemComponent, decorators: [{
|
|
4647
4648
|
type: Component,
|
|
4648
4649
|
args: [{ selector: 'gds-context-menu-item', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
4649
4650
|
{ directive: CdkMenuItem, outputs: ['cdkMenuItemTriggered: clicked'] },
|
|
4650
4651
|
{ directive: CdkMenuTrigger, inputs: ['cdkMenuTriggerFor: nestedMenu'] }
|
|
4651
4652
|
], host: {
|
|
4652
4653
|
tabindex: '0'
|
|
4653
|
-
}, template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
|
|
4654
|
+
}, template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [class]=\"labelClass()\"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
|
|
4654
4655
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], nestedMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "nestedMenu", required: false }] }] } });
|
|
4655
4656
|
|
|
4656
4657
|
class GdsContextMenuHeadingComponent extends GdsContextMenuBaseDirective {
|
|
4657
4658
|
variant = signal(GdsContextMenuItemVariantEnum.Heading).asReadonly();
|
|
4658
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4659
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4659
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4660
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsContextMenuHeadingComponent, isStandalone: true, selector: "gds-context-menu-heading", usesInheritance: true, ngImport: i0, template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [class]=\"labelClass()\"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4660
4661
|
}
|
|
4661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuHeadingComponent, decorators: [{
|
|
4662
4663
|
type: Component,
|
|
4663
|
-
args: [{ selector: 'gds-context-menu-heading', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
|
|
4664
|
+
args: [{ selector: 'gds-context-menu-heading', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [class]=\"labelClass()\"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
|
|
4664
4665
|
}] });
|
|
4665
4666
|
|
|
4666
4667
|
class GdsContextMenuSwitchComponent extends GdsContextMenuBaseDirective {
|
|
@@ -4677,10 +4678,10 @@ class GdsContextMenuSwitchComponent extends GdsContextMenuBaseDirective {
|
|
|
4677
4678
|
originalTrigger(options ?? { keepOpen: true });
|
|
4678
4679
|
};
|
|
4679
4680
|
}
|
|
4680
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4681
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4681
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4682
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsContextMenuSwitchComponent, isStandalone: true, selector: "gds-context-menu-switch", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, triggered: { classPropertyName: "triggered", publicName: "triggered", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", triggered: "triggeredChange" }, usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuItemCheckbox, inputs: ["cdkMenuItemChecked", "selected"], outputs: ["cdkMenuItemTriggered", "clicked"] }, { directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [class]=\"labelClass()\"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }, { kind: "directive", type: GdsNativeInputDirective, selector: "input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4682
4683
|
}
|
|
4683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuSwitchComponent, decorators: [{
|
|
4684
4685
|
type: Component,
|
|
4685
4686
|
args: [{ selector: 'gds-context-menu-switch', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent, GdsNativeInputDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
4686
4687
|
{
|
|
@@ -4689,12 +4690,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4689
4690
|
outputs: ['cdkMenuItemTriggered: clicked']
|
|
4690
4691
|
},
|
|
4691
4692
|
{ directive: CdkMenuTrigger }
|
|
4692
|
-
], template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
|
|
4693
|
+
], template: "@if (border()) {\n <div class=\"border\"></div>\n}\n<div class=\"\n gds-radius-sm\n wrapper\n\">\n @if (variantIcon(); as variantIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-2xs\n \"\n [key]=\"variantIcon\"\n />\n }\n\n @if (startIcon(); as startIcon) {\n <gds-icon\n class=\"\n gds-context-menu-item_startIcon\n gds-icon-size-xs\n \"\n [key]=\"startIcon\"\n />\n }\n\n <div\n class=\"\n gds-align-items-start\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-justify-content-center\n gds-min-width-0\n \"\n >\n <div\n class=\"\n gds-context-menu-item_label\n gds-truncate\n gds-width-100-parent\n \"\n [class]=\"labelClass()\"\n [tp]=\"label()\"\n [tpOnlyTextOverflow]=\"true\"\n [tpVariation]=\"tooltipVariation()\"\n >\n {{ label() }}\n </div>\n\n @if (hint(); as hint) {\n <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n }\n </div>\n\n @if (variant() === 'switch') {\n <gds-switch class=\"\n gds-margin-block-auto\n gds-margin-inline-start-auto\n gds-min-width-fit-content\n \">\n <input\n type=\"checkbox\"\n [checked]=\"selected()\"\n (click)=\"$event.stopPropagation()\"\n />\n </gds-switch>\n }\n\n @if (hasChildren()) {\n <gds-icon\n class=\"\n gds-context-menu-item_endIcon\n gds-icon-size-xs\n \"\n key=\"line-chevron-right-stroke\"\n />\n }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
|
|
4693
4694
|
}], ctorParameters: () => [], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], triggered: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggered", required: false }] }, { type: i0.Output, args: ["triggeredChange"] }] } });
|
|
4694
4695
|
|
|
4695
4696
|
class GdsDialogComponent {
|
|
4696
4697
|
type = input('dialog', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
4697
4698
|
background = input('base', ...(ngDevMode ? [{ debugName: "background" }] : /* istanbul ignore next */ []));
|
|
4699
|
+
headerLabelAlignment = input('left', ...(ngDevMode ? [{ debugName: "headerLabelAlignment" }] : /* istanbul ignore next */ []));
|
|
4698
4700
|
showFooterBorder = input(false, { ...(ngDevMode ? { debugName: "showFooterBorder" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4699
4701
|
closeOnBackdropClick = input(false, { ...(ngDevMode ? { debugName: "closeOnBackdropClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4700
4702
|
suppressDismissBtn = input(false, { ...(ngDevMode ? { debugName: "suppressDismissBtn" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
@@ -4753,10 +4755,10 @@ class GdsDialogComponent {
|
|
|
4753
4755
|
event.preventDefault();
|
|
4754
4756
|
this.canceled.emit();
|
|
4755
4757
|
}
|
|
4756
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4757
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4758
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4759
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsDialogComponent, isStandalone: true, selector: "dialog[gds-dialog]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, headerLabelAlignment: { classPropertyName: "headerLabelAlignment", publicName: "headerLabelAlignment", isSignal: true, isRequired: false, transformFunction: null }, showFooterBorder: { classPropertyName: "showFooterBorder", publicName: "showFooterBorder", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, suppressDismissBtn: { classPropertyName: "suppressDismissBtn", publicName: "suppressDismissBtn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", canceled: "canceled" }, host: { listeners: { "close": "onClose($event)", "cancel": "onCancel($event)", "click": "dialogClicked($event)" }, properties: { "class.gds-mobile-radius-bottom-right-lg": "type() !== \"drawer-bottom\"", "class.gds-mobile-radius-bottom-left-lg": "type() !== \"drawer-bottom\"", "class.gds-radius-top-right-2xl": "type() === \"drawer-bottom\"", "class.gds-radius-top-left-2xl": "type() === \"drawer-bottom\"", "class.gds-radius-bottom-right-0": "type() === \"drawer-bottom\" || type() === \"slide-right\"", "class.gds-radius-bottom-left-0": "type() === \"drawer-bottom\" || type() === \"slide-left\"", "class.gds-slide-top": "type() === \"drawer-top\"", "class.gds-slide-bottom": "type() === \"drawer-bottom\"", "class.gds-slide-left": "type() === \"slide-left\"", "class.gds-radius-top-left-0": "type() === \"slide-left\"", "class.gds-slide-right": "type() === \"slide-right\"", "class.gds-radius-top-right-0": "type() === \"slide-right\"", "attr.type": "type()", "attr.background": "background()", "attr.header-label-alignment": "headerLabelAlignment()" }, classAttribute: "gds-radius-md gds-mobile-radius-top-right-lg gds-mobile-radius-top-left-lg" }, queries: [{ propertyName: "layoutTmpl", first: true, predicate: ["layoutTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$2.CdkTrapFocus }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"layoutTmpl() ?? defaultLayoutTmpl\" />\n\n<ng-template #defaultLayoutTmpl>\n <div\n class=\"\n gds-dialog_container\n gds-display-flex\n gds-flex-column\n gds-flex-grow-1\n gds-flex-shrink-1\n gds-min-height-0\n gds-width-100-parent\n \"\n >\n <header class=\"\n gds-align-items-center\n gds-display-grid\n gds-text-primary-primary\n gds-text-subtitle\n header\n \">\n <div class=\"header-label\">\n <ng-content select=\"[header-label]\" />\n </div>\n <div\n class=\"\n gds-align-items-center\n gds-align-self-start\n gds-display-inline-flex\n gds-gap-xs\n gds-icon-primary\n gds-margin-inline-start-auto\n header-actions\n \"\n >\n <ng-content select=\"[header-actions]\" />\n @if (closeObserved) {\n <button\n gds-icon-button\n #closeBtn\n size=\"medium\"\n class=\"gds-background-none\"\n (click)=\"onClose($event)\"\n (keydown.enter)=\"onClose($event)\"\n >\n <gds-icon\n key=\"titlebar-dismiss\"\n class=\"\n gds-icon-size-2xs\n gds-mobile-icon-size-sm\n \"\n />\n </button>\n }\n </div>\n </header>\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-flex-grow-1\n gds-flex-shrink-1\n gds-justify-content-center\n gds-min-height-0\n gds-min-width-0\n gds-text-body\n gds-text-primary\n \"\n >\n <ng-content />\n </div>\n <footer\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n \"\n [attr.bordered]=\"borderedFooter\"\n [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() && !footerPrimary.hasChildNodes() }\"\n >\n <span\n class=\"\n gds-display-inline-flex\n gds-flex-grow-1\n gds-flex-wrap\n gds-gap-2xs\n \"\n [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() }\"\n #footerSecondary\n >\n <ng-content select=\"[footer-actions-secondary]\" />\n </span>\n <span\n class=\"\n gds-display-inline-flex\n gds-flex-grow-1\n gds-flex-wrap\n gds-gap-2xs\n gds-justify-content-end\n \"\n [ngClass]=\"{ 'gds-display-none': !footerPrimary.hasChildNodes() }\"\n #footerPrimary\n >\n <ng-content select=\"[footer-actions-primary]\" />\n </span>\n </footer>\n </div>\n</ng-template>\n", styles: [":host{--gds-dialog-base-padding: var(--gds-spacing-sm);--gds-dialog-base-gap: var(--gds-spacing-sm);position:relative;width:65vw;max-width:452px;height:fit-content;max-height:100vh;overflow:visible;padding:0;border:1px solid var(--gds-palette-border-modal);box-shadow:0 32px 64px #00000030,0 2px 21px #00000026;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--gds-dialog-background-color);outline:none}:host[open]{display:flex}:host[open][type=slide-left]{margin-left:var(--gds-spacing-0)}:host[open][type=drawer-bottom]{position:fixed;bottom:0;max-width:none;width:100%;box-shadow:none;margin:auto 0 0}:host[background=base]{--gds-dialog-background-color: var(--gds-palette-background-base)}:host[background=white]{--gds-dialog-background-color: var(--gds-palette-background-white)}:host .gds-dialog_container{gap:var(--gds-dialog-base-gap);padding:var(--gds-dialog-base-padding)}:host[header-label-alignment=left] .header{grid-template-columns:0fr auto 1fr}:host[header-label-alignment=center] .header{grid-template-columns:1fr auto 1fr}:host .header-label{grid-column:2}:host .header-actions{grid-column:3}:host .gds-dialog_header-actions:only-child{margin-inline-start:auto}:host [bordered]{border-block-start:var(--gds-border-default-shorthand);padding-top:var(--gds-dialog-base-padding)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4758
4760
|
}
|
|
4759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogComponent, decorators: [{
|
|
4760
4762
|
type: Component,
|
|
4761
4763
|
args: [{ selector: 'dialog[gds-dialog]', imports: [GdsIconComponent, GdsIconButtonComponent, NgTemplateOutlet, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CdkTrapFocus], host: {
|
|
4762
4764
|
class: 'gds-radius-md gds-mobile-radius-top-right-lg gds-mobile-radius-top-left-lg',
|
|
@@ -4774,11 +4776,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4774
4776
|
'[class.gds-radius-top-right-0]': 'type() === "slide-right"',
|
|
4775
4777
|
'[attr.type]': 'type()',
|
|
4776
4778
|
'[attr.background]': 'background()',
|
|
4779
|
+
'[attr.header-label-alignment]': 'headerLabelAlignment()',
|
|
4777
4780
|
'(close)': 'onClose($event)',
|
|
4778
4781
|
'(cancel)': 'onCancel($event)',
|
|
4779
4782
|
'(click)': 'dialogClicked($event)'
|
|
4780
|
-
}, template: "<ng-container *ngTemplateOutlet=\"layoutTmpl() ?? defaultLayoutTmpl\" />\n\n<ng-template #defaultLayoutTmpl>\n <div\n class=\"\n gds-dialog_container\n gds-display-flex\n gds-flex-column\n gds-flex-grow-1\n gds-flex-shrink-1\n gds-min-height-0\n gds-width-100-parent\n \"\n >\n <header
|
|
4781
|
-
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], showFooterBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooterBorder", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], suppressDismissBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressDismissBtn", required: false }] }], closed: [{
|
|
4783
|
+
}, template: "<ng-container *ngTemplateOutlet=\"layoutTmpl() ?? defaultLayoutTmpl\" />\n\n<ng-template #defaultLayoutTmpl>\n <div\n class=\"\n gds-dialog_container\n gds-display-flex\n gds-flex-column\n gds-flex-grow-1\n gds-flex-shrink-1\n gds-min-height-0\n gds-width-100-parent\n \"\n >\n <header class=\"\n gds-align-items-center\n gds-display-grid\n gds-text-primary-primary\n gds-text-subtitle\n header\n \">\n <div class=\"header-label\">\n <ng-content select=\"[header-label]\" />\n </div>\n <div\n class=\"\n gds-align-items-center\n gds-align-self-start\n gds-display-inline-flex\n gds-gap-xs\n gds-icon-primary\n gds-margin-inline-start-auto\n header-actions\n \"\n >\n <ng-content select=\"[header-actions]\" />\n @if (closeObserved) {\n <button\n gds-icon-button\n #closeBtn\n size=\"medium\"\n class=\"gds-background-none\"\n (click)=\"onClose($event)\"\n (keydown.enter)=\"onClose($event)\"\n >\n <gds-icon\n key=\"titlebar-dismiss\"\n class=\"\n gds-icon-size-2xs\n gds-mobile-icon-size-sm\n \"\n />\n </button>\n }\n </div>\n </header>\n <div\n class=\"\n gds-display-flex\n gds-flex-column\n gds-flex-grow-1\n gds-flex-shrink-1\n gds-justify-content-center\n gds-min-height-0\n gds-min-width-0\n gds-text-body\n gds-text-primary\n \"\n >\n <ng-content />\n </div>\n <footer\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n \"\n [attr.bordered]=\"borderedFooter\"\n [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() && !footerPrimary.hasChildNodes() }\"\n >\n <span\n class=\"\n gds-display-inline-flex\n gds-flex-grow-1\n gds-flex-wrap\n gds-gap-2xs\n \"\n [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() }\"\n #footerSecondary\n >\n <ng-content select=\"[footer-actions-secondary]\" />\n </span>\n <span\n class=\"\n gds-display-inline-flex\n gds-flex-grow-1\n gds-flex-wrap\n gds-gap-2xs\n gds-justify-content-end\n \"\n [ngClass]=\"{ 'gds-display-none': !footerPrimary.hasChildNodes() }\"\n #footerPrimary\n >\n <ng-content select=\"[footer-actions-primary]\" />\n </span>\n </footer>\n </div>\n</ng-template>\n", styles: [":host{--gds-dialog-base-padding: var(--gds-spacing-sm);--gds-dialog-base-gap: var(--gds-spacing-sm);position:relative;width:65vw;max-width:452px;height:fit-content;max-height:100vh;overflow:visible;padding:0;border:1px solid var(--gds-palette-border-modal);box-shadow:0 32px 64px #00000030,0 2px 21px #00000026;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--gds-dialog-background-color);outline:none}:host[open]{display:flex}:host[open][type=slide-left]{margin-left:var(--gds-spacing-0)}:host[open][type=drawer-bottom]{position:fixed;bottom:0;max-width:none;width:100%;box-shadow:none;margin:auto 0 0}:host[background=base]{--gds-dialog-background-color: var(--gds-palette-background-base)}:host[background=white]{--gds-dialog-background-color: var(--gds-palette-background-white)}:host .gds-dialog_container{gap:var(--gds-dialog-base-gap);padding:var(--gds-dialog-base-padding)}:host[header-label-alignment=left] .header{grid-template-columns:0fr auto 1fr}:host[header-label-alignment=center] .header{grid-template-columns:1fr auto 1fr}:host .header-label{grid-column:2}:host .header-actions{grid-column:3}:host .gds-dialog_header-actions:only-child{margin-inline-start:auto}:host [bordered]{border-block-start:var(--gds-border-default-shorthand);padding-top:var(--gds-dialog-base-padding)}\n"] }]
|
|
4784
|
+
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], headerLabelAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerLabelAlignment", required: false }] }], showFooterBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooterBorder", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], suppressDismissBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressDismissBtn", required: false }] }], closed: [{
|
|
4782
4785
|
type: Output
|
|
4783
4786
|
}], canceled: [{ type: i0.Output, args: ["canceled"] }], closeBtn: [{ type: i0.ViewChild, args: ['closeBtn', { isSignal: true }] }], layoutTmpl: [{ type: i0.ContentChild, args: ['layoutTmpl', { isSignal: true }] }] } });
|
|
4784
4787
|
|
|
@@ -4823,10 +4826,10 @@ class GdsDialogService {
|
|
|
4823
4826
|
closeAll = () => {
|
|
4824
4827
|
this.#dialogs.forEach((dialog) => dialog.hide(undefined));
|
|
4825
4828
|
};
|
|
4826
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4827
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
4829
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4830
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogService, providedIn: 'root' });
|
|
4828
4831
|
}
|
|
4829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogService, decorators: [{
|
|
4830
4833
|
type: Injectable,
|
|
4831
4834
|
args: [{
|
|
4832
4835
|
providedIn: 'root'
|
|
@@ -4860,10 +4863,10 @@ class GdsDialogBaseDirective {
|
|
|
4860
4863
|
this.closedSub.next(result);
|
|
4861
4864
|
}
|
|
4862
4865
|
}
|
|
4863
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4864
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
4866
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4867
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsDialogBaseDirective, isStandalone: true, viewQueries: [{ propertyName: "dialog", first: true, predicate: GdsDialogComponent, descendants: true, isSignal: true }], ngImport: i0 });
|
|
4865
4868
|
}
|
|
4866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogBaseDirective, decorators: [{
|
|
4867
4870
|
type: Directive
|
|
4868
4871
|
}], propDecorators: { dialog: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GdsDialogComponent), { isSignal: true }] }] } });
|
|
4869
4872
|
|
|
@@ -4873,10 +4876,10 @@ class GdsItemDisplayComponent {
|
|
|
4873
4876
|
get hasDismiss() {
|
|
4874
4877
|
return this.dismissed.observed && !this.suppressDismiss();
|
|
4875
4878
|
}
|
|
4876
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4877
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4879
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsItemDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4880
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsItemDisplayComponent, isStandalone: true, selector: "gds-item-display, button[gds-item-display]", inputs: { suppressDismiss: { classPropertyName: "suppressDismiss", publicName: "suppressDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { classAttribute: "gds-position-relative gds-display-flex gds-align-items-center gds-gap-2xs gds-padding-2xs gds-radius-sm gds-background-base" }, ngImport: i0, template: "<div class=\"\n container\n gds-align-items-center\n gds-display-flex\n gds-flex-grow-1\n gds-flex-wrap\n gds-gap-xs\n gds-min-width-0\n\">\n <ng-content select=\"gds-icon\" />\n <div class=\"\n gds-flex-1\n gds-text-start\n label\n \">\n <ng-content />\n </div>\n <div class=\"\n gds-display-contents\n gds-min-width-0\n \">\n <ng-content select=\"[trailing]\" />\n </div>\n</div>\n@if (hasDismiss) {\n <button\n gds-icon-button\n class=\"\n dismiss\n gds-background-none\n \"\n (clicked)=\"dismissed.emit()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"gds-icon-size-2xs\"\n />\n </button>\n}\n", styles: [":host .container{z-index:1}:host .label{min-width:50px}:host .dismiss{--gds-button-color-hover: var(--gds-palette-icon-selected)}button:host{border:none;width:100%}button:host:hover,button:host:focus-visible,button:host:focus,button:host.active{outline:none}button:host:hover:before,button:host:focus-visible:before,button:host:focus:before,button:host.active:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;height:100%;width:100%}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4878
4881
|
}
|
|
4879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsItemDisplayComponent, decorators: [{
|
|
4880
4883
|
type: Component,
|
|
4881
4884
|
args: [{ selector: 'gds-item-display, button[gds-item-display]', imports: [GdsIconButtonComponent, GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4882
4885
|
class: 'gds-position-relative gds-display-flex gds-align-items-center gds-gap-2xs gds-padding-2xs gds-radius-sm gds-background-base'
|
|
@@ -4968,10 +4971,10 @@ class GdsDatePipe {
|
|
|
4968
4971
|
}
|
|
4969
4972
|
return shortDate(value) ?? '';
|
|
4970
4973
|
}
|
|
4971
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4972
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
4974
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4975
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsDatePipe, isStandalone: true, name: "gdsDate" });
|
|
4973
4976
|
}
|
|
4974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4977
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDatePipe, decorators: [{
|
|
4975
4978
|
type: Pipe,
|
|
4976
4979
|
args: [{ name: 'gdsDate', standalone: true }]
|
|
4977
4980
|
}] });
|
|
@@ -4981,10 +4984,10 @@ class GdsDoctypeToIconPipe {
|
|
|
4981
4984
|
transform(ext) {
|
|
4982
4985
|
return this.#doctypeSvc.getIconKeyForExt(ext);
|
|
4983
4986
|
}
|
|
4984
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4985
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
4987
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeToIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4988
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeToIconPipe, isStandalone: true, name: "gdsDoctypeToIcon" });
|
|
4986
4989
|
}
|
|
4987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4990
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeToIconPipe, decorators: [{
|
|
4988
4991
|
type: Pipe,
|
|
4989
4992
|
args: [{
|
|
4990
4993
|
name: 'gdsDoctypeToIcon',
|
|
@@ -4998,10 +5001,10 @@ class GdsFilenameToIconPipe {
|
|
|
4998
5001
|
const ext = filename.split('.').pop();
|
|
4999
5002
|
return this.#doctypeSvc.getIconKeyForExt(ext ?? '');
|
|
5000
5003
|
}
|
|
5001
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5002
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5004
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilenameToIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5005
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsFilenameToIconPipe, isStandalone: true, name: "gdsFilenameToIcon" });
|
|
5003
5006
|
}
|
|
5004
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5007
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilenameToIconPipe, decorators: [{
|
|
5005
5008
|
type: Pipe,
|
|
5006
5009
|
args: [{
|
|
5007
5010
|
name: 'gdsFilenameToIcon',
|
|
@@ -5013,10 +5016,10 @@ class GdsSvgIconPipe {
|
|
|
5013
5016
|
transform(iconName) {
|
|
5014
5017
|
return iconName;
|
|
5015
5018
|
}
|
|
5016
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5017
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5019
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSvgIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5020
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsSvgIconPipe, isStandalone: true, name: "gdsSvgicon" });
|
|
5018
5021
|
}
|
|
5019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5022
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSvgIconPipe, decorators: [{
|
|
5020
5023
|
type: Pipe,
|
|
5021
5024
|
args: [{
|
|
5022
5025
|
name: 'gdsSvgicon',
|
|
@@ -5028,10 +5031,10 @@ class GdsMathMaxPipe {
|
|
|
5028
5031
|
transform(x, y) {
|
|
5029
5032
|
return Math.max(x, y);
|
|
5030
5033
|
}
|
|
5031
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5032
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5034
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMaxPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5035
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMaxPipe, isStandalone: true, name: "max" });
|
|
5033
5036
|
}
|
|
5034
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5037
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMaxPipe, decorators: [{
|
|
5035
5038
|
type: Pipe,
|
|
5036
5039
|
args: [{
|
|
5037
5040
|
name: 'max',
|
|
@@ -5042,10 +5045,10 @@ class GdsMathMinPipe {
|
|
|
5042
5045
|
transform(x, y) {
|
|
5043
5046
|
return Math.min(x, y);
|
|
5044
5047
|
}
|
|
5045
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5046
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5048
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5049
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMinPipe, isStandalone: true, name: "min" });
|
|
5047
5050
|
}
|
|
5048
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMinPipe, decorators: [{
|
|
5049
5052
|
type: Pipe,
|
|
5050
5053
|
args: [{
|
|
5051
5054
|
name: 'min',
|
|
@@ -5056,10 +5059,10 @@ class GdsMathFloorPipe {
|
|
|
5056
5059
|
transform(x) {
|
|
5057
5060
|
return Math.floor(x);
|
|
5058
5061
|
}
|
|
5059
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5060
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5062
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathFloorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5063
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMathFloorPipe, isStandalone: true, name: "floor" });
|
|
5061
5064
|
}
|
|
5062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathFloorPipe, decorators: [{
|
|
5063
5066
|
type: Pipe,
|
|
5064
5067
|
args: [{
|
|
5065
5068
|
name: 'floor',
|
|
@@ -5071,10 +5074,10 @@ class MapperPipe {
|
|
|
5071
5074
|
transform(value, fn) {
|
|
5072
5075
|
return fn(value);
|
|
5073
5076
|
}
|
|
5074
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5075
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5077
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MapperPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5078
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MapperPipe, isStandalone: true, name: "mapper" });
|
|
5076
5079
|
}
|
|
5077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MapperPipe, decorators: [{
|
|
5078
5081
|
type: Pipe,
|
|
5079
5082
|
args: [{
|
|
5080
5083
|
name: 'mapper'
|
|
@@ -5108,10 +5111,10 @@ class GdsDocumentItemComponent {
|
|
|
5108
5111
|
get suppressClick() {
|
|
5109
5112
|
return !this.clicked.observed;
|
|
5110
5113
|
}
|
|
5111
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5114
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDocumentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5115
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsDocumentItemComponent, isStandalone: true, selector: "gds-document-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", clicked: "clicked" }, ngImport: i0, template: "<button\n gds-item-display\n class=\"gds-mobile-padding-sm\"\n [ngClass]=\"{ active: active(), 'suppress-click': suppressClick }\"\n [suppressDismiss]=\"suppressDismissed\"\n (click)=\"clicked.emit()\"\n (dismissed)=\"dismissed.emit()\"\n>\n <gds-icon [key]=\"ext | gdsDoctypeToIcon\" />\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-min-width-0\n gds-mobile-align-items-start\n gds-mobile-flex-column\n gds-row-gap-3xs\n gds-width-100-parent\n \"\n >\n <gds-tooltip\n [tooltip]=\"fileName\"\n onlyTextOverflow\n class=\"\n gds-mobile-text-body\n gds-text-body-strong\n gds-text-primary-primary\n gds-text-start\n gds-width-100-parent\n \"\n >\n {{ fileName }}\n </gds-tooltip>\n\n @if (subtitle()) {\n <span class=\"\n gds-min-width-fit-content\n gds-text-caption\n gds-text-primary\n \">{{ subtitle() }}</span>\n }\n </div>\n</button>\n", styles: [":host .suppress-click{cursor:default}\n"], dependencies: [{ kind: "component", type: GdsItemDisplayComponent, selector: "gds-item-display, button[gds-item-display]", inputs: ["suppressDismiss"], outputs: ["dismissed"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: GdsDoctypeToIconPipe, name: "gdsDoctypeToIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5113
5116
|
}
|
|
5114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDocumentItemComponent, decorators: [{
|
|
5115
5118
|
type: Component,
|
|
5116
5119
|
args: [{ selector: 'gds-document-item', imports: [GdsItemDisplayComponent, GdsDoctypeToIconPipe, GdsIconComponent, GdsTooltipComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n gds-item-display\n class=\"gds-mobile-padding-sm\"\n [ngClass]=\"{ active: active(), 'suppress-click': suppressClick }\"\n [suppressDismiss]=\"suppressDismissed\"\n (click)=\"clicked.emit()\"\n (dismissed)=\"dismissed.emit()\"\n>\n <gds-icon [key]=\"ext | gdsDoctypeToIcon\" />\n <div\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-xs\n gds-min-width-0\n gds-mobile-align-items-start\n gds-mobile-flex-column\n gds-row-gap-3xs\n gds-width-100-parent\n \"\n >\n <gds-tooltip\n [tooltip]=\"fileName\"\n onlyTextOverflow\n class=\"\n gds-mobile-text-body\n gds-text-body-strong\n gds-text-primary-primary\n gds-text-start\n gds-width-100-parent\n \"\n >\n {{ fileName }}\n </gds-tooltip>\n\n @if (subtitle()) {\n <span class=\"\n gds-min-width-fit-content\n gds-text-caption\n gds-text-primary\n \">{{ subtitle() }}</span>\n }\n </div>\n</button>\n", styles: [":host .suppress-click{cursor:default}\n"] }]
|
|
5117
5120
|
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], dismissed: [{
|
|
@@ -5129,7 +5132,7 @@ class GdsDropdownComponent {
|
|
|
5129
5132
|
horizontal = input(false, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5130
5133
|
preventMobileStyling = input(false, { ...(ngDevMode ? { debugName: "preventMobileStyling" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5131
5134
|
allowDefaultTabBehavior = input(false, { ...(ngDevMode ? { debugName: "allowDefaultTabBehavior" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5132
|
-
items = contentChildren(CdkMenuItem, ...(ngDevMode ?
|
|
5135
|
+
items = contentChildren(CdkMenuItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
|
|
5133
5136
|
isMobile = signal(this.#deviceDetectorSvc.isMobile(), ...(ngDevMode ? [{ debugName: "isMobile" }] : /* istanbul ignore next */ []));
|
|
5134
5137
|
#keyManager;
|
|
5135
5138
|
constructor() {
|
|
@@ -5196,10 +5199,10 @@ class GdsDropdownComponent {
|
|
|
5196
5199
|
.subscribe();
|
|
5197
5200
|
};
|
|
5198
5201
|
};
|
|
5199
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5200
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5202
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5203
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsDropdownComponent, isStandalone: true, selector: "gds-dropdown", inputs: { triggerElement: { classPropertyName: "triggerElement", publicName: "triggerElement", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, preventMobileStyling: { classPropertyName: "preventMobileStyling", publicName: "preventMobileStyling", isSignal: true, isRequired: false, transformFunction: null }, allowDefaultTabBehavior: { classPropertyName: "allowDefaultTabBehavior", publicName: "allowDefaultTabBehavior", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.horizontal": "horizontal() ? \"\" : undefined", "attr.isMobile": "isMobile() && !preventMobileStyling() ? \"\" : undefined", "animate.enter": "!preventMobileStyling() && isMobile() ? \"gds-mobile-slide-bottom\" : undefined", "animate.leave": "!preventMobileStyling() && isMobile() ? \"gds-mobile-slide-bottom leave\" : undefined" } }, queries: [{ propertyName: "items", predicate: CdkMenuItem, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkMenu, outputs: ["closed", "closed"] }], ngImport: i0, template: "<div class=\"\n content\n gds-background-white\n gds-display-flex\n gds-gap-2xs\n gds-padding-block-3xs\n\">\n <ng-content />\n</div>\n<div\n class=\"\n cancel\n gds-align-items-center\n gds-background-white\n gds-height-xl\n gds-justify-content-center\n gds-padding-block-3xs\n gds-padding-inline-sm\n gds-text-body-strong\n gds-text-primary\n gds-width-100-parent\n \"\n cdkMenuItem\n>\n <span>{{ 'Core.Button.Cancel' | translate }}</span>\n</div>\n", styles: ["gds-dropdown .content{overflow:hidden;border-radius:var(--gds-borderRadius-sm);box-shadow:var(--gds-shadow-default);flex-direction:column}gds-dropdown .content[horizontal]{flex-direction:row}gds-dropdown .content{padding-inline:5px}gds-dropdown .cancel{display:none;border-radius:var(--gds-borderRadius-sm);border-bottom-left-radius:var(--gds-borderRadius-2xl);border-bottom-right-radius:var(--gds-borderRadius-2xl);box-shadow:var(--gds-shadow-default)}gds-dropdown[isMobile]{width:100%;margin-block-end:var(--gds-spacing-md);margin-inline:var(--gds-spacing-2xs);display:flex;flex-direction:column;gap:var(--gds-spacing-3xs)}gds-dropdown[isMobile] .content{width:100%;border-top-left-radius:var(--gds-borderRadius-2xl);border-top-right-radius:var(--gds-borderRadius-2xl)}gds-dropdown[isMobile] .cancel{display:flex}.cdk-overlay-container:has(gds-dropdown[isMobile]){display:grid;pointer-events:none;inset:0}.cdk-overlay-container:has(gds-dropdown[isMobile]):before{background-color:var(--gds-pattern-overlay-background-default);inset:0;content:\"\";position:absolute;pointer-events:auto}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box{grid-area:1/-1}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box:not(:last-of-type){display:none}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-pane{position:unset!important;transform:unset!important;align-items:center!important}.cdk-overlay-container:has(gds-dropdown[isMobile]):has(gds-dropdown) .cdk-overlay-connected-position-bounding-box{flex-direction:column-reverse!important}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5201
5204
|
}
|
|
5202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDropdownComponent, decorators: [{
|
|
5203
5206
|
type: Component,
|
|
5204
5207
|
args: [{ selector: 'gds-dropdown', imports: [OverlayModule, CdkMenuItem, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
5205
5208
|
{
|
|
@@ -5213,7 +5216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
5213
5216
|
'[animate.enter]': '!preventMobileStyling() && isMobile() ? "gds-mobile-slide-bottom" : undefined',
|
|
5214
5217
|
'[animate.leave]': '!preventMobileStyling() && isMobile() ? "gds-mobile-slide-bottom leave" : undefined'
|
|
5215
5218
|
}, encapsulation: ViewEncapsulation.None, template: "<div class=\"\n content\n gds-background-white\n gds-display-flex\n gds-gap-2xs\n gds-padding-block-3xs\n\">\n <ng-content />\n</div>\n<div\n class=\"\n cancel\n gds-align-items-center\n gds-background-white\n gds-height-xl\n gds-justify-content-center\n gds-padding-block-3xs\n gds-padding-inline-sm\n gds-text-body-strong\n gds-text-primary\n gds-width-100-parent\n \"\n cdkMenuItem\n>\n <span>{{ 'Core.Button.Cancel' | translate }}</span>\n</div>\n", styles: ["gds-dropdown .content{overflow:hidden;border-radius:var(--gds-borderRadius-sm);box-shadow:var(--gds-shadow-default);flex-direction:column}gds-dropdown .content[horizontal]{flex-direction:row}gds-dropdown .content{padding-inline:5px}gds-dropdown .cancel{display:none;border-radius:var(--gds-borderRadius-sm);border-bottom-left-radius:var(--gds-borderRadius-2xl);border-bottom-right-radius:var(--gds-borderRadius-2xl);box-shadow:var(--gds-shadow-default)}gds-dropdown[isMobile]{width:100%;margin-block-end:var(--gds-spacing-md);margin-inline:var(--gds-spacing-2xs);display:flex;flex-direction:column;gap:var(--gds-spacing-3xs)}gds-dropdown[isMobile] .content{width:100%;border-top-left-radius:var(--gds-borderRadius-2xl);border-top-right-radius:var(--gds-borderRadius-2xl)}gds-dropdown[isMobile] .cancel{display:flex}.cdk-overlay-container:has(gds-dropdown[isMobile]){display:grid;pointer-events:none;inset:0}.cdk-overlay-container:has(gds-dropdown[isMobile]):before{background-color:var(--gds-pattern-overlay-background-default);inset:0;content:\"\";position:absolute;pointer-events:auto}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box{grid-area:1/-1}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box:not(:last-of-type){display:none}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-pane{position:unset!important;transform:unset!important;align-items:center!important}.cdk-overlay-container:has(gds-dropdown[isMobile]):has(gds-dropdown) .cdk-overlay-connected-position-bounding-box{flex-direction:column-reverse!important}\n"] }]
|
|
5216
|
-
}], ctorParameters: () => [], propDecorators: { triggerElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerElement", required: false }] }], horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontal", required: false }] }], preventMobileStyling: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventMobileStyling", required: false }] }], allowDefaultTabBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDefaultTabBehavior", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CdkMenuItem), { isSignal: true }] }] } });
|
|
5219
|
+
}], ctorParameters: () => [], propDecorators: { triggerElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerElement", required: false }] }], horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontal", required: false }] }], preventMobileStyling: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventMobileStyling", required: false }] }], allowDefaultTabBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDefaultTabBehavior", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CdkMenuItem), { ...{ descendants: true }, isSignal: true }] }] } });
|
|
5217
5220
|
|
|
5218
5221
|
class GdsEmptyStateComponent extends OnBrandChanged {
|
|
5219
5222
|
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
@@ -5248,10 +5251,10 @@ class GdsEmptyStateComponent extends OnBrandChanged {
|
|
|
5248
5251
|
}
|
|
5249
5252
|
}, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
5250
5253
|
iconSizeClass = computed(() => `gds-icon-size-${this.size()}`, ...(ngDevMode ? [{ debugName: "iconSizeClass" }] : /* istanbul ignore next */ []));
|
|
5251
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5252
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5254
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsEmptyStateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5255
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsEmptyStateComponent, isStandalone: true, selector: "gds-empty-state", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-flex-column\n gds-height-100-parent\n gds-justify-content-center\n gds-text-body\n gds-text-center\n gds-text-primary-primary\n gds-width-100-parent\n " }, usesInheritance: true, ngImport: i0, template: "@if (!suppressIcon) {\n <gds-icon\n [key]=\"icon()\"\n [ngClass]=\"['icon gds-width-100-parent', iconSizeClass()]\"\n height=\"auto\"\n />\n}\n\n<div class=\"\n gds-display-none-empty\n gds-margin-inline-2xs\n gds-text-subtitle\n\">\n <ng-content />\n</div>\n\n<div class=\"\n gds-display-none-empty\n gds-line-height-sm\n gds-margin-block-start-2xs\n gds-margin-inline-2xs\n\">\n <ng-content select=\"[subtitle]\" />\n</div>\n\n<div class=\"\n gds-display-none-empty\n gds-margin-block-start-sm\n gds-margin-inline-2xs\n\">\n <ng-content select=\"[button]\" />\n</div>\n", styles: [":host{--icon-margin-bottom: var(--gds-spacing-md)}:host .icon{margin-bottom:var(--icon-margin-bottom);--svg-icon-width: min(1em, 100%)}:host .icon ::ng-deep svg-icon{min-width:auto!important;margin-inline:auto}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5253
5256
|
}
|
|
5254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsEmptyStateComponent, decorators: [{
|
|
5255
5258
|
type: Component,
|
|
5256
5259
|
args: [{ selector: 'gds-empty-state', imports: [GdsIconComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5257
5260
|
class: `
|
|
@@ -5287,10 +5290,10 @@ class GdsFeedbackButtonComponent extends ButtonBaseDirective {
|
|
|
5287
5290
|
}, 1000);
|
|
5288
5291
|
}
|
|
5289
5292
|
}
|
|
5290
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5291
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5293
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFeedbackButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5294
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsFeedbackButtonComponent, isStandalone: true, selector: "button[gds-feedback-button]", inputs: { tooltipLabel: { classPropertyName: "tooltipLabel", publicName: "tooltipLabel", isSignal: true, isRequired: false, transformFunction: null }, clickedLabel: { classPropertyName: "clickedLabel", publicName: "clickedLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--icon": "iconVisible()", "style.--clicked-icon": "clickedIconVisible()" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"body\"\n [tp]=\"tooltipTemplate\"\n tpVariation=\"light\"\n tpAppendTo=\"parent\"\n [tpIsEnabled]=\"hasTooltip()\"\n [tpHideOnClick]=\"false\"\n>\n @if (busy()) {\n <gds-icon\n role=\"progressbar\"\n class=\"busy-icon\"\n key=\"loading-kebab\"\n />\n }\n\n <div class=\"\n gds-display-grid\n gds-gap-0\n label\n \">\n <ng-content select=\"gds-icon\" />\n <ng-content select=\"[clicked-icon]\" />\n </div>\n</div>\n\n<ng-template #tooltipTemplate>\n {{ tooltipTextContent() }}\n</ng-template>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled);--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover)}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host{aspect-ratio:1;padding-inline:unset}:host .body{display:grid;grid-template-columns:1fr;grid-template-areas:\"main\";align-items:center;justify-items:center}:host .label ::ng-deep>*{grid-area:main}:host .label ::ng-deep>*:has(+[clicked-icon]){transition:175ms opacity ease-out,.15s transform ease-out 50ms;transform:scale(var(--icon));opacity:var(--icon)}:host .label ::ng-deep>[clicked-icon]{transition:.2s opacity ease-out,.15s transform ease-out 50ms;transform:scale(var(--clicked-icon));opacity:var(--clicked-icon)}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5292
5295
|
}
|
|
5293
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFeedbackButtonComponent, decorators: [{
|
|
5294
5297
|
type: Component,
|
|
5295
5298
|
args: [{ selector: 'button[gds-feedback-button]', imports: [TippyDirective, GdsIconComponent], host: {
|
|
5296
5299
|
'[style.--icon]': 'iconVisible()',
|
|
@@ -5306,10 +5309,10 @@ class GdsFilterChipComponent extends OnBrandChanged {
|
|
|
5306
5309
|
return;
|
|
5307
5310
|
this.dismiss.emit();
|
|
5308
5311
|
};
|
|
5309
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5310
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5312
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilterChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5313
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsFilterChipComponent, isStandalone: true, selector: "gds-filter-chip, button[gds-filter-chip]", inputs: { dismissDisabled: { classPropertyName: "dismissDisabled", publicName: "dismissDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { attributes: { "tabIndex": "0" }, listeners: { "keydown.delete": "handleDismiss()", "keydown.backspace": "handleDismiss()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-padding-inline-2xs\n gds-radius-sm\n gds-text-caption\n gds-text-primary\n gds-min-height-md\n " }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n<button\n gds-icon-button\n variant=\"primary\"\n class=\"\n gds-background-none\n gds-margin-inline-start-auto\n gds-min-height-0\n \"\n [attr.aria-label]=\"'Features.Activities.Page.Filter.Clear' | translate\"\n [disabled]=\"dismissDisabled()\"\n (click)=\"handleDismiss()\"\n>\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n />\n</button>\n", styles: [":host{background-color:var(--gds-pattern-label-background-default);padding-block:6px}button:host{cursor:pointer;border:none;width:100%}button:host:focus,button:host:focus-visible,button:host:hover{background-color:var(--gds-pattern-label-background-hover)}button:host:disabled{cursor:not-allowed;outline:none}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5311
5314
|
}
|
|
5312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilterChipComponent, decorators: [{
|
|
5313
5316
|
type: Component,
|
|
5314
5317
|
args: [{ selector: 'gds-filter-chip, button[gds-filter-chip]', imports: [GdsIconButtonComponent, GdsIconComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5315
5318
|
class: `
|
|
@@ -5343,10 +5346,10 @@ class GdsCheckboxComponent {
|
|
|
5343
5346
|
// errors = input<readonly ValidationError.WithField[]>([]);
|
|
5344
5347
|
tabindex = model(0, ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
|
|
5345
5348
|
toggle = () => this.checked.update((value) => !value);
|
|
5346
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5347
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5349
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5350
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsCheckboxComponent, isStandalone: true, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange", tabindex: "tabindexChange" }, host: { listeners: { "change": "toggle()" }, properties: { "attr.invalid": "invalid() ? \"\" : undefined", "attr.touched": "touched() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined", "attr.readonly": "readonly() ? \"\" : undefined", "attr.hidden": "hidden() ? \"\" : undefined", "checked": "checked()", "tabindex": "tabindex()" }, classAttribute: "gds-radius-sm gds-display-grid" }, ngImport: i0, template: '', isInline: true, styles: [":host{--gds-form-control-border-color: var(--gds-palette-border-dark);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{aspect-ratio:1/1;height:20px;width:fit-content;flex-shrink:0;place-content:center}:host:indeterminate{--clip-path: polygon(5% 43%, 95% 43%, 95% 57%, 5% 57%);--background-color: var(--gds-palette-background-bright);--border-color: var(--gds-palette-background-bright)}:host:checked{--clip-path: polygon( 100% 7.425%, 100% 7.425%, 100.429% 8.143%, 100.757% 8.924%, 100.986% 9.75%, 101.115% 10.605%, 101.145% 11.473%, 101.077% 12.336%, 100.91% 13.18%, 100.645% 13.986%, 100.283% 14.739%, 99.823% 15.423%, 32.983% 100%, 32.983% 100%, 32.351% 100.681%, 31.665% 101.206%, 30.938% 101.575%, 30.186% 101.789%, 29.421% 101.848%, 28.658% 101.751%, 27.912% 101.5%, 27.196% 101.095%, 26.525% 100.537%, 25.912% 99.824%, 3.32% 69.04%, 3.32% 69.04%, 2.879% 68.334%, 2.538% 67.564%, 2.295% 66.745%, 2.152% 65.894%, 2.107% 65.027%, 2.161% 64.161%, 2.314% 63.313%, 2.566% 62.499%, 2.916% 61.735%, 3.364% 61.039%, 3.364% 61.039%, 3.889% 60.447%, 4.463% 59.989%, 5.074% 59.663%, 5.707% 59.471%, 6.353% 59.411%, 6.998% 59.484%, 7.629% 59.689%, 8.236% 60.026%, 8.805% 60.496%, 9.324% 61.098%, 29.602% 88.728%, 94.042% 7.188%, 94.042% 7.188%, 94.578% 6.612%, 95.159% 6.171%, 95.774% 5.864%, 96.411% 5.69%, 97.058% 5.65%, 97.701% 5.741%, 98.329% 5.965%, 98.93% 6.321%, 99.491% 6.807%, 100% 7.425% );--background-color: var(--gds-palette-background-bright);--border-color: var(--gds-palette-background-bright)}:host:checked:hover{--background-color: var(--gds-palette-background-bright-hover);--border-color: var(--gds-palette-background-bright-hover)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--border-color: var(--gds-palette-border-default);--background-color: var(--disabled-background-color)}:host[disabled]:checked,:host:has(*:disabled,*[disabled=true]):checked{--background-color: var(--gds-palette-button-primary-disabled);--border-color: var(--gds-palette-button-primary-disabled)}:host[invalid][touched]:not(:focus-within,.is-controlled):checked,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled):checked{--background-color: var(--invalid-color)}:host:focus-visible{outline:max(2px,.15em) solid var(--border-color);outline-offset:max(2px,.15em)}:host{background-color:var(--background-color);border:1px solid var(--border-color);cursor:var(--cursor)}:host:before{content:\"\";width:.85em;height:.6em;clip-path:var(--clip-path, polygon(0 0, 0 0));box-shadow:inset 1em 1em var(--gds-palette-background-white);border-radius:var(--gds-borderRadius-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5348
5351
|
}
|
|
5349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCheckboxComponent, decorators: [{
|
|
5350
5353
|
type: Component,
|
|
5351
5354
|
args: [{ selector: 'input[type="checkbox"][gds-checkbox]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5352
5355
|
class: 'gds-radius-sm gds-display-grid',
|
|
@@ -5498,8 +5501,8 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
5498
5501
|
this.calendarVisible.set(false);
|
|
5499
5502
|
this.calendarView.set('month');
|
|
5500
5503
|
}
|
|
5501
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5502
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5504
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDateInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5505
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsDateInputComponent, isStandalone: true, selector: "gds-date-input", inputs: { dropdownPositionX: { classPropertyName: "dropdownPositionX", publicName: "dropdownPositionX", isSignal: true, isRequired: false, transformFunction: null }, dropdownPositionY: { classPropertyName: "dropdownPositionY", publicName: "dropdownPositionY", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blurred: "blurred", selectedDate: "selectedDateChange" }, host: { listeners: { "window:resize": "setWindowDimensions()", "window:scroll": "setInputElementClientRect()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-between\n gds-mobile-padding-block-0\n gds-mobile-padding-inline-end-0\n gds-mobile-text-input-mobile\n gds-padding-block-3xs\n gds-padding-inline-xs\n gds-position-relative\n gds-radius-sm\n gds-text-input\n " }, providers: [
|
|
5503
5506
|
{
|
|
5504
5507
|
provide: MAT_DATE_LOCALE,
|
|
5505
5508
|
useValue: navigator.language
|
|
@@ -5507,7 +5510,7 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
5507
5510
|
provideNativeDateAdapter()
|
|
5508
5511
|
], queries: [{ propertyName: "inputComponent", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "calendarContainer", first: true, predicate: ["calendarContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n<ng-content select=\"[trailing-visual]\" />\n@if (calendarVisible()) {\n <div\n #calendarContainer\n class=\"gds-date-input_calendar-container\"\n [ngClass]=\"dropdownPositionClass()\"\n tabindex=\"-1\"\n (blur)=\"onCalendarBlur($event)\"\n >\n <mat-calendar\n [(selected)]=\"selectedDate\"\n [startAt]=\"selectedDate()\"\n (click)=\"onCalendarClick($event)\"\n (selectedChange)=\"onSelectedDateChange()\"\n (viewChanged)=\"onCalendarViewChanged($event)\"\n />\n </div>\n}\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .gds-date-input_calendar-container{width:300px;position:absolute;z-index:1;outline:none}:host .gds-date-input_calendar-container.position-top-left{bottom:100%;left:0}:host .gds-date-input_calendar-container.position-top-right{bottom:100%;right:0}:host .gds-date-input_calendar-container.position-bottom-left{top:100%;left:0}:host .gds-date-input_calendar-container.position-bottom-right{top:100%;right:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-icon-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button-touch-target{padding:0;margin:0;height:auto}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-table-header-divider{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{padding:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body tr[aria-hidden]{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body .mat-calendar-body-label{visibility:hidden}:host .gds-date-input_calendar-container ::ng-deep mat-calendar.mat-calendar{border-radius:var(--gds-borderRadius-md);box-shadow:var(--gds-shadow-default);background-color:var(--gds-palette-background-white)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{border-bottom:1px solid var(--gds-palette-border-default);padding-top:var(--gds-spacing-2xs);margin-bottom:var(--gds-spacing-xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls{margin:0 var(--gds-spacing-sm) var(--gds-spacing-2xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button{font-weight:var(--gds-fontWeight-title);color:var(--gds-palette-text-default-primary)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button svg{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-previous-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-next-button{color:var(--gds-palette-button-primary-default);transform:rotate(90deg)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar{--mat-datepicker-calendar-text-font: var(--gds-fontFamily-body);--mat-datepicker-calendar-text-size: var(--gds-fontSize-bodyStrong);--mat-datepicker-calendar-header-text-weight: var(--gds-fontWeight-title);--mat-datepicker-calendar-date-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-header-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--gds-palette-text-default-contrast);--mat-datepicker-calendar-date-selected-state-background-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-outline-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--gds-palette-button-primary-default)}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$4.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5509
5512
|
}
|
|
5510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDateInputComponent, decorators: [{
|
|
5511
5514
|
type: Component,
|
|
5512
5515
|
args: [{ selector: 'gds-date-input', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDatepickerModule, NgClass], providers: [
|
|
5513
5516
|
{
|
|
@@ -5573,10 +5576,10 @@ class GdsFileUploadComponent extends GdsSignalFormControl {
|
|
|
5573
5576
|
return;
|
|
5574
5577
|
this.fileUpload().nativeElement.click();
|
|
5575
5578
|
}
|
|
5576
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5577
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5579
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5580
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsFileUploadComponent, isStandalone: true, selector: "gds-file-upload", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, dragDropLabel: { classPropertyName: "dragDropLabel", publicName: "dragDropLabel", isSignal: true, isRequired: false, transformFunction: null }, inputAriaLabel: { classPropertyName: "inputAriaLabel", publicName: "inputAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { listeners: { "drop": "onFileDrop($event)", "dragover": "preventDragEvent($event, true)", "dragleave": "preventDragEvent($event)" }, properties: { "attr.data-dragover": "dragOver() ? \"\": undefined" }, classAttribute: "\n gds-height-100-parent\n gds-width-100-parent\n " }, viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label\n tabindex=\"0\"\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-column\n gds-gap-sm\n gds-height-100-parent\n gds-justify-content-center\n gds-padding-md\n gds-radius-md\n gds-width-100-parent\n \"\n [ngClass]=\"{ 'gds-pointer-events-none': disabled() }\"\n [attr.inert]=\"disabled() ? '' : undefined\"\n (keydown.enter)=\"openFileSelector()\"\n>\n <gds-icon\n class=\"\n gds-icon-size-lg\n icon\n \"\n key=\"line-cloud-up\"\n aria-hidden=\"true\"\n />\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-text-body\n gds-text-center\n \">\n <span class=\"\n gds-text-body-large-strong\n text\n \">{{ dragDropLabel() | translate }}</span>\n <span class=\"text\">{{ 'Gds.FileUpload.Separator' | translate }}</span>\n <a class=\"link\">\n {{ 'Gds.FileUpload.Browse' | translate }}\n </a>\n </div>\n <span\n class=\"\n gds-align-content-center\n gds-display-flex\n gds-flex-wrap\n gds-gap-2xs\n gds-justify-content-center\n gds-text-body\n gds-text-secondary\n \"\n >\n <ng-content />\n </span>\n\n <input\n #fileUpload\n type=\"file\"\n class=\"gds-display-none\"\n [accept]=\"accept()\"\n [multiple]=\"multiple()\"\n [attr.aria-label]=\"inputAriaLabel() | translate\"\n (change)=\"fileSelected($event)\"\n />\n</label>\n", styles: [":host{--gds-form-control-cursor: pointer;--gds-form-control-border-color: var(--gds-palette-border-primary);--gds-form-control-background-color: var(--gds-palette-background-base);--gds-form-control-text-color: var(--gds-palette-text-primary-primary);--icon-color: var(--gds-brand-300);--text-decoration: underline;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--icon-color: var(--disabled-text-color);--border-color: var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--icon-color: var(--invalid-color);--background-color: var(--gds-palette-helper-error-default)}:host,:host label{cursor:var(--cursor)}:host[data-dragover] label,:host label:focus{outline:var(--border-color) auto 1px}:host label{background:var(--background-color);border:2px dashed var(--border-color)}:host label .text{color:var(--text-color)}:host label .icon{color:var(--icon-color)}:host label .link{color:var(--text-color)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5578
5581
|
}
|
|
5579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5582
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFileUploadComponent, decorators: [{
|
|
5580
5583
|
type: Component,
|
|
5581
5584
|
args: [{ selector: 'gds-file-upload', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent, TranslateModule, NgClass], host: {
|
|
5582
5585
|
'[attr.data-dragover]': 'dragOver() ? "": undefined',
|
|
@@ -5592,15 +5595,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
5592
5595
|
|
|
5593
5596
|
class GdsFormControlComponent extends GdsSignalFormContainer {
|
|
5594
5597
|
locked = input(false, { ...(ngDevMode ? { debugName: "locked" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5595
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5596
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5598
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFormControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5599
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsFormControlComponent, isStandalone: true, selector: "gds-form-control", inputs: { locked: { classPropertyName: "locked", publicName: "locked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.locked": "locked() ? \"\" : undefined" }, classAttribute: "gds-display-flex" }, usesInheritance: true, ngImport: i0, template: "<div class=\"\n gds-text-body\n gds-whitespace-nowrap\n label\n\">\n <ng-content select=\"[label]\" />\n</div>\n<div class=\"\n body\n gds-display-flex\n gds-flex-column\n gds-min-height-0\n gds-row-gap-2xs\n gds-text-body\n gds-text-primary\n\">\n <ng-container *ngTemplateOutlet=\"locked() ? lockedTemplate : editableTemplate\" />\n @if (formFieldError(); as errorMessage) {\n <span class=\"\n feedback\n gds-text-caption\n \">\n {{ errorMessage | translate }}\n </span>\n }\n</div>\n\n<ng-template #lockedTemplate>\n <ng-content select=\"[locked]\" />\n</ng-template>\n\n<ng-template #editableTemplate>\n <ng-content />\n</ng-template>\n", styles: [":host{flex-direction:column;align-items:baseline;gap:var(--gds-spacing-2xs);--gds-form-control-feedback-display: none;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--gds-form-control-feedback-display: initial;--feedback-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--feedback-color: var(--disabled-text-color)}:host.gds-flex-row .label,:host.gds-flex-row-reverse .label{flex:1}:is(body[isMobile=true]) :host.gds-flex-row,:is(body[isMobile=true]) :host.gds-flex-row-reverse{gap:var(--gds-spacing-sm)}:host .label:empty{display:none}:host .label{color:var(--text-color, var(--gds-palette-text-default-primary))}:host:not(.gds-flex-row):not(.gds-flex-row-reverse) .body{width:100%}:host .feedback{display:var(--gds-form-control-feedback-display);color:var(--feedback-color, var(--gds-palette-text-default-tertiary))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5597
5600
|
}
|
|
5598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5601
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFormControlComponent, decorators: [{
|
|
5599
5602
|
type: Component,
|
|
5600
5603
|
args: [{ selector: 'gds-form-control', imports: [NgTemplateOutlet, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5601
5604
|
class: 'gds-display-flex',
|
|
5602
5605
|
'[attr.locked]': 'locked() ? "" : undefined'
|
|
5603
|
-
}, template: "<div class=\"\n gds-text-body\n gds-whitespace-nowrap\n label\n\">\n <ng-content select=\"[label]\" />\n</div>\n<div
|
|
5606
|
+
}, template: "<div class=\"\n gds-text-body\n gds-whitespace-nowrap\n label\n\">\n <ng-content select=\"[label]\" />\n</div>\n<div class=\"\n body\n gds-display-flex\n gds-flex-column\n gds-min-height-0\n gds-row-gap-2xs\n gds-text-body\n gds-text-primary\n\">\n <ng-container *ngTemplateOutlet=\"locked() ? lockedTemplate : editableTemplate\" />\n @if (formFieldError(); as errorMessage) {\n <span class=\"\n feedback\n gds-text-caption\n \">\n {{ errorMessage | translate }}\n </span>\n }\n</div>\n\n<ng-template #lockedTemplate>\n <ng-content select=\"[locked]\" />\n</ng-template>\n\n<ng-template #editableTemplate>\n <ng-content />\n</ng-template>\n", styles: [":host{flex-direction:column;align-items:baseline;gap:var(--gds-spacing-2xs);--gds-form-control-feedback-display: none;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--gds-form-control-feedback-display: initial;--feedback-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--feedback-color: var(--disabled-text-color)}:host.gds-flex-row .label,:host.gds-flex-row-reverse .label{flex:1}:is(body[isMobile=true]) :host.gds-flex-row,:is(body[isMobile=true]) :host.gds-flex-row-reverse{gap:var(--gds-spacing-sm)}:host .label:empty{display:none}:host .label{color:var(--text-color, var(--gds-palette-text-default-primary))}:host:not(.gds-flex-row):not(.gds-flex-row-reverse) .body{width:100%}:host .feedback{display:var(--gds-form-control-feedback-display);color:var(--feedback-color, var(--gds-palette-text-default-tertiary))}\n"] }]
|
|
5604
5607
|
}], propDecorators: { locked: [{ type: i0.Input, args: [{ isSignal: true, alias: "locked", required: false }] }] } });
|
|
5605
5608
|
|
|
5606
5609
|
class GdsMapArrayToRadioOptionsPipe {
|
|
@@ -5611,10 +5614,10 @@ class GdsMapArrayToRadioOptionsPipe {
|
|
|
5611
5614
|
id: `${index}`
|
|
5612
5615
|
}));
|
|
5613
5616
|
}
|
|
5614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5615
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5617
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5618
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, isStandalone: true, name: "gdsMapArrayToRadioOptions" });
|
|
5616
5619
|
}
|
|
5617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, decorators: [{
|
|
5618
5621
|
type: Pipe,
|
|
5619
5622
|
args: [{ name: 'gdsMapArrayToRadioOptions' }]
|
|
5620
5623
|
}] });
|
|
@@ -5626,10 +5629,10 @@ class GdsBuildOptionConfigPipe {
|
|
|
5626
5629
|
id
|
|
5627
5630
|
};
|
|
5628
5631
|
}
|
|
5629
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5630
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5632
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBuildOptionConfigPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5633
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsBuildOptionConfigPipe, isStandalone: true, name: "gdsBuildOptionConfig" });
|
|
5631
5634
|
}
|
|
5632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBuildOptionConfigPipe, decorators: [{
|
|
5633
5636
|
type: Pipe,
|
|
5634
5637
|
args: [{ name: 'gdsBuildOptionConfig' }]
|
|
5635
5638
|
}] });
|
|
@@ -5642,10 +5645,10 @@ class GdsRadioComponent extends GdsSignalFormControl {
|
|
|
5642
5645
|
handleChange(value) {
|
|
5643
5646
|
this.value.set(value);
|
|
5644
5647
|
}
|
|
5645
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5646
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5648
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5649
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsRadioComponent, isStandalone: true, selector: "gds-radio", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.invalid": "invalid() ? '' : null" }, classAttribute: "gds-display-flex gds-align-items-start gds-gap-2xs" }, queries: [{ propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@for (option of options(); track $index) {\n <div class=\"\n gds-height-100-parent\n gds-width-100-parent\n item\n \">\n <!-- use 'name() + id' for \"id\" and \"for\" to prevent issue where multiple radios have the same id -->\n @let id = name() + option.id;\n <ng-container\n *ngTemplateOutlet=\"\n optionTmpl() ?? defaultTmpl;\n context: {\n config:\n option\n | gdsBuildOptionConfig\n : { name: name(), selected: option.value === value(), disabled: disabled(), invalid: invalid() }\n : id,\n onChange: handleChange.bind(this)\n }\n \"\n />\n </div>\n}\n\n<ng-template\n #defaultTmpl\n let-config=\"config\"\n let-onChange=\"onChange\"\n>\n <input\n type=\"radio\"\n [id]=\"config.id\"\n [name]=\"config.name\"\n [value]=\"config.value\"\n [checked]=\"config.selected\"\n [disabled]=\"config.disabled\"\n [attr.invalid]=\"config.invalid\"\n [attr.aria-labelledby]=\"config.id + '-label'\"\n (change)=\"onChange(config.value)\"\n />\n <label\n class=\"\n gds-display-none-empty\n gds-margin-inline-start-2xs\n \"\n [for]=\"config.id\"\n [id]=\"config.id + '-label'\"\n >{{ config.label }}</label\n >\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--gds-form-control-border-color: var(--gds-palette-border-dark);--gds-form-control-disabled-background-color: var(--gds-palette-background-white);--gds-form-control-disabled-border-color: var(--gds-palette-border-default);--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--radio-size: var(--gds-primitive-size-500);--radio-border-width: var(--gds-borderWidth-md);--font: var(--gds-text-body-shorthand);display:flex;flex-direction:column}:host.gds-radio-compact{--radio-size: var(--gds-primitive-size-400);--font: var(--gds-text-caption-shorthand)}:host{font:var(--font);color:var(--text-color)}:host .item{cursor:var(--cursor)}:host .item:hover:has(input:not(:disabled)){--background-color: var(--gds-palette-background-base);--border-color: var(--gds-palette-background-bright-hover);--radio-border-width: var(--gds-borderWidth-lg)}:host[invalid][touched]:not(:focus-within,.is-controlled) .item:hover,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled) .item:hover{--border-color: var(--invalid-color)}:host label{vertical-align:middle;cursor:inherit}:host input[type=radio]{appearance:none;background-color:var(--background-color);border-radius:var(--gds-borderRadius-pill);width:var(--radio-size);height:var(--radio-size);border:var(--radio-border-width) solid var(--border-color);cursor:inherit}:host input[type=radio]:focus-visible{outline:var(--gds-borderWidth-lg) solid var(--gds-palette-border-dark);outline-offset:2px}:host input[type=radio]:checked{--border-color: var(--active-color);--radio-border-width: var(--gds-borderWidth-xl)}:host input[type=radio]:checked:disabled{--border-color: var(--disabled-border-color)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "pipe", type: GdsBuildOptionConfigPipe, name: "gdsBuildOptionConfig" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5647
5650
|
}
|
|
5648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5651
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioComponent, decorators: [{
|
|
5649
5652
|
type: Component,
|
|
5650
5653
|
args: [{ selector: 'gds-radio', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, GdsBuildOptionConfigPipe, A11yModule], host: {
|
|
5651
5654
|
class: 'gds-display-flex gds-align-items-start gds-gap-2xs',
|
|
@@ -5669,18 +5672,18 @@ class GdsRadioOptionDirective {
|
|
|
5669
5672
|
return;
|
|
5670
5673
|
this.changed.emit(this.value());
|
|
5671
5674
|
};
|
|
5672
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5673
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
5675
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5676
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsRadioOptionDirective, isStandalone: true, inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0 });
|
|
5674
5677
|
}
|
|
5675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioOptionDirective, decorators: [{
|
|
5676
5679
|
type: Directive
|
|
5677
5680
|
}], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
5678
5681
|
|
|
5679
5682
|
class GdsButtonRadioOptionComponent extends GdsRadioOptionDirective {
|
|
5680
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5681
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
5683
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonRadioOptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5684
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsButtonRadioOptionComponent, isStandalone: true, selector: "input[gds-button-radio-option]", host: { attributes: { "type": "radio" }, listeners: { "change": "onChange()" }, properties: { "checked": "selected()", "id": "id()", "name": "name()", "disabled": "disabled()", "attr.invalid": "invalid()", "attr.data-label": "label()", "attr.aria-label": "label()" }, classAttribute: "gds-text-caption-strong gds-radius-sm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{border:var(--gds-borderWidth-md) solid;border-color:var(--gds-palette-border-primary);color:var(--gds-palette-text-primary-primary)}:host:hover,:host:checked{border-color:var(--gds-palette-border-selected);background-color:var(--gds-palette-background-hover)}:host[invalid=true],:host:disabled{border-color:inherit;color:inherit;background-color:inherit}:host[invalid=true]:hover,:host[invalid=true]:checked{background-color:var(--gds-palette-helper-error-default)}:host:focus-visible{outline:var(--gds-borderWidth-lg) solid var(--gds-palette-border-dark);outline-offset:2px}:host:before{display:block;content:attr(data-label);padding:var(--gds-spacing-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5682
5685
|
}
|
|
5683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonRadioOptionComponent, decorators: [{
|
|
5684
5687
|
type: Component,
|
|
5685
5688
|
args: [{ selector: 'input[gds-button-radio-option]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5686
5689
|
class: 'gds-text-caption-strong gds-radius-sm',
|
|
@@ -5819,10 +5822,10 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
5819
5822
|
onClearClicked = () => {
|
|
5820
5823
|
this.ref().handleClearClick();
|
|
5821
5824
|
};
|
|
5822
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5823
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideChevron: { classPropertyName: "hideChevron", publicName: "hideChevron", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed", searched: "searched", blurred: "blurred", cleared: "cleared", closed: "closed", opened: "opened", bindValue: "bindValueChange", bindLabel: "bindLabelChange", value: "valueChange", items: "itemsChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()" } }, queries: [{ propertyName: "multiLabelTmpl", first: true, predicate: ["multiLabelTmpl"], descendants: true, isSignal: true }, { propertyName: "labelTmpl", first: true, predicate: ["labelTmpl"], descendants: true, isSignal: true }, { propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }, { propertyName: "footerTmpl", first: true, predicate: ["footerTmpl"], descendants: true, isSignal: true }, { propertyName: "clearBtnTmpl", first: true, predicate: ["clearBtnTmpl"], descendants: true, isSignal: true }, { propertyName: "placeholderTmpl", first: true, predicate: ["placeholderTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "ref", first: true, predicate: NgSelectComponent, descendants: true, isSignal: true }, { propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-select\n class=\"\n gds-mobile-text-input-mobile\n gds-text-input\n \"\n [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n [dropdownPosition]=\"dropdownPosition()\"\n [notFoundText]=\"emptyText()\"\n [bindValue]=\"bindValue()\"\n [bindLabel]=\"bindLabel()\"\n [multiple]=\"multiple()\"\n [closeOnSelect]=\"!multiple()\"\n [disabled]=\"disabled()\"\n [items]=\"items()\"\n [ngModel]=\"value()\"\n [loading]=\"loading()\"\n [loadingText]=\"loadingText() | translate\"\n [searchable]=\"searchable()\"\n [clearable]=\"clearable()\"\n [virtualScroll]=\"virtualScroll()\"\n [searchFn]=\"itemShouldDisplay\"\n [appendTo]=\"appendTo()\"\n [keyDownFn]=\"onKeyDown\"\n [labelForId]=\"id()\"\n (ngModelChange)=\"setValue($event)\"\n (change)=\"onHandleChange($event)\"\n (search)=\"onSearchChange($event)\"\n (clear)=\"cleared.emit()\"\n (open)=\"handleOpened()\"\n (close)=\"handleClosed()\"\n>\n <ng-template\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n </ng-template>\n\n @if (!value()) {\n <ng-template ng-placeholder-tmp>\n <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n </ng-template>\n }\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n >\n <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n </ng-template>\n\n <ng-template\n ng-option-tmp\n let-option=\"item\"\n let-selected=\"item$.selected\"\n let-index=\"index\"\n >\n @if (multiple()) {\n <input\n type=\"checkbox\"\n class=\"\n gds-margin-block-auto\n gds-margin-inline-3xs\n \"\n gds-checkbox\n [checked]=\"selected\"\n (mousedown)=\"onCheckboxChanged($event)\"\n />\n }\n <ng-container\n *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n />\n </ng-template>\n\n @if (footerTmpl(); as footerTmpl) {\n <ng-template ng-footer-tmp>\n <div\n class=\"\n gds-height-100-parent\n gds-width-100-parent\n \"\n (mouseenter)=\"unmarkItem()\"\n >\n <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n </div>\n </ng-template>\n }\n\n <ng-template ng-clearbutton-tmp>\n <span class=\"ng-clear-wrapper\">\n <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n </span>\n </ng-template>\n</ng-select>\n\n<ng-template\n #defaultLabelTmpl\n let-item=\"item\"\n>\n @if (value !== undefined) {\n <gds-tooltip\n onlyTextOverflow\n [tooltip]=\"item[bindLabel()]\"\n >\n {{ item[bindLabel()] }}\n </gds-tooltip>\n }\n</ng-template>\n\n<ng-template\n #defaultMultiLabelTmpl\n let-items=\"items\"\n>\n <div class=\"\n gds-align-items-center\n gds-display-inline-flex\n gds-gap-2xs\n gds-select--multi-selected-content\n \">\n <gds-tooltip\n onlyOnTextOverflow\n [tooltip]=\"items[0][bindLabel()]\"\n >\n {{ items[0][bindLabel()] }}\n </gds-tooltip>\n @if (items.length > 1) {\n <span gds-badge>+{{ items.length - 1 }}</span>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultOptionTmpl\n let-option=\"option\"\n let-active=\"marked\"\n>\n <gds-tooltip\n class=\"option\"\n onlyTextOverflow\n [tooltip]=\"option[bindLabel()]\"\n [open]=\"active\"\n >\n {{ option[bindLabel()] }}\n </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n <button\n #clearButton\n gds-icon-button\n class=\"gds-background-none\"\n [attr.aria-label]=\"clearAriaLabel() | translate\"\n (click)=\"onClearClicked()\"\n (keydown.enter)=\"onClearClicked()\"\n >\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n />\n </button>\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgPlaceholderTemplateDirective, selector: "[ng-placeholder-tmp]" }, { kind: "component", type: GdsCheckboxComponent, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: ["checked", "touched", "disabled", "readonly", "hidden", "invalid", "tabindex"], outputs: ["checkedChange", "touchedChange", "tabindexChange"] }, { kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5825
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5826
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideChevron: { classPropertyName: "hideChevron", publicName: "hideChevron", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed", searched: "searched", blurred: "blurred", cleared: "cleared", closed: "closed", opened: "opened", bindValue: "bindValueChange", bindLabel: "bindLabelChange", value: "valueChange", items: "itemsChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()" } }, queries: [{ propertyName: "multiLabelTmpl", first: true, predicate: ["multiLabelTmpl"], descendants: true, isSignal: true }, { propertyName: "labelTmpl", first: true, predicate: ["labelTmpl"], descendants: true, isSignal: true }, { propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }, { propertyName: "footerTmpl", first: true, predicate: ["footerTmpl"], descendants: true, isSignal: true }, { propertyName: "clearBtnTmpl", first: true, predicate: ["clearBtnTmpl"], descendants: true, isSignal: true }, { propertyName: "placeholderTmpl", first: true, predicate: ["placeholderTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "ref", first: true, predicate: NgSelectComponent, descendants: true, isSignal: true }, { propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-select\n class=\"\n gds-mobile-text-input-mobile\n gds-text-input\n \"\n [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n [dropdownPosition]=\"dropdownPosition()\"\n [notFoundText]=\"emptyText()\"\n [bindValue]=\"bindValue()\"\n [bindLabel]=\"bindLabel()\"\n [multiple]=\"multiple()\"\n [closeOnSelect]=\"!multiple()\"\n [disabled]=\"disabled()\"\n [items]=\"items()\"\n [ngModel]=\"value()\"\n [loading]=\"loading()\"\n [loadingText]=\"loadingText() | translate\"\n [searchable]=\"searchable()\"\n [clearable]=\"clearable()\"\n [virtualScroll]=\"virtualScroll()\"\n [searchFn]=\"itemShouldDisplay\"\n [appendTo]=\"appendTo()\"\n [keyDownFn]=\"onKeyDown\"\n [labelForId]=\"id()\"\n (ngModelChange)=\"setValue($event)\"\n (change)=\"onHandleChange($event)\"\n (search)=\"onSearchChange($event)\"\n (clear)=\"cleared.emit()\"\n (open)=\"handleOpened()\"\n (close)=\"handleClosed()\"\n>\n <ng-template\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n </ng-template>\n\n @if (!value()) {\n <ng-template ng-placeholder-tmp>\n <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n </ng-template>\n }\n\n <ng-template\n ng-multi-label-tmp\n let-items=\"items\"\n >\n <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n </ng-template>\n\n <ng-template\n ng-option-tmp\n let-option=\"item\"\n let-selected=\"item$.selected\"\n let-index=\"index\"\n >\n @if (multiple()) {\n <input\n type=\"checkbox\"\n class=\"\n gds-margin-block-auto\n gds-margin-inline-3xs\n \"\n gds-checkbox\n [checked]=\"selected\"\n (mousedown)=\"onCheckboxChanged($event)\"\n />\n }\n <ng-container\n *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n />\n </ng-template>\n\n @if (footerTmpl(); as footerTmpl) {\n <ng-template ng-footer-tmp>\n <div\n class=\"\n gds-height-100-parent\n gds-width-100-parent\n \"\n (mouseenter)=\"unmarkItem()\"\n >\n <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n </div>\n </ng-template>\n }\n\n <ng-template ng-clearbutton-tmp>\n <span class=\"ng-clear-wrapper\">\n <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n </span>\n </ng-template>\n</ng-select>\n\n<ng-template\n #defaultLabelTmpl\n let-item=\"item\"\n>\n @if (value !== undefined) {\n <gds-tooltip\n onlyTextOverflow\n [tooltip]=\"item[bindLabel()]\"\n >\n {{ item[bindLabel()] }}\n </gds-tooltip>\n }\n</ng-template>\n\n<ng-template\n #defaultMultiLabelTmpl\n let-items=\"items\"\n>\n <div class=\"\n gds-align-items-center\n gds-display-inline-flex\n gds-gap-2xs\n gds-select--multi-selected-content\n \">\n <gds-tooltip\n onlyOnTextOverflow\n [tooltip]=\"items[0][bindLabel()]\"\n >\n {{ items[0][bindLabel()] }}\n </gds-tooltip>\n @if (items.length > 1) {\n <span gds-badge>+{{ items.length - 1 }}</span>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultOptionTmpl\n let-option=\"option\"\n let-active=\"marked\"\n>\n <gds-tooltip\n class=\"option\"\n onlyTextOverflow\n [tooltip]=\"option[bindLabel()]\"\n [open]=\"active\"\n >\n {{ option[bindLabel()] }}\n </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n <button\n #clearButton\n gds-icon-button\n class=\"gds-background-none\"\n [attr.aria-label]=\"clearAriaLabel() | translate\"\n (click)=\"onClearClicked()\"\n (keydown.enter)=\"onClearClicked()\"\n >\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n />\n </button>\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgPlaceholderTemplateDirective, selector: "[ng-placeholder-tmp]" }, { kind: "component", type: GdsCheckboxComponent, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: ["checked", "touched", "disabled", "readonly", "hidden", "invalid", "tabindex"], outputs: ["checkedChange", "touchedChange", "tabindexChange"] }, { kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5824
5827
|
}
|
|
5825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5828
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectComponent, decorators: [{
|
|
5826
5829
|
type: Component,
|
|
5827
5830
|
args: [{ selector: 'gds-select', imports: [
|
|
5828
5831
|
NgTemplateOutlet,
|
|
@@ -5939,10 +5942,10 @@ class GdsSliderComponent extends GdsSignalFormContainer {
|
|
|
5939
5942
|
#updateValueFromInput = () => {
|
|
5940
5943
|
this.inputValue.set(Number(this.input()?.nativeElement.value));
|
|
5941
5944
|
};
|
|
5942
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5943
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5945
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5946
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSliderComponent, isStandalone: true, selector: "gds-slider", host: { classAttribute: "gds-position-relative" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content />\n<div\n [innerHTML]=\"inputValue()\"\n data-testId=\"valueTooltip\"\n [style.left]=\"currentValueTooltipLeftOffset()\"\n class=\"\n gds-border-color-default\n gds-display-inline-block\n gds-padding-block-3xs\n gds-padding-inline-2xs\n gds-radius-sm\n gds-text-caption\n gds-text-center\n value-tooltip\n \"\n></div>\n", styles: [":host{--gds-form-control-active-color: var(--gds-palette-background-bright);--gds-form-control-background-color: var(--gds-palette-background-bright);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--background-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--active-color: var(--disabled-border-color)}:host ::ng-deep input{cursor:var(--cursor);overflow:visible;border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input::-webkit-slider-thumb{appearance:none;height:20px;width:20px;border-radius:50%;background-color:var(--active-color);border:4px solid var(--gds-palette-background-white);outline:1px solid var(--border-color);box-sizing:border-box;margin-top:-8px}:host ::ng-deep input::-moz-range-thumb{appearance:none;height:20px;width:20px;margin-top:-6px;border-radius:50%;background-color:var(--active-color);border:4px solid var(--gds-palette-background-white);outline:1px solid var(--border-color);box-sizing:border-box}:host ::ng-deep input::-webkit-slider-runnable-track{height:var(--gds-size-3xs);background:var(--background-color);border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input::-moz-range-track{height:var(--gds-size-3xs);background:var(--background-color);border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input:focus-visible{outline:2px solid var(--gds-palette-border-dark);outline-offset:10px}:host .value-tooltip{position:absolute;top:-28px;left:0;border:1px solid;color:var(--text-color);background-color:var(--gds-palette-background-white);box-shadow:0 4px 8px #00000024;transform:translate(-50%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5944
5947
|
}
|
|
5945
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSliderComponent, decorators: [{
|
|
5946
5949
|
type: Component,
|
|
5947
5950
|
args: [{ selector: 'gds-slider', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5948
5951
|
class: 'gds-position-relative'
|
|
@@ -5958,10 +5961,10 @@ class GdsTextInputComponent extends GdsSignalFormContainer {
|
|
|
5958
5961
|
throw new Error('GdsNativeInputDirective is required for this component. Please update the imports to include GdsNativeInputDirective.');
|
|
5959
5962
|
}
|
|
5960
5963
|
}
|
|
5961
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5962
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5964
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5965
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsTextInputComponent, isStandalone: true, selector: "gds-text-input", host: { listeners: { "click": "input()?.nativeElement?.focus()" }, classAttribute: "gds-display-flex gds-align-items-center gds-justify-content-center gds-gap-2xs gds-padding-block-3xs gds-padding-inline-xs gds-radius-sm gds-text-input\n gds-mobile-padding-block-0 gds-mobile-padding-inline-end-0 gds-mobile-text-input-mobile" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n<ng-content select=\"[trailing-visual]\" />\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5963
5966
|
}
|
|
5964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextInputComponent, decorators: [{
|
|
5965
5968
|
type: Component,
|
|
5966
5969
|
args: [{ standalone: true, selector: 'gds-text-input', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5967
5970
|
'(click)': 'input()?.nativeElement?.focus()',
|
|
@@ -5987,10 +5990,10 @@ class GdsAutoGrowingTextareaComponent extends GdsSignalFormContainer {
|
|
|
5987
5990
|
#updateDataReplicatedValue() {
|
|
5988
5991
|
this.dataReplicatedValue.set(this.textarea()?.nativeElement.value ?? '');
|
|
5989
5992
|
}
|
|
5990
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5991
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5993
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoGrowingTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5994
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsAutoGrowingTextareaComponent, isStandalone: true, selector: "gds-auto-growing-text-area", inputs: { maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "textarea()?.nativeElement?.focus()" }, properties: { "style.--max-rows": "maxRows()", "attr.data-replicated-value": "dataReplicatedValue()" } }, queries: [{ propertyName: "textarea", first: true, predicate: GdsNativeTextareaDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{display:grid;flex:1;max-height:calc(var(--max-rows) * var(--gds-lineHeight-body));overflow:auto;overflow-wrap:anywhere}:is(body[isMobile=true]) :host{font:var(--gds-text-inputMobile-shorthand)}:host:after{content:attr(data-replicated-value) \" \";white-space:pre-wrap;visibility:hidden}:host ::ng-deep textarea{resize:none;padding:0;border:none;outline:none;background:transparent;overflow:hidden;cursor:inherit}:host ::ng-deep textarea,:host:after{font:inherit;grid-area:1/1/2/2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5992
5995
|
}
|
|
5993
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoGrowingTextareaComponent, decorators: [{
|
|
5994
5997
|
type: Component,
|
|
5995
5998
|
args: [{ selector: 'gds-auto-growing-text-area', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5996
5999
|
'[style.--max-rows]': 'maxRows()',
|
|
@@ -6000,10 +6003,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
6000
6003
|
}], propDecorators: { maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], textarea: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GdsNativeTextareaDirective), { isSignal: true }] }] } });
|
|
6001
6004
|
|
|
6002
6005
|
class GdsTextareaComponent extends GdsAutoGrowingTextareaComponent {
|
|
6003
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6004
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
6006
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6007
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsTextareaComponent, isStandalone: true, selector: "gds-textarea", host: { listeners: { "click": "textarea()?.nativeElement?.focus()" }, properties: { "style.--max-rows": "maxRows()" }, classAttribute: "gds-display-flex gds-align-items-center gds-justify-content-between gds-gap-2xs gds-height-fit-content gds-radius-sm gds-text-input\n gds-mobile-text-input-mobile gds-position-relative gds-max-height-100-parent" }, usesInheritance: true, ngImport: i0, template: "<div\n #leadingSlot\n class=\"\n gds-display-flex\n gds-left-2xs\n gds-position-absolute\n slot-leading\n \"\n [ngClass]=\"{ 'gds-display-none': !leadingSlot.children.length }\"\n>\n <ng-content select=\"[leading-visual]\" />\n</div>\n<div\n class=\"\n container\n gds-display-grid\n gds-flex-1\n gds-height-100-parent\n gds-mobile-padding-block-2xs\n gds-padding-block-3xs\n gds-padding-inline-xs\n \"\n [ngClass]=\"{\n 'gds-padding-inline-start-md': leadingSlot.children.length,\n 'gds-padding-inline-end-md': trailingSlot.children.length\n }\"\n [attr.data-replicated-value]=\"dataReplicatedValue()\"\n>\n <ng-content />\n</div>\n<div\n #trailingSlot\n class=\"\n gds-display-flex\n gds-flex-column-reverse\n gds-position-absolute\n gds-right-2xs\n slot-trailing\n \"\n [ngClass]=\"{ 'gds-display-none': !trailingSlot.children.length }\"\n>\n <ng-content select=\"[trailing-visual]\" />\n</div>\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .container{max-height:calc(var(--max-rows) * var(--gds-lineHeight-input) + var(--gds-spacing-3xs) * 2);overflow:auto;overflow-wrap:anywhere}:is(body[isMobile=true]) :host .container{max-height:calc(var(--max-rows) * var(--gds-lineHeight-input) + var(--gds-spacing-2xs) * 2)}:host .container:after{content:attr(data-replicated-value) \" \";white-space:pre-wrap;visibility:hidden}:host .slot-leading{top:7px}:is(body[isMobile=true]) :host .slot-leading{top:11px}:host .slot-trailing{bottom:7px}:is(body[isMobile=true]) :host .slot-trailing{bottom:11px}:host ::ng-deep textarea,:host .container:after{grid-area:1/1/2/2}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6005
6008
|
}
|
|
6006
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextareaComponent, decorators: [{
|
|
6007
6010
|
type: Component,
|
|
6008
6011
|
args: [{ selector: 'gds-textarea', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6009
6012
|
class: `gds-display-flex gds-align-items-center gds-justify-content-between gds-gap-2xs gds-height-fit-content gds-radius-sm gds-text-input
|
|
@@ -6025,10 +6028,10 @@ class GdsIconDoctypeComponent {
|
|
|
6025
6028
|
size = 'sm';
|
|
6026
6029
|
getExt = (ext) => this._doctypeSvc.getIconKeyForExt(ext);
|
|
6027
6030
|
iconSizeClass = computed(() => `gds-icon-size-${this.size}`, ...(ngDevMode ? [{ debugName: "iconSizeClass" }] : /* istanbul ignore next */ []));
|
|
6028
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6029
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
6031
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconDoctypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6032
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsIconDoctypeComponent, isStandalone: true, selector: "gds-icon-doctype", inputs: { ext: "ext", size: "size" }, ngImport: i0, template: "<gds-icon\n [key]=\"iconName\"\n [class]=\"iconSizeClass()\"\n/>\n", styles: [":host{justify-content:center;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6030
6033
|
}
|
|
6031
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconDoctypeComponent, decorators: [{
|
|
6032
6035
|
type: Component,
|
|
6033
6036
|
args: [{ selector: 'gds-icon-doctype', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gds-icon\n [key]=\"iconName\"\n [class]=\"iconSizeClass()\"\n/>\n", styles: [":host{justify-content:center;display:inline-flex;align-items:center}\n"] }]
|
|
6034
6037
|
}], propDecorators: { ext: [{
|
|
@@ -6044,10 +6047,10 @@ class GdsDialogOverlayComponent {
|
|
|
6044
6047
|
return;
|
|
6045
6048
|
this.clicked.emit();
|
|
6046
6049
|
};
|
|
6047
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6048
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
6050
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6051
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsDialogOverlayComponent, isStandalone: true, selector: "gds-dialog-overlay", outputs: { clicked: "clicked" }, host: { listeners: { "click": "handleClicked()" }, classAttribute: "gds-position-fixed gds-inset-0 gds-height-100-viewport gds-width-100-viewport gds-background-backdrop" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6049
6052
|
}
|
|
6050
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogOverlayComponent, decorators: [{
|
|
6051
6054
|
type: Component,
|
|
6052
6055
|
args: [{
|
|
6053
6056
|
standalone: true,
|
|
@@ -6101,10 +6104,10 @@ class GdsCollapsibleAsideOverlayComponent extends GdsDialogBaseDirective {
|
|
|
6101
6104
|
this.alignment.set(this.config.data.alignment ?? 'center');
|
|
6102
6105
|
this.dialog().show();
|
|
6103
6106
|
}
|
|
6104
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6105
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
6107
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideOverlayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6108
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsCollapsibleAsideOverlayComponent, isStandalone: true, selector: "gds-collapsible-aside-layout-dialog", host: { properties: { "attr.alignment": "alignment()" }, classAttribute: "gds-display-flex gds-justify-content-center gds-align-items-center" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<gds-dialog-overlay />\n<dialog\n gds-dialog\n class=\"dialog\"\n type=\"slide-left\"\n>\n <ng-template #layoutTmpl>\n <ng-template #container />\n </ng-template>\n</dialog>\n", styles: [":host{position:fixed;inset:0}:host .overlay{opacity:.25}:host .dialog{max-width:unset;width:unset;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "headerLabelAlignment", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsDialogOverlayComponent, selector: "gds-dialog-overlay", outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6106
6109
|
}
|
|
6107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideOverlayComponent, decorators: [{
|
|
6108
6111
|
type: Component,
|
|
6109
6112
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'gds-collapsible-aside-layout-dialog', imports: [GdsDialogComponent, GdsDialogOverlayComponent], host: {
|
|
6110
6113
|
class: 'gds-display-flex gds-justify-content-center gds-align-items-center',
|
|
@@ -6154,10 +6157,10 @@ class GdsCollapsibleAsideLayoutComponent {
|
|
|
6154
6157
|
this.isMoving.set(false);
|
|
6155
6158
|
this.animationComplete.emit();
|
|
6156
6159
|
};
|
|
6157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6158
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
6160
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6161
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsCollapsibleAsideLayoutComponent, isStandalone: true, selector: "gds-collapsible-aside-layout", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedMaxWidth: { classPropertyName: "collapsedMaxWidth", publicName: "collapsedMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, expandedWidth: { classPropertyName: "expandedWidth", publicName: "expandedWidth", isSignal: true, isRequired: false, transformFunction: null }, expandedMaxWidth: { classPropertyName: "expandedMaxWidth", publicName: "expandedMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, asideRight: { classPropertyName: "asideRight", publicName: "asideRight", isSignal: true, isRequired: false, transformFunction: null }, responsiveFullWidthAside: { classPropertyName: "responsiveFullWidthAside", publicName: "responsiveFullWidthAside", isSignal: true, isRequired: false, transformFunction: null }, responsiveOverlayAside: { classPropertyName: "responsiveOverlayAside", publicName: "responsiveOverlayAside", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { properties: { "attr.asideRight": "asideRight() ? \"\" : undefined", "style.--collapsed-width": "collapsedWidth()", "style.--collapsed-max-width": "collapsedMaxWidth()", "style.--expanded-width": "expandedWidth()", "style.--expanded-max-width": "expandedMaxWidth()", "attr.responsiveFullWidthAside": "responsiveFullWidthAside() ? \"\" : undefined", "attr.responsiveOverlayAside": "responsiveOverlayAside() ? \"\" : undefined", "attr.collapsed": "collapsed() ? \"\" : undefined" } }, queries: [{ propertyName: "collapsedTmpl", first: true, predicate: ["collapsedTmpl"], descendants: true, isSignal: true }, { propertyName: "asideTmpl", first: true, predicate: ["asideTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayAsideDialog", first: true, predicate: ["overlayAsideDialog"], descendants: true, isSignal: true }, { propertyName: "asideContent", first: true, predicate: ["asideContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n class=\"collapsible-aside-layout_aside\"\n [ngClass]=\"{ collapsed: collapsed() }\"\n (transitionend)=\"captureDoneEvent()\"\n>\n <div\n class=\"\n aside-content\n gds-height-100-parent\n \"\n [ngClass]=\"{ 'gds-display-none': !collapsed() || isMoving() }\"\n >\n <ng-container *ngTemplateOutlet=\"collapsedTmpl()\" />\n </div>\n <div\n class=\"\n aside-content\n gds-height-100-parent\n \"\n [ngClass]=\"{ 'gds-display-none': collapsed() || isMoving() }\"\n #asideContent\n >\n <ng-container *ngTemplateOutlet=\"asideTmpl()\" />\n </div>\n</div>\n\n<div class=\"collapsible-aside-layout_main\">\n <ng-content />\n</div>\n", styles: [":host{height:100%;width:100%;display:flex}:host[asideRight]{flex-direction:row-reverse}@media(max-width:900px){:host[responsiveFullWidthAside]:not([collapsed])>.collapsible-aside-layout_aside{width:100%;min-width:0;max-width:100%}:host[responsiveFullWidthAside]:not([collapsed])>.collapsible-aside-layout_main{display:none}:host[responsiveFullWidthAside][collapsed]>.collapsible-aside-layout_aside{width:0;display:none}:host[responsiveFullWidthAside][collapsed]>.collapsible-aside-layout_main{width:100%}:host[responsiveOverlayAside] .collapsible-aside-layout_aside{display:none}}:host .collapsible-aside-layout_main{display:flex;min-width:0;width:100%}:host .collapsible-aside-layout_aside{width:var(--expanded-width);min-width:min(var(--expanded-width),var(--expanded-max-width, var(--expanded-width)));max-width:var(--expanded-max-width, var(--expanded-width));transition-property:width,max-width,min-width;transition-duration:.25s}:host .collapsible-aside-layout_aside.collapsed{transition-duration:.25s;width:var(--collapsed-width);min-width:min(var(--collapsed-width),var(--collapsed-max-width, var(--collapsed-width)));max-width:var(--collapsed-max-width, var(--collapsed-width))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6159
6162
|
}
|
|
6160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideLayoutComponent, decorators: [{
|
|
6161
6164
|
type: Component,
|
|
6162
6165
|
args: [{ selector: 'gds-collapsible-aside-layout', imports: [NgTemplateOutlet, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6163
6166
|
'[attr.asideRight]': 'asideRight() ? "" : undefined',
|
|
@@ -6201,10 +6204,10 @@ class GdsLoadingCarouselComponent {
|
|
|
6201
6204
|
this.clearInterval();
|
|
6202
6205
|
}
|
|
6203
6206
|
clearInterval = () => clearInterval(this.#interval);
|
|
6204
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6205
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
6207
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsLoadingCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6208
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsLoadingCarouselComponent, isStandalone: true, selector: "gds-loading-carousel", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, repeat: { classPropertyName: "repeat", publicName: "repeat", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.gds-text-shimmer": "true" } }, ngImport: i0, template: "{{ prefix() }}{{ currentLabel() }}{{ suffix() }}\n", styles: [":host{font:var(--gds-text-body-shorthand);-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6206
6209
|
}
|
|
6207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsLoadingCarouselComponent, decorators: [{
|
|
6208
6211
|
type: Component,
|
|
6209
6212
|
args: [{ standalone: true, selector: 'gds-loading-carousel', host: {
|
|
6210
6213
|
'[class.gds-text-shimmer]': 'true'
|
|
@@ -6218,10 +6221,10 @@ class GdsNavAsideItemComponent {
|
|
|
6218
6221
|
handleClicked(event) {
|
|
6219
6222
|
this.clicked.emit(event);
|
|
6220
6223
|
}
|
|
6221
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6222
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
6224
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6225
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsNavAsideItemComponent, isStandalone: true, selector: "gds-nav-aside-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "handleClicked($event)" }, properties: { "attr.isActive": "isActive()" }, classAttribute: "gds-radius-sm" }, ngImport: i0, template: "<span class=\"gds-nav-item_icon\">\n <gds-icon\n [key]=\"icon()\"\n class=\"gds-icon-size-sm\"\n />\n</span>\n<span class=\"gds-nav-item_label\"><ng-content /></span>\n", styles: [":host{--background-color: transparent;--text-color: var(--gds-palette-text-default-secondary);--icon-color: var(--gds-palette-icon-primary)}:host:hover,:host[isActive=true]{--background-color: var(--gds-palette-background-hover);--text-color: var(--gds-palette-text-primary-primary);--icon-color: var(--gds-palette-icon-primary);cursor:pointer}:host:hover:after,:host[isActive=true]:after{content:\"\";position:absolute;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--gds-palette-border-selected);padding:0;height:100%;left:0;border-radius:3px 0 0 3px}:host{position:relative;width:68px;padding:var(--gds-spacing-2xs) var(--gds-spacing-sm);background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gds-spacing-3xs)}:host .gds-nav-item_icon{color:var(--icon-color)}:host .gds-nav-item_label{color:var(--text-color);font:var(--gds-text-caption-shorthand)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6223
6226
|
}
|
|
6224
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideItemComponent, decorators: [{
|
|
6225
6228
|
type: Component,
|
|
6226
6229
|
args: [{ selector: 'gds-nav-aside-item', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6227
6230
|
class: 'gds-radius-sm',
|
|
@@ -6231,10 +6234,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
6231
6234
|
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
6232
6235
|
|
|
6233
6236
|
class GdsNavAsideComponent {
|
|
6234
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6235
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
6237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6238
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsNavAsideComponent, isStandalone: true, selector: "gds-nav-aside", host: { classAttribute: "gds-display-flex gds-flex-column gds-radius-top-left-lg gds-radius-bottom-left-lg gds-height-100-parent gds-width-fit-content gds-padding-block-xs gds-padding-inline-0 gds-background-white" }, ngImport: i0, template: "<ul class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-margin-0\n gds-padding-0\n\">\n <ng-content />\n</ul>\n<ul class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n gds-margin-0\n gds-margin-block-start-auto\n gds-padding-0\n\">\n <ng-content select=\"[menu-bottom]\" />\n</ul>\n", styles: [":host{box-shadow:-3px 0 4px #00000012 inset;border-right:.5px solid var(--gds-palette-border-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6236
6239
|
}
|
|
6237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideComponent, decorators: [{
|
|
6238
6241
|
type: Component,
|
|
6239
6242
|
args: [{ selector: 'gds-nav-aside', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6240
6243
|
class: 'gds-display-flex gds-flex-column gds-radius-top-left-lg gds-radius-bottom-left-lg gds-height-100-parent gds-width-fit-content gds-padding-block-xs gds-padding-inline-0 gds-background-white'
|
|
@@ -6380,10 +6383,10 @@ class GdsNestedSelectComponent extends GdsSignalFormContainer {
|
|
|
6380
6383
|
inputDirective.nativeElement.dispatchEvent(new Event('input'));
|
|
6381
6384
|
}
|
|
6382
6385
|
};
|
|
6383
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6384
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsNestedSelectComponent, isStandalone: true, selector: "gds-nested-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: true, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: true, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, maxMenuHeight: { classPropertyName: "maxMenuHeight", publicName: "maxMenuHeight", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "keydown.escape": "onEscape()" }, properties: { "class.is-controlled": "isOpen()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-between\n gds-mobile-padding-block-0\n gds-mobile-text-input-mobile\n gds-padding-block-3xs\n gds-padding-inline-xs\n gds-radius-sm\n gds-text-input\n " }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"\n content\n gds-position-absolute\n\">\n <ng-content />\n</div>\n\n<div\n class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n label\n \"\n [ngClass]=\"{ placeholder: !label() }\"\n>\n {{ label() ? label() : inputPlaceholder() }}\n</div>\n\n@if (clearable() && label() && !inputDisabled()) {\n <button\n gds-icon-button\n class=\"\n gds-background-none\n gds-min-height-0\n \"\n [disabled]=\"inputDisabled()\"\n (click)=\"onClear($event)\"\n (keydown.enter)=\"onClear($event)\"\n [attr.aria-label]=\"clearAriaLabel() | translate\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n icon\n \"\n />\n </button>\n} @else {\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n icon\n \"\n [key]=\"isOpen() ? 'line-chevron-up-stroke' : 'line-chevron-down-stroke'\"\n />\n}\n\n<ng-template #menu>\n <gds-dropdown\n cdkTargetMenuAim\n preventMobileStyling\n allowDefaultTabBehavior\n [style.minWidth]=\"dropdownWidth() + 'px'\"\n >\n <div\n [style.maxHeight]=\"maxMenuHeight()\"\n class=\"gds-scrollable-vertically\"\n >\n <div class=\"\n gds-display-flex\n gds-flex-column\n \">\n @for (option of options(); track $index) {\n @if (!option.children?.length) {\n <span\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n role=\"button\"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (cdkMenuItemTriggered)=\"onItemClick(option)\"\n >{{ option[bindLabel()] }}</span\n >\n } @else {\n <span\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n role=\"button\"\n cdkMenuItem\n [cdkMenuTriggerFor]=\"subMenu\"\n [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n >\n {{ option[bindLabel()] }}\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"gds-icon-size-2xs\"\n />\n </span>\n }\n }\n </div>\n </div>\n </gds-dropdown>\n</ng-template>\n\n<ng-template\n #subMenu\n let-data\n>\n <gds-dropdown\n cdkTargetMenuAim\n preventMobileStyling\n >\n <div\n [style.maxHeight]=\"maxMenuHeight()\"\n class=\"gds-scrollable-vertically\"\n >\n <div class=\"\n gds-display-flex\n gds-flex-column\n \">\n @for (option of data; track $index) {\n @if (!option.children?.length) {\n <span\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n role=\"button\"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (cdkMenuItemTriggered)=\"onItemClick(option)\"\n >{{ option[bindLabel()] }}</span\n >\n } @else {\n <span\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n role=\"button\"\n [cdkMenuTriggerFor]=\"subMenu\"\n [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n >\n {{ option[bindLabel()] }}\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"gds-icon-size-2xs\"\n />\n </span>\n }\n }\n </div>\n </div>\n </gds-dropdown>\n</ng-template>\n", styles: [":host{outline:none;--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .label{color:var(--text-color)}:host .placeholder{color:var(--placeholder-color);-webkit-user-select:none;user-select:none}:host .chevron{outline:none}:host .content{opacity:0;z-index:-1}.item{padding-block:11px;cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}.item:hover:before,.item.active:before,.item[aria-expanded=true]:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible{outline:none}\n"], dependencies: [{ kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior"] }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkTargetMenuAim, selector: "[cdkTargetMenuAim]", exportAs: ["cdkTargetMenuAim"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6386
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNestedSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6387
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsNestedSelectComponent, isStandalone: true, selector: "gds-nested-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: true, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: true, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, maxMenuHeight: { classPropertyName: "maxMenuHeight", publicName: "maxMenuHeight", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "keydown.escape": "onEscape()" }, properties: { "class.is-controlled": "isOpen()" }, classAttribute: "\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-justify-content-between\n gds-mobile-padding-block-0\n gds-mobile-text-input-mobile\n gds-padding-block-3xs\n gds-padding-inline-xs\n gds-radius-sm\n gds-text-input\n " }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"\n content\n gds-position-absolute\n\">\n <ng-content />\n</div>\n\n<div\n class=\"\n gds-flex-1\n gds-min-width-0\n gds-truncate\n label\n \"\n [ngClass]=\"{ placeholder: !label() }\"\n>\n {{ label() ? label() : inputPlaceholder() }}\n</div>\n\n@if (clearable() && label() && !inputDisabled()) {\n <button\n gds-icon-button\n class=\"\n gds-background-none\n gds-min-height-0\n \"\n [disabled]=\"inputDisabled()\"\n (click)=\"onClear($event)\"\n (keydown.enter)=\"onClear($event)\"\n [attr.aria-label]=\"clearAriaLabel() | translate\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n icon\n \"\n />\n </button>\n} @else {\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-2xs\n icon\n \"\n [key]=\"isOpen() ? 'line-chevron-up-stroke' : 'line-chevron-down-stroke'\"\n />\n}\n\n<ng-template #menu>\n <gds-dropdown\n cdkTargetMenuAim\n preventMobileStyling\n allowDefaultTabBehavior\n [style.minWidth]=\"dropdownWidth() + 'px'\"\n >\n <div\n [style.maxHeight]=\"maxMenuHeight()\"\n class=\"gds-scrollable-vertically\"\n >\n <div class=\"\n gds-display-flex\n gds-flex-column\n \">\n @for (option of options(); track $index) {\n @if (!option.children?.length) {\n <span\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n role=\"button\"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (cdkMenuItemTriggered)=\"onItemClick(option)\"\n >{{ option[bindLabel()] }}</span\n >\n } @else {\n <span\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n role=\"button\"\n cdkMenuItem\n [cdkMenuTriggerFor]=\"subMenu\"\n [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n >\n {{ option[bindLabel()] }}\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"gds-icon-size-2xs\"\n />\n </span>\n }\n }\n </div>\n </div>\n </gds-dropdown>\n</ng-template>\n\n<ng-template\n #subMenu\n let-data\n>\n <gds-dropdown\n cdkTargetMenuAim\n preventMobileStyling\n >\n <div\n [style.maxHeight]=\"maxMenuHeight()\"\n class=\"gds-scrollable-vertically\"\n >\n <div class=\"\n gds-display-flex\n gds-flex-column\n \">\n @for (option of data; track $index) {\n @if (!option.children?.length) {\n <span\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n item\n \"\n role=\"button\"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n (cdkMenuItemTriggered)=\"onItemClick(option)\"\n >{{ option[bindLabel()] }}</span\n >\n } @else {\n <span\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-flex-1\n gds-justify-content-between\n gds-padding-inline-sm\n gds-position-relative\n gds-radius-sm\n gds-text-body\n gds-text-primary\n gds-text-primary\n item\n \"\n [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n cdkMenuItem\n role=\"button\"\n [cdkMenuTriggerFor]=\"subMenu\"\n [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n >\n {{ option[bindLabel()] }}\n <gds-icon\n key=\"line-chevron-right-stroke\"\n class=\"gds-icon-size-2xs\"\n />\n </span>\n }\n }\n </div>\n </div>\n </gds-dropdown>\n</ng-template>\n", styles: [":host{outline:none;--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .label{color:var(--text-color)}:host .placeholder{color:var(--placeholder-color);-webkit-user-select:none;user-select:none}:host .chevron{outline:none}:host .content{opacity:0;z-index:-1}.item{padding-block:11px;cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}.item:hover:before,.item.active:before,.item[aria-expanded=true]:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible{outline:none}\n"], dependencies: [{ kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior"] }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkTargetMenuAim, selector: "[cdkTargetMenuAim]", exportAs: ["cdkTargetMenuAim"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6385
6388
|
}
|
|
6386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNestedSelectComponent, decorators: [{
|
|
6387
6390
|
type: Component,
|
|
6388
6391
|
args: [{ selector: 'gds-nested-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
6389
6392
|
CdkMenuTrigger,
|
|
@@ -6419,10 +6422,10 @@ class GdsProgressBarComponent {
|
|
|
6419
6422
|
return this.progress();
|
|
6420
6423
|
}
|
|
6421
6424
|
progress = input(0, { ...(ngDevMode ? { debugName: "progress" } : /* istanbul ignore next */ {}), transform: (value) => Math.max(Math.min(typeof value === 'string' ? Number.parseInt(value) : value, 100), 0) });
|
|
6422
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6423
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
6425
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6426
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsProgressBarComponent, isStandalone: true, selector: "gds-progress-bar", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--percent-complete": "this.percentComplete" } }, ngImport: i0, template: "<div class=\"\n gds-progress-bar_rail\n gds-radius-pill\n\"></div>\n<div class=\"\n gds-progress-bar_track\n gds-radius-pill\n\"></div>\n", styles: [":host{--percent-complete: 0;--color: var(--gds-palette-icon-primary);display:block;height:var(--gds-spacing-2xs);position:relative}:host .gds-progress-bar_track{background-color:var(--color);width:calc(var(--percent-complete) * 1%);position:absolute;height:3px;top:50%;transform:translateY(-50%)}:host .gds-progress-bar_rail{background-color:var(--gds-palette-border-default);position:absolute;height:1.5px;top:50%;transform:translateY(-50%);width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6424
6427
|
}
|
|
6425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6428
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsProgressBarComponent, decorators: [{
|
|
6426
6429
|
type: Component,
|
|
6427
6430
|
args: [{ standalone: true, selector: 'gds-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"\n gds-progress-bar_rail\n gds-radius-pill\n\"></div>\n<div class=\"\n gds-progress-bar_track\n gds-radius-pill\n\"></div>\n", styles: [":host{--percent-complete: 0;--color: var(--gds-palette-icon-primary);display:block;height:var(--gds-spacing-2xs);position:relative}:host .gds-progress-bar_track{background-color:var(--color);width:calc(var(--percent-complete) * 1%);position:absolute;height:3px;top:50%;transform:translateY(-50%)}:host .gds-progress-bar_rail{background-color:var(--gds-palette-border-default);position:absolute;height:1.5px;top:50%;transform:translateY(-50%);width:100%}\n"] }]
|
|
6428
6431
|
}], propDecorators: { percentComplete: [{
|
|
@@ -6438,10 +6441,10 @@ class GdsSpinnerComponent {
|
|
|
6438
6441
|
const val = parseInt(this.size()) + 1;
|
|
6439
6442
|
return `0 0 ${val} ${val}`;
|
|
6440
6443
|
}, ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
|
|
6441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6442
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
6444
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6445
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsSpinnerComponent, isStandalone: true, selector: "gds-spinner", inputs: { trackWidth: { classPropertyName: "trackWidth", publicName: "trackWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--track-width": "trackWidth()", "style.--size": "size()" } }, ngImport: i0, template: "<svg\n class=\"gds-spinner\"\n role=\"progressbar\"\n aria-label=\"loading\"\n [attr.viewBox]=\"viewBox()\"\n width=\"100%\"\n height=\"100%\"\n preserveAspectRatio=\"xMinYMin meet\"\n>\n <circle class=\"gds-spinner_track\" />\n <circle class=\"gds-spinner_indicator\" />\n</svg>\n", styles: [":host{display:inline-flex;font-size:var(--size, inherit);width:1em;height:1em;color:var(--gds-palette-background-bright)}:host .gds-spinner_track,:host .gds-spinner_indicator{fill:none;stroke-width:var(--track-width);r:calc(.5em - var(--track-width) / 2);cx:.5em;cy:.5em;transform-origin:50% 50%}:host .gds-spinner_track{stroke:transparent;transform-origin:0% 0%}:host .gds-spinner_indicator{stroke:currentColor;stroke-linecap:round;stroke-dasharray:150% 75%;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0);stroke-dasharray:.05em,3em}50%{transform:rotate(450deg);stroke-dasharray:1.375em,1.375em}to{transform:rotate(1080deg);stroke-dasharray:.05em,3em}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6443
6446
|
}
|
|
6444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSpinnerComponent, decorators: [{
|
|
6445
6448
|
type: Component,
|
|
6446
6449
|
args: [{ standalone: true, selector: 'gds-spinner', host: { '[style.--track-width]': 'trackWidth()', '[style.--size]': 'size()' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n class=\"gds-spinner\"\n role=\"progressbar\"\n aria-label=\"loading\"\n [attr.viewBox]=\"viewBox()\"\n width=\"100%\"\n height=\"100%\"\n preserveAspectRatio=\"xMinYMin meet\"\n>\n <circle class=\"gds-spinner_track\" />\n <circle class=\"gds-spinner_indicator\" />\n</svg>\n", styles: [":host{display:inline-flex;font-size:var(--size, inherit);width:1em;height:1em;color:var(--gds-palette-background-bright)}:host .gds-spinner_track,:host .gds-spinner_indicator{fill:none;stroke-width:var(--track-width);r:calc(.5em - var(--track-width) / 2);cx:.5em;cy:.5em;transform-origin:50% 50%}:host .gds-spinner_track{stroke:transparent;transform-origin:0% 0%}:host .gds-spinner_indicator{stroke:currentColor;stroke-linecap:round;stroke-dasharray:150% 75%;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0);stroke-dasharray:.05em,3em}50%{transform:rotate(450deg);stroke-dasharray:1.375em,1.375em}to{transform:rotate(1080deg);stroke-dasharray:.05em,3em}}\n"] }]
|
|
6447
6450
|
}], propDecorators: { trackWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackWidth", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
@@ -6624,10 +6627,10 @@ class GdsSearchBarComponent {
|
|
|
6624
6627
|
// this needs to be last to prevent the dropdown from flashing
|
|
6625
6628
|
this.#renderer.setStyle(this.dropdownPanelScroll.nativeElement.parentElement, 'visibility', 'visible');
|
|
6626
6629
|
};
|
|
6627
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6628
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsSearchBarComponent, isStandalone: true, selector: "gds-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, suppressClearOnClose: { classPropertyName: "suppressClearOnClose", publicName: "suppressClearOnClose", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, isOpenOverride: { classPropertyName: "isOpenOverride", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, searchFunction: { classPropertyName: "searchFunction", publicName: "searchFunction", isSignal: true, isRequired: false, transformFunction: null }, showAllItems: { classPropertyName: "showAllItems", publicName: "showAllItems", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isDisabled: "isDisabledChange", focused: "focused", blurred: "blurred", dropdownStateChanged: "dropdownStateChanged", searched: "searched", changed: "changed", value: "valueChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()", "window:resize": "close()" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined" } }, queries: [{ propertyName: "groupItemTmpl", first: true, predicate: ["groupItemTmpl"], descendants: true, isSignal: true }, { propertyName: "dropdownItemTmpl", first: true, predicate: ["itemTmpl"], descendants: true, isSignal: true }, { propertyName: "emptyTmpl", first: true, predicate: ["emptyTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-select\n #select\n class=\"\n gds-radius-sm\n gds-search-bar_input\n \"\n [placeholder]=\"!value() ? placeholder() : ''\"\n [isOpen]=\"isOpen()\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"setValue($event)\"\n [items]=\"items()\"\n [bindValue]=\"bindValue()\"\n [bindLabel]=\"bindLabel()\"\n [loading]=\"loading()\"\n [markFirst]=\"false\"\n [groupBy]=\"groupBy()\"\n [dropdownPosition]=\"dropdownPosition()\"\n [searchFn]=\"showAllItems() ? showAllItemsSearchFunction : searchFunction()\"\n [ariaLabel]=\"ariaLabel() ?? 'Core.Accessibility.Searchbar' | translate\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n (click)=\"handleClick($event)\"\n (search)=\"handleSearch($event.term)\"\n (open)=\"handleOpened()\"\n (close)=\"handleClosed()\"\n (change)=\"handleChange($event)\"\n (clear)=\"handleClear()\"\n>\n <ng-template\n ng-optgroup-tmp\n let-item=\"item\"\n let-index=\"index\"\n >\n <div class=\"\n gds-display-flex\n gds-padding-block-3xs\n gds-padding-inline-0\n gds-text-body\n gds-text-primary\n \">\n <ng-container *ngTemplateOutlet=\"groupItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n </div>\n </ng-template>\n <ng-template\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n >\n <div class=\"\n gds-display-flex\n gds-padding-block-3xs\n gds-padding-inline-0\n gds-text-body\n gds-text-primary\n \">\n <ng-container *ngTemplateOutlet=\"dropdownItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n </div>\n </ng-template>\n <ng-template\n ng-notfound-tmp\n let-searchTerm=\"searchTerm\"\n >\n <ng-container *ngTemplateOutlet=\"emptyTmpl(); context: { searchTerm }\" />\n </ng-template>\n <ng-template ng-loadingtext-tmp>\n <div class=\"\n gds-display-flex\n gds-justify-content-center\n gds-padding-sm\n gds-text-body\n gds-text-primary\n \">\n <gds-spinner />\n </div>\n </ng-template>\n <ng-template ng-loadingspinner-tmp />\n <ng-template ng-clearbutton-tmp>\n <button\n gds-icon-button\n class=\"\n gds-background-none\n gds-min-height-0\n ng-clear-wrapper\n \"\n (click)=\"select.handleClearClick()\"\n (mousedown)=\"onClearMouseDown($event)\"\n (keydown.enter)=\"onKeydownClear($event)\"\n >\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n />\n </button>\n </ng-template>\n</ng-select>\n", styles: ["gds-search-bar{display:flex;max-width:var(--search-bar-max-width, 560px);min-width:230px;width:100%;position:relative;--background-color: var(--gds-palette-background-white);--text-color: var(--gds-palette-text-default-primary);--icon-color: var(--gds-palette-icon-primary);--cursor: text}gds-search-bar[disabled]{--background-color: var(--gds-palette-background-disabled);--text-color: var(--gds-palette-text-default-disabled);--icon-color: var(--gds-palette-icon-disabled);--cursor: not-allowed}gds-search-bar .gds-search-bar_icon{min-width:var(--gds-spacing-sm);color:var(--icon-color)}gds-search-bar .gds-search-bar_input{background-color:var(--background-color);border:.5px solid var(--gds-palette-border-default);color:var(--text-color);box-sizing:border-box;text-overflow:ellipsis;width:100%;font:var(--gds-text-body-shorthand)}:is(body[isMobile=true]) gds-search-bar .gds-search-bar_input{font:var(--gds-text-inputMobile-shorthand)}gds-search-bar .gds-search-bar_input::placeholder{color:var(--gds-palette-text-default-secondary);width:100%}gds-search-bar .gds-search-bar_input:focus-visible{outline:none}gds-search-bar .gds-search-bar_end-content{display:flex;align-items:center;gap:var(--gds-spacing-2xs)}gds-search-bar .gds-search-bar_clear-button{cursor:pointer}gds-search-bar ng-select.ng-select .leading-icon{height:var(--gds-iconSize-2xs);width:var(--gds-iconSize-2xs);color:var(--icon-color);margin-right:var(--gds-size-3xs-rem)}gds-search-bar ng-select.ng-select .ng-select-container{padding:6px var(--gds-spacing-xs);cursor:var(--cursor)}:is(body[isMobile=true]) gds-search-bar ng-select.ng-select .ng-select-container{padding-block:11px}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container{display:flex;justify-content:var(--search-bar-placeholder-justify, \"center\");align-items:center}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container:focus-within{justify-content:unset}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 calc(12px + var(--gds-iconSize-xs))}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input>input{vertical-align:baseline;cursor:var(--cursor)}gds-search-bar ng-select.ng-select .ng-dropdown-panel{padding:var(--gds-spacing-3xs) 2px;visibility:hidden}gds-search-bar ng-select.ng-select .ng-dropdown-panel .ng-option{overflow:unset!important}gds-search-bar ng-select.ng-select .ng-dropdown-panel .scroll-host{padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i2.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i2.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "directive", type: i2.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }, { kind: "directive", type: i2.NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GdsSpinnerComponent, selector: "gds-spinner", inputs: ["trackWidth", "size"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6630
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6631
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSearchBarComponent, isStandalone: true, selector: "gds-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, suppressClearOnClose: { classPropertyName: "suppressClearOnClose", publicName: "suppressClearOnClose", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, isOpenOverride: { classPropertyName: "isOpenOverride", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, searchFunction: { classPropertyName: "searchFunction", publicName: "searchFunction", isSignal: true, isRequired: false, transformFunction: null }, showAllItems: { classPropertyName: "showAllItems", publicName: "showAllItems", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isDisabled: "isDisabledChange", focused: "focused", blurred: "blurred", dropdownStateChanged: "dropdownStateChanged", searched: "searched", changed: "changed", value: "valueChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()", "window:resize": "close()" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined" } }, queries: [{ propertyName: "groupItemTmpl", first: true, predicate: ["groupItemTmpl"], descendants: true, isSignal: true }, { propertyName: "dropdownItemTmpl", first: true, predicate: ["itemTmpl"], descendants: true, isSignal: true }, { propertyName: "emptyTmpl", first: true, predicate: ["emptyTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-select\n #select\n class=\"\n gds-radius-sm\n gds-search-bar_input\n \"\n [placeholder]=\"!value() ? placeholder() : ''\"\n [isOpen]=\"isOpen()\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"setValue($event)\"\n [items]=\"items()\"\n [bindValue]=\"bindValue()\"\n [bindLabel]=\"bindLabel()\"\n [loading]=\"loading()\"\n [markFirst]=\"false\"\n [groupBy]=\"groupBy()\"\n [dropdownPosition]=\"dropdownPosition()\"\n [searchFn]=\"showAllItems() ? showAllItemsSearchFunction : searchFunction()\"\n [ariaLabel]=\"ariaLabel() ?? 'Core.Accessibility.Searchbar' | translate\"\n (focus)=\"handleFocus($event)\"\n (blur)=\"handleBlur($event)\"\n (click)=\"handleClick($event)\"\n (search)=\"handleSearch($event.term)\"\n (open)=\"handleOpened()\"\n (close)=\"handleClosed()\"\n (change)=\"handleChange($event)\"\n (clear)=\"handleClear()\"\n>\n <ng-template\n ng-optgroup-tmp\n let-item=\"item\"\n let-index=\"index\"\n >\n <div class=\"\n gds-display-flex\n gds-padding-block-3xs\n gds-padding-inline-0\n gds-text-body\n gds-text-primary\n \">\n <ng-container *ngTemplateOutlet=\"groupItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n </div>\n </ng-template>\n <ng-template\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n >\n <div class=\"\n gds-display-flex\n gds-padding-block-3xs\n gds-padding-inline-0\n gds-text-body\n gds-text-primary\n \">\n <ng-container *ngTemplateOutlet=\"dropdownItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n </div>\n </ng-template>\n <ng-template\n ng-notfound-tmp\n let-searchTerm=\"searchTerm\"\n >\n <ng-container *ngTemplateOutlet=\"emptyTmpl(); context: { searchTerm }\" />\n </ng-template>\n <ng-template ng-loadingtext-tmp>\n <div class=\"\n gds-display-flex\n gds-justify-content-center\n gds-padding-sm\n gds-text-body\n gds-text-primary\n \">\n <gds-spinner />\n </div>\n </ng-template>\n <ng-template ng-loadingspinner-tmp />\n <ng-template ng-clearbutton-tmp>\n <button\n gds-icon-button\n class=\"\n gds-background-none\n gds-min-height-0\n ng-clear-wrapper\n \"\n (click)=\"select.handleClearClick()\"\n (mousedown)=\"onClearMouseDown($event)\"\n (keydown.enter)=\"onKeydownClear($event)\"\n >\n <gds-icon\n class=\"\n gds-icon-primary\n gds-icon-size-3xs\n \"\n key=\"line-dismiss\"\n />\n </button>\n </ng-template>\n</ng-select>\n", styles: ["gds-search-bar{display:flex;max-width:var(--search-bar-max-width, 560px);min-width:230px;width:100%;position:relative;--background-color: var(--gds-palette-background-white);--text-color: var(--gds-palette-text-default-primary);--icon-color: var(--gds-palette-icon-primary);--cursor: text}gds-search-bar[disabled]{--background-color: var(--gds-palette-background-disabled);--text-color: var(--gds-palette-text-default-disabled);--icon-color: var(--gds-palette-icon-disabled);--cursor: not-allowed}gds-search-bar .gds-search-bar_icon{min-width:var(--gds-spacing-sm);color:var(--icon-color)}gds-search-bar .gds-search-bar_input{background-color:var(--background-color);border:.5px solid var(--gds-palette-border-default);color:var(--text-color);box-sizing:border-box;text-overflow:ellipsis;width:100%;font:var(--gds-text-body-shorthand)}:is(body[isMobile=true]) gds-search-bar .gds-search-bar_input{font:var(--gds-text-inputMobile-shorthand)}gds-search-bar .gds-search-bar_input::placeholder{color:var(--gds-palette-text-default-secondary);width:100%}gds-search-bar .gds-search-bar_input:focus-visible{outline:none}gds-search-bar .gds-search-bar_end-content{display:flex;align-items:center;gap:var(--gds-spacing-2xs)}gds-search-bar .gds-search-bar_clear-button{cursor:pointer}gds-search-bar ng-select.ng-select .leading-icon{height:var(--gds-iconSize-2xs);width:var(--gds-iconSize-2xs);color:var(--icon-color);margin-right:var(--gds-size-3xs-rem)}gds-search-bar ng-select.ng-select .ng-select-container{padding:6px var(--gds-spacing-xs);cursor:var(--cursor)}:is(body[isMobile=true]) gds-search-bar ng-select.ng-select .ng-select-container{padding-block:11px}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container{display:flex;justify-content:var(--search-bar-placeholder-justify, \"center\");align-items:center}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container:focus-within{justify-content:unset}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 calc(12px + var(--gds-iconSize-xs))}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input>input{vertical-align:baseline;cursor:var(--cursor)}gds-search-bar ng-select.ng-select .ng-dropdown-panel{padding:var(--gds-spacing-3xs) 2px;visibility:hidden}gds-search-bar ng-select.ng-select .ng-dropdown-panel .ng-option{overflow:unset!important}gds-search-bar ng-select.ng-select .ng-dropdown-panel .scroll-host{padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i2.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i2.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "directive", type: i2.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }, { kind: "directive", type: i2.NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GdsSpinnerComponent, selector: "gds-spinner", inputs: ["trackWidth", "size"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6629
6632
|
}
|
|
6630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSearchBarComponent, decorators: [{
|
|
6631
6634
|
type: Component,
|
|
6632
6635
|
args: [{ selector: 'gds-search-bar', imports: [
|
|
6633
6636
|
FormsModule,
|
|
@@ -6647,10 +6650,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
6647
6650
|
class GdsSidebarItemComponent {
|
|
6648
6651
|
selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6649
6652
|
keepTrailingActionVisible = input(false, { ...(ngDevMode ? { debugName: "keepTrailingActionVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6650
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6651
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
6653
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6654
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsSidebarItemComponent, isStandalone: true, selector: "li[gds-sidebar-item]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, keepTrailingActionVisible: { classPropertyName: "keepTrailingActionVisible", publicName: "keepTrailingActionVisible", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-selected": "selected() ? \"\" : undefined", "attr.data-keep-trailing-action-visible": "keepTrailingActionVisible() ? '' : undefined" }, classAttribute: "gds-display-flex gds-padding-inline-end-xs gds-position-relative gds-radius-sm gds-align-items-center" }, ngImport: i0, template: "<ng-content select=\"[gds-sidebar-item-body]\" />\n<ng-content select=\"[trailing-action]\" />\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary);--primary-marker-color: var(--gds-palette-border-selected);--action-opacity: 0}:host[data-keep-trailing-action-visible]{--force-action-visible: 1}:host:hover:has([gds-sidebar-item-body]:not([aria-disabled])):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host[data-selected]:has([gds-sidebar-item-body]):before,:host:focus-within:has([gds-sidebar-item-body]):before,:host:focus-visible:has([gds-sidebar-item-body]):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host[data-selected]:after{content:\"\";position:absolute;border-radius:3px;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--primary-marker-color);padding:0}:host:has([gds-sidebar-item-body][aria-disabled]){--icon-color: var(--gds-palette-icon-disabled);--primary-marker-color: var(--gds-palette-icon-disabled);--action-opacity: 0;cursor:not-allowed}:host[data-selected],:host:focus-visible,:host:has([gds-sidebar-item-body]:focus-visible),:host:has([trailing-action]:focus-visible),:host:hover{--action-opacity: 1}:host ::ng-deep>:first-child{margin-left:var(--gds-spacing-xs)}:host ::ng-deep>[trailing-action]{opacity:var(--force-action-visible, var(--action-opacity))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6652
6655
|
}
|
|
6653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6656
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemComponent, decorators: [{
|
|
6654
6657
|
type: Component,
|
|
6655
6658
|
args: [{ selector: 'li[gds-sidebar-item]', host: {
|
|
6656
6659
|
class: 'gds-display-flex gds-padding-inline-end-xs gds-position-relative gds-radius-sm gds-align-items-center',
|
|
@@ -6668,10 +6671,10 @@ class GdsSidebarItemBodyComponent {
|
|
|
6668
6671
|
return;
|
|
6669
6672
|
this.clicked.emit();
|
|
6670
6673
|
};
|
|
6671
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6672
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6674
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6675
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsSidebarItemBodyComponent, isStandalone: true, selector: "button[gds-sidebar-item-body]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-disabled": "disabled() ? \"\" : undefined" }, classAttribute: "gds-layout-row-with-leading gds-flex-1 gds-min-width-0 gds-padding-block-3xs gds-text-start gds-text-primary-primary" }, ngImport: i0, template: "@if (icon(); as icon) {\n <gds-icon\n [key]=\"icon\"\n leading-visual\n class=\"\n gds-icon-size-xs\n gds-sidebar-item-body_icon\n \"\n color=\"inherit\"\n />\n}\n<ng-content select=\"div\">\n <div class=\"\n gds-text-body\n gds-truncate\n \">\n <ng-content />\n </div>\n</ng-content>\n", styles: [":host{box-sizing:border-box;margin:0;padding:0;background-color:transparent;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:inherit;user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none;outline:none}:host[aria-disabled]{color:var(--gds-palette-text-default-disabled)!important;cursor:not-allowed}:host .gds-sidebar-item-body_icon{color:var(--icon-color)!important}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6673
6676
|
}
|
|
6674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemBodyComponent, decorators: [{
|
|
6675
6678
|
type: Component,
|
|
6676
6679
|
args: [{ standalone: true, selector: 'button[gds-sidebar-item-body]', host: {
|
|
6677
6680
|
class: 'gds-layout-row-with-leading gds-flex-1 gds-min-width-0 gds-padding-block-3xs gds-text-start gds-text-primary-primary',
|
|
@@ -6681,36 +6684,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
6681
6684
|
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
6682
6685
|
|
|
6683
6686
|
class GdsSkeletonLoadingComponent {
|
|
6684
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6685
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
6687
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSkeletonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6688
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsSkeletonLoadingComponent, isStandalone: true, selector: "gds-skeleton-loading", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:var(--gds-skeleton-width, 100%);height:var(--gds-skeleton-height, 100%);border-radius:var(--gds-skeleton-border-radius);background-image:linear-gradient(90deg,var(--gds-neutral-50) 40%,var(--gds-neutral-100) 50%,var(--gds-neutral-50) 60%);background-size:400% 400%;-webkit-animation:gradient 2s ease infinite;-moz-animation:gradient 2s ease infinite;animation:gradient 2s ease infinite;animation-direction:reverse}@-webkit-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@-moz-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6686
6689
|
}
|
|
6687
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6690
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSkeletonLoadingComponent, decorators: [{
|
|
6688
6691
|
type: Component,
|
|
6689
6692
|
args: [{ standalone: true, selector: 'gds-skeleton-loading', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:var(--gds-skeleton-width, 100%);height:var(--gds-skeleton-height, 100%);border-radius:var(--gds-skeleton-border-radius);background-image:linear-gradient(90deg,var(--gds-neutral-50) 40%,var(--gds-neutral-100) 50%,var(--gds-neutral-50) 60%);background-size:400% 400%;-webkit-animation:gradient 2s ease infinite;-moz-animation:gradient 2s ease infinite;animation:gradient 2s ease infinite;animation-direction:reverse}@-webkit-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@-moz-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}\n"] }]
|
|
6690
6693
|
}] });
|
|
6691
6694
|
|
|
6692
6695
|
class GdsSplitButtonComponent extends ButtonBaseDirective {
|
|
6696
|
+
#elementRef = inject(ElementRef);
|
|
6697
|
+
#injector = inject(Injector);
|
|
6693
6698
|
trailingDropdown = input.required(...(ngDevMode ? [{ debugName: "trailingDropdown" }] : /* istanbul ignore next */ []));
|
|
6694
6699
|
trailingIcon = input('line-chevron-down-stroke', ...(ngDevMode ? [{ debugName: "trailingIcon" }] : /* istanbul ignore next */ []));
|
|
6695
6700
|
leadingAriaLabel = input(...(ngDevMode ? [undefined, { debugName: "leadingAriaLabel" }] : /* istanbul ignore next */ []));
|
|
6696
6701
|
trailingAriaLabel = input(...(ngDevMode ? [undefined, { debugName: "trailingAriaLabel" }] : /* istanbul ignore next */ []));
|
|
6697
6702
|
menuPosition = input(CDK_MENU_CONNECTED_POSITIONS, ...(ngDevMode ? [{ debugName: "menuPosition" }] : /* istanbul ignore next */ []));
|
|
6698
|
-
|
|
6699
|
-
|
|
6703
|
+
leadingBtn = viewChild.required('leadingBtn');
|
|
6704
|
+
trailingBtn = viewChild.required('trailingBtn');
|
|
6705
|
+
menuTrigger = viewChild.required(CdkMenuTrigger);
|
|
6706
|
+
onEnter() {
|
|
6707
|
+
this.leadingBtn().nativeElement.click();
|
|
6708
|
+
}
|
|
6709
|
+
onArrowDown() {
|
|
6710
|
+
this.trailingBtn().nativeElement.click();
|
|
6711
|
+
}
|
|
6712
|
+
onMenuClosed() {
|
|
6713
|
+
runInInjectionContext(this.#injector, () => {
|
|
6714
|
+
afterNextRender({
|
|
6715
|
+
write: () => {
|
|
6716
|
+
this.#elementRef.nativeElement.focus();
|
|
6717
|
+
}
|
|
6718
|
+
});
|
|
6719
|
+
});
|
|
6720
|
+
}
|
|
6721
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSplitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6722
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSplitButtonComponent, isStandalone: true, selector: "gds-split-button", inputs: { trailingDropdown: { classPropertyName: "trailingDropdown", publicName: "trailingDropdown", isSignal: true, isRequired: true, transformFunction: null }, trailingIcon: { classPropertyName: "trailingIcon", publicName: "trailingIcon", isSignal: true, isRequired: false, transformFunction: null }, leadingAriaLabel: { classPropertyName: "leadingAriaLabel", publicName: "leadingAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, trailingAriaLabel: { classPropertyName: "trailingAriaLabel", publicName: "trailingAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0" }, listeners: { "keydown.enter": "onEnter()", "keydown.arrowDown": "onArrowDown()" }, classAttribute: "gds-display-flex gds-radius-sm" }, viewQueries: [{ propertyName: "leadingBtn", first: true, predicate: ["leadingBtn"], descendants: true, isSignal: true }, { propertyName: "trailingBtn", first: true, predicate: ["trailingBtn"], descendants: true, isSignal: true }, { propertyName: "menuTrigger", first: true, predicate: CdkMenuTrigger, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n #leadingBtn\n gds-button\n class=\"\n gds-radius-bottom-right-0\n gds-radius-top-right-0\n gds-split-button_button\n gds-split-button_leading\n \"\n tabindex=\"-1\"\n [size]=\"size()\"\n [busy]=\"busy()\"\n [variant]=\"variant()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-label]=\"leadingAriaLabel()\"\n (click)=\"clicked.emit($event)\"\n>\n <ng-content />\n</button>\n\n<button\n #trailingBtn\n gds-button\n class=\"\n gds-radius-bottom-left-0\n gds-radius-top-left-0\n gds-split-button_button\n gds-split-button_trailing\n \"\n tabindex=\"-1\"\n [size]=\"size()\"\n [variant]=\"variant()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-label]=\"trailingAriaLabel()\"\n [cdkMenuTriggerFor]=\"!disabled() ? trailingDropdown() : undefined\"\n [cdkMenuPosition]=\"menuPosition()\"\n (cdkMenuClosed)=\"onMenuClosed()\"\n>\n <gds-icon\n [key]=\"trailingIcon()\"\n class=\"gds-icon-size-2xs\"\n />\n</button>\n", styles: [":host{--border-separator-width: .5px;--border-separator: var(--border-separator-width) solid var(--gds-palette-border-default)}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:is(body[isMobile=true]) :host{--border-separator-width: 1px}:host .gds-split-button_leading{border-right:none;padding-inline:var(--gds-spacing-xs)}:host .gds-split-button_trailing,:host .gds-split-button_trailing:not(:disabled):hover{border-left:var(--border-separator);padding-inline:var(--gds-spacing-3xs)}:is(body[isMobile=true]) :host .gds-split-button_trailing,:is(body[isMobile=true]) :host .gds-split-button_trailing:not(:disabled):hover{padding-inline:10px}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6700
6723
|
}
|
|
6701
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSplitButtonComponent, decorators: [{
|
|
6702
6725
|
type: Component,
|
|
6703
|
-
args: [{ selector: 'gds-split-button', imports: [GdsIconComponent, GdsButtonComponent, CdkMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush,
|
|
6704
|
-
|
|
6726
|
+
args: [{ selector: 'gds-split-button', imports: [GdsIconComponent, GdsButtonComponent, CdkMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6727
|
+
class: 'gds-display-flex gds-radius-sm',
|
|
6728
|
+
tabindex: '0',
|
|
6729
|
+
'(keydown.enter)': 'onEnter()',
|
|
6730
|
+
'(keydown.arrowDown)': 'onArrowDown()'
|
|
6731
|
+
}, template: "<button\n #leadingBtn\n gds-button\n class=\"\n gds-radius-bottom-right-0\n gds-radius-top-right-0\n gds-split-button_button\n gds-split-button_leading\n \"\n tabindex=\"-1\"\n [size]=\"size()\"\n [busy]=\"busy()\"\n [variant]=\"variant()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-label]=\"leadingAriaLabel()\"\n (click)=\"clicked.emit($event)\"\n>\n <ng-content />\n</button>\n\n<button\n #trailingBtn\n gds-button\n class=\"\n gds-radius-bottom-left-0\n gds-radius-top-left-0\n gds-split-button_button\n gds-split-button_trailing\n \"\n tabindex=\"-1\"\n [size]=\"size()\"\n [variant]=\"variant()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-label]=\"trailingAriaLabel()\"\n [cdkMenuTriggerFor]=\"!disabled() ? trailingDropdown() : undefined\"\n [cdkMenuPosition]=\"menuPosition()\"\n (cdkMenuClosed)=\"onMenuClosed()\"\n>\n <gds-icon\n [key]=\"trailingIcon()\"\n class=\"gds-icon-size-2xs\"\n />\n</button>\n", styles: [":host{--border-separator-width: .5px;--border-separator: var(--border-separator-width) solid var(--gds-palette-border-default)}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:is(body[isMobile=true]) :host{--border-separator-width: 1px}:host .gds-split-button_leading{border-right:none;padding-inline:var(--gds-spacing-xs)}:host .gds-split-button_trailing,:host .gds-split-button_trailing:not(:disabled):hover{border-left:var(--border-separator);padding-inline:var(--gds-spacing-3xs)}:is(body[isMobile=true]) :host .gds-split-button_trailing,:is(body[isMobile=true]) :host .gds-split-button_trailing:not(:disabled):hover{padding-inline:10px}\n"] }]
|
|
6732
|
+
}], propDecorators: { trailingDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingDropdown", required: true }] }], trailingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingIcon", required: false }] }], leadingAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingAriaLabel", required: false }] }], trailingAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingAriaLabel", required: false }] }], menuPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuPosition", required: false }] }], leadingBtn: [{ type: i0.ViewChild, args: ['leadingBtn', { isSignal: true }] }], trailingBtn: [{ type: i0.ViewChild, args: ['trailingBtn', { isSignal: true }] }], menuTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkMenuTrigger), { isSignal: true }] }] } });
|
|
6705
6733
|
|
|
6706
6734
|
class GdsTimelineItemComponent {
|
|
6707
6735
|
end = input(false, { ...(ngDevMode ? { debugName: "end" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6708
6736
|
start = input(false, { ...(ngDevMode ? { debugName: "start" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6709
6737
|
connectorType = input('tag', ...(ngDevMode ? [{ debugName: "connectorType" }] : /* istanbul ignore next */ []));
|
|
6710
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6711
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6738
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6739
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsTimelineItemComponent, isStandalone: true, selector: "li[gds-timeline-item]", inputs: { end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, connectorType: { classPropertyName: "connectorType", publicName: "connectorType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.connectorType": "connectorType()" }, classAttribute: "gds-display-flex gds-margin-inline-start-xs gds-padding-inline-start-3xs gds-gap-sm gds-radius-sm" }, ngImport: i0, template: "<div class=\"\n gds-display-flex\n gds-flex-column\n timeline\n\">\n <div class=\"\n end\n gds-display-flex\n gds-height-2xs\n gds-justify-content-center\n \">\n @if (!end()) {\n <span class=\"gds-timeline_edge\"></span>\n }\n </div>\n <ng-content select=\"[tag]\" />\n <div class=\"\n gds-display-flex\n gds-flex-grow-1\n gds-justify-content-center\n start\n \">\n @if (!start() || connectorType() === 'content') {\n <span class=\"\n gds-timeline_edge\n start\n \"></span>\n }\n </div>\n</div>\n<div class=\"\n content\n gds-flex-grow-1\n gds-padding-block-2xs\n\">\n <ng-content />\n</div>\n", styles: [":host[connectorType=content] .gds-timeline_edge{margin-block:var(--gds-spacing-2xs)}:host:hover{background-color:var(--gds-palette-background-hover)}:host .gds-timeline_edge{width:1px;background-color:var(--gds-palette-border-default)}:host .content{overflow:hidden}:host .timeline{width:40px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6712
6740
|
}
|
|
6713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTimelineItemComponent, decorators: [{
|
|
6714
6742
|
type: Component,
|
|
6715
6743
|
args: [{ standalone: true, selector: 'li[gds-timeline-item]', host: {
|
|
6716
6744
|
class: 'gds-display-flex gds-margin-inline-start-xs gds-padding-inline-start-3xs gds-gap-sm gds-radius-sm',
|
|
@@ -6753,10 +6781,10 @@ class GdsToastComponent extends ToastNoAnimation {
|
|
|
6753
6781
|
this.toastPackage.triggerAction(event);
|
|
6754
6782
|
return false;
|
|
6755
6783
|
};
|
|
6756
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6757
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6784
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastComponent, deps: [{ token: i1$6.ToastrService }, { token: i1$6.ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6785
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsToastComponent, isStandalone: true, selector: "gds-toast", host: { attributes: { "animate.enter": "gds-scale-in gds-fade-in", "animate.leave": "gds-scale-out gds-fade-out" }, properties: { "attr.type": "status", "class.gds-responsive-sm-width-100-parent": "true" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"\n gds-border\n gds-display-flex\n gds-gap-sm\n gds-padding-block-2xs\n gds-padding-inline-sm\n gds-radius-sm\n gds-responsive-sm-padding-3xs\n gds-toaster--container\n \"\n>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <gds-icon\n key=\"filled-info\"\n class=\"\n gds-icon-size-xs\n gds-toaster--icon\n \"\n />\n </div>\n <div class=\"\n gds-align-items-center\n gds-column-gap-sm\n gds-display-flex\n gds-flex-1\n gds-flex-wrap\n gds-row-gap-2xs\n \">\n @if (title) {\n <div class=\"\n gds-height-fit-content\n gds-text-body-strong\n gds-text-primary\n gds-width-fit-content\n \">\n {{ title | translate }}\n </div>\n }\n @if (message) {\n <div\n class=\"\n gds-height-fit-content\n gds-text-body\n gds-text-primary\n gds-width-fit-content\n \"\n [innerHtml]=\"message | translate\"\n ></div>\n }\n @if (actionLabel) {\n <button\n gds-button\n class=\"\n gds-border-none\n gds-toaster--action-btn\n \"\n [attr.aria-label]=\"actionAriaLabel | translate\"\n (clicked)=\"action($event)\"\n >\n {{ actionLabel | translate }}\n </button>\n }\n </div>\n <div class=\"\n gds-align-items-center\n gds-display-flex\n gds-height-md\n gds-justify-content-center\n \">\n <button\n gds-icon-button\n class=\"gds-background-none\"\n variant=\"primary\"\n [attr.aria-label]=\"dismissAriaLabel | translate\"\n (clicked)=\"remove()\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"gds-icon-size-3xs\"\n />\n </button>\n </div>\n</div>\n", styles: [":host{pointer-events:auto;--background-color: var(--gds-pattern-toast-default-backgroundColor-rest);--icon-color: var(--gds-pattern-toast-default-iconColor-rest);--action-btn-backgroundColor: var(--gds-pattern-toast-default-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-default-btnColor-hover);--action-btn-color: var(--gds-palette-text-default-contrast)}:host[type=success]{--background-color: var(--gds-palette-helper-success-default);--icon-color: var(--gds-palette-helper-success-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-success-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-success-btnColor-hover)}:host[type=warning]{--background-color: var(--gds-palette-helper-warning-default);--icon-color: var(--gds-palette-helper-warning-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-warning-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-warning-btnColor-hover)}:host[type=danger]{--background-color: var(--gds-palette-helper-error-default);--icon-color: var(--gds-palette-helper-error-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-error-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-error-btnColor-hover)}:host .gds-toaster--container{background-color:var(--background-color)}:host .gds-toaster--icon{color:var(--icon-color)}:host .gds-toaster--action-btn{--gds-button-backgroundColor: var(--action-btn-backgroundColor);--gds-button-backgroundColor-hover: var(--action-btn-backgroundColor-hover);--gds-button-color: var(--action-btn-color)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6758
6786
|
}
|
|
6759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastComponent, decorators: [{
|
|
6760
6788
|
type: Component,
|
|
6761
6789
|
args: [{ selector: 'gds-toast', imports: [GdsIconComponent, GdsIconButtonComponent, GdsButtonComponent, TranslatePipe], host: {
|
|
6762
6790
|
'[attr.type]': 'status',
|
|
@@ -6804,10 +6832,10 @@ class GdsListboxBaseDirective {
|
|
|
6804
6832
|
onKeydown(event) {
|
|
6805
6833
|
this._keyManager?.onKeydown(event);
|
|
6806
6834
|
}
|
|
6807
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6808
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
6835
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6836
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsListboxBaseDirective, isStandalone: true, ngImport: i0 });
|
|
6809
6837
|
}
|
|
6810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxBaseDirective, decorators: [{
|
|
6811
6839
|
type: Directive
|
|
6812
6840
|
}] });
|
|
6813
6841
|
|
|
@@ -6841,10 +6869,10 @@ class GdsListboxDirective extends GdsListboxBaseDirective {
|
|
|
6841
6869
|
}
|
|
6842
6870
|
super.onKeydown(event);
|
|
6843
6871
|
};
|
|
6844
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6845
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
6872
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6873
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsListboxDirective, isStandalone: true, selector: "[gdsListbox]", inputs: { onNavigatePastLastOption: { classPropertyName: "onNavigatePastLastOption", publicName: "onNavigatePastLastOption", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()" }, properties: { "attr.tabindex": "tabindex()" } }, queries: [{ propertyName: "options", predicate: GdsListboxOption, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
|
|
6846
6874
|
}
|
|
6847
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxDirective, decorators: [{
|
|
6848
6876
|
type: Directive,
|
|
6849
6877
|
args: [{
|
|
6850
6878
|
selector: '[gdsListbox]',
|
|
@@ -6867,10 +6895,10 @@ class GdsCompositeOptionPrimaryDirective {
|
|
|
6867
6895
|
this.#host.nativeElement.focus();
|
|
6868
6896
|
this.tabindex.set(0);
|
|
6869
6897
|
};
|
|
6870
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6871
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
6898
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionPrimaryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6899
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsCompositeOptionPrimaryDirective, isStandalone: true, selector: "[gdsCompositeOptionPrimary]", host: { attributes: { "role": "option" }, properties: { "attr.tabindex": "tabindex()" } }, ngImport: i0 });
|
|
6872
6900
|
}
|
|
6873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6901
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionPrimaryDirective, decorators: [{
|
|
6874
6902
|
type: Directive,
|
|
6875
6903
|
args: [{
|
|
6876
6904
|
selector: '[gdsCompositeOptionPrimary]',
|
|
@@ -6887,10 +6915,10 @@ class GdsCompositeOptionSecondaryDirective extends GdsCompositeOptionPrimaryDire
|
|
|
6887
6915
|
onArrowY = (event) => {
|
|
6888
6916
|
event.stopImmediatePropagation();
|
|
6889
6917
|
};
|
|
6890
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6891
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
6918
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionSecondaryDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6919
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsCompositeOptionSecondaryDirective, isStandalone: true, selector: "[gdsCompositeOptionSecondary]", host: { listeners: { "keydown.ArrowUp": "onArrowY($event)", "keydown.ArrowDown": "onArrowY($event)" } }, usesInheritance: true, ngImport: i0 });
|
|
6892
6920
|
}
|
|
6893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6921
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionSecondaryDirective, decorators: [{
|
|
6894
6922
|
type: Directive,
|
|
6895
6923
|
args: [{
|
|
6896
6924
|
selector: '[gdsCompositeOptionSecondary]',
|
|
@@ -6925,10 +6953,10 @@ class GdsListboxCompositeOptionDirective {
|
|
|
6925
6953
|
focus = () => {
|
|
6926
6954
|
this.primaryEle().focus();
|
|
6927
6955
|
};
|
|
6928
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6929
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
6956
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxCompositeOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6957
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsListboxCompositeOptionDirective, isStandalone: true, selector: "[gdsListboxCompositeOption]", inputs: { primaryElementOverride: { classPropertyName: "primaryElementOverride", publicName: "primaryElement", isSignal: true, isRequired: false, transformFunction: null }, secondaryElementOverride: { classPropertyName: "secondaryElementOverride", publicName: "secondaryElement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryElementOverride: "primaryElementChange", secondaryElementOverride: "secondaryElementChange" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.ArrowUp": "onMoveY()", "keydown.ArrowDown": "onMoveY()", "keydown.Home": "onMoveY()", "keydown.End": "onMoveY()", "keydown.ArrowLeft": "onMoveX($event)", "keydown.ArrowRight": "onMoveX($event)" } }, providers: [{ provide: GdsListboxOption, useExisting: GdsListboxCompositeOptionDirective }], queries: [{ propertyName: "primaryElement", first: true, predicate: GdsCompositeOptionPrimaryDirective, descendants: true, isSignal: true }, { propertyName: "secondaryElement", first: true, predicate: GdsCompositeOptionSecondaryDirective, descendants: true, isSignal: true }], ngImport: i0 });
|
|
6930
6958
|
}
|
|
6931
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6959
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxCompositeOptionDirective, decorators: [{
|
|
6932
6960
|
type: Directive,
|
|
6933
6961
|
args: [{
|
|
6934
6962
|
selector: '[gdsListboxCompositeOption]',
|
|
@@ -6959,10 +6987,10 @@ class GdsListboxOptionDirective {
|
|
|
6959
6987
|
this.element().focus();
|
|
6960
6988
|
this.tabindex.set(0);
|
|
6961
6989
|
}
|
|
6962
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6963
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
6990
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6991
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsListboxOptionDirective, isStandalone: true, selector: "[gdsListboxOption]", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { element: "elementChange" }, host: { listeners: { "keydown.ArrowUp": "this.tabindex.set(-1)", "keydown.ArrowDown": "this.tabindex.set(-1)", "keydown.Home": "this.tabindex.set(-1)", "keydown.End": "this.tabindex.set(-1)", "keydown.Space": "$event.preventDefault()" } }, providers: [{ provide: GdsListboxOption, useExisting: GdsListboxOptionDirective }], ngImport: i0 });
|
|
6964
6992
|
}
|
|
6965
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxOptionDirective, decorators: [{
|
|
6966
6994
|
type: Directive,
|
|
6967
6995
|
args: [{
|
|
6968
6996
|
selector: '[gdsListboxOption]',
|
|
@@ -7077,10 +7105,10 @@ class GdsVirtualScrollListboxDirective extends GdsListboxBaseDirective {
|
|
|
7077
7105
|
const index = Number(raw);
|
|
7078
7106
|
return Number.isFinite(index) ? index : null;
|
|
7079
7107
|
};
|
|
7080
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7081
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
7108
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsVirtualScrollListboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
7109
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsVirtualScrollListboxDirective, isStandalone: true, selector: "[gdsListboxVirtualScroll]", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, optionIndexAttribute: { classPropertyName: "optionIndexAttribute", publicName: "optionIndexAttribute", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentFocusedIndex: "currentFocusedIndex" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()", "focusin": "onFocusIn($event)" }, properties: { "attr.tabindex": "tabindex()" } }, queries: [{ propertyName: "options", predicate: GdsListboxOption, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
|
|
7082
7110
|
}
|
|
7083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsVirtualScrollListboxDirective, decorators: [{
|
|
7084
7112
|
type: Directive,
|
|
7085
7113
|
args: [{
|
|
7086
7114
|
selector: '[gdsListboxVirtualScroll]',
|
|
@@ -7158,10 +7186,10 @@ class GdsTreeViewListItemComponent {
|
|
|
7158
7186
|
this._clickTimer = undefined;
|
|
7159
7187
|
}
|
|
7160
7188
|
}
|
|
7161
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7162
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7189
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTreeViewListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7190
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsTreeViewListItemComponent, isStandalone: true, selector: "gds-tree-view-list-item", inputs: { tier: { classPropertyName: "tier", publicName: "tier", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, nowrap: { classPropertyName: "nowrap", publicName: "nowrap", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", doubleClicked: "doubleClicked", toggleExpanded: "toggleExpanded" }, host: { properties: { "style.--tier": "tier()" }, classAttribute: "gds-display-contents" }, queries: [{ propertyName: "checkbox", first: true, predicate: GdsCheckboxComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "item", first: true, predicate: ["item"], descendants: true, isSignal: true }], hostDirectives: [{ directive: GdsListboxOptionDirective }], ngImport: i0, template: "<div\n #item\n class=\"\n gds-align-items-center\n gds-display-flex\n gds-gap-2xs\n gds-min-width-0\n gds-position-relative\n gds-width-100-parent\n root\n \"\n [ngClass]=\"{\n selected: activeOverride(),\n disabled: disabled(),\n dropdown: expanded(),\n 'has-checkbox': hasCheckbox()\n }\"\n role=\"treeitem\"\n [attr.aria-selected]=\"activeOverride()\"\n [attr.aria-label]=\"ariaLabel()\"\n [tabindex]=\"-1\"\n (click)=\"onHandleClick($event)\"\n (keydown.space)=\"onHandleClick($event)\"\n (dblclick)=\"onHandleDoubleClick($event)\"\n (keydown.arrowRight)=\"handleToggleExpanded($event, true)\"\n (keydown.arrowLeft)=\"handleToggleExpanded($event, false)\"\n>\n <ng-content select=\"[checkbox]\" />\n @if (displayChevron()) {\n <button\n class=\"\n chevron-btn\n gds-background-none\n gds-min-height-0\n gds-mobile-margin-inline-end-sm\n \"\n gds-icon-button\n variant=\"primary\"\n [tabindex]=\"-1\"\n (clicked)=\"handleToggleExpanded($event)\"\n >\n <gds-icon\n class=\"\n chevron\n gds-icon-size-2xs\n gds-mobile-icon-size-sm\n \"\n key=\"line-chevron-right-stroke\"\n />\n </button>\n } @else {\n <span class=\"gds-width-sm\"></span>\n }\n\n @if (icon(); as icon) {\n <gds-icon\n class=\"\n gds-icon-size-xs\n gds-mobile-icon-size-sm\n icon\n \"\n [key]=\"icon\"\n />\n }\n <div class=\"\n gds-flex-1\n gds-min-width-0\n gds-text-body\n label\n \">\n <ng-content />\n </div>\n <div class=\"\n end-content\n gds-padding-block-end-2xs\n gds-text-caption\n \">\n <ng-content select=\"[end-content]\" />\n </div>\n</div>\n\n<div [ngClass]=\"{ 'gds-display-none': !expanded() }\">\n <ng-content select=\"[expanded-content]\" />\n</div>\n", styles: [":host{--tier: 0;--wrapper-margin: 1px;--wrapper-margin-block: 2px;--cursor: pointer;--label-text-color: var(--gds-palette-text-default-primary);--end-content-text-color: var(--gds-palette-text-default-secondary);--icon-color: var(--gds-palette-icon-primary)}:host .disabled{--cursor: not-allowed;--label-text-color: var(--gds-palette-text-default-disabled);--end-content-text-color: var(--gds-palette-text-default-disabled);--icon-color: var(--gds-palette-icon-disabled)}:host:focus-visible{outline:none}:host:focus>.root:before,:host:focus-visible>.root:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .root{padding-left:calc(var(--gds-spacing-sm) + var(--gds-spacing-md) * (var(--tier) - 1));cursor:var(--cursor);padding-block:6px;outline:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}:host .root:focus-within:before,:host .root:hover:not(.disabled):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .label{color:var(--label-text-color)}:host .end-content{color:var(--end-content-text-color)}:host .selected:not(.disabled):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .selected:not(.disabled):not(.has-checkbox):after{content:\"\";position:absolute;border-radius:3px;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--gds-palette-border-selected);padding:0}:host .dropdown .chevron{transition:rotate .2s ease;rotate:90deg}:host .chevron{z-index:1;transition:rotate .2s ease;rotate:0deg}:host .label{z-index:1}:host .end-content{z-index:1}:host .icon{z-index:1;color:var(--icon-color)}:is(body[isMobile=true]) :host .root{padding-block:2px}:is(body[isMobile=true]) :host .chevron-btn{order:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7163
7191
|
}
|
|
7164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTreeViewListItemComponent, decorators: [{
|
|
7165
7193
|
type: Component,
|
|
7166
7194
|
args: [{ selector: 'gds-tree-view-list-item', imports: [NgClass, GdsIconComponent, GdsIconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7167
7195
|
'[style.--tier]': 'tier()',
|
|
@@ -7171,10 +7199,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7171
7199
|
|
|
7172
7200
|
class TreeViewListItemDirective {
|
|
7173
7201
|
templateRef = inject((TemplateRef));
|
|
7174
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7175
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
7202
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreeViewListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
7203
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: TreeViewListItemDirective, isStandalone: true, selector: "[tree-view-list-item-content]", ngImport: i0 });
|
|
7176
7204
|
}
|
|
7177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreeViewListItemDirective, decorators: [{
|
|
7178
7206
|
type: Directive,
|
|
7179
7207
|
args: [{
|
|
7180
7208
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -7196,10 +7224,10 @@ class GdsUserPromptComponent extends GdsDialogBaseDirective {
|
|
|
7196
7224
|
get desc() {
|
|
7197
7225
|
return typeof this.config.data?.description === 'string' ? this.config.data.description : '';
|
|
7198
7226
|
}
|
|
7199
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7200
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7227
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7228
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsUserPromptComponent, isStandalone: true, selector: "gds-user-prompt-dialog", viewQueries: [{ propertyName: "defaultDescTmpl", first: true, predicate: ["defaultDescriptionTmpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<dialog\n gds-dialog\n class=\"\n dialog\n gds-height-fit-content\n gds-width-fit-content\n \"\n [closeOnBackdropClick]=\"config.data?.closeOnBackdropClick\"\n (canceled)=\"close()\"\n (closed)=\"close()\"\n [suppressDismissBtn]=\"config.data?.suppressDismissBtn\"\n>\n <span header-label>{{ config.data?.title ?? '' | translate }}</span>\n <ng-container *ngTemplateOutlet=\"descTemplate\" />\n <div\n footer-actions-primary\n class=\"\n gds-display-flex\n gds-gap-2xs\n gds-mobile-flex-row-reverse\n gds-mobile-padding-block-start-2xs\n \"\n >\n <button\n gds-button\n class=\"\n gds-mobile-padding-inline-2xs\n gds-mobile-text-primary-primary\n \"\n [variant]=\"isMobile() ? 'invisible' : 'primary'\"\n (clicked)=\"confirm()\"\n >\n {{ config.data?.primaryLabel ?? '' | translate }}\n </button>\n @if (config.data?.secondaryLabel) {\n <button\n gds-button\n class=\"\n gds-mobile-padding-inline-2xs\n gds-mobile-text-primary-primary\n \"\n footer-actions-primary\n [variant]=\"isMobile() ? 'invisible' : 'default'\"\n (clicked)=\"close()\"\n >\n {{ config.data?.secondaryLabel ?? '' | translate }}\n </button>\n }\n </div>\n</dialog>\n\n<ng-template #defaultDescriptionTmpl>\n <span>{{ desc | translate }}</span>\n</ng-template>\n", styles: [":is(body[isMobile=true]) :host .dialog{--gds-dialog-base-gap: var(--gds-spacing-2xs)}@media(max-width:484px){:host .dialog{max-width:calc(100% - 2 * var(--gds-spacing-sm))}}\n"], dependencies: [{ kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "headerLabelAlignment", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7201
7229
|
}
|
|
7202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptComponent, decorators: [{
|
|
7203
7231
|
type: Component,
|
|
7204
7232
|
args: [{ selector: 'gds-user-prompt-dialog', imports: [GdsDialogComponent, GdsButtonComponent, TranslatePipe, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dialog\n gds-dialog\n class=\"\n dialog\n gds-height-fit-content\n gds-width-fit-content\n \"\n [closeOnBackdropClick]=\"config.data?.closeOnBackdropClick\"\n (canceled)=\"close()\"\n (closed)=\"close()\"\n [suppressDismissBtn]=\"config.data?.suppressDismissBtn\"\n>\n <span header-label>{{ config.data?.title ?? '' | translate }}</span>\n <ng-container *ngTemplateOutlet=\"descTemplate\" />\n <div\n footer-actions-primary\n class=\"\n gds-display-flex\n gds-gap-2xs\n gds-mobile-flex-row-reverse\n gds-mobile-padding-block-start-2xs\n \"\n >\n <button\n gds-button\n class=\"\n gds-mobile-padding-inline-2xs\n gds-mobile-text-primary-primary\n \"\n [variant]=\"isMobile() ? 'invisible' : 'primary'\"\n (clicked)=\"confirm()\"\n >\n {{ config.data?.primaryLabel ?? '' | translate }}\n </button>\n @if (config.data?.secondaryLabel) {\n <button\n gds-button\n class=\"\n gds-mobile-padding-inline-2xs\n gds-mobile-text-primary-primary\n \"\n footer-actions-primary\n [variant]=\"isMobile() ? 'invisible' : 'default'\"\n (clicked)=\"close()\"\n >\n {{ config.data?.secondaryLabel ?? '' | translate }}\n </button>\n }\n </div>\n</dialog>\n\n<ng-template #defaultDescriptionTmpl>\n <span>{{ desc | translate }}</span>\n</ng-template>\n", styles: [":is(body[isMobile=true]) :host .dialog{--gds-dialog-base-gap: var(--gds-spacing-2xs)}@media(max-width:484px){:host .dialog{max-width:calc(100% - 2 * var(--gds-spacing-sm))}}\n"] }]
|
|
7205
7233
|
}], propDecorators: { defaultDescTmpl: [{ type: i0.ViewChild, args: ['defaultDescriptionTmpl', { isSignal: true }] }] } });
|
|
@@ -7231,10 +7259,10 @@ class GdsUserPromptService {
|
|
|
7231
7259
|
...options
|
|
7232
7260
|
});
|
|
7233
7261
|
}
|
|
7234
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7235
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
7262
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7263
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptService, providedIn: 'root' });
|
|
7236
7264
|
}
|
|
7237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptService, decorators: [{
|
|
7238
7266
|
type: Injectable,
|
|
7239
7267
|
args: [{
|
|
7240
7268
|
providedIn: 'root'
|
|
@@ -7253,10 +7281,10 @@ class GdsHistoryComponent {
|
|
|
7253
7281
|
contentTmpl = contentChild('contentTmpl', ...(ngDevMode ? [{ debugName: "contentTmpl" }] : /* istanbul ignore next */ []));
|
|
7254
7282
|
menuTmpl = contentChild('menuTmpl', ...(ngDevMode ? [{ debugName: "menuTmpl" }] : /* istanbul ignore next */ []));
|
|
7255
7283
|
menuPosition = CDK_MENU_CONNECTED_POSITIONS;
|
|
7256
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7257
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7284
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7285
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsHistoryComponent, isStandalone: true, selector: "gds-history", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connectorType: { classPropertyName: "connectorType", publicName: "connectorType", isSignal: true, isRequired: false, transformFunction: null }, suppressCloseBtn: { classPropertyName: "suppressCloseBtn", publicName: "suppressCloseBtn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", itemHovered: "itemHovered" }, queries: [{ propertyName: "contentTmpl", first: true, predicate: ["contentTmpl"], descendants: true, isSignal: true }, { propertyName: "menuTmpl", first: true, predicate: ["menuTmpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"\n gds-align-items-center\n gds-display-flex\n gds-padding-sm\n\">\n <span class=\"\n gds-flex-grow-1\n gds-text-primary-primary\n gds-text-subtitle\n \">{{ title() }}</span>\n @if (!suppressCloseBtn()) {\n <button\n gds-icon-button\n variant=\"primary\"\n class=\"gds-background-none\"\n (clicked)=\"closed.emit()\"\n [attr.aria-label]=\"'Dismiss'\"\n >\n <gds-icon\n key=\"line-dismiss\"\n class=\"gds-icon-size-3xs\"\n />\n </button>\n }\n</div>\n@if (loading()) {\n <gds-spinner class=\"\n gds-margin-block-auto\n gds-margin-inline-auto\n \" />\n} @else {\n <div class=\"gds-scrollable-vertically\">\n <ol\n role=\"list\"\n class=\"gds-list-unstyled\"\n >\n @for (item of reversed(); track $index) {\n <li\n gds-timeline-item\n [connectorType]=\"connectorType()\"\n [start]=\"$last\"\n [end]=\"$first\"\n (mouseenter)=\"itemHovered.emit(item)\"\n (mouseleave)=\"itemHovered.emit(null)\"\n >\n <div\n tag\n class=\"\n gds-display-flex\n gds-justify-content-center\n \"\n >\n @if (item.badgeType === 'icon') {\n <gds-icon\n class=\"\n badge-icon\n gds-background-base\n gds-icon-primary\n gds-icon-size-3xs\n gds-padding-3xs\n gds-radius-2xl\n \"\n [key]=\"item.badgeData | gdsSvgicon\"\n />\n } @else {\n <span\n gds-badge\n [ngClass]=\"{\n 'gds-background-dark-strong gds-text-default-contrast': $first,\n 'gds-background-white': !$first\n }\"\n >{{ item.badgeData }}</span\n >\n }\n </div>\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-2xs\n \">\n <div class=\"\n gds-align-items-start\n gds-display-flex\n gds-gap-3xs\n gds-margin-inline-end-3xs\n \">\n <div class=\"\n gds-display-flex\n gds-flex-column\n gds-flex-grow-1\n gds-gap-2xs\n item-content\n \">\n <gds-tooltip\n class=\"\n gds-flex-grow-1\n gds-text-body\n gds-text-primary\n \"\n [tooltip]=\"item.title\"\n onlyTextOverflow\n >\n {{ item.title }}\n </gds-tooltip>\n @for (label of item.labels; track $index) {\n <gds-tooltip\n class=\"\n gds-text-caption\n gds-text-secondary\n \"\n onlyTextOverflow\n [tooltip]=\"label\"\n >\n {{ label }}\n </gds-tooltip>\n }\n <ng-container *ngTemplateOutlet=\"contentTmpl() ?? null; context: { $implicit: item }\" />\n </div>\n @if (menuTmpl() && !$first) {\n <button\n gds-icon-button\n variant=\"primary\"\n class=\"\n gds-background-none\n gds-min-height-0\n \"\n [attr.ariaLabel]=\"'Menu'\"\n [cdkMenuTriggerFor]=\"menu\"\n [cdkMenuPosition]=\"menuPosition\"\n #trigger=\"cdkMenuTriggerFor\"\n >\n <gds-icon\n key=\"filled-menu-more\"\n class=\"gds-icon-size-2xs\"\n />\n </button>\n <ng-template #menu>\n <gds-dropdown (click)=\"trigger.close()\">\n <ng-container *ngTemplateOutlet=\"menuTmpl() ?? null; context: { $implicit: item }\" />\n </gds-dropdown>\n </ng-template>\n }\n </div>\n </div>\n </li>\n }\n </ol>\n </div>\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;background:var(--gds-palette-background-hover);overflow:hidden}:host .item-content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTimelineItemComponent, selector: "li[gds-timeline-item]", inputs: ["end", "start", "connectorType"] }, { kind: "component", type: GdsSpinnerComponent, selector: "gds-spinner", inputs: ["trackWidth", "size"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: GdsSvgIconPipe, name: "gdsSvgicon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7258
7286
|
}
|
|
7259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsHistoryComponent, decorators: [{
|
|
7260
7288
|
type: Component,
|
|
7261
7289
|
args: [{ selector: 'gds-history', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
7262
7290
|
GdsBadgeComponent,
|
|
@@ -7279,10 +7307,10 @@ class StylableButtonComponent {
|
|
|
7279
7307
|
focus = () => {
|
|
7280
7308
|
this.btn().nativeElement.focus();
|
|
7281
7309
|
};
|
|
7282
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7283
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
7310
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StylableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7311
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: StylableButtonComponent, isStandalone: true, selector: "gds-stylable-button", viewQueries: [{ propertyName: "btn", first: true, predicate: ["btn"], descendants: true, isSignal: true }], ngImport: i0, template: "<button #btn>\n <ng-content />\n</button>\n", styles: ["@property --border{syntax: \"<width> <style> <color>\"; initial-value: none; inherits: false;}:host{--padding: var(--stylable-button-padding, 0);--padding-y: var(--stylable-button-padding-y, var(--padding));--padding-x: var(--stylable-button-padding-x, var(--padding));--border-width: var(--stylable-button-border-width, 0);--border-color: var(--stylable-button-border-color, transparent);--border: var(--border-width) solid var(--border-color)}:host button{display:inline-block;align-items:center;justify-content:center;appearance:none;cursor:pointer;text-align:start;font:inherit;font-size:var(--stylable-button-font-size);color:var(--stylable-button-color, inherit);width:var(--stylable-button-width, max-content);margin:0;padding-top:var(--padding-y);padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-right:var(--padding-x);background:var(--stylable-button-background, none);border:var(--stylable-button-border, var(--border));border-radius:var(--stylable-button-border-radius, 0)}:host button:focus-visible{outline:-webkit-focus-ring-color auto 1px}:host button:hover{background:var(--stylable-button-hover-background, var(--stylable-button-background, none))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7284
7312
|
}
|
|
7285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StylableButtonComponent, decorators: [{
|
|
7286
7314
|
type: Component,
|
|
7287
7315
|
args: [{ selector: 'gds-stylable-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #btn>\n <ng-content />\n</button>\n", styles: ["@property --border{syntax: \"<width> <style> <color>\"; initial-value: none; inherits: false;}:host{--padding: var(--stylable-button-padding, 0);--padding-y: var(--stylable-button-padding-y, var(--padding));--padding-x: var(--stylable-button-padding-x, var(--padding));--border-width: var(--stylable-button-border-width, 0);--border-color: var(--stylable-button-border-color, transparent);--border: var(--border-width) solid var(--border-color)}:host button{display:inline-block;align-items:center;justify-content:center;appearance:none;cursor:pointer;text-align:start;font:inherit;font-size:var(--stylable-button-font-size);color:var(--stylable-button-color, inherit);width:var(--stylable-button-width, max-content);margin:0;padding-top:var(--padding-y);padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-right:var(--padding-x);background:var(--stylable-button-background, none);border:var(--stylable-button-border, var(--border));border-radius:var(--stylable-button-border-radius, 0)}:host button:focus-visible{outline:-webkit-focus-ring-color auto 1px}:host button:hover{background:var(--stylable-button-hover-background, var(--stylable-button-background, none))}\n"] }]
|
|
7288
7316
|
}], propDecorators: { btn: [{ type: i0.ViewChild, args: ['btn', { isSignal: true }] }] } });
|
|
@@ -7304,10 +7332,10 @@ class GdsChatExpandableListComponent {
|
|
|
7304
7332
|
}
|
|
7305
7333
|
this.expanded.set(true);
|
|
7306
7334
|
}
|
|
7307
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7308
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7335
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatExpandableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7336
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsChatExpandableListComponent, isStandalone: true, selector: "dl[gds-chat-expandable-list]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, displayLimit: { classPropertyName: "displayLimit", publicName: "displayLimit", isSignal: true, isRequired: false, transformFunction: null }, onlyEmitExpandedEvent: { classPropertyName: "onlyEmitExpandedEvent", publicName: "onlyEmitExpandedEvent", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandClicked: "expandClicked", expanded: "expandedChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"dt\">\n <dt class=\"gds-display-none\"></dt>\n</ng-content>\n@for (item of displayItems(); track $index) {\n <dd class=\"gds-expandable-list_item\">\n <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item, index: $index }\" />\n @if ($last && showExpandAction()) {\n <gds-stylable-button\n (click)=\"expand()\"\n class=\"gds-expandable-list_action\"\n >\n <span\n gds-badge\n [attr.aria-label]=\"'Gds.ChatExpandableList.Expand.Aria.Label' | translate: { count: hiddenCount() }\"\n >\n +{{ hiddenCount() }}\n </span>\n </gds-stylable-button>\n }\n </dd>\n}\n<ng-content select=\"[trailing]\" />\n", styles: [":host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gds-spacing-2xs)}:host .gds-expandable-list_item{display:flex;align-items:center;min-width:0}:host .gds-expandable-list_action{margin-inline-start:var(--gds-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: StylableButtonComponent, selector: "gds-stylable-button" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7309
7337
|
}
|
|
7310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatExpandableListComponent, decorators: [{
|
|
7311
7339
|
type: Component,
|
|
7312
7340
|
args: [{ selector: 'dl[gds-chat-expandable-list]', imports: [GdsBadgeComponent, NgTemplateOutlet, StylableButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"dt\">\n <dt class=\"gds-display-none\"></dt>\n</ng-content>\n@for (item of displayItems(); track $index) {\n <dd class=\"gds-expandable-list_item\">\n <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item, index: $index }\" />\n @if ($last && showExpandAction()) {\n <gds-stylable-button\n (click)=\"expand()\"\n class=\"gds-expandable-list_action\"\n >\n <span\n gds-badge\n [attr.aria-label]=\"'Gds.ChatExpandableList.Expand.Aria.Label' | translate: { count: hiddenCount() }\"\n >\n +{{ hiddenCount() }}\n </span>\n </gds-stylable-button>\n }\n </dd>\n}\n<ng-content select=\"[trailing]\" />\n", styles: [":host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gds-spacing-2xs)}:host .gds-expandable-list_item{display:flex;align-items:center;min-width:0}:host .gds-expandable-list_action{margin-inline-start:var(--gds-spacing-2xs)}\n"] }]
|
|
7313
7341
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], displayLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayLimit", required: false }] }], onlyEmitExpandedEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyEmitExpandedEvent", required: false }] }], expandClicked: [{ type: i0.Output, args: ["expandClicked"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
@@ -7377,10 +7405,10 @@ class GdsMessageInputComponent {
|
|
|
7377
7405
|
focus() {
|
|
7378
7406
|
this.textarea().nativeElement.focus();
|
|
7379
7407
|
}
|
|
7380
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7381
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
7408
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMessageInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7409
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsMessageInputComponent, isStandalone: true, selector: "gds-message-input", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, enableIcon: { classPropertyName: "enableIcon", publicName: "enableIcon", isSignal: true, isRequired: false, transformFunction: null }, textareaAriaLabel: { classPropertyName: "textareaAriaLabel", publicName: "textareaAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, sendButtonAriaLabel: { classPropertyName: "sendButtonAriaLabel", publicName: "sendButtonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonAriaLabel: { classPropertyName: "cancelButtonAriaLabel", publicName: "cancelButtonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sent: "sent", canceled: "canceled", changed: "changed", value: "valueChange" }, host: { properties: { "attr.aria-disabled": "disabled()", "class.gds-background-disabled": "disabled()", "class.gds-padding-block-end-2xs": "hasChildren()" }, classAttribute: "\n gds-display-flex\n gds-align-items-center\n gds-border\n gds-border-color-default\n gds-radius-lg\n gds-padding-xs\n gds-padding-inline-2xs\n gds-background-white\n gds-position-relative\n gds-overflow-hidden\n\n gds-mobile-radius-sm\n gds-mobile-padding-0\n " }, viewQueries: [{ propertyName: "textarea", first: true, predicate: GdsNativeTextareaDirective, descendants: true, isSignal: true }, { propertyName: "slot", first: true, predicate: ["slot"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"\n gds-display-flex\n gds-flex-column\n gds-gap-xs\n gds-width-100-parent\n\">\n <gds-auto-growing-text-area\n class=\"\n gds-mobile-padding-block-2xs\n gds-mobile-text-input-mobile\n gds-padding-block-3xs\n gds-padding-inline-2xs\n gds-text-input\n gds-text-primary\n textarea\n \"\n [ngClass]=\"{ 'gds-padding-inline-end-md': !hasChildren() }\"\n [maxRows]=\"8\"\n >\n <textarea\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n rows=\"1\"\n (input)=\"handleChange($event)\"\n (keydown.enter)=\"handleSubmit($event)\"\n [attr.aria-label]=\"textareaAriaLabel() | translate\"\n >{{ value() }}</textarea\n >\n </gds-auto-growing-text-area>\n <div\n #slot\n class=\"gds-display-contents\"\n [ngClass]=\"{ 'gds-display-none': !hasChildren() }\"\n >\n <ng-content />\n </div>\n</div>\n<button\n gds-icon-button\n class=\"\n gds-align-self-end\n gds-background-none\n gds-margin-block-end-0\n gds-mobile-right-0\n gds-padding-0\n gds-right-2xs\n trailing-icon\n \"\n variant=\"primary\"\n [disabled]=\"disabled() && !enableIcon()\"\n (clicked)=\"handleSubmit()\"\n (mouseenter)=\"iconHoveringChanged($event)\"\n (mouseleave)=\"iconHoveringChanged($event)\"\n [attr.aria-label]=\"iconAriaLabel() | translate\"\n>\n <gds-icon\n [key]=\"icon()\"\n class=\"\n gds-icon-size-xs\n gds-mobile-icon-size-2xs\n \"\n />\n</button>\n", styles: [":host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--gds-palette-border-selected);border-radius:var(--gds-borderRadius-xs)}:is(body[isMobile=true]) :host .textarea{--placeholder-color: var(--gds-palette-text-default-placeholder)}:is(body[isMobile=true]) :host .trailing-icon:focus-visible{outline-offset:calc(var(--gds-spacing-3xs) * -1)}:host[aria-disabled=true]{cursor:not-allowed}:host .trailing-icon{border-color:transparent;box-sizing:content-box}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsAutoGrowingTextareaComponent, selector: "gds-auto-growing-text-area", inputs: ["maxRows"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: GdsNativeTextareaDirective, selector: "textarea" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7382
7410
|
}
|
|
7383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMessageInputComponent, decorators: [{
|
|
7384
7412
|
type: Component,
|
|
7385
7413
|
args: [{ selector: 'gds-message-input', imports: [
|
|
7386
7414
|
GdsIconComponent,
|
|
@@ -7413,10 +7441,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7413
7441
|
|
|
7414
7442
|
class GdsChatPromptComponent {
|
|
7415
7443
|
label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
7416
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7417
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
7444
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7445
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsChatPromptComponent, isStandalone: true, selector: "gds-chat-prompt", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "\n gds-display-block\n gds-line-height-lg\n gds-mobile-padding-sm\n gds-padding-xs\n gds-radius-bottom-right-0\n gds-radius-lg\n gds-text-primary\n gds-width-fit-content\n " }, ngImport: i0, template: "{{ label() }}\n", styles: [":host{font:var(--gds-text-body-shorthand);font-size:.938rem;white-space:pre-wrap;word-wrap:break-word;background:var(--gds-palette-background-chat);-webkit-user-select:text;user-select:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7418
7446
|
}
|
|
7419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatPromptComponent, decorators: [{
|
|
7420
7448
|
type: Component,
|
|
7421
7449
|
args: [{ selector: 'gds-chat-prompt', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7422
7450
|
class: `
|
|
@@ -7433,10 +7461,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7433
7461
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
|
|
7434
7462
|
|
|
7435
7463
|
class GdsReferenceComponent {
|
|
7436
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7437
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
7464
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7465
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsReferenceComponent, isStandalone: true, selector: "gds-reference", host: { classAttribute: "gds-radius-sm gds-display-inline-flex gds-text-primary" }, ngImport: i0, template: "<ng-content select=\"[gds-reference-link]\">\n <div class=\"gds-reference_body\">\n <ng-content />\n </div>\n</ng-content>\n<ng-content select=\"[trailing-action]\" />\n", styles: [":host{--gds-reference-background-color: var(--gds-palette-background-white)}:is(body[isMobile=true]) :host{--gds-reference-background-color: var(--gds-palette-background-secondary-offWhite)}:host:has([gds-reference-link]:focus-visible){outline:2px solid black;outline-offset:2px}:host:has([gds-reference-link][aria-disabled=false][readonly=false]){cursor:pointer}:host:has([gds-reference-link][aria-disabled=false][readonly=false]):hover{background-color:var(--gds-palette-background-hover)}:host:has([gds-reference-link][aria-disabled=true]){background-color:var(--gds-palette-background-disabled);cursor:not-allowed;color:var(--gds-palette-text-default-disabled)}:host:has([trailing-action]){padding-inline-end:var(--gds-spacing-2xs)}:host{align-items:center;justify-content:space-between;border:var(--gds-border-default-shorthand);background-color:var(--gds-reference-background-color);font:var(--gds-text-caption-shorthand);outline:none;cursor:default}:host::-moz-focus-inner{border:0}:host .gds-reference_body{flex-grow:1;display:inline-grid;grid-template-columns:min-content minmax(0px,1fr);grid-template-areas:\"leading-visual body\";align-items:center}:host .gds-reference_body ::ng-deep>*{grid-area:body}:host .gds-reference_body ::ng-deep>[leading-visual]{grid-area:leading-visual}:host .gds-reference_body:has([leading-visual]){gap:var(--gap, var(--gds-spacing-2xs))}:host .gds-reference_body{padding:var(--gds-spacing-2xs);word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7438
7466
|
}
|
|
7439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7467
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceComponent, decorators: [{
|
|
7440
7468
|
type: Component,
|
|
7441
7469
|
args: [{ standalone: true, selector: 'gds-reference', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7442
7470
|
class: 'gds-radius-sm gds-display-inline-flex gds-text-primary'
|
|
@@ -7463,10 +7491,10 @@ class GdsReferenceLinkComponent {
|
|
|
7463
7491
|
}
|
|
7464
7492
|
this.rightClicked.emit(event);
|
|
7465
7493
|
}
|
|
7466
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7467
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
7494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7495
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsReferenceLinkComponent, isStandalone: true, selector: "a[gds-reference-link]", inputs: { wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", rightClicked: "rightClicked" }, host: { attributes: { "role": "link", "tabindex": "0" }, listeners: { "click": "onClick($event)", "keydown.enter": "onClick($event)", "contextmenu": "onRightClick($event)" }, properties: { "attr.aria-disabled": "disabled()", "attr.readonly": "readonly()" }, classAttribute: "gds-align-content-center gds-radius-top-left-sm gds-radius-bottom-left-sm" }, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<div\n [class.gds-truncate]=\"!wrap()\"\n tp\n tpUseTextContent\n tpVariation=\"light\"\n tpAppendTo=\"parent\"\n [tpOnlyTextOverflow]=\"true\"\n>\n <ng-content />\n</div>\n", styles: [":host{--padding: var(--gds-spacing-2xs);flex-grow:1;display:inline-grid;grid-template-columns:min-content minmax(0px,1fr);grid-template-areas:\"leading-visual body\";align-items:center}:host ::ng-deep>*{grid-area:body}:host ::ng-deep>[leading-visual]{grid-area:leading-visual}:host:has([leading-visual]){gap:var(--gap, var(--gds-spacing-2xs))}:host{padding:var(--padding);outline:none;text-decoration:none}:host:hover{text-decoration:none}:host{-webkit-user-select:none;user-select:none;color:inherit;cursor:inherit}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7468
7496
|
}
|
|
7469
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceLinkComponent, decorators: [{
|
|
7470
7498
|
type: Component,
|
|
7471
7499
|
args: [{ selector: 'a[gds-reference-link]', imports: [TippyDirective], host: {
|
|
7472
7500
|
// Since we want to support not having an `href`
|
|
@@ -7485,10 +7513,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7485
7513
|
}], propDecorators: { wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], rightClicked: [{ type: i0.Output, args: ["rightClicked"] }] } });
|
|
7486
7514
|
|
|
7487
7515
|
class GdsResponseComponent {
|
|
7488
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7489
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
7516
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResponseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7517
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsResponseComponent, isStandalone: true, selector: "gds-response", host: { classAttribute: "gds-display-flex gds-gap-sm gds-padding-block-sm gds-width-100-parent gds-align-items-baseline gds-text-input gds-text-primary" }, ngImport: i0, template: "<div class=\"\n gds-position-relative\n icon-container\n\">\n <gds-icon\n class=\"\n gds-border\n gds-height-fit-content\n gds-icon-primary\n gds-icon-size-sm\n gds-left-50\n gds-position-absolute\n gds-radius-pill\n gds-top-50\n gds-translate-middle\n \"\n key=\"line-sparkle\"\n />\n</div>\n\n<ng-content />\n", styles: [":host .icon-container{min-height:15px;min-width:26px}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7490
7518
|
}
|
|
7491
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResponseComponent, decorators: [{
|
|
7492
7520
|
type: Component,
|
|
7493
7521
|
args: [{ selector: 'gds-response', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent], host: {
|
|
7494
7522
|
class: 'gds-display-flex gds-gap-sm gds-padding-block-sm gds-width-100-parent gds-align-items-baseline gds-text-input gds-text-primary'
|
|
@@ -7503,10 +7531,10 @@ class GdsChatSuggestionComponent {
|
|
|
7503
7531
|
event.stopPropagation();
|
|
7504
7532
|
this.clicked.emit();
|
|
7505
7533
|
}
|
|
7506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7507
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
7534
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7535
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsChatSuggestionComponent, isStandalone: true, selector: "button[gds-chat-suggestion]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { attributes: { "type": "button" }, listeners: { "click": "handleClick($event)" }, properties: { "attr.disabled": "disabled() ? \"\" : undefined" }, classAttribute: "gds-radius-sm gds-mobile-radius-md" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{padding:var(--gds-spacing-2xs);font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-primary-primary);text-align:start;-webkit-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:var(--gds-palette-border-primary);background-color:var(--gds-palette-background-white)}:is(body[isMobile=true]) :host{padding:var(--gds-spacing-sm);box-shadow:var(--gds-shadow-element);color:var(--gds-palette-text-default-primary)}:host:disabled{color:var(--gds-palette-text-default-disabled);border-color:var(--gds-neutral-100);background-color:var(--gds-palette-background-disabled);cursor:not-allowed}:host:not(:disabled):hover{background-color:var(--gds-palette-background-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7508
7536
|
}
|
|
7509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7537
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatSuggestionComponent, decorators: [{
|
|
7510
7538
|
type: Component,
|
|
7511
7539
|
args: [{ standalone: true, selector: 'button[gds-chat-suggestion]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7512
7540
|
class: 'gds-radius-sm gds-mobile-radius-md',
|
|
@@ -7554,10 +7582,10 @@ class GdsAutoRoundCurrencyDirective {
|
|
|
7554
7582
|
}
|
|
7555
7583
|
this.elRef.nativeElement.value = this.accountingService.round(numForRounding, this.gdsAutoRoundCurrencyRoundValue);
|
|
7556
7584
|
}
|
|
7557
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7558
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
7585
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoRoundCurrencyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
7586
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsAutoRoundCurrencyDirective, isStandalone: true, selector: "[gdsAutoRoundCurrency]", inputs: { gdsAutoRoundCurrencyRoundValue: "gdsAutoRoundCurrencyRoundValue", inputMin: "inputMin" }, host: { listeners: { "blur": "onBlur($event)", "onBlur": "onBlur($event)" } }, ngImport: i0 });
|
|
7559
7587
|
}
|
|
7560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoRoundCurrencyDirective, decorators: [{
|
|
7561
7589
|
type: Directive,
|
|
7562
7590
|
args: [{
|
|
7563
7591
|
selector: '[gdsAutoRoundCurrency]',
|
|
@@ -7589,10 +7617,10 @@ class GdsAutofocusDirective {
|
|
|
7589
7617
|
});
|
|
7590
7618
|
}
|
|
7591
7619
|
}
|
|
7592
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7593
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
7620
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
7621
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsAutofocusDirective, isStandalone: true, selector: "[gdsAutofocus]", inputs: { autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
7594
7622
|
}
|
|
7595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutofocusDirective, decorators: [{
|
|
7596
7624
|
type: Directive,
|
|
7597
7625
|
args: [{
|
|
7598
7626
|
selector: '[gdsAutofocus]'
|
|
@@ -7604,10 +7632,10 @@ class GdsSelectOnFocusDirective {
|
|
|
7604
7632
|
onClick = () => {
|
|
7605
7633
|
this.#elementRef.nativeElement.select();
|
|
7606
7634
|
};
|
|
7607
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7608
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
7635
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectOnFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
7636
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsSelectOnFocusDirective, isStandalone: true, selector: "input[gdsSelectOnFocus]", host: { listeners: { "focus": "onClick()" } }, ngImport: i0 });
|
|
7609
7637
|
}
|
|
7610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectOnFocusDirective, decorators: [{
|
|
7611
7639
|
type: Directive,
|
|
7612
7640
|
args: [{
|
|
7613
7641
|
selector: 'input[gdsSelectOnFocus]',
|
|
@@ -7632,10 +7660,10 @@ class GdsRegexFilterDirective {
|
|
|
7632
7660
|
ngOnDestroy() {
|
|
7633
7661
|
this.#elementRef.nativeElement.removeEventListener('keydown', this.onKeydown);
|
|
7634
7662
|
}
|
|
7635
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7636
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
7663
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRegexFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
7664
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsRegexFilterDirective, isStandalone: true, selector: "input[gdsRegexFilter]", inputs: { regexFilter: { classPropertyName: "regexFilter", publicName: "gdsRegexFilter", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
7637
7665
|
}
|
|
7638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRegexFilterDirective, decorators: [{
|
|
7639
7667
|
type: Directive,
|
|
7640
7668
|
args: [{
|
|
7641
7669
|
selector: 'input[gdsRegexFilter]',
|
|
@@ -7701,10 +7729,10 @@ class GdsInputAutocompleteDirective {
|
|
|
7701
7729
|
this.autocompleteSelected.emit(item);
|
|
7702
7730
|
this.#menuTrigger.close();
|
|
7703
7731
|
};
|
|
7704
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7705
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
7732
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsInputAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
7733
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsInputAutocompleteDirective, isStandalone: true, selector: "gds-text-input[autocompleteMenu]", inputs: { menu: { classPropertyName: "menu", publicName: "autocompleteMenu", isSignal: true, isRequired: true, transformFunction: null }, autocompleteOptions: { classPropertyName: "autocompleteOptions", publicName: "autocompleteOptions", isSignal: true, isRequired: false, transformFunction: null }, valueProp: { classPropertyName: "valueProp", publicName: "valueProp", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { autocompleteSelected: "autocompleteSelected" }, host: { listeners: { "keydown.arrowdown": "setSelectedIndex()", "keydown.arrowup": "setSelectedIndex(true)", "keydown.enter": "itemSelected(selectedOption())", "keydown": "openMenu()" } }, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0 });
|
|
7706
7734
|
}
|
|
7707
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsInputAutocompleteDirective, decorators: [{
|
|
7708
7736
|
type: Directive,
|
|
7709
7737
|
args: [{
|
|
7710
7738
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -7749,9 +7777,9 @@ class GdsModule {
|
|
|
7749
7777
|
]
|
|
7750
7778
|
};
|
|
7751
7779
|
}
|
|
7752
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7753
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
7754
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
7780
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7781
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, imports: [CommonModule, NgSelectModule] });
|
|
7782
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, providers: [
|
|
7755
7783
|
...gdsServices,
|
|
7756
7784
|
provideTippyLoader(() => import('tippy.js')),
|
|
7757
7785
|
provideTippyConfig({
|
|
@@ -7779,7 +7807,7 @@ class GdsModule {
|
|
|
7779
7807
|
})
|
|
7780
7808
|
], imports: [CommonModule, NgSelectModule] });
|
|
7781
7809
|
}
|
|
7782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, decorators: [{
|
|
7783
7811
|
type: NgModule,
|
|
7784
7812
|
args: [{
|
|
7785
7813
|
imports: [CommonModule, NgSelectModule],
|