@corto-ai/gds-angular 2.0.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 +3 -0
- package/assets/styles/svg/email/email-dismiss.svg +3 -0
- package/assets/styles/svg/email/email-error.svg +3 -0
- package/assets/styles/svg/empty-state/empty-state-no-email-connected.svg +61 -0
- package/assets/styles/svg/line/line-connect-add.svg +3 -0
- package/assets/styles/svg/line/line-email-arrow-down.svg +3 -0
- package/assets/styles/svg/line/line-email-checkmark.svg +3 -0
- package/assets/styles/svg/line/line-email-dismiss.svg +3 -0
- package/assets/styles/svg/line/line-email-error.svg +3 -0
- package/fesm2022/corto-ai-gds-angular.mjs +403 -328
- package/fesm2022/corto-ai-gds-angular.mjs.map +1 -1
- package/package.json +11 -7
- package/types/corto-ai-gds-angular.d.ts +13 -4
|
@@ -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'
|
|
@@ -606,6 +606,18 @@ const gdsDocZyphtaIcon = {
|
|
|
606
606
|
data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1404_1593)"><path d="M15.9998 2.00002H6.43217C6.43217 2.00002 6.24645 1.97827 6.11696 2.11719C5.98747 2.2561 5.99982 2.375 5.99982 2.48438V21.2593C5.99982 21.6489 5.9732 21.7378 6.10269 21.8767C6.23218 22.0156 6.35723 22 6.69029 22H19.3094C19.4925 22 19.7454 22.0295 19.8749 21.8906C20.0044 21.7517 19.9999 21.4557 19.9999 21.2593V7.00002C19.9998 6.80358 19.9271 6.6152 19.7976 6.47631L16.488 2.21705C16.3585 2.07813 16.1829 2.00006 15.9998 2.00002Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.2196 1.53531C16.909 1.20195 16.472 1.00012 16.0001 1.00002H6.46187C6.4416 0.999144 6.419 0.998644 6.39436 0.998811C6.32704 0.999269 6.23803 1.00474 6.13601 1.02417C5.93528 1.06241 5.63751 1.16497 5.38549 1.43533C5.20084 1.63343 5.08438 1.8596 5.03231 2.1011C5.00875 2.21038 5.00237 2.30465 5.00039 2.37023C4.99942 2.40247 4.99947 2.4306 4.99958 2.44894L4.99984 2.48438V21.2593C4.99984 21.3183 4.99929 21.3603 4.99871 21.4038C4.99835 21.4314 4.99797 21.4597 4.99773 21.4934C4.99725 21.5595 4.99696 21.6625 5.0085 21.7694C5.02141 21.8889 5.05099 22.0376 5.12451 22.1964C5.19723 22.3536 5.29038 22.4718 5.37123 22.5585C5.46718 22.6615 5.5891 22.7637 5.7449 22.8438C5.89941 22.9233 6.04749 22.9606 6.17068 22.9792C6.28515 22.9965 6.39158 22.9994 6.46449 23.0002C6.50851 23.0007 6.56652 23.0005 6.61859 23.0002L6.69032 23H19.3094C19.3332 23 19.3429 23.0003 19.3573 23.0007C19.373 23.0012 19.3942 23.0018 19.4452 23.0024C19.5093 23.0031 19.6044 23.0029 19.7094 22.9927C19.8928 22.9748 20.2908 22.911 20.6064 22.5725C20.894 22.2639 20.9565 21.8877 20.9776 21.7254C21.0007 21.548 21.0002 21.37 20.9999 21.2813L20.9999 21.2593V6.99982C20.9998 6.57767 20.9254 6.13795 20.6406 5.8125L17.2502 1.56809L17.2196 1.53531ZM6.11698 2.11719C6.24647 1.97827 6.43219 2.00002 6.43219 2.00002H14V6.68764C14 7.07485 14 7.40633 14.2578 7.67969C14.4453 7.87848 14.8047 8 15.1562 8H19.9566C19.9712 8 19.9856 7.99937 19.9999 7.99815L19.9999 21.2785C20 21.4745 20.0002 21.7562 19.8749 21.8906C19.7641 22.0095 19.563 22.005 19.3926 22.0013C19.3638 22.0006 19.3359 22 19.3094 22H6.69032C6.65825 22 6.62812 22.0002 6.59972 22.0003C6.33356 22.0016 6.21966 22.0021 6.10272 21.8767C5.99428 21.7603 5.99531 21.6791 5.99851 21.427C5.99914 21.378 5.99984 21.3226 5.99984 21.2593V2.48438L5.99968 2.45811C5.99877 2.35598 5.99779 2.24506 6.11698 2.11719ZM19.9999 7.00185L19.9999 6.98951C19.9999 6.79609 19.9999 6.59043 19.8727 6.45401L16.488 2.21705C16.3585 2.07813 16.183 2.00006 15.9998 2.00002H15V6.54274C15 6.73438 15.0303 6.81853 15.1094 6.90234C15.1875 6.98516 15.2617 7 15.4029 7H19.9566C19.9712 7 19.9856 7.00063 19.9999 7.00185Z" fill="#979593"/><path d="M11.5 17C11.2239 17 11 17.2239 11 17.5C11 17.7761 11.2239 18 11.5 18L17.5 18C17.7761 18 18 17.7761 18 17.5C18 17.2239 17.7761 17 17.5 17L11.5 17Z" fill="#C8C6C4"/><path d="M11.5 15C11.2239 15 11 15.2239 11 15.5C11 15.7761 11.2239 16 11.5 16L17.5 16C17.7761 16 18 15.7761 18 15.5C18 15.2239 17.7761 15 17.5 15L11.5 15Z" fill="#C8C6C4"/><path d="M11 13.5C11 13.2239 11.2239 13 11.5 13L17.5 13C17.7761 13 18 13.2239 18 13.5C18 13.7761 17.7761 14 17.5 14L11.5 14C11.2239 14 11 13.7761 11 13.5Z" fill="#C8C6C4"/><path d="M11.5 11C11.2239 11 11 11.2239 11 11.5C11 11.7761 11.2239 12 11.5 12L17.5 12C17.7761 12 18 11.7761 18 11.5C18 11.2239 17.7761 11 17.5 11L11.5 11Z" fill="#C8C6C4"/><path d="M2 20H11C11.2652 20 11.5196 19.8946 11.7071 19.7071C11.8946 19.5196 12 19.2652 12 19V10C12 9.73478 11.8946 9.48043 11.7071 9.29289C11.5196 9.10536 11.2652 9 11 9H2C1.73478 9 1.48043 9.10536 1.29289 9.29289C1.10536 9.48043 1 9.73478 1 10V19C1 19.2652 1.10536 19.5196 1.29289 19.7071C1.48043 19.8946 1.73478 20 2 20Z" fill="#263E60"/><path d="M9.50003 15.0119L9.45782 15.0676C9.0913 14.9378 8.52251 14.8241 8.13674 14.6875C8.1243 14.7847 8.10813 14.8691 8.10341 14.9541C8.04104 16.0772 8.0445 17.6689 7.97774 18.7918L7.97774 18.9844L6.6094 18.9844C6.67286 18.9843 6.3594 18.9843 6.3594 18.9843C6.31854 18.8687 6.2913 18.7569 6.25566 18.6627C5.95696 17.8739 5.61603 16.6847 5.10245 16.0013C5.0214 15.8935 5.02691 15.824 5.09882 15.7201C5.41106 15.2687 5.82898 14.7221 6.01359 14.2041C6.07468 14.0327 6.02412 13.9614 5.88056 13.8723C5.5243 13.6513 5.21297 13.4344 4.875 13.1875C4.68075 13.0456 4.3976 12.8111 4.35938 12.5777C4.31533 12.3082 4.14824 11.6852 4.14986 11.413C4.15151 11.1354 4.07452 10.9048 3.86565 10.7205C3.65529 10.5349 3.35845 10.2198 3.15625 10.0469C3.28816 10.0596 3.60933 10.1684 3.76563 10.1821C4.50025 10.2464 5.14366 10.2806 5.88056 10.1821C6.31945 10.1234 6.85445 10.0312 7.29688 10.0469C8.14414 10.0769 8.72745 10.624 8.87669 11.3655C8.91256 11.5437 9.05872 12.0769 9.06169 12.259C9.06754 12.6142 9.05176 12.9697 9.05929 13.3249C9.06579 13.6311 9.08724 13.9374 9.11123 14.2429C9.13493 14.5442 9.2234 14.8209 9.50003 15.0119Z" fill="white"/></g><defs><clipPath id="clip0_1404_1593"><rect width="24" height="24" fill="white" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 24 24)"/></clipPath></defs></svg>`,
|
|
607
607
|
name: 'doc-zyphta'
|
|
608
608
|
};
|
|
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="currentColor"/></svg>`,
|
|
611
|
+
name: 'email-checkmark'
|
|
612
|
+
};
|
|
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="currentColor"/></svg>`,
|
|
615
|
+
name: 'email-dismiss'
|
|
616
|
+
};
|
|
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="currentColor"/></svg>`,
|
|
619
|
+
name: 'email-error'
|
|
620
|
+
};
|
|
609
621
|
const gdsEmptyState404Icon = {
|
|
610
622
|
data: `<svg viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M263.299 191h3.612l8.21 30.983H255.09L263.299 191Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M263.299 191h3.612l3.315 12.512h-10.242L263.299 191Zm-4.262 16.087-1.211 4.569h14.558l-1.21-4.569h-12.137Zm-2.158 8.144h16.452l1.79 6.752H255.09l1.789-6.752Z" fill="url(#a)"/><path fill="url(#b)" d="M250 221.983h30.21v2.781H250z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m274.331 219.006.79 2.978H255.09l.789-2.978h18.452Z" fill="#000" fill-opacity=".2"/><mask id="d" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="250" y="191" width="31" height="34"><path fill-rule="evenodd" clip-rule="evenodd" d="M263.299 191h3.612l3.315 12.512h-10.242L263.299 191Zm-4.262 16.087-1.211 4.569h14.558l-1.21-4.569h-12.137Zm-2.158 8.144h16.452l1.79 6.752H255.09l1.789-6.752Z" fill="url(#c)"/><path fill="#1E365E" d="M250 221.983h30.21v2.781H250z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m274.331 219.006.79 2.978H255.09l.789-2.978h18.452Z" fill="#8E9AAE"/></mask><g mask="url(#d)"><ellipse cx="240.135" cy="187.758" rx="30.703" ry="37.14" fill="#fff" fill-opacity=".2"/></g><path d="M45 130.5a.5.5 0 0 0 0 1v-1Zm216.417.5a2.667 2.667 0 1 0 5.333 0 2.667 2.667 0 0 0-5.333 0ZM45 131.5h.996v-1H45v1Zm2.987 0h1.992v-1h-1.992v1Zm3.984 0h1.992v-1H51.97v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.992v1Zm3.983 0h1.992v-1H75.87v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1H87.82v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h.995v-1h-.995v1Z" fill="#8E9AAE"/><g clip-path="url(#e)" filter="url(#f)"><g filter="url(#g)"><path d="M50.5 129c0 6.903-5.597 12.5-12.5 12.5s-12.5-5.597-12.5-12.5 5.597-12.5 12.5-12.5 12.5 5.597 12.5 12.5Z" fill="#fff"/></g><path d="M31.75 129.625v-1.25c0-.345.28-.625.625-.625h11.25c.345 0 .625.28.625.625v1.25c0 .345-.28.625-.625.625h-11.25a.625.625 0 0 1-.625-.625Z" fill="#1E365E"/></g><path d="M270 121.6v12.8c0 .884.738 1.6 1.65 1.6h29.7c.912 0 1.65-.716 1.65-1.6v-12.8c0-.884-.738-1.6-1.65-1.6h-29.7c-.912 0-1.65.716-1.65 1.6Z" fill="url(#h)"/><circle cx="286" cy="132" r=".5" stroke="#fff"/><circle cx="289" cy="132" r=".5" stroke="#fff"/><path d="M279.464 125.138a.798.798 0 1 0-1.444-.68l-3.484 7.404a.798.798 0 1 0 1.444.68l3.484-7.404ZM284.464 125.138a.798.798 0 1 0-1.444-.68l-3.484 7.404a.798.798 0 1 0 1.444.68l3.484-7.404Z" fill="#fff"/><g filter="url(#i)"><path d="M74 211.92V119h167v92.92c0 4.444-3.758 8.08-8.35 8.08H82.35c-4.593 0-8.35-3.636-8.35-8.08Z" fill="#fff"/></g><path d="M116.249 180.827c-4.204 0-7.63-1.521-10.277-4.562-2.648-3.057-3.972-7.033-3.972-11.93 0-5.17 1.344-9.352 4.033-12.545 2.689-3.193 6.251-4.79 10.686-4.79 4.19 0 7.575 1.528 10.155 4.585 2.593 3.056 3.889 7.086 3.889 12.089 0 5.14-1.344 9.283-4.033 12.431-2.675 3.148-6.169 4.722-10.481 4.722Zm.286-27.486c-2.32 0-4.162.973-5.527 2.92-1.365 1.931-2.047 4.493-2.047 7.687 0 3.239.682 5.801 2.047 7.687 1.365 1.885 3.152 2.828 5.363 2.828 2.28 0 4.088-.912 5.426-2.737 1.337-1.84 2.006-4.387 2.006-7.642 0-3.391-.648-6.029-1.945-7.914-1.297-1.886-3.071-2.829-5.323-2.829Z" fill="url(#j)"/><path d="M145.012 180.827c-3.494 0-6.244-1.087-8.25-3.262-1.993-2.19-2.989-5.155-2.989-8.896 0-3.862 1.037-6.881 3.112-9.055 2.074-2.19 4.879-3.285 8.414-3.285 3.48 0 6.209 1.095 8.188 3.285 1.979 2.174 2.969 5.056 2.969 8.645 0 3.877-1.024 6.941-3.071 9.192-2.033 2.251-4.825 3.376-8.373 3.376Zm.164-18.978c-1.529 0-2.716.586-3.562 1.756-.847 1.171-1.27 2.829-1.27 4.973 0 4.486 1.624 6.729 4.873 6.729 3.098 0 4.647-2.304 4.647-6.911 0-4.365-1.563-6.547-4.688-6.547Z" fill="url(#k)"/><path d="M167.204 177.542h-.082V191h-6.469v-34.101h6.469v3.513h.082c1.597-2.722 3.842-4.083 6.735-4.083 2.716 0 4.811 1.042 6.285 3.125 1.488 2.068 2.232 4.889 2.232 8.463 0 3.892-.867 7.017-2.6 9.374-1.72 2.357-4.013 3.536-6.879 3.536-2.525 0-4.449-1.095-5.773-3.285Zm-.184-9.58v1.871c0 1.611.382 2.927 1.146 3.946.764 1.018 1.767 1.528 3.009 1.528 1.474 0 2.614-.631 3.419-1.893.819-1.278 1.229-3.08 1.229-5.406 0-4.106-1.433-6.159-4.3-6.159-1.323 0-2.408.563-3.255 1.688-.832 1.11-1.248 2.585-1.248 4.425Z" fill="url(#l)"/><path d="M185.281 179.641v-5.84c1.064.715 2.122 1.247 3.173 1.597 1.064.35 2.068.525 3.009.525 1.147 0 2.048-.175 2.703-.525.668-.35 1.003-.882 1.003-1.597 0-.456-.15-.836-.451-1.14-.3-.304-.689-.57-1.167-.798a11.627 11.627 0 0 0-1.535-.616 17.517 17.517 0 0 1-1.617-.616c-.833-.35-1.57-.722-2.211-1.118a6.996 6.996 0 0 1-1.597-1.414 5.944 5.944 0 0 1-.983-1.848c-.218-.699-.327-1.528-.327-2.486 0-1.308.252-2.433.757-3.376a6.733 6.733 0 0 1 2.047-2.303 8.639 8.639 0 0 1 2.928-1.323 13.54 13.54 0 0 1 3.439-.434c.928 0 1.87.084 2.825.251.956.152 1.897.38 2.826.684v5.566a9.371 9.371 0 0 0-2.641-1.186 9.659 9.659 0 0 0-2.744-.411c-.423 0-.825.046-1.207.137a3.227 3.227 0 0 0-.983.365 1.752 1.752 0 0 0-.676.616 1.474 1.474 0 0 0-.245.844c0 .426.122.791.368 1.095a3.4 3.4 0 0 0 .962.798c.396.213.833.411 1.311.593.491.167.975.342 1.453.525.86.334 1.638.699 2.334 1.095a7.31 7.31 0 0 1 1.781 1.391 5.316 5.316 0 0 1 1.146 1.87c.273.715.41 1.567.41 2.555 0 1.384-.273 2.57-.819 3.558a6.89 6.89 0 0 1-2.15 2.396c-.887.608-1.917 1.049-3.091 1.322-1.16.289-2.368.434-3.624.434-2.306 0-4.442-.396-6.407-1.186Z" fill="url(#m)"/><path d="m212.632 147.547-.799 22.536h-5.241l-.757-22.536h6.797Zm-3.358 33.234c-1.092 0-1.993-.365-2.702-1.095-.71-.745-1.065-1.642-1.065-2.691 0-1.095.355-1.992 1.065-2.692.723-.699 1.624-1.049 2.702-1.049 1.092 0 1.986.357 2.682 1.072.696.7 1.044 1.589 1.044 2.669 0 1.095-.348 1.999-1.044 2.714-.682.715-1.576 1.072-2.682 1.072Z" fill="url(#n)"/><path d="M241 99v20H74V99c0-4.4 3.757-8 8.35-8h150.3c4.593 0 8.35 3.6 8.35 8Z" fill="url(#o)"/><path d="M128.019 110.887h100.962c1.114 0 2.019-.888 2.019-1.981v-7.925c0-1.093-.905-1.981-2.019-1.981H128.019c-1.114 0-2.019.888-2.019 1.981v7.925c0 1.093.905 1.981 2.019 1.981Z" fill="url(#p)"/><path d="M88 111a6 6 0 1 0 0-12 6 6 0 0 0 0 12ZM110 111a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill="#fff"/><ellipse cx="24.889" cy="4.004" rx="24.889" ry="4.004" transform="matrix(-1 0 0 1 262.444 224.726)" fill="url(#q)"/><path d="m241.011 198.038-7.458-.798-2.824-8.177 2.303-.913 5.218.091 3.418.822-.657 8.975Z" fill="#FFCEBD"/><path d="M247.234 223.975H229.99v-10.456l15.891-.107 1.353 10.563Z" fill="#4D5068"/><path d="M238.897 188.422s3.185.705 4.265 1.141c0 0 3.456.326 4.535 4.997l2.663 12.095 5.615 6.156-2.16 1.667-7.205-4.923a2.051 2.051 0 0 1-.831-1.19l-1.989-7.865.431 5.158s2.248 6.051 3.507 10.122l-17.954-.94.503-9.054-1.943-8.763 1.152-7.532 3.546-1.341.297.658c.759 1.683 2.555 2.68 4.36 2.334 1.122-.215 1.919-.914 1.21-2.72h-.002Z" fill="url(#r)"/><path d="M227.255 223.975s-2.926-2.119-5.221-4.089c-1.74-1.494-2.472-3.64-2.201-5.925l.022-.084s.995-2.587 2.434-2.587c0 0 8.866 2.309 15.338 8.65l10.904 3.589-20.195 2.607-1.081-2.164v.003Z" fill="#4D5068"/><path opacity=".3" d="M231.43 225.052v.688l17.099-2.209-5.138-1.691-3.412-.975-8.549 4.187Z" fill="#191C3C"/><path d="M255.975 219.276s4.247.924 4.606 2.446c0 0 2.34 5.268-4.894 6.952h-21.882v-3.622l10.416-2.824 11.755-2.952h-.001Z" fill="#4D5068"/><path opacity=".3" d="M260.581 221.72c-.103-.433-.699-1.115-1.141-1.114.004.504.301.961.291 1.486-.013.676-.33 1.344-.776 1.839-.674.746-1.61 1.191-2.519 1.615l-1.646.768c-.502.235-1.009.47-1.547.602-1.78.439-3.658-.115-5.455.211-1.106.202-2.229.294-3.351.388-.878.072-10.632.697-10.632.508v.651h21.882c7.234-1.684 4.894-6.952 4.894-6.952v-.002Z" fill="#191C3C"/><path d="m233.805 225.21-1.53-1.168a2.427 2.427 0 0 0-1.742-.483l-7.554.85a2.123 2.123 0 0 0-2.116 2.124v.064a2.121 2.121 0 0 0 2.116 2.133h10.828v-3.52h-.002Z" fill="#1E365E"/><path d="M220.891 226.194a2.119 2.119 0 0 0 2.086 1.783h10.828v.753h-10.828a2.12 2.12 0 0 1-2.115-2.133v-.064c0-.115.013-.229.031-.339h-.002Z" fill="#0C4DA4"/><path d="m230.533 224.236-7.554.851a2.116 2.116 0 0 0-2.091 1.821 2.144 2.144 0 0 1-.025-.313v-.064a2.123 2.123 0 0 1 2.116-2.123l7.554-.851a2.417 2.417 0 0 1 1.742.484l1.53 1.168v.677l-1.53-1.168a2.427 2.427 0 0 0-1.742-.483v.001Z" fill="#fff"/><path d="m234.524 219.113 13.893-3.584 4.887 4.418-9.083 2.281-9.697-3.115Z" fill="url(#s)"/><path d="m236.743 219.113 12.789-3.331 3.772 3.941-7.379 1.852-9.182-2.462Z" fill="#E2E5EA"/><path d="m244.478 221.772-9.954-2.659v.192c0 .273.177.513.437.594l8.51 2.635a.578.578 0 0 0 .652-.232l.355-.53Z" fill="#C6CCD6"/><path opacity=".3" d="M229.99 214.451a42.617 42.617 0 0 0-4.133-1.926c.041.073.082.148.124.214 2.281 3.477 13.519 3.301 13.519 3.301l.703-1.547-.933-.974h-9.282v.932h.002Z" fill="#191C3C"/><path d="m238.358 190.443-4.268-.942v-3.469h4.268v4.411Z" fill="#FFCEBD"/><path d="M244.326 178.921a5.929 5.929 0 0 0-.008-.133 9.888 9.888 0 0 0-.188-1.248c-.058-.288-.079-.984-.278-1.196-.188-.201-.862-.222-1.122-.257a6.63 6.63 0 0 0-1.291-.039c-.656.044-1.301.187-1.942.337-.595.138-1.188.281-1.772.46-1.018.313-2.019.746-2.825 1.445-.806.699-1.401 1.694-1.443 2.763-.038.944-.523 2.237-.427 2.653.141.61.719 2.091 1.058 2.326.297.207 2.251.015 2.507.26.568.541 1.274.921 1.954 1.293.848.463 1.705.86 2.463.074 1.359-1.407 2.21-3.147 2.693-5.02.314-1.223.683-2.441.619-3.718h.002Z" fill="#FFCEBD"/><path opacity=".4" d="m238.358 187.479-1.025-.607 1.025 1.752v-1.145Z" fill="#A58877"/><g opacity=".49"><path d="M228.909 197.633c-.134.204-.082.423.028.635.023-.212-.16-.435-.028-.635Z" fill="#6C98E3" opacity=".3"/><path d="M237.083 215.238c.436-.668.451-1.57.279-2.367-.181-.844-.561-1.676-1.224-2.226-.603-.498-1.38-.722-2.063-1.102-.684-.38-1.324-1.041-1.275-1.824.026-.421.248-.844.119-1.245-.147-.454-.66-.647-1.058-.906-.725-.476-.977-1.269-1.299-2.02a12.972 12.972 0 0 1-.867-2.917c-.093-.542-.13-1.149-.34-1.664-.085-.209-.291-.453-.418-.701a.308.308 0 0 1-.039.125l-.017 1.097 1.396 6.297-.503 9.053 7.307.398.002.002Z" fill="#6C98E3" opacity=".3"/></g><path d="m239.979 213.519 3.495.821c.136.031.263.092.376.176l1.756 1.314c.276.207.49.485.619.804l.555.956.251 1.85a.502.502 0 0 1-.817-.352l-.083-.988c-.152-.313-.903-1.068-1.243-1.132l-.976-.212.8 1.362a.53.53 0 0 1-.43.799l-1.957-2.383-3.428-1.385 1.082-1.63Z" fill="#FFCEBD"/><path d="M231.309 188.802s-4.293 1.628-4.845 1.919c-.201.107-1.944.724-2.016 2.752-.072 2.028-.745 14.92 1.535 18.396 2.28 3.477 13.581 3.911 13.581 3.911l1.224-2.462-10.811-4.778-1.208-11.3 2.541-8.438h-.001Z" fill="url(#t)"/><path d="m245.086 217.986-.147-1.454.721-.074.219 2.181a.727.727 0 0 1-.795-.653h.002Z" fill="#FFCEBD"/><path d="m244.239 221.947 5.055-8.933a.135.135 0 0 1 .082-.064l15.116-4.121c.121-.034.219.099.153.206l-6.306 9.57a.135.135 0 0 1-.084.06l-13.862 3.483a.138.138 0 0 1-.152-.203l-.002.002Z" fill="url(#u)"/><path d="m260.527 216.654-1.744-.586a.565.565 0 0 1 .355-1.071l1.744.586a.565.565 0 0 1-.355 1.071Z" fill="#FFCEBD"/><path d="m260.334 217.557-2.009-.676a.565.565 0 0 1 .355-1.071l2.009.676a.565.565 0 0 1-.355 1.071Z" fill="#FFCEBD"/><path d="m259.928 218.392-1.601-.537a.564.564 0 0 1 .355-1.071l1.6.538a.564.564 0 0 1-.354 1.07Z" fill="#FFCEBD"/><path d="m259.393 218.955-1.002-.337a.565.565 0 0 1 .355-1.071l1.002.337a.564.564 0 0 1-.355 1.071Z" fill="#FFCEBD"/><path d="M255.56 215.784c-.265.623-.857 1.126-1.323 1.125-.466 0-.629-.508-.363-1.132.265-.623.857-1.127 1.323-1.125.466 0 .627.508.363 1.132Z" fill="#DFE2EC"/><path d="M233.411 181.514c.017-.111.03-.221.038-.326l.008-.135a3.256 3.256 0 0 1 .131-.785c.037-.126.081-.253.132-.375a4.343 4.343 0 0 1 1.032-1.468c.049-.047.098-.091.148-.135.806-.699 1.808-1.132 2.825-1.445.438-.134.881-.248 1.326-.355.149-.036.297-.071.446-.105.401-.092.803-.184 1.208-.25a7.534 7.534 0 0 1 1.058-.102 6.628 6.628 0 0 1 .968.053c.032.005.071.008.114.013.306.029.842.069 1.007.243a.637.637 0 0 1 .119.235c.015.05.03.104.041.16.007.028.012.057.017.085.047.262.068.553.101.714a20.987 20.987 0 0 1 .114.62c.033.208.059.417.074.627l.008.133c.003.079.007.158.007.237-.9.42-1.975.303-2.918-.026-.291-.102-.582-.222-.891-.244-1.681-.111-2.289 2.027-2.032 3.297.016.084.036.167.05.253.149.331.161.712.179 1.079.021.41.068.847.33 1.163.704.852 1.603-.38 2.355-.452a1.875 1.875 0 0 1 1.534.582 10.243 10.243 0 0 1-1.928 2.849c-.758.786-1.615.39-2.463-.074-.409-.224-.826-.451-1.218-.713-.198-.279-.433-.528-.753-.628a.984.984 0 0 0-.228-.041 4.8 4.8 0 0 0-.662-.049c-.096-.344.221-.775.584-.94.43-.195.951-.245 1.273-.595.363-.395.313-.985.187-1.526-.087-.224-.087-.533-.218-.747-.238-.393-.866-.331-1.195-.01-.86.836-.801 2.41-1.523 3.332-.224.287-.46.39-.688.374a.067.067 0 0 1-.02-.012c-.338-.235-.917-1.715-1.058-2.325.103-.688.291-1.561.381-2.193v.007Z" fill="#A58877" opacity=".2"/><path d="M239.754 178.071a4.766 4.766 0 0 0-.97.062c-.58.11-1.114.39-1.608.717-1.228.813-1.983 1.973-2.627 3.274-.144.291-.284.59-.515.819-.214.212-.562.396-.871.383-.46-.02-.38-.067-.424-.503-.083-.831-.039-1.698-.059-2.533a7.375 7.375 0 0 1 .561-3.015c.265-.642.571-1.273.997-1.82.427-.546.98-1.008 1.63-1.238.693-.244 1.445-.217 2.178-.186 1.651.069 3.295.184 4.945.242.66.023 1.325-.117 1.945.214.518.276.858.827.979 1.406.09.434.067.898-.108 1.304-.175.407-.507.752-.924.9-.384.137-.796.099-1.185.013-.381-.084-.564-.074-.938-.026-.816.102-1.649.026-2.467.005-.18-.005-.358-.012-.538-.015l-.001-.003Z" fill="#4D5068"/><g opacity=".5"><path d="M242.788 210.678c-.01-1.181.359-2.336.395-3.517.033-1.097-.227-2.186-.608-3.215-.178-.482-.385-.966-.405-1.479-.034-.906.603-1.795 1.469-2.048.068.469.156.936.26 1.398l.322 3.841s2.248 6.051 3.507 10.122l-4.394-.23c.189-1.554-.533-3.242-.546-4.874v.002Z" fill="#6C98E3" opacity=".3"/></g><ellipse cx="68.388" cy="221.653" rx="37.969" ry="8.743" fill="url(#v)" opacity=".5"/><path d="M66.126 192.902s-12.967-2.316-13.445-13.663c0 0 3.406 2.408 5.815 3.212 1.02.51 8.434 3.617 7.63 10.451ZM81.968 188.457s1.63 7.584-8.878 8.887c0 0-1.574-2.346 2.811-5.109.694-.436 1.48-.682 2.29-.814 1.044-.167 2.718-.79 3.777-2.964Z" fill="#80AFD4"/><path d="M75.901 192.618c.694-.437 1.48-.682 2.29-.814 1.044-.17 2.718-.793 3.777-2.967 0 0 .073.344.088.893.02-.77-.088-1.273-.088-1.273-1.059 2.174-2.736 2.797-3.777 2.966-.807.133-1.596.378-2.29.815-2.75 1.734-3.157 3.302-3.076 4.23.061-.947.669-2.334 3.076-3.85ZM58.901 182.502c-1.42-.533-4.023-2.202-6.257-3.945v.678c1.95 1.417 4.196 2.806 5.468 3.281 2.503.937 5.26 2.796 6.542 5.047 1.451 2.547 1.591 4.452 1.472 5.338-.179.014.175-.007 0 0 0 0 .617-2.163-1.33-5.576-1.284-2.25-3.391-3.886-5.895-4.823Z" fill="#80AFD4"/><path d="M67.356 172.004s-8.633 13.443 1.233 21.193c0 0 2.115-1.724 2.689-6.079.377-2.871-.24-5.776-1.584-8.342-.762-1.458-1.686-3.685-2.338-6.772Z" fill="#80AFD4"/><path d="M69.694 178.773c-.762-1.457-1.686-3.685-2.338-6.771 0 0 .002-.059-.324.542.633 2.603 1.368 4.389 2.052 5.692 1.343 2.566 2.324 6.119 1.944 8.989-.43 3.249-1.812 5.273-2.437 5.97-.144-.113.138.115 0 0 0 0 2.116-1.725 2.69-6.08.377-2.871-.244-5.775-1.587-8.342ZM54.63 190.253s-4.763-1.05-6.574 5.53c0 0 5.145-4.004 6.191-.763 0 0 2.383 3.815 6.097 3.624 0 0 .19-8.2-5.714-8.391Z" fill="#80AFD4"/><path d="M54.63 190.633c5.14.167 5.662 6.397 5.711 8.011h.005s.191-8.2-5.716-8.391c0 0-4.763-1.05-6.574 5.53 0 0 .059-.046.147-.11 1.907-6.031 6.427-5.04 6.427-5.04Z" fill="#80AFD4"/><path opacity=".5" d="M59.265 197.699c.807 1.092 1.912 1.666 2.983 2.459 2.312 1.712 2.408 4.917 2.616 7.559.044.547.87.564.865 0-.022-2.159-.346-4.983-1.654-6.772-1.138-1.555-3.163-2.107-4.46-3.518-.166-.181-.502.066-.35.272Z" fill="url(#w)"/><path opacity=".5" d="M63.839 190.555c3.362 2.824 3.11 5.967 2.583 9.951-.348 2.628-.23 5.449.895 7.881.174.375.691.093.627-.265-.407-2.23-.924-4.35-.765-6.644.128-1.845.716-3.639.523-5.501-.253-2.436-1.608-4.429-3.547-5.832-.238-.169-.542.221-.316.41Z" fill="url(#x)"/><path opacity=".5" d="M68.157 189.87c-.235 2.959.564 5.888.615 8.852.054 3.023-.735 5.852-1.03 8.823-.026.267.398.378.51.137 2.616-5.537.856-12.049.342-17.812-.027-.28-.415-.282-.437 0Z" fill="url(#y)"/><path opacity=".5" d="M75.693 195.467c-1.917 1.545-4.532 2.664-5.336 5.127-.508 1.558-2.192 5.427-.618 6.72.15.123.38.047.385-.159.068-2.23.394-5.366 1.61-7.277 1.03-1.619 3.042-2.591 4.229-4.2.127-.172-.13-.324-.27-.211Z" fill="url(#z)"/><path d="M72.459 222.602h-8.582c-1.002 0-1.85-.758-1.992-1.781L59.61 204.53h16.611l-1.764 16.229c-.113 1.05-.975 1.843-2 1.843Z" fill="#80AFD4"/><path d="M77.667 203.807h-19.5v2.892h19.5v-2.892Z" fill="#80AFD4"/><g filter="url(#A)"><path d="m265.5 68.094-12.563 11.72c-.718.697-1.937.197-1.937-.778V68.094h14.5Z" fill="url(#B)"/><path d="M244.058 75.12h39.884A3.056 3.056 0 0 0 287 72.07V46.05c0-1.683-1.37-3.05-3.058-3.05h-39.884A3.056 3.056 0 0 0 241 46.05v26.02c0 1.684 1.37 3.05 3.058 3.05Z" fill="url(#C)"/><path d="M263.972 64.569c-.888 0-1.595-.75-1.595-1.663v-.45a5.137 5.137 0 0 1 2.83-4.613c.971-.5 1.823-1.7 1.511-3.275-.216-1.087-1.067-1.975-2.111-2.2-.875-.188-1.714.012-2.386.587a2.96 2.96 0 0 0-1.031 2.263c0 .925-.72 1.663-1.595 1.663-.876 0-1.595-.75-1.595-1.663 0-1.888.803-3.663 2.218-4.85a5.88 5.88 0 0 1 5.061-1.263c2.278.5 4.125 2.425 4.593 4.788.563 2.838-.768 5.688-3.238 6.95-.636.326-1.031.938-1.031 1.613v.45c-.024.913-.744 1.663-1.631 1.663ZM263.97 69.393c-.42 0-.828-.174-1.14-.485a2.154 2.154 0 0 1-.191-.262c-.06-.087-.108-.187-.156-.286-.036-.112-.072-.212-.084-.312a1.488 1.488 0 0 1 0-.647c.012-.112.048-.212.084-.312.036-.1.084-.186.156-.286.06-.087.12-.174.191-.25.6-.622 1.667-.622 2.267 0 .084.076.144.163.204.25s.108.187.156.286c.036.112.06.212.084.312a1.487 1.487 0 0 1 0 .647 2.342 2.342 0 0 1-.084.312c-.036.1-.096.186-.156.286a1.94 1.94 0 0 1-.204.262 1.53 1.53 0 0 1-1.127.485Z" fill="#fff"/></g><defs><linearGradient id="a" x1="265.105" y1="191" x2="265.105" y2="221.983" gradientUnits="userSpaceOnUse"><stop stop-color="#004D87"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="b" x1="265.105" y1="221.983" x2="265.105" y2="224.763" gradientUnits="userSpaceOnUse"><stop stop-color="#004D87"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="c" x1="264.857" y1="205.732" x2="280.604" y2="215.765" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="h" x1="260.674" y1="115.775" x2="307.269" y2="108.47" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="j" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="k" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="l" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="m" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="n" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="o" x1="26.804" y1="83.607" x2="227.209" y2="-7.247" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="p" x1="96.326" y1="95.861" x2="201.025" y2="25.563" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="r" x1="248.235" y1="212.741" x2="229.486" y2="195.872" gradientUnits="userSpaceOnUse"><stop stop-color="#F1F9FF"/><stop offset="0" stop-color="#F3FAFF"/><stop offset=".505" stop-color="#F1F7FC"/><stop offset="1" stop-color="#E3ECF4"/></linearGradient><linearGradient id="s" x1="237.529" y1="215.931" x2="240.175" y2="224.81" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="t" x1="236.172" y1="212.813" x2="220.63" y2="204.27" gradientUnits="userSpaceOnUse"><stop stop-color="#F1F9FF"/><stop offset="0" stop-color="#F3FAFF"/><stop offset=".505" stop-color="#F1F7FC"/><stop offset="1" stop-color="#E3ECF4"/></linearGradient><linearGradient id="u" x1="247.493" y1="209.623" x2="255.571" y2="224.458" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="w" x1="60.267" y1="198.01" x2="67.646" y2="203.343" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="x" x1="64.43" y1="191.211" x2="71.171" y2="193.043" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="y" x1="68.047" y1="190.749" x2="71.294" y2="191.158" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="z" x1="70.189" y1="196.144" x2="78.259" y2="201.737" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="B" x1="246.902" y1="64.913" x2="267.705" y2="63.01" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="C" x1="228" y1="34.519" x2="293.767" y2="27.36" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><filter id="f" x="18" y="110" width="38" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><filter id="g" x="20.5" y="112.5" width="33" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><filter id="i" x="69" y="115" width="175" height="109" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><filter id="A" x="236" y="39" width="54" height="45.139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><radialGradient id="q" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.39359 2.54514 -1.05888 4.74017 25.387 4.164)"><stop stop-color="#8E9AAE"/><stop offset="0" stop-color="#ACCAE2"/><stop offset=".208" stop-color="#C6CCD6"/><stop offset="1" stop-color="#E2E5EA" stop-opacity=".05"/></radialGradient><radialGradient id="v" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(17.38146 5.5578 -3.15266 9.85963 69.148 222.003)"><stop stop-color="#8E9AAE"/><stop offset="0" stop-color="#8E9AAE"/><stop offset=".285" stop-color="#C6CCD6"/><stop offset="1" stop-color="#EAEAEA" stop-opacity=".13"/></radialGradient><clipPath id="e"><path fill="#fff" transform="translate(23 114)" d="M0 0h30v30H0z"/></clipPath></defs></svg>`,
|
|
611
623
|
name: 'empty-state-404'
|
|
@@ -626,6 +638,10 @@ const gdsEmptyStateGettingStartedIcon = {
|
|
|
626
638
|
data: `<svg width="470" height="135" viewBox="0 0 470 150" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g opacity="1"><g clip-path="url(#clip0_1616_172933)"><rect x="94" y="22" width="288" height="109" fill="url(#pattern0_1616_172933)"/></g></g><g opacity="0.95"><rect x="145" y="107" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M454 122C454.552 122 455 121.552 455 121C455 120.448 454.552 120 454 120C453.448 120 453 120.448 453 121C453 121.552 453.448 122 454 122ZM454 126C454.552 126 455 125.552 455 125C455 124.448 454.552 124 454 124C453.448 124 453 124.448 453 125C453 125.552 453.448 126 454 126ZM455 129C455 129.552 454.552 130 454 130C453.448 130 453 129.552 453 129C453 128.448 453.448 128 454 128C454.552 128 455 128.448 455 129Z" fill="#666666"/><rect x="277" y="122" width="124" height="6" rx="2" transform="rotate(180 277 122)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 153 134)" fill="#D8D3EB"/></g><g opacity="0.95"><rect x="142" y="8" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M451 23C451.552 23 452 22.5523 452 22C452 21.4477 451.552 21 451 21C450.448 21 450 21.4477 450 22C450 22.5523 450.448 23 451 23ZM451 27C451.552 27 452 26.5523 452 26C452 25.4477 451.552 25 451 25C450.448 25 450 25.4477 450 26C450 26.5523 450.448 27 451 27ZM452 30C452 30.5523 451.552 31 451 31C450.448 31 450 30.5523 450 30C450 29.4477 450.448 29 451 29C451.552 29 452 29.4477 452 30Z" fill="#666666"/><rect x="274" y="23" width="124" height="6" rx="2" transform="rotate(180 274 23)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 150 35)" fill="#D8D3EB"/></g><g filter="url(#filter0_bdd_1616_172933)"><rect x="4" y="51" width="415" height="36" rx="4" fill="#FCFBFD" shape-rendering="crispEdges"/><rect x="8" y="55" width="407" height="28" rx="6" fill="#5B42A8" fill-opacity="0.04"/><rect x="144" y="66" width="124" height="6" rx="2" transform="rotate(180 144 66)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 20 78)" fill="#D8D3EB"/><path d="M397 65C396.31 65 395.75 64.4404 395.75 63.75C395.75 63.0596 396.31 62.5 397 62.5C397.69 62.5 398.25 63.0596 398.25 63.75C398.25 64.4404 397.69 65 397 65ZM397 70.25C396.31 70.25 395.75 69.6904 395.75 69C395.75 68.3096 396.31 67.75 397 67.75C397.69 67.75 398.25 68.3096 398.25 69C398.25 69.6904 397.69 70.25 397 70.25ZM395.75 74.25C395.75 74.9404 396.31 75.5 397 75.5C397.69 75.5 398.25 74.9404 398.25 74.25C398.25 73.5596 397.69 73 397 73C396.31 73 395.75 73.5596 395.75 74.25Z" fill="#2F1973"/><rect x="8" y="59" width="3" height="20" rx="1.5" fill="#5B42A8"/></g><path d="M242 79.0034C242 77.3553 243.906 76.4147 245.241 77.4039L261.436 89.4046C262.993 90.5579 262.167 93.0038 260.221 93.0038H252.231C251.602 93.0038 251.008 93.2931 250.625 93.7864L245.632 100.213C244.454 101.73 242 100.907 242 98.9964V79.0034Z" fill="#FEC437"/><defs><pattern id="pattern0_1616_172933" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_1616_172933" transform="matrix(0.000372024 0 0 0.000982962 0 -0.254915)"/></pattern><filter id="filter0_bdd_1616_172933" x="-236" y="-189" width="895" height="516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImageFix" stdDeviation="120"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1616_172933"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feBlend mode="normal" in2="effect1_backgroundBlur_1616_172933" result="effect2_dropShadow_1616_172933"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="effect2_dropShadow_1616_172933" result="effect3_dropShadow_1616_172933"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_1616_172933" result="shape"/></filter><clipPath id="clip0_1616_172933"><rect x="94" y="22" width="288" height="109" rx="4" fill="white"/></clipPath><image id="image0_1616_172933" width="2688" height="1536" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
|
|
627
639
|
name: 'empty-state-getting-started'
|
|
628
640
|
};
|
|
641
|
+
const gdsEmptyStateNoEmailConnectedIcon = {
|
|
642
|
+
data: `<svg width="132" height="132" viewBox="0 0 132 132" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_32247_389)"><path d="M61.7935 10.8077L23.8032 26.1567C10.0232 31.7242 4.93392 42.2275 9.96114 54.6703L26.9878 96.8127C32.0974 109.459 42.9886 113.316 56.7686 107.749L94.7588 92.3999C108.761 86.7426 113.69 76.4941 108.58 63.8473L91.5533 21.705C86.5261 9.26214 75.7956 5.15046 61.7935 10.8077Z" fill="url(#paint0_linear_32247_389)"/><foreignObject x="0.5" y="10.5" width="161" height="151"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(15px);clip-path:url(#bgblur_1_32247_389_clip_path);height:100%;width:100%"/></foreignObject><g filter="url(#filter0_n_32247_389)" data-figma-bg-blur-radius="30"><path d="M31 63.5C31 51.0736 40.4256 41 52.0526 41H109.947C121.574 41 131 51.0736 131 63.5V108.5C131 120.926 121.574 131 109.947 131H52.0526C40.4256 131 31 120.926 31 108.5V63.5Z" fill="#E6E6E6" fill-opacity="0.4"/><path d="M109.947 40.75L110.498 40.7578C122.023 41.0698 131.25 51.1476 131.25 63.5V108.5C131.25 121.049 121.728 131.25 109.947 131.25H52.0527C40.2722 131.25 30.75 121.049 30.75 108.5V63.5C30.75 50.9514 40.2722 40.75 52.0527 40.75H109.947Z" stroke="url(#paint1_linear_32247_389)" stroke-width="0.5"/></g><foreignObject x="11.8534" y="37.2484" width="137.109" height="87.8196"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(15.2px);clip-path:url(#bgblur_2_32247_389_clip_path);height:100%;width:100%"/></foreignObject><g filter="url(#filter1_d_32247_389)" data-figma-bg-blur-radius="30.3966"><path d="M112.372 68.3466C114.165 67.1062 116.623 67.5541 117.864 69.3463C119.105 71.1387 118.657 73.5974 116.865 74.8382L94.6374 90.2267C86.0767 96.1529 74.7391 96.1529 66.1783 90.2267L43.9513 74.8382C42.159 73.5974 41.7112 71.1387 42.9516 69.3463C44.1923 67.5541 46.6511 67.1062 48.4434 68.3466L70.6705 83.7352C76.5281 87.7904 84.2876 87.7904 90.1452 83.7352L112.372 68.3466Z" fill="url(#paint2_linear_32247_389)"/><path d="M112.515 68.5522C114.193 67.3905 116.496 67.8101 117.658 69.4888C118.82 71.1674 118.401 73.47 116.723 74.6323L94.4951 90.021C86.02 95.8879 74.7954 95.8879 66.3203 90.021L44.0938 74.6323C42.415 73.4701 41.9956 71.1676 43.1572 69.4888C44.3194 67.8101 46.622 67.3907 48.3008 68.5522L70.5283 83.9409C76.4714 88.0552 84.344 88.0551 90.2871 83.9409L112.515 68.5522Z" stroke="url(#paint3_linear_32247_389)" stroke-opacity="0.5" stroke-width="0.5"/></g></g><defs><filter id="filter0_n_32247_389" x="0.5" y="10.5" width="161" height="151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="5 5" stitchTiles="stitch" numOctaves="3" result="noise" seed="723"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0"/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(230, 230, 230, 0.25)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_32247_389"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><clipPath id="bgblur_1_32247_389_clip_path" transform="translate(-0.5 -10.5)"><path d="M31 63.5C31 51.0736 40.4256 41 52.0526 41H109.947C121.574 41 131 51.0736 131 63.5V108.5C131 120.926 121.574 131 109.947 131H52.0526C40.4256 131 31 120.926 31 108.5V63.5Z"/></clipPath><filter id="filter1_d_32247_389" x="11.8534" y="37.2484" width="137.109" height="87.8196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="2" dy="2"/><feGaussianBlur stdDeviation="6"/><feColorMatrix type="matrix" values="0 0 0 0 0.351732 0 0 0 0 0.351732 0 0 0 0 0.351732 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_32247_389"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_32247_389" result="shape"/></filter><clipPath id="bgblur_2_32247_389_clip_path" transform="translate(-11.8534 -37.2484)"><path d="M112.372 68.3466C114.165 67.1062 116.623 67.5541 117.864 69.3463C119.105 71.1387 118.657 73.5974 116.865 74.8382L94.6374 90.2267C86.0767 96.1529 74.7391 96.1529 66.1783 90.2267L43.9513 74.8382C42.159 73.5974 41.7112 71.1387 42.9516 69.3463C44.1923 67.5541 46.6511 67.1062 48.4434 68.3466L70.6705 83.7352C76.5281 87.7904 84.2876 87.7904 90.1452 83.7352L112.372 68.3466Z"/></clipPath><linearGradient id="paint0_linear_32247_389" x1="42.7961" y1="18.4831" x2="81" y2="72" gradientUnits="userSpaceOnUse"><stop stop-color="#4B5E7E"/><stop offset="1" stop-color="#941200"/></linearGradient><linearGradient id="paint1_linear_32247_389" x1="47.3968" y1="60.6452" x2="140.224" y2="164.191" gradientUnits="userSpaceOnUse"><stop stop-color="#D9E7F2"/><stop offset="1" stop-color="#4B5E7E"/></linearGradient><linearGradient id="paint2_linear_32247_389" x1="35.4933" y1="65.4342" x2="34.6069" y2="105.723" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0.5"/></linearGradient><linearGradient id="paint3_linear_32247_389" x1="51.2457" y1="87.099" x2="96.2362" y2="54.7688" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><clipPath id="clip0_32247_389"><rect width="132" height="132" fill="white"/></clipPath></defs></svg>`,
|
|
643
|
+
name: 'empty-state-no-email-connected'
|
|
644
|
+
};
|
|
629
645
|
const gdsEmptyStateNoMattersIcon = {
|
|
630
646
|
data: `<svg width="320" height="116" viewBox="0 0 320 120" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#a)" opacity=".8"><path fill="url(#b)" d="M110 16h100v100H110z"/></g><rect x="44" y="78" width="231.059" height="30.579" rx="4" fill="#ECE9F5" opacity=".95"/><path d="M261.371 92.494a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5m0 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5m1.25 4a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0" fill="#666"/><rect x="137.845" y="90.741" width="88.158" height="5.096" rx="2" transform="rotate(180 137.845 90.741)" fill="#D8D3EB"/><rect width="54.032" height="5.096" rx="2" transform="matrix(1 0 0 -1 49.688 100.934)" fill="#D8D3EB"/><rect x="44" y="41" width="231" height="31" rx="4" fill="#FCFBFD"/><rect x="48" y="42.5" width="223" height="28" rx="6" fill="#5B42A8" fill-opacity=".04"/><rect x="184" y="53.5" width="124" height="6" rx="2" transform="rotate(180 184 53.5)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 60 65.5)" fill="#D8D3EB"/><path d="M253 52.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0 5.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m-1.25 4a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0" fill="#2F1973"/><rect x="48" y="46.5" width="3" height="20" rx="1.5" fill="#5B42A8"/><path d="M157.312 45.25H127.75V33.156a5.375 5.375 0 0 1 5.375-5.375h14.843a5.37 5.37 0 0 1 5.137 3.795z" fill="#FEC437"/><path d="M184.188 35.844h-48.376a8.06 8.06 0 0 0-8.062 8.062v30.907a8.06 8.06 0 0 0 8.062 8.062h48.376a8.06 8.06 0 0 0 8.062-8.062V43.906a8.06 8.06 0 0 0-8.062-8.062" fill="#FEC437"/><path opacity=".3" d="M155.969 42.563a6.72 6.72 0 0 0 6.719-6.72h-26.876a8.06 8.06 0 0 0-8.062 8.063v14.782a6.72 6.72 0 0 0 6.719-6.72v-8.062c0-.742.603-1.343 1.343-1.343z" fill="#fff"/><path opacity=".15" d="M192.25 74.813V51.969a6.72 6.72 0 0 0-6.719 6.718v16.126c0 .741-.603 1.343-1.343 1.343h-25.532a6.72 6.72 0 0 0-6.718 6.719h32.25a8.06 8.06 0 0 0 8.062-8.062" fill="#4D4D4D"/><path d="M133.125 48.61v-4.704a2.69 2.69 0 0 1 2.687-2.687h9.15" stroke="#fff" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M107.781 106.141a4.921 4.921 0 0 1-3.481-8.402l17.719-17.719a4.922 4.922 0 0 1 6.961 6.96l-17.719 17.719a4.9 4.9 0 0 1-3.48 1.442" fill="#2F1973"/><path d="M128.945 100.234c11.689 0 21.164-9.475 21.164-21.164 0-11.688-9.475-21.164-21.164-21.164-11.688 0-21.164 9.476-21.164 21.164s9.476 21.164 21.164 21.164" fill="#2F1973"/><path d="M128.945 93.344c7.883 0 14.274-6.39 14.274-14.274s-6.391-14.273-14.274-14.273-14.273 6.39-14.273 14.273 6.39 14.274 14.273 14.274" fill="#FEC437"/><path opacity=".15" d="M149.526 74.208c-2.44.29-4.338 2.343-4.338 4.862 0 8.956-7.287 16.243-16.243 16.243a16.23 16.23 0 0 1-8.012-2.128 4.924 4.924 0 0 0-5.916.798l-7.236 7.236c-1.284 1.284-1.69 3.099-1.257 4.738.413.109.833.184 1.257.184a4.9 4.9 0 0 0 3.481-1.442l7.237-7.238a21.04 21.04 0 0 0 10.446 2.773c11.689 0 21.164-9.475 21.164-21.164 0-1.676-.215-3.3-.583-4.862" fill="#4D4D4D"/><path opacity=".3" d="M108.351 83.935c2.446-.286 4.352-2.342 4.352-4.865 0-8.955 7.286-16.242 16.242-16.242 2.518 0 4.572-1.898 4.863-4.338a21.2 21.2 0 0 0-4.863-.584c-11.688 0-21.164 9.476-21.164 21.164 0 1.676.201 3.303.57 4.865" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M123.261 62.308a1.575 1.575 0 0 1-.727 2.106 17.25 17.25 0 0 0-7.815 7.685 1.576 1.576 0 0 1-2.809-1.426 20.4 20.4 0 0 1 9.246-9.092 1.575 1.575 0 0 1 2.105.727" fill="#fff"/><path opacity=".15" d="M142.884 75.965a3.1 3.1 0 0 0-2.775 3.076c0 6.172-5.021 11.193-11.193 11.193a3.1 3.1 0 0 0-3.076 2.775 14.4 14.4 0 0 0 3.076.335c7.899 0 14.303-6.404 14.303-14.303a14.4 14.4 0 0 0-.335-3.076" fill="#4D4D4D"/><defs><clipPath id="a"><rect x="110" y="16" width="100" height="100" rx="4" fill="#fff"/></clipPath><pattern id="b" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#c" transform="translate(-.375)scale(.00065)"/></pattern><image id="c" width="2688" height="1536" preserveAspectRatio="none" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
|
|
631
647
|
name: 'empty-state-no-matters'
|
|
@@ -1670,6 +1686,10 @@ const gdsLineConditionalFieldsIcon = {
|
|
|
1670
1686
|
data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.66663" y="9.66675" width="12.6667" height="4.66667" rx="1.5" stroke="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.66663 5.33325L8.02365 2.97623L10.3807 5.33325L8.02365 7.69027L5.66663 5.33325Z" stroke="currentColor" stroke-linejoin="round"/><path d="M12 5.22632L13.3213 5.23141C13.869 5.23352 14.3131 5.6758 14.3175 6.22348L14.3333 8.22632" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 5.22632L2.67865 5.22123C2.13096 5.21912 1.68687 4.77683 1.68253 4.22916L1.66667 2.22632" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
|
|
1671
1687
|
name: 'line-conditional-fields'
|
|
1672
1688
|
};
|
|
1689
|
+
const gdsLineConnectAddIcon = {
|
|
1690
|
+
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.9636 2.30829C17.9384 2.24755 17.9015 2.19237 17.8549 2.14593C17.8082 2.09917 17.7526 2.06216 17.6914 2.03703C17.6303 2.0119 17.5647 1.99915 17.4986 1.99952C17.4325 1.99989 17.3671 2.01338 17.3062 2.03919C17.2453 2.06501 17.1902 2.10265 17.1439 2.14993L14.4439 4.84993C13.6674 4.24592 12.697 3.94633 11.7151 4.00747C10.7333 4.0686 9.80753 4.48626 9.11193 5.18193L8.50093 5.79293C8.40342 5.89043 8.32607 6.00619 8.2733 6.13358C8.22052 6.26098 8.19336 6.39753 8.19336 6.53543C8.19336 6.67332 8.22052 6.80987 8.2733 6.93727C8.32607 7.06467 8.40342 7.18042 8.50093 7.27793L11.2747 10.0445C11.5511 9.84402 11.8469 9.66867 12.1588 9.52176L9.51894 6.88193C9.42728 6.7899 9.37581 6.66531 9.37581 6.53543C9.37581 6.40554 9.42728 6.28095 9.51894 6.18893L9.81894 5.88893C10.3867 5.31979 11.1573 4.99945 11.9612 4.99832C12.7651 4.9972 13.5366 5.31539 14.1059 5.88293L14.1119 5.89393L14.1179 5.89993C14.6828 6.46974 14.9992 7.24 14.9979 8.04237C14.9974 8.37465 14.9424 8.70124 14.8378 9.01021C15.183 9.03112 15.5195 9.08387 15.8446 9.16555C15.9283 8.87997 15.9806 8.58405 15.9994 8.28284C16.0606 7.30061 15.7602 6.32994 15.1549 5.55393L17.8549 2.85393C17.9015 2.80748 17.9384 2.75231 17.9636 2.69156C17.9889 2.63082 18.0018 2.56569 18.0018 2.49993C18.0018 2.43416 17.9889 2.36904 17.9636 2.30829ZM7.27889 8.49996L10.0483 11.2694C9.84728 11.5459 9.67138 11.8419 9.52398 12.154L6.88789 9.51796C6.79604 9.42636 6.67161 9.37492 6.54189 9.37492C6.41217 9.37492 6.28775 9.42636 6.19589 9.51796L5.89589 9.81796C5.32774 10.3863 5.00806 11.1566 5.00694 11.9602C5.00582 12.7638 5.32333 13.5351 5.88989 14.105L5.89589 14.111L5.90089 14.117C6.18262 14.3983 6.51706 14.6214 6.88507 14.7734C7.25309 14.9254 7.64747 15.0034 8.04564 15.0028C8.37424 15.0023 8.7001 14.9484 9.01056 14.8436C9.03159 15.1848 9.08375 15.5177 9.16421 15.8393C8.88021 15.922 8.58606 15.9738 8.28669 15.9924C7.30481 16.0536 6.33442 15.754 5.55789 15.15L2.85789 17.85C2.81166 17.8972 2.75651 17.9349 2.69563 17.9607C2.63475 17.9865 2.56935 18 2.50323 18.0004C2.4371 18.0007 2.37156 17.988 2.31039 17.9629C2.24923 17.9377 2.19366 17.9007 2.14689 17.854C2.10033 17.8075 2.06339 17.7523 2.03818 17.6916C2.01297 17.6308 2 17.5657 2 17.5C2 17.4342 2.01297 17.3691 2.03818 17.3083C2.06339 17.2476 2.10033 17.1924 2.14689 17.146L4.84689 14.446C4.24164 13.6699 3.94127 12.6993 4.00243 11.717C4.06359 10.7348 4.48205 9.8089 5.17889 9.11396L5.47889 8.81396L5.79389 8.49996C5.8914 8.40245 6.00715 8.32509 6.13455 8.27232C6.26195 8.21955 6.3985 8.19238 6.53639 8.19238C6.67429 8.19238 6.81084 8.21955 6.93824 8.27232C7.06563 8.32509 7.18139 8.40245 7.27889 8.49996ZM17.0001 18.2416C16.26 18.7361 15.39 19 14.5 19C13.3065 19 12.1619 18.5259 11.318 17.682C10.4741 16.8381 10 15.6935 10 14.5C10 13.61 10.2639 12.74 10.7584 11.9999C11.2529 11.2599 11.9557 10.6831 12.7779 10.3425C13.6002 10.0019 14.505 9.91284 15.3779 10.0865C16.2508 10.2601 17.0526 10.6887 17.682 11.318C18.3113 11.9474 18.7399 12.7492 18.9135 13.6221C19.0872 14.495 18.9981 15.3998 18.6575 16.2221C18.3169 17.0443 17.7401 17.7471 17.0001 18.2416ZM14.8536 12.1464C14.7598 12.0527 14.6326 12 14.5 12C14.3674 12 14.2402 12.0527 14.1464 12.1464C14.0527 12.2402 14 12.3674 14 12.5V14H12.5C12.3674 14 12.2402 14.0527 12.1464 14.1464C12.0527 14.2402 12 14.3674 12 14.5C12 14.6326 12.0527 14.7598 12.1464 14.8536C12.2402 14.9473 12.3674 15 12.5 15H14V16.5C14 16.6326 14.0527 16.7598 14.1464 16.8536C14.2402 16.9473 14.3674 17 14.5 17C14.6326 17 14.7598 16.9473 14.8536 16.8536C14.9473 16.7598 15 16.6326 15 16.5V15H16.5C16.6326 15 16.7598 14.9473 16.8536 14.8536C16.9473 14.7598 17 14.6326 17 14.5C17 14.3674 16.9473 14.2402 16.8536 14.1464C16.7598 14.0527 16.6326 14 16.5 14H15V12.5C15 12.3674 14.9473 12.2402 14.8536 12.1464Z" fill="currentColor"/></svg>`,
|
|
1691
|
+
name: 'line-connect-add'
|
|
1692
|
+
};
|
|
1673
1693
|
const gdsLineContactIcon = {
|
|
1674
1694
|
data: `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2197 12.25C16.2197 11.8358 15.8839 11.5 15.4697 11.5H10.4697C10.0555 11.5 9.71973 11.8358 9.71973 12.25V12.7495C9.71973 13.75 11.1029 14.5 12.9697 14.5C14.8365 14.5 16.2197 13.75 16.2197 12.7495V12.25ZM14.7197 8.74547C14.7197 7.77863 13.9366 7 12.9697 7C12.0029 7 11.2197 7.77863 11.2197 8.74547C11.2197 9.71231 12.0029 10.4961 12.9697 10.4961C13.9366 10.4961 14.7197 9.71231 14.7197 8.74547ZM4.71973 4.5C4.71973 3.11929 5.83901 2 7.21973 2H18.7197C20.1004 2 21.2197 3.11929 21.2197 4.5V18.75C21.2197 19.1642 20.8839 19.5 20.4697 19.5H6.21973C6.21973 20.0523 6.66744 20.5 7.21973 20.5H20.4697C20.8839 20.5 21.2197 20.8358 21.2197 21.25C21.2197 21.6642 20.8839 22 20.4697 22H7.21973C5.83901 22 4.71973 20.8807 4.71973 19.5V4.5ZM6.21973 4.5V18H19.7197V4.5C19.7197 3.94772 19.272 3.5 18.7197 3.5H7.21973C6.66744 3.5 6.21973 3.94772 6.21973 4.5Z" fill="currentColor"/></svg>`,
|
|
1675
1695
|
name: 'line-contact'
|
|
@@ -1766,6 +1786,22 @@ const gdsLineEditIcon = {
|
|
|
1766
1786
|
data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6567 4.99599C14.4 4.25277 14.3875 3.04397 13.6291 2.31623C12.8925 1.6094 11.7259 1.62143 11.004 2.34329L9.95007 3.39725L3.33857 10.0087C3.28364 10.0637 3.24226 10.1307 3.21772 10.2044L2.2347 13.1575C2.17462 13.338 2.22215 13.5369 2.35733 13.6708C2.4925 13.8046 2.6919 13.8501 2.87177 13.7883L5.80038 12.7807C5.87225 12.756 5.93753 12.7152 5.99127 12.6614L13.6567 4.99599ZM10.3036 4.45791L4.12922 10.6323L3.50301 12.5136L5.36584 11.8727L11.5421 5.69639L10.3036 4.45791ZM12.2492 4.98929L11.0107 3.7508L11.7111 3.0504C12.0482 2.71338 12.5928 2.70776 12.9367 3.03776C13.2908 3.37753 13.2966 3.94189 12.9496 4.28888L12.2492 4.98929Z" fill="currentColor"/></svg>`,
|
|
1767
1787
|
name: 'line-edit'
|
|
1768
1788
|
};
|
|
1789
|
+
const gdsLineEmailArrowDownIcon = {
|
|
1790
|
+
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.0224 5H6C4.89545 5 4 5.89539 4 7V11H7.5C7.77594 11 7.99963 11.2235 8 11.4994L8.00031 11.5115C8.00073 11.5238 8.00165 11.5443 8.0036 11.5718C8.00757 11.6268 8.01562 11.7087 8.03229 11.8085C8.06586 12.01 8.13214 12.2712 8.2597 12.5264C8.38629 12.7795 8.56836 13.0176 8.83203 13.1934C9.09259 13.3671 9.46246 13.5 10 13.5C10.5375 13.5 10.9074 13.3671 11.168 13.1934C11.4316 13.0176 11.6137 12.7795 11.7403 12.5264C11.8162 12.3745 11.8704 12.2206 11.9089 12.0784C11.9351 11.9816 11.9541 11.8901 11.9677 11.8085C11.9844 11.7087 11.9924 11.6268 11.9964 11.5718C11.9984 11.5443 11.9993 11.5238 11.9997 11.5115L12 11.4991C12 11.223 12.2239 11 12.5 11H16V10.4003C16.3578 10.2174 16.6929 9.99646 17 9.7428V15C17 16.6569 15.6569 18 14 18H6C4.34314 18 3 16.6569 3 15V7C3 5.34314 4.34314 4 6 4H8.20703C8.11591 4.32227 8.05334 4.65662 8.0224 5ZM7.05048 12H4V15C4 16.1046 4.89545 17 6 17H14C15.1046 17 16 16.1046 16 15V12H12.9495C12.9035 12.2643 12.8134 12.6161 12.6347 12.9736C12.4488 13.3455 12.1621 13.7324 11.7227 14.0254C11.2801 14.3204 10.7125 14.5 10 14.5C9.28754 14.5 8.71991 14.3204 8.27734 14.0254C7.83789 13.7324 7.55121 13.3455 7.3653 12.9736C7.18658 12.6161 7.0965 12.2643 7.05048 12ZM13.5 10C15.9853 10 18 7.98528 18 5.5C18 3.01472 15.9853 1 13.5 1C11.0147 1 9 3.01472 9 5.5C9 7.98528 11.0147 10 13.5 10ZM11.1464 5.85355C10.9512 5.65829 10.9512 5.34171 11.1464 5.14645C11.3417 4.95118 11.6583 4.95118 11.8536 5.14645L13 6.29289V3.5C13 3.22386 13.2239 3 13.5 3C13.7761 3 14 3.22386 14 3.5V6.29289L15.1464 5.14645C15.3417 4.95118 15.6583 4.95118 15.8536 5.14645C16.0488 5.34171 16.0488 5.65829 15.8536 5.85355L13.8536 7.85355C13.8056 7.90149 13.7504 7.93766 13.6914 7.96206C13.6333 7.98615 13.5697 7.9996 13.503 7.99999L13.5 8L13.497 7.99999C13.4303 7.9996 13.3667 7.98615 13.3086 7.96206C13.2505 7.93802 13.196 7.90256 13.1486 7.85567L13.146 7.85316L11.1464 5.85355Z" fill="#1A1A1A"/></svg>`,
|
|
1791
|
+
name: 'line-email-arrow-down'
|
|
1792
|
+
};
|
|
1793
|
+
const gdsLineEmailCheckmarkIcon = {
|
|
1794
|
+
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 14.5V10.4003C17.3578 10.2174 17.6929 9.99647 18 9.74284V14.5C18 15.8807 16.8807 17 15.5 17H4.5C3.11929 17 2 15.8807 2 14.5V6.5C2 5.11929 3.11929 4 4.5 4H9.20703C9.11588 4.32228 9.05337 4.65659 9.02242 5H4.5C3.67157 5 3 5.67157 3 6.5V6.802L10 10.9199L11.4414 10.0718C11.766 10.2894 12.1151 10.4733 12.4836 10.6186L10.2535 11.931C10.1231 12.0077 9.96661 12.0205 9.82751 11.9693L9.74649 11.931L3 7.963V14.5C3 15.3284 3.67157 16 4.5 16H15.5C16.3284 16 17 15.3284 17 14.5ZM14.5 10C16.9853 10 19 7.98528 19 5.5C19 3.01472 16.9853 1 14.5 1C12.0147 1 10 3.01472 10 5.5C10 7.98528 12.0147 10 14.5 10ZM16.8536 4.35355L13.8536 7.35355C13.6583 7.54882 13.3417 7.54882 13.1464 7.35355L12.1464 6.35355C11.9512 6.15829 11.9512 5.84171 12.1464 5.64645C12.3417 5.45118 12.6583 5.45118 12.8536 5.64645L13.5 6.29289L16.1464 3.64645C16.3417 3.45118 16.6583 3.45118 16.8536 3.64645C17.0488 3.84171 17.0488 4.15829 16.8536 4.35355Z" fill="#1A1A1A"/></svg>`,
|
|
1795
|
+
name: 'line-email-checkmark'
|
|
1796
|
+
};
|
|
1797
|
+
const gdsLineEmailDismissIcon = {
|
|
1798
|
+
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 5.5C19 7.98528 16.9853 10 14.5 10C12.0147 10 10 7.98528 10 5.5C10 3.01472 12.0147 1 14.5 1C16.9853 1 19 3.01472 19 5.5ZM16.3536 4.35355C16.5488 4.15829 16.5488 3.84171 16.3536 3.64645C16.1583 3.45118 15.8417 3.45118 15.6464 3.64645L14.5 4.79289L13.3536 3.64645C13.1583 3.45118 12.8417 3.45118 12.6464 3.64645C12.4512 3.84171 12.4512 4.15829 12.6464 4.35355L13.7929 5.5L12.6464 6.64645C12.4512 6.84171 12.4512 7.15829 12.6464 7.35355C12.8417 7.54882 13.1583 7.54882 13.3536 7.35355L14.5 6.20711L15.6464 7.35355C15.8417 7.54882 16.1583 7.54882 16.3536 7.35355C16.5488 7.15829 16.5488 6.84171 16.3536 6.64645L15.2071 5.5L16.3536 4.35355ZM17 14.5V10.4003C17.3578 10.2174 17.6929 9.99647 18 9.74284V14.5C18 15.8807 16.8807 17 15.5 17H4.5C3.11929 17 2 15.8807 2 14.5V6.5C2 5.11929 3.11929 4 4.5 4H9.20703C9.11588 4.32228 9.05337 4.65659 9.02242 5H4.5C3.67157 5 3 5.67157 3 6.5V6.802L10 10.9199L11.4414 10.0718C11.766 10.2894 12.1151 10.4733 12.4836 10.6186L10.2535 11.931C10.1231 12.0077 9.96661 12.0205 9.82751 11.9693L9.74649 11.931L3 7.963V14.5C3 15.3284 3.67157 16 4.5 16H15.5C16.3284 16 17 15.3284 17 14.5Z" fill="#1A1A1A"/></svg>`,
|
|
1799
|
+
name: 'line-email-dismiss'
|
|
1800
|
+
};
|
|
1801
|
+
const gdsLineEmailErrorIcon = {
|
|
1802
|
+
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 5.5C19 7.98528 16.9853 10 14.5 10C12.0147 10 10 7.98528 10 5.5C10 3.01472 12.0147 1 14.5 1C16.9853 1 19 3.01472 19 5.5ZM14.5 3C14.2239 3 14 3.22386 14 3.5V5.5C14 5.77614 14.2239 6 14.5 6C14.7761 6 15 5.77614 15 5.5V3.5C15 3.22386 14.7761 3 14.5 3ZM14.5 8.125C14.8452 8.125 15.125 7.84518 15.125 7.5C15.125 7.15482 14.8452 6.875 14.5 6.875C14.1548 6.875 13.875 7.15482 13.875 7.5C13.875 7.84518 14.1548 8.125 14.5 8.125ZM17 14.5V10.4003C17.3578 10.2174 17.6929 9.99647 18 9.74284V14.5C18 15.8807 16.8807 17 15.5 17H4.5C3.11929 17 2 15.8807 2 14.5V6.5C2 5.11929 3.11929 4 4.5 4H9.20703C9.11588 4.32228 9.05337 4.65659 9.02242 5H4.5C3.67157 5 3 5.67157 3 6.5V6.802L10 10.9199L11.4414 10.0718C11.766 10.2894 12.1151 10.4733 12.4837 10.6187L10.2535 11.931C10.1231 12.0077 9.96661 12.0205 9.82751 11.9693L9.74649 11.931L3 7.963V14.5C3 15.3284 3.67157 16 4.5 16H15.5C16.3284 16 17 15.3284 17 14.5Z" fill="#1A1A1A"/></svg>`,
|
|
1803
|
+
name: 'line-email-error'
|
|
1804
|
+
};
|
|
1769
1805
|
const gdsLineEmailIcon = {
|
|
1770
1806
|
data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.625 3.875C3.52043 3.875 2.625 4.77043 2.625 5.875V14.125C2.625 15.2296 3.52043 16.125 4.625 16.125H15.375C16.4796 16.125 17.375 15.2296 17.375 14.125V5.875C17.375 4.77043 16.4796 3.875 15.375 3.875H4.625ZM3.625 5.875C3.625 5.32272 4.07272 4.875 4.625 4.875H15.375C15.9273 4.875 16.375 5.32272 16.375 5.875V7.32934L10.2187 10.5491C10.0733 10.6251 9.89982 10.625 9.75452 10.5487L3.625 7.32947V5.875ZM3.625 8.459V14.125C3.625 14.6773 4.07272 15.125 4.625 15.125H15.375C15.9273 15.125 16.375 14.6773 16.375 14.125V8.45785L10.6822 11.4352C10.2459 11.6634 9.72543 11.6629 9.28955 11.434L3.625 8.459Z" fill="currentColor"/></svg>`,
|
|
1771
1807
|
name: 'line-email'
|
|
@@ -2726,11 +2762,15 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
2726
2762
|
gdsDocWordIcon: gdsDocWordIcon,
|
|
2727
2763
|
gdsDocWordScIcon: gdsDocWordScIcon,
|
|
2728
2764
|
gdsDocZyphtaIcon: gdsDocZyphtaIcon,
|
|
2765
|
+
gdsEmailCheckmarkIcon: gdsEmailCheckmarkIcon,
|
|
2766
|
+
gdsEmailDismissIcon: gdsEmailDismissIcon,
|
|
2767
|
+
gdsEmailErrorIcon: gdsEmailErrorIcon,
|
|
2729
2768
|
gdsEmptyState404Icon: gdsEmptyState404Icon,
|
|
2730
2769
|
gdsEmptyStateContactIcon: gdsEmptyStateContactIcon,
|
|
2731
2770
|
gdsEmptyStateDefaultIcon: gdsEmptyStateDefaultIcon,
|
|
2732
2771
|
gdsEmptyStateGenericErrorIcon: gdsEmptyStateGenericErrorIcon,
|
|
2733
2772
|
gdsEmptyStateGettingStartedIcon: gdsEmptyStateGettingStartedIcon,
|
|
2773
|
+
gdsEmptyStateNoEmailConnectedIcon: gdsEmptyStateNoEmailConnectedIcon,
|
|
2734
2774
|
gdsEmptyStateNoMattersIcon: gdsEmptyStateNoMattersIcon,
|
|
2735
2775
|
gdsEmptyStateNoResultsIcon: gdsEmptyStateNoResultsIcon,
|
|
2736
2776
|
gdsEmptyStateNoSelectFilterIcon: gdsEmptyStateNoSelectFilterIcon,
|
|
@@ -2991,6 +3031,7 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
2991
3031
|
gdsLineCompareIcon: gdsLineCompareIcon,
|
|
2992
3032
|
gdsLineComposeIcon: gdsLineComposeIcon,
|
|
2993
3033
|
gdsLineConditionalFieldsIcon: gdsLineConditionalFieldsIcon,
|
|
3034
|
+
gdsLineConnectAddIcon: gdsLineConnectAddIcon,
|
|
2994
3035
|
gdsLineContactIcon: gdsLineContactIcon,
|
|
2995
3036
|
gdsLineCopyIcon: gdsLineCopyIcon,
|
|
2996
3037
|
gdsLineCurrencyDollarIcon: gdsLineCurrencyDollarIcon,
|
|
@@ -3015,6 +3056,10 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
3015
3056
|
gdsLineDraftIcon: gdsLineDraftIcon,
|
|
3016
3057
|
gdsLineDuplicateIcon: gdsLineDuplicateIcon,
|
|
3017
3058
|
gdsLineEditIcon: gdsLineEditIcon,
|
|
3059
|
+
gdsLineEmailArrowDownIcon: gdsLineEmailArrowDownIcon,
|
|
3060
|
+
gdsLineEmailCheckmarkIcon: gdsLineEmailCheckmarkIcon,
|
|
3061
|
+
gdsLineEmailDismissIcon: gdsLineEmailDismissIcon,
|
|
3062
|
+
gdsLineEmailErrorIcon: gdsLineEmailErrorIcon,
|
|
3018
3063
|
gdsLineEmailIcon: gdsLineEmailIcon,
|
|
3019
3064
|
gdsLineEmojiIcon: gdsLineEmojiIcon,
|
|
3020
3065
|
gdsLineErrorCircleIcon: gdsLineErrorCircleIcon,
|
|
@@ -3516,10 +3561,10 @@ class GdsDoctypeService {
|
|
|
3516
3561
|
return 'file-new';
|
|
3517
3562
|
}
|
|
3518
3563
|
}
|
|
3519
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3520
|
-
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' });
|
|
3521
3566
|
}
|
|
3522
|
-
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: [{
|
|
3523
3568
|
type: Injectable,
|
|
3524
3569
|
args: [{ providedIn: 'root' }]
|
|
3525
3570
|
}], ctorParameters: () => [] });
|
|
@@ -3549,10 +3594,10 @@ class GdsIconService {
|
|
|
3549
3594
|
return null;
|
|
3550
3595
|
};
|
|
3551
3596
|
getIcon = (key) => this.#registry.get(key);
|
|
3552
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3553
|
-
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' });
|
|
3554
3599
|
}
|
|
3555
|
-
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: [{
|
|
3556
3601
|
type: Injectable,
|
|
3557
3602
|
args: [{
|
|
3558
3603
|
providedIn: 'root'
|
|
@@ -3578,10 +3623,10 @@ class GdsScrollOutOfViewService {
|
|
|
3578
3623
|
// a new Map must be created to trigger a signal change
|
|
3579
3624
|
this.#directivePausedStatus.set(new Map(updatedDirectivePausedStatus));
|
|
3580
3625
|
}
|
|
3581
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3582
|
-
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' });
|
|
3583
3628
|
}
|
|
3584
|
-
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: [{
|
|
3585
3630
|
type: Injectable,
|
|
3586
3631
|
args: [{
|
|
3587
3632
|
providedIn: 'root'
|
|
@@ -3613,10 +3658,10 @@ class GdsIconComponent {
|
|
|
3613
3658
|
}
|
|
3614
3659
|
}, { injector: this.#injector });
|
|
3615
3660
|
}, ...(ngDevMode ? [{ debugName: "#removeInlineStylesEffect" }] : /* istanbul ignore next */ []));
|
|
3616
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3617
|
-
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 });
|
|
3618
3663
|
}
|
|
3619
|
-
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: [{
|
|
3620
3665
|
type: Component,
|
|
3621
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"] }]
|
|
3622
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 }] }] } });
|
|
@@ -3698,10 +3743,10 @@ class GdsAvatarComponent {
|
|
|
3698
3743
|
this.variant.set(this.fallbackVariant());
|
|
3699
3744
|
this.data.set(this.fallbackData());
|
|
3700
3745
|
}
|
|
3701
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3702
|
-
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 });
|
|
3703
3748
|
}
|
|
3704
|
-
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: [{
|
|
3705
3750
|
type: Component,
|
|
3706
3751
|
args: [{ selector: 'gds-avatar, button[gds-avatar]', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3707
3752
|
'[attr.isActive]': 'isActive()',
|
|
@@ -3717,10 +3762,10 @@ class GdsBadgeComponent {
|
|
|
3717
3762
|
icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
3718
3763
|
tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
|
|
3719
3764
|
tooltipInteractive = input(false, { ...(ngDevMode ? { debugName: "tooltipInteractive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
3720
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3721
|
-
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 });
|
|
3722
3767
|
}
|
|
3723
|
-
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: [{
|
|
3724
3769
|
type: Component,
|
|
3725
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"] }]
|
|
3726
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 }] }] } });
|
|
@@ -3752,10 +3797,10 @@ class ButtonBaseDirective {
|
|
|
3752
3797
|
event.stopPropagation();
|
|
3753
3798
|
this.clicked.emit(event);
|
|
3754
3799
|
}
|
|
3755
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3756
|
-
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 });
|
|
3757
3802
|
}
|
|
3758
|
-
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: [{
|
|
3759
3804
|
type: Directive,
|
|
3760
3805
|
args: [{
|
|
3761
3806
|
host: {
|
|
@@ -3775,10 +3820,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
3775
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"] }] } });
|
|
3776
3821
|
|
|
3777
3822
|
class GdsButtonComponent extends ButtonBaseDirective {
|
|
3778
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3779
|
-
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 });
|
|
3780
3825
|
}
|
|
3781
|
-
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: [{
|
|
3782
3827
|
type: Component,
|
|
3783
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"] }]
|
|
3784
3829
|
}] });
|
|
@@ -3786,10 +3831,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
3786
3831
|
class GdsIconButtonComponent extends ButtonBaseDirective {
|
|
3787
3832
|
tooltipLabel = input(...(ngDevMode ? [undefined, { debugName: "tooltipLabel" }] : /* istanbul ignore next */ []));
|
|
3788
3833
|
enableTooltip = computed(() => !this.disabled() && !!this.tooltipLabel()?.trim(), ...(ngDevMode ? [{ debugName: "enableTooltip" }] : /* istanbul ignore next */ []));
|
|
3789
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3790
|
-
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 });
|
|
3791
3836
|
}
|
|
3792
|
-
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: [{
|
|
3793
3838
|
type: Component,
|
|
3794
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"] }]
|
|
3795
3840
|
}], propDecorators: { tooltipLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipLabel", required: false }] }] } });
|
|
@@ -3801,10 +3846,10 @@ class GdsBannerComponent {
|
|
|
3801
3846
|
state = model('collapsed', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
|
|
3802
3847
|
actionBtnClick = output();
|
|
3803
3848
|
contentExpanded = computed(() => this.state() === 'expanded', ...(ngDevMode ? [{ debugName: "contentExpanded" }] : /* istanbul ignore next */ []));
|
|
3804
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3805
|
-
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 });
|
|
3806
3851
|
}
|
|
3807
|
-
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: [{
|
|
3808
3853
|
type: Component,
|
|
3809
3854
|
args: [{ selector: 'gds-banner', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent, GdsIconButtonComponent, NgClass, GdsButtonComponent], host: {
|
|
3810
3855
|
'[attr.hidden]': 'state() === "hidden" ? "" : undefined',
|
|
@@ -3884,10 +3929,10 @@ class GdsBreadcrumbsComponent {
|
|
|
3884
3929
|
this.#renderer.setStyle(ellipsis, 'display', 'none');
|
|
3885
3930
|
}
|
|
3886
3931
|
};
|
|
3887
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3888
|
-
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 });
|
|
3889
3934
|
}
|
|
3890
|
-
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: [{
|
|
3891
3936
|
type: Component,
|
|
3892
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"] }]
|
|
3893
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 }] }] } });
|
|
@@ -3965,10 +4010,10 @@ class GdsFocusOnInitDirective {
|
|
|
3965
4010
|
}
|
|
3966
4011
|
}
|
|
3967
4012
|
}
|
|
3968
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3969
|
-
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 });
|
|
3970
4015
|
}
|
|
3971
|
-
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: [{
|
|
3972
4017
|
type: Directive,
|
|
3973
4018
|
args: [{
|
|
3974
4019
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4007,10 +4052,10 @@ class OnBrandChanged {
|
|
|
4007
4052
|
this.#observer.disconnect();
|
|
4008
4053
|
}
|
|
4009
4054
|
}
|
|
4010
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4011
|
-
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 });
|
|
4012
4057
|
}
|
|
4013
|
-
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: [{
|
|
4014
4059
|
type: Directive
|
|
4015
4060
|
}], ctorParameters: () => [] });
|
|
4016
4061
|
|
|
@@ -4043,10 +4088,10 @@ class GdsResizedDirective {
|
|
|
4043
4088
|
this.#oldRect = domSize.contentRect;
|
|
4044
4089
|
this.resized.emit(resizedEvent);
|
|
4045
4090
|
}
|
|
4046
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4047
|
-
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 });
|
|
4048
4093
|
}
|
|
4049
|
-
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: [{
|
|
4050
4095
|
type: Directive,
|
|
4051
4096
|
args: [{
|
|
4052
4097
|
selector: '[resized]',
|
|
@@ -4097,10 +4142,10 @@ class GdsKeyboardNavigationItem {
|
|
|
4097
4142
|
break;
|
|
4098
4143
|
}
|
|
4099
4144
|
};
|
|
4100
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4101
|
-
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 });
|
|
4102
4147
|
}
|
|
4103
|
-
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: [{
|
|
4104
4149
|
type: Directive,
|
|
4105
4150
|
args: [{
|
|
4106
4151
|
host: {
|
|
@@ -4136,10 +4181,10 @@ class GdsKeyboardNavigationHost {
|
|
|
4136
4181
|
}
|
|
4137
4182
|
this.#focusKeyManager.onKeydown(event);
|
|
4138
4183
|
};
|
|
4139
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4140
|
-
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 });
|
|
4141
4186
|
}
|
|
4142
|
-
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: [{
|
|
4143
4188
|
type: Directive,
|
|
4144
4189
|
args: [{
|
|
4145
4190
|
host: {
|
|
@@ -4162,10 +4207,10 @@ class GdsScrollToBottomDirective {
|
|
|
4162
4207
|
behavior: this.scrollBehavior() ?? 'smooth'
|
|
4163
4208
|
});
|
|
4164
4209
|
}
|
|
4165
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4166
|
-
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 });
|
|
4167
4212
|
}
|
|
4168
|
-
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: [{
|
|
4169
4214
|
type: Directive,
|
|
4170
4215
|
args: [{
|
|
4171
4216
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4182,10 +4227,10 @@ class GdsScrollToFirstInvalidDirective {
|
|
|
4182
4227
|
}
|
|
4183
4228
|
invalid.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
|
|
4184
4229
|
}
|
|
4185
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4186
|
-
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 });
|
|
4187
4232
|
}
|
|
4188
|
-
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: [{
|
|
4189
4234
|
type: Directive,
|
|
4190
4235
|
args: [{
|
|
4191
4236
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4298,10 +4343,10 @@ class GdsScrollOutOfViewDirective {
|
|
|
4298
4343
|
scrollableElement.style.overscrollBehavior = 'none';
|
|
4299
4344
|
}
|
|
4300
4345
|
}
|
|
4301
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4302
|
-
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 });
|
|
4303
4348
|
}
|
|
4304
|
-
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: [{
|
|
4305
4350
|
type: Directive,
|
|
4306
4351
|
args: [{
|
|
4307
4352
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4345,10 +4390,10 @@ class GdsTooltipComponent extends OnBrandChanged {
|
|
|
4345
4390
|
directive.hide();
|
|
4346
4391
|
}
|
|
4347
4392
|
}, ...(ngDevMode ? [{ debugName: "#openOnOpen" }] : /* istanbul ignore next */ []));
|
|
4348
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4349
|
-
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 });
|
|
4350
4395
|
}
|
|
4351
|
-
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: [{
|
|
4352
4397
|
type: Component,
|
|
4353
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"] }]
|
|
4354
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 }] }] } });
|
|
@@ -4419,10 +4464,10 @@ class GdsChipComponent extends OnBrandChanged {
|
|
|
4419
4464
|
};
|
|
4420
4465
|
return map[chipText.toLowerCase()] ?? 'grey';
|
|
4421
4466
|
}
|
|
4422
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4423
|
-
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 });
|
|
4424
4469
|
}
|
|
4425
|
-
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: [{
|
|
4426
4471
|
type: Component,
|
|
4427
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"] }]
|
|
4428
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: [{
|
|
@@ -4450,10 +4495,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4450
4495
|
class GdsNativeInputDirective {
|
|
4451
4496
|
#elementRef = inject(ElementRef);
|
|
4452
4497
|
nativeElement = this.#elementRef.nativeElement;
|
|
4453
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4454
|
-
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 });
|
|
4455
4500
|
}
|
|
4456
|
-
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: [{
|
|
4457
4502
|
type: Directive,
|
|
4458
4503
|
args: [{
|
|
4459
4504
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4467,10 +4512,10 @@ class GdsNativeTextareaDirective {
|
|
|
4467
4512
|
this.#elementRef.nativeElement.value = value;
|
|
4468
4513
|
this.#elementRef.nativeElement.dispatchEvent(new Event('input'));
|
|
4469
4514
|
};
|
|
4470
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4471
|
-
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 });
|
|
4472
4517
|
}
|
|
4473
|
-
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: [{
|
|
4474
4519
|
type: Directive,
|
|
4475
4520
|
args: [{
|
|
4476
4521
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4493,10 +4538,10 @@ class GdsSignalFormContainer {
|
|
|
4493
4538
|
const field = this.formField();
|
|
4494
4539
|
return field?.errors()?.[0]?.message;
|
|
4495
4540
|
}, ...(ngDevMode ? [{ debugName: "formFieldError" }] : /* istanbul ignore next */ []));
|
|
4496
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4497
|
-
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 });
|
|
4498
4543
|
}
|
|
4499
|
-
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: [{
|
|
4500
4545
|
type: Directive,
|
|
4501
4546
|
args: [{
|
|
4502
4547
|
host: {
|
|
@@ -4521,10 +4566,10 @@ class GdsSignalFormControl {
|
|
|
4521
4566
|
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
4522
4567
|
hidden = input(false, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
|
|
4523
4568
|
invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
|
|
4524
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4525
|
-
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 });
|
|
4526
4571
|
}
|
|
4527
|
-
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: [{
|
|
4528
4573
|
type: Directive,
|
|
4529
4574
|
args: [{
|
|
4530
4575
|
host: {
|
|
@@ -4544,10 +4589,10 @@ class GdsSwitchComponent extends GdsSignalFormContainer {
|
|
|
4544
4589
|
throw new Error('GdsNativeInputDirective is required for this component. Please update the imports to include GdsNativeInputDirective.');
|
|
4545
4590
|
}
|
|
4546
4591
|
}
|
|
4547
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4548
|
-
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 });
|
|
4549
4594
|
}
|
|
4550
|
-
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: [{
|
|
4551
4596
|
type: Component,
|
|
4552
4597
|
args: [{ selector: 'gds-switch', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4553
4598
|
class: 'gds-display-inline-flex gds-radius-2xl gds-padding-3xs gds-align-self-end',
|
|
@@ -4561,6 +4606,7 @@ class GdsContextMenuBaseDirective extends OnBrandChanged {
|
|
|
4561
4606
|
border = input(false, { ...(ngDevMode ? { debugName: "border" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4562
4607
|
startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : /* istanbul ignore next */ []));
|
|
4563
4608
|
label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
4609
|
+
labelClass = input(...(ngDevMode ? [undefined, { debugName: "labelClass" }] : /* istanbul ignore next */ []));
|
|
4564
4610
|
hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : /* istanbul ignore next */ []));
|
|
4565
4611
|
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
4566
4612
|
selected = signal(false).asReadonly();
|
|
@@ -4576,10 +4622,10 @@ class GdsContextMenuBaseDirective extends OnBrandChanged {
|
|
|
4576
4622
|
return undefined;
|
|
4577
4623
|
}
|
|
4578
4624
|
}, ...(ngDevMode ? [{ debugName: "variantIcon" }] : /* istanbul ignore next */ []));
|
|
4579
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4580
|
-
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 });
|
|
4581
4627
|
}
|
|
4582
|
-
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: [{
|
|
4583
4629
|
type: Directive,
|
|
4584
4630
|
args: [{
|
|
4585
4631
|
host: {
|
|
@@ -4589,33 +4635,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4589
4635
|
'[attr.border]': 'border() ? "" : undefined'
|
|
4590
4636
|
}
|
|
4591
4637
|
}]
|
|
4592
|
-
}], 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 }] }] } });
|
|
4593
4639
|
|
|
4594
4640
|
class GdsContextMenuItemComponent extends GdsContextMenuBaseDirective {
|
|
4595
4641
|
variant = input(GdsContextMenuItemVariantEnum.Default, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
4596
4642
|
nestedMenu = input(...(ngDevMode ? [undefined, { debugName: "nestedMenu" }] : /* istanbul ignore next */ []));
|
|
4597
4643
|
hasChildren = computed(() => !!this.nestedMenu(), ...(ngDevMode ? [{ debugName: "hasChildren" }] : /* istanbul ignore next */ []));
|
|
4598
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4599
|
-
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 });
|
|
4600
4646
|
}
|
|
4601
|
-
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: [{
|
|
4602
4648
|
type: Component,
|
|
4603
4649
|
args: [{ selector: 'gds-context-menu-item', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
4604
4650
|
{ directive: CdkMenuItem, outputs: ['cdkMenuItemTriggered: clicked'] },
|
|
4605
4651
|
{ directive: CdkMenuTrigger, inputs: ['cdkMenuTriggerFor: nestedMenu'] }
|
|
4606
4652
|
], host: {
|
|
4607
4653
|
tabindex: '0'
|
|
4608
|
-
}, 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"] }]
|
|
4609
4655
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], nestedMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "nestedMenu", required: false }] }] } });
|
|
4610
4656
|
|
|
4611
4657
|
class GdsContextMenuHeadingComponent extends GdsContextMenuBaseDirective {
|
|
4612
4658
|
variant = signal(GdsContextMenuItemVariantEnum.Heading).asReadonly();
|
|
4613
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4614
|
-
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 });
|
|
4615
4661
|
}
|
|
4616
|
-
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: [{
|
|
4617
4663
|
type: Component,
|
|
4618
|
-
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"] }]
|
|
4619
4665
|
}] });
|
|
4620
4666
|
|
|
4621
4667
|
class GdsContextMenuSwitchComponent extends GdsContextMenuBaseDirective {
|
|
@@ -4632,10 +4678,10 @@ class GdsContextMenuSwitchComponent extends GdsContextMenuBaseDirective {
|
|
|
4632
4678
|
originalTrigger(options ?? { keepOpen: true });
|
|
4633
4679
|
};
|
|
4634
4680
|
}
|
|
4635
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4636
|
-
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 });
|
|
4637
4683
|
}
|
|
4638
|
-
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: [{
|
|
4639
4685
|
type: Component,
|
|
4640
4686
|
args: [{ selector: 'gds-context-menu-switch', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent, GdsNativeInputDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
4641
4687
|
{
|
|
@@ -4644,12 +4690,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4644
4690
|
outputs: ['cdkMenuItemTriggered: clicked']
|
|
4645
4691
|
},
|
|
4646
4692
|
{ directive: CdkMenuTrigger }
|
|
4647
|
-
], 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"] }]
|
|
4648
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"] }] } });
|
|
4649
4695
|
|
|
4650
4696
|
class GdsDialogComponent {
|
|
4651
4697
|
type = input('dialog', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
4652
4698
|
background = input('base', ...(ngDevMode ? [{ debugName: "background" }] : /* istanbul ignore next */ []));
|
|
4699
|
+
headerLabelAlignment = input('left', ...(ngDevMode ? [{ debugName: "headerLabelAlignment" }] : /* istanbul ignore next */ []));
|
|
4653
4700
|
showFooterBorder = input(false, { ...(ngDevMode ? { debugName: "showFooterBorder" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4654
4701
|
closeOnBackdropClick = input(false, { ...(ngDevMode ? { debugName: "closeOnBackdropClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4655
4702
|
suppressDismissBtn = input(false, { ...(ngDevMode ? { debugName: "suppressDismissBtn" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
@@ -4708,10 +4755,10 @@ class GdsDialogComponent {
|
|
|
4708
4755
|
event.preventDefault();
|
|
4709
4756
|
this.canceled.emit();
|
|
4710
4757
|
}
|
|
4711
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4712
|
-
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 });
|
|
4713
4760
|
}
|
|
4714
|
-
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: [{
|
|
4715
4762
|
type: Component,
|
|
4716
4763
|
args: [{ selector: 'dialog[gds-dialog]', imports: [GdsIconComponent, GdsIconButtonComponent, NgTemplateOutlet, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CdkTrapFocus], host: {
|
|
4717
4764
|
class: 'gds-radius-md gds-mobile-radius-top-right-lg gds-mobile-radius-top-left-lg',
|
|
@@ -4729,11 +4776,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
4729
4776
|
'[class.gds-radius-top-right-0]': 'type() === "slide-right"',
|
|
4730
4777
|
'[attr.type]': 'type()',
|
|
4731
4778
|
'[attr.background]': 'background()',
|
|
4779
|
+
'[attr.header-label-alignment]': 'headerLabelAlignment()',
|
|
4732
4780
|
'(close)': 'onClose($event)',
|
|
4733
4781
|
'(cancel)': 'onCancel($event)',
|
|
4734
4782
|
'(click)': 'dialogClicked($event)'
|
|
4735
|
-
}, 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
|
|
4736
|
-
}], 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: [{
|
|
4737
4785
|
type: Output
|
|
4738
4786
|
}], canceled: [{ type: i0.Output, args: ["canceled"] }], closeBtn: [{ type: i0.ViewChild, args: ['closeBtn', { isSignal: true }] }], layoutTmpl: [{ type: i0.ContentChild, args: ['layoutTmpl', { isSignal: true }] }] } });
|
|
4739
4787
|
|
|
@@ -4778,10 +4826,10 @@ class GdsDialogService {
|
|
|
4778
4826
|
closeAll = () => {
|
|
4779
4827
|
this.#dialogs.forEach((dialog) => dialog.hide(undefined));
|
|
4780
4828
|
};
|
|
4781
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4782
|
-
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' });
|
|
4783
4831
|
}
|
|
4784
|
-
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: [{
|
|
4785
4833
|
type: Injectable,
|
|
4786
4834
|
args: [{
|
|
4787
4835
|
providedIn: 'root'
|
|
@@ -4815,10 +4863,10 @@ class GdsDialogBaseDirective {
|
|
|
4815
4863
|
this.closedSub.next(result);
|
|
4816
4864
|
}
|
|
4817
4865
|
}
|
|
4818
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4819
|
-
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 });
|
|
4820
4868
|
}
|
|
4821
|
-
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: [{
|
|
4822
4870
|
type: Directive
|
|
4823
4871
|
}], propDecorators: { dialog: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GdsDialogComponent), { isSignal: true }] }] } });
|
|
4824
4872
|
|
|
@@ -4828,10 +4876,10 @@ class GdsItemDisplayComponent {
|
|
|
4828
4876
|
get hasDismiss() {
|
|
4829
4877
|
return this.dismissed.observed && !this.suppressDismiss();
|
|
4830
4878
|
}
|
|
4831
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4832
|
-
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 });
|
|
4833
4881
|
}
|
|
4834
|
-
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: [{
|
|
4835
4883
|
type: Component,
|
|
4836
4884
|
args: [{ selector: 'gds-item-display, button[gds-item-display]', imports: [GdsIconButtonComponent, GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4837
4885
|
class: 'gds-position-relative gds-display-flex gds-align-items-center gds-gap-2xs gds-padding-2xs gds-radius-sm gds-background-base'
|
|
@@ -4923,10 +4971,10 @@ class GdsDatePipe {
|
|
|
4923
4971
|
}
|
|
4924
4972
|
return shortDate(value) ?? '';
|
|
4925
4973
|
}
|
|
4926
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4927
|
-
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" });
|
|
4928
4976
|
}
|
|
4929
|
-
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: [{
|
|
4930
4978
|
type: Pipe,
|
|
4931
4979
|
args: [{ name: 'gdsDate', standalone: true }]
|
|
4932
4980
|
}] });
|
|
@@ -4936,10 +4984,10 @@ class GdsDoctypeToIconPipe {
|
|
|
4936
4984
|
transform(ext) {
|
|
4937
4985
|
return this.#doctypeSvc.getIconKeyForExt(ext);
|
|
4938
4986
|
}
|
|
4939
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4940
|
-
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" });
|
|
4941
4989
|
}
|
|
4942
|
-
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: [{
|
|
4943
4991
|
type: Pipe,
|
|
4944
4992
|
args: [{
|
|
4945
4993
|
name: 'gdsDoctypeToIcon',
|
|
@@ -4953,10 +5001,10 @@ class GdsFilenameToIconPipe {
|
|
|
4953
5001
|
const ext = filename.split('.').pop();
|
|
4954
5002
|
return this.#doctypeSvc.getIconKeyForExt(ext ?? '');
|
|
4955
5003
|
}
|
|
4956
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4957
|
-
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" });
|
|
4958
5006
|
}
|
|
4959
|
-
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: [{
|
|
4960
5008
|
type: Pipe,
|
|
4961
5009
|
args: [{
|
|
4962
5010
|
name: 'gdsFilenameToIcon',
|
|
@@ -4968,10 +5016,10 @@ class GdsSvgIconPipe {
|
|
|
4968
5016
|
transform(iconName) {
|
|
4969
5017
|
return iconName;
|
|
4970
5018
|
}
|
|
4971
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4972
|
-
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" });
|
|
4973
5021
|
}
|
|
4974
|
-
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: [{
|
|
4975
5023
|
type: Pipe,
|
|
4976
5024
|
args: [{
|
|
4977
5025
|
name: 'gdsSvgicon',
|
|
@@ -4983,10 +5031,10 @@ class GdsMathMaxPipe {
|
|
|
4983
5031
|
transform(x, y) {
|
|
4984
5032
|
return Math.max(x, y);
|
|
4985
5033
|
}
|
|
4986
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4987
|
-
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" });
|
|
4988
5036
|
}
|
|
4989
|
-
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: [{
|
|
4990
5038
|
type: Pipe,
|
|
4991
5039
|
args: [{
|
|
4992
5040
|
name: 'max',
|
|
@@ -4997,10 +5045,10 @@ class GdsMathMinPipe {
|
|
|
4997
5045
|
transform(x, y) {
|
|
4998
5046
|
return Math.min(x, y);
|
|
4999
5047
|
}
|
|
5000
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5001
|
-
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" });
|
|
5002
5050
|
}
|
|
5003
|
-
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: [{
|
|
5004
5052
|
type: Pipe,
|
|
5005
5053
|
args: [{
|
|
5006
5054
|
name: 'min',
|
|
@@ -5011,10 +5059,10 @@ class GdsMathFloorPipe {
|
|
|
5011
5059
|
transform(x) {
|
|
5012
5060
|
return Math.floor(x);
|
|
5013
5061
|
}
|
|
5014
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5015
|
-
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" });
|
|
5016
5064
|
}
|
|
5017
|
-
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: [{
|
|
5018
5066
|
type: Pipe,
|
|
5019
5067
|
args: [{
|
|
5020
5068
|
name: 'floor',
|
|
@@ -5026,10 +5074,10 @@ class MapperPipe {
|
|
|
5026
5074
|
transform(value, fn) {
|
|
5027
5075
|
return fn(value);
|
|
5028
5076
|
}
|
|
5029
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5030
|
-
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" });
|
|
5031
5079
|
}
|
|
5032
|
-
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: [{
|
|
5033
5081
|
type: Pipe,
|
|
5034
5082
|
args: [{
|
|
5035
5083
|
name: 'mapper'
|
|
@@ -5063,10 +5111,10 @@ class GdsDocumentItemComponent {
|
|
|
5063
5111
|
get suppressClick() {
|
|
5064
5112
|
return !this.clicked.observed;
|
|
5065
5113
|
}
|
|
5066
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5067
|
-
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 });
|
|
5068
5116
|
}
|
|
5069
|
-
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: [{
|
|
5070
5118
|
type: Component,
|
|
5071
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"] }]
|
|
5072
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: [{
|
|
@@ -5084,7 +5132,7 @@ class GdsDropdownComponent {
|
|
|
5084
5132
|
horizontal = input(false, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5085
5133
|
preventMobileStyling = input(false, { ...(ngDevMode ? { debugName: "preventMobileStyling" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5086
5134
|
allowDefaultTabBehavior = input(false, { ...(ngDevMode ? { debugName: "allowDefaultTabBehavior" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5087
|
-
items = contentChildren(CdkMenuItem, ...(ngDevMode ?
|
|
5135
|
+
items = contentChildren(CdkMenuItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
|
|
5088
5136
|
isMobile = signal(this.#deviceDetectorSvc.isMobile(), ...(ngDevMode ? [{ debugName: "isMobile" }] : /* istanbul ignore next */ []));
|
|
5089
5137
|
#keyManager;
|
|
5090
5138
|
constructor() {
|
|
@@ -5151,10 +5199,10 @@ class GdsDropdownComponent {
|
|
|
5151
5199
|
.subscribe();
|
|
5152
5200
|
};
|
|
5153
5201
|
};
|
|
5154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5155
|
-
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 });
|
|
5156
5204
|
}
|
|
5157
|
-
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: [{
|
|
5158
5206
|
type: Component,
|
|
5159
5207
|
args: [{ selector: 'gds-dropdown', imports: [OverlayModule, CdkMenuItem, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
5160
5208
|
{
|
|
@@ -5168,7 +5216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
5168
5216
|
'[animate.enter]': '!preventMobileStyling() && isMobile() ? "gds-mobile-slide-bottom" : undefined',
|
|
5169
5217
|
'[animate.leave]': '!preventMobileStyling() && isMobile() ? "gds-mobile-slide-bottom leave" : undefined'
|
|
5170
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"] }]
|
|
5171
|
-
}], 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 }] }] } });
|
|
5172
5220
|
|
|
5173
5221
|
class GdsEmptyStateComponent extends OnBrandChanged {
|
|
5174
5222
|
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
@@ -5196,15 +5244,17 @@ class GdsEmptyStateComponent extends OnBrandChanged {
|
|
|
5196
5244
|
return 'empty-state-contact';
|
|
5197
5245
|
case 'noSelectedFilters':
|
|
5198
5246
|
return 'empty-state-no-select-filter';
|
|
5247
|
+
case 'noEmailConnected':
|
|
5248
|
+
return 'empty-state-no-email-connected';
|
|
5199
5249
|
default:
|
|
5200
5250
|
return 'empty-state-default';
|
|
5201
5251
|
}
|
|
5202
5252
|
}, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
5203
5253
|
iconSizeClass = computed(() => `gds-icon-size-${this.size()}`, ...(ngDevMode ? [{ debugName: "iconSizeClass" }] : /* istanbul ignore next */ []));
|
|
5204
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5205
|
-
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 });
|
|
5206
5256
|
}
|
|
5207
|
-
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: [{
|
|
5208
5258
|
type: Component,
|
|
5209
5259
|
args: [{ selector: 'gds-empty-state', imports: [GdsIconComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5210
5260
|
class: `
|
|
@@ -5240,10 +5290,10 @@ class GdsFeedbackButtonComponent extends ButtonBaseDirective {
|
|
|
5240
5290
|
}, 1000);
|
|
5241
5291
|
}
|
|
5242
5292
|
}
|
|
5243
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5244
|
-
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 });
|
|
5245
5295
|
}
|
|
5246
|
-
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: [{
|
|
5247
5297
|
type: Component,
|
|
5248
5298
|
args: [{ selector: 'button[gds-feedback-button]', imports: [TippyDirective, GdsIconComponent], host: {
|
|
5249
5299
|
'[style.--icon]': 'iconVisible()',
|
|
@@ -5259,10 +5309,10 @@ class GdsFilterChipComponent extends OnBrandChanged {
|
|
|
5259
5309
|
return;
|
|
5260
5310
|
this.dismiss.emit();
|
|
5261
5311
|
};
|
|
5262
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5263
|
-
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 });
|
|
5264
5314
|
}
|
|
5265
|
-
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: [{
|
|
5266
5316
|
type: Component,
|
|
5267
5317
|
args: [{ selector: 'gds-filter-chip, button[gds-filter-chip]', imports: [GdsIconButtonComponent, GdsIconComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5268
5318
|
class: `
|
|
@@ -5296,10 +5346,10 @@ class GdsCheckboxComponent {
|
|
|
5296
5346
|
// errors = input<readonly ValidationError.WithField[]>([]);
|
|
5297
5347
|
tabindex = model(0, ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
|
|
5298
5348
|
toggle = () => this.checked.update((value) => !value);
|
|
5299
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5300
|
-
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 });
|
|
5301
5351
|
}
|
|
5302
|
-
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: [{
|
|
5303
5353
|
type: Component,
|
|
5304
5354
|
args: [{ selector: 'input[type="checkbox"][gds-checkbox]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5305
5355
|
class: 'gds-radius-sm gds-display-grid',
|
|
@@ -5451,8 +5501,8 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
5451
5501
|
this.calendarVisible.set(false);
|
|
5452
5502
|
this.calendarView.set('month');
|
|
5453
5503
|
}
|
|
5454
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5455
|
-
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: [
|
|
5456
5506
|
{
|
|
5457
5507
|
provide: MAT_DATE_LOCALE,
|
|
5458
5508
|
useValue: navigator.language
|
|
@@ -5460,7 +5510,7 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
|
|
|
5460
5510
|
provideNativeDateAdapter()
|
|
5461
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 });
|
|
5462
5512
|
}
|
|
5463
|
-
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: [{
|
|
5464
5514
|
type: Component,
|
|
5465
5515
|
args: [{ selector: 'gds-date-input', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDatepickerModule, NgClass], providers: [
|
|
5466
5516
|
{
|
|
@@ -5526,10 +5576,10 @@ class GdsFileUploadComponent extends GdsSignalFormControl {
|
|
|
5526
5576
|
return;
|
|
5527
5577
|
this.fileUpload().nativeElement.click();
|
|
5528
5578
|
}
|
|
5529
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5530
|
-
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 });
|
|
5531
5581
|
}
|
|
5532
|
-
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: [{
|
|
5533
5583
|
type: Component,
|
|
5534
5584
|
args: [{ selector: 'gds-file-upload', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent, TranslateModule, NgClass], host: {
|
|
5535
5585
|
'[attr.data-dragover]': 'dragOver() ? "": undefined',
|
|
@@ -5545,15 +5595,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
5545
5595
|
|
|
5546
5596
|
class GdsFormControlComponent extends GdsSignalFormContainer {
|
|
5547
5597
|
locked = input(false, { ...(ngDevMode ? { debugName: "locked" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
5548
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5549
|
-
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 });
|
|
5550
5600
|
}
|
|
5551
|
-
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: [{
|
|
5552
5602
|
type: Component,
|
|
5553
5603
|
args: [{ selector: 'gds-form-control', imports: [NgTemplateOutlet, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5554
5604
|
class: 'gds-display-flex',
|
|
5555
5605
|
'[attr.locked]': 'locked() ? "" : undefined'
|
|
5556
|
-
}, 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"] }]
|
|
5557
5607
|
}], propDecorators: { locked: [{ type: i0.Input, args: [{ isSignal: true, alias: "locked", required: false }] }] } });
|
|
5558
5608
|
|
|
5559
5609
|
class GdsMapArrayToRadioOptionsPipe {
|
|
@@ -5564,10 +5614,10 @@ class GdsMapArrayToRadioOptionsPipe {
|
|
|
5564
5614
|
id: `${index}`
|
|
5565
5615
|
}));
|
|
5566
5616
|
}
|
|
5567
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5568
|
-
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" });
|
|
5569
5619
|
}
|
|
5570
|
-
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: [{
|
|
5571
5621
|
type: Pipe,
|
|
5572
5622
|
args: [{ name: 'gdsMapArrayToRadioOptions' }]
|
|
5573
5623
|
}] });
|
|
@@ -5579,10 +5629,10 @@ class GdsBuildOptionConfigPipe {
|
|
|
5579
5629
|
id
|
|
5580
5630
|
};
|
|
5581
5631
|
}
|
|
5582
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5583
|
-
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" });
|
|
5584
5634
|
}
|
|
5585
|
-
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: [{
|
|
5586
5636
|
type: Pipe,
|
|
5587
5637
|
args: [{ name: 'gdsBuildOptionConfig' }]
|
|
5588
5638
|
}] });
|
|
@@ -5595,10 +5645,10 @@ class GdsRadioComponent extends GdsSignalFormControl {
|
|
|
5595
5645
|
handleChange(value) {
|
|
5596
5646
|
this.value.set(value);
|
|
5597
5647
|
}
|
|
5598
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5599
|
-
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 });
|
|
5600
5650
|
}
|
|
5601
|
-
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: [{
|
|
5602
5652
|
type: Component,
|
|
5603
5653
|
args: [{ selector: 'gds-radio', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, GdsBuildOptionConfigPipe, A11yModule], host: {
|
|
5604
5654
|
class: 'gds-display-flex gds-align-items-start gds-gap-2xs',
|
|
@@ -5622,18 +5672,18 @@ class GdsRadioOptionDirective {
|
|
|
5622
5672
|
return;
|
|
5623
5673
|
this.changed.emit(this.value());
|
|
5624
5674
|
};
|
|
5625
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5626
|
-
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 });
|
|
5627
5677
|
}
|
|
5628
|
-
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: [{
|
|
5629
5679
|
type: Directive
|
|
5630
5680
|
}], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
5631
5681
|
|
|
5632
5682
|
class GdsButtonRadioOptionComponent extends GdsRadioOptionDirective {
|
|
5633
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5634
|
-
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 });
|
|
5635
5685
|
}
|
|
5636
|
-
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: [{
|
|
5637
5687
|
type: Component,
|
|
5638
5688
|
args: [{ selector: 'input[gds-button-radio-option]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5639
5689
|
class: 'gds-text-caption-strong gds-radius-sm',
|
|
@@ -5772,10 +5822,10 @@ class GdsSelectComponent extends GdsSignalFormControl {
|
|
|
5772
5822
|
onClearClicked = () => {
|
|
5773
5823
|
this.ref().handleClearClick();
|
|
5774
5824
|
};
|
|
5775
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5776
|
-
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 });
|
|
5777
5827
|
}
|
|
5778
|
-
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: [{
|
|
5779
5829
|
type: Component,
|
|
5780
5830
|
args: [{ selector: 'gds-select', imports: [
|
|
5781
5831
|
NgTemplateOutlet,
|
|
@@ -5892,10 +5942,10 @@ class GdsSliderComponent extends GdsSignalFormContainer {
|
|
|
5892
5942
|
#updateValueFromInput = () => {
|
|
5893
5943
|
this.inputValue.set(Number(this.input()?.nativeElement.value));
|
|
5894
5944
|
};
|
|
5895
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5896
|
-
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 });
|
|
5897
5947
|
}
|
|
5898
|
-
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: [{
|
|
5899
5949
|
type: Component,
|
|
5900
5950
|
args: [{ selector: 'gds-slider', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5901
5951
|
class: 'gds-position-relative'
|
|
@@ -5911,10 +5961,10 @@ class GdsTextInputComponent extends GdsSignalFormContainer {
|
|
|
5911
5961
|
throw new Error('GdsNativeInputDirective is required for this component. Please update the imports to include GdsNativeInputDirective.');
|
|
5912
5962
|
}
|
|
5913
5963
|
}
|
|
5914
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5915
|
-
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 });
|
|
5916
5966
|
}
|
|
5917
|
-
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: [{
|
|
5918
5968
|
type: Component,
|
|
5919
5969
|
args: [{ standalone: true, selector: 'gds-text-input', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5920
5970
|
'(click)': 'input()?.nativeElement?.focus()',
|
|
@@ -5940,10 +5990,10 @@ class GdsAutoGrowingTextareaComponent extends GdsSignalFormContainer {
|
|
|
5940
5990
|
#updateDataReplicatedValue() {
|
|
5941
5991
|
this.dataReplicatedValue.set(this.textarea()?.nativeElement.value ?? '');
|
|
5942
5992
|
}
|
|
5943
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5944
|
-
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 });
|
|
5945
5995
|
}
|
|
5946
|
-
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: [{
|
|
5947
5997
|
type: Component,
|
|
5948
5998
|
args: [{ selector: 'gds-auto-growing-text-area', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5949
5999
|
'[style.--max-rows]': 'maxRows()',
|
|
@@ -5953,10 +6003,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
5953
6003
|
}], propDecorators: { maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], textarea: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GdsNativeTextareaDirective), { isSignal: true }] }] } });
|
|
5954
6004
|
|
|
5955
6005
|
class GdsTextareaComponent extends GdsAutoGrowingTextareaComponent {
|
|
5956
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5957
|
-
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 });
|
|
5958
6008
|
}
|
|
5959
|
-
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: [{
|
|
5960
6010
|
type: Component,
|
|
5961
6011
|
args: [{ selector: 'gds-textarea', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
5962
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
|
|
@@ -5978,10 +6028,10 @@ class GdsIconDoctypeComponent {
|
|
|
5978
6028
|
size = 'sm';
|
|
5979
6029
|
getExt = (ext) => this._doctypeSvc.getIconKeyForExt(ext);
|
|
5980
6030
|
iconSizeClass = computed(() => `gds-icon-size-${this.size}`, ...(ngDevMode ? [{ debugName: "iconSizeClass" }] : /* istanbul ignore next */ []));
|
|
5981
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5982
|
-
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 });
|
|
5983
6033
|
}
|
|
5984
|
-
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: [{
|
|
5985
6035
|
type: Component,
|
|
5986
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"] }]
|
|
5987
6037
|
}], propDecorators: { ext: [{
|
|
@@ -5997,10 +6047,10 @@ class GdsDialogOverlayComponent {
|
|
|
5997
6047
|
return;
|
|
5998
6048
|
this.clicked.emit();
|
|
5999
6049
|
};
|
|
6000
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6001
|
-
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 });
|
|
6002
6052
|
}
|
|
6003
|
-
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: [{
|
|
6004
6054
|
type: Component,
|
|
6005
6055
|
args: [{
|
|
6006
6056
|
standalone: true,
|
|
@@ -6054,10 +6104,10 @@ class GdsCollapsibleAsideOverlayComponent extends GdsDialogBaseDirective {
|
|
|
6054
6104
|
this.alignment.set(this.config.data.alignment ?? 'center');
|
|
6055
6105
|
this.dialog().show();
|
|
6056
6106
|
}
|
|
6057
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6058
|
-
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 });
|
|
6059
6109
|
}
|
|
6060
|
-
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: [{
|
|
6061
6111
|
type: Component,
|
|
6062
6112
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'gds-collapsible-aside-layout-dialog', imports: [GdsDialogComponent, GdsDialogOverlayComponent], host: {
|
|
6063
6113
|
class: 'gds-display-flex gds-justify-content-center gds-align-items-center',
|
|
@@ -6107,10 +6157,10 @@ class GdsCollapsibleAsideLayoutComponent {
|
|
|
6107
6157
|
this.isMoving.set(false);
|
|
6108
6158
|
this.animationComplete.emit();
|
|
6109
6159
|
};
|
|
6110
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6111
|
-
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 });
|
|
6112
6162
|
}
|
|
6113
|
-
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: [{
|
|
6114
6164
|
type: Component,
|
|
6115
6165
|
args: [{ selector: 'gds-collapsible-aside-layout', imports: [NgTemplateOutlet, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6116
6166
|
'[attr.asideRight]': 'asideRight() ? "" : undefined',
|
|
@@ -6154,10 +6204,10 @@ class GdsLoadingCarouselComponent {
|
|
|
6154
6204
|
this.clearInterval();
|
|
6155
6205
|
}
|
|
6156
6206
|
clearInterval = () => clearInterval(this.#interval);
|
|
6157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6158
|
-
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 });
|
|
6159
6209
|
}
|
|
6160
|
-
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: [{
|
|
6161
6211
|
type: Component,
|
|
6162
6212
|
args: [{ standalone: true, selector: 'gds-loading-carousel', host: {
|
|
6163
6213
|
'[class.gds-text-shimmer]': 'true'
|
|
@@ -6171,10 +6221,10 @@ class GdsNavAsideItemComponent {
|
|
|
6171
6221
|
handleClicked(event) {
|
|
6172
6222
|
this.clicked.emit(event);
|
|
6173
6223
|
}
|
|
6174
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6175
|
-
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 });
|
|
6176
6226
|
}
|
|
6177
|
-
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: [{
|
|
6178
6228
|
type: Component,
|
|
6179
6229
|
args: [{ selector: 'gds-nav-aside-item', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6180
6230
|
class: 'gds-radius-sm',
|
|
@@ -6184,10 +6234,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
6184
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"] }] } });
|
|
6185
6235
|
|
|
6186
6236
|
class GdsNavAsideComponent {
|
|
6187
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6188
|
-
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 });
|
|
6189
6239
|
}
|
|
6190
|
-
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: [{
|
|
6191
6241
|
type: Component,
|
|
6192
6242
|
args: [{ selector: 'gds-nav-aside', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6193
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'
|
|
@@ -6333,10 +6383,10 @@ class GdsNestedSelectComponent extends GdsSignalFormContainer {
|
|
|
6333
6383
|
inputDirective.nativeElement.dispatchEvent(new Event('input'));
|
|
6334
6384
|
}
|
|
6335
6385
|
};
|
|
6336
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6337
|
-
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 });
|
|
6338
6388
|
}
|
|
6339
|
-
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: [{
|
|
6340
6390
|
type: Component,
|
|
6341
6391
|
args: [{ selector: 'gds-nested-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
6342
6392
|
CdkMenuTrigger,
|
|
@@ -6372,10 +6422,10 @@ class GdsProgressBarComponent {
|
|
|
6372
6422
|
return this.progress();
|
|
6373
6423
|
}
|
|
6374
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) });
|
|
6375
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6376
|
-
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 });
|
|
6377
6427
|
}
|
|
6378
|
-
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: [{
|
|
6379
6429
|
type: Component,
|
|
6380
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"] }]
|
|
6381
6431
|
}], propDecorators: { percentComplete: [{
|
|
@@ -6391,10 +6441,10 @@ class GdsSpinnerComponent {
|
|
|
6391
6441
|
const val = parseInt(this.size()) + 1;
|
|
6392
6442
|
return `0 0 ${val} ${val}`;
|
|
6393
6443
|
}, ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
|
|
6394
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6395
|
-
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 });
|
|
6396
6446
|
}
|
|
6397
|
-
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: [{
|
|
6398
6448
|
type: Component,
|
|
6399
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"] }]
|
|
6400
6450
|
}], propDecorators: { trackWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackWidth", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
@@ -6577,10 +6627,10 @@ class GdsSearchBarComponent {
|
|
|
6577
6627
|
// this needs to be last to prevent the dropdown from flashing
|
|
6578
6628
|
this.#renderer.setStyle(this.dropdownPanelScroll.nativeElement.parentElement, 'visibility', 'visible');
|
|
6579
6629
|
};
|
|
6580
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6581
|
-
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 });
|
|
6582
6632
|
}
|
|
6583
|
-
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: [{
|
|
6584
6634
|
type: Component,
|
|
6585
6635
|
args: [{ selector: 'gds-search-bar', imports: [
|
|
6586
6636
|
FormsModule,
|
|
@@ -6600,10 +6650,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
6600
6650
|
class GdsSidebarItemComponent {
|
|
6601
6651
|
selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6602
6652
|
keepTrailingActionVisible = input(false, { ...(ngDevMode ? { debugName: "keepTrailingActionVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6603
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6604
|
-
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 });
|
|
6605
6655
|
}
|
|
6606
|
-
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: [{
|
|
6607
6657
|
type: Component,
|
|
6608
6658
|
args: [{ selector: 'li[gds-sidebar-item]', host: {
|
|
6609
6659
|
class: 'gds-display-flex gds-padding-inline-end-xs gds-position-relative gds-radius-sm gds-align-items-center',
|
|
@@ -6621,10 +6671,10 @@ class GdsSidebarItemBodyComponent {
|
|
|
6621
6671
|
return;
|
|
6622
6672
|
this.clicked.emit();
|
|
6623
6673
|
};
|
|
6624
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6625
|
-
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 });
|
|
6626
6676
|
}
|
|
6627
|
-
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: [{
|
|
6628
6678
|
type: Component,
|
|
6629
6679
|
args: [{ standalone: true, selector: 'button[gds-sidebar-item-body]', host: {
|
|
6630
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',
|
|
@@ -6634,36 +6684,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
6634
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"] }] } });
|
|
6635
6685
|
|
|
6636
6686
|
class GdsSkeletonLoadingComponent {
|
|
6637
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6638
|
-
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 });
|
|
6639
6689
|
}
|
|
6640
|
-
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: [{
|
|
6641
6691
|
type: Component,
|
|
6642
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"] }]
|
|
6643
6693
|
}] });
|
|
6644
6694
|
|
|
6645
6695
|
class GdsSplitButtonComponent extends ButtonBaseDirective {
|
|
6696
|
+
#elementRef = inject(ElementRef);
|
|
6697
|
+
#injector = inject(Injector);
|
|
6646
6698
|
trailingDropdown = input.required(...(ngDevMode ? [{ debugName: "trailingDropdown" }] : /* istanbul ignore next */ []));
|
|
6647
6699
|
trailingIcon = input('line-chevron-down-stroke', ...(ngDevMode ? [{ debugName: "trailingIcon" }] : /* istanbul ignore next */ []));
|
|
6648
6700
|
leadingAriaLabel = input(...(ngDevMode ? [undefined, { debugName: "leadingAriaLabel" }] : /* istanbul ignore next */ []));
|
|
6649
6701
|
trailingAriaLabel = input(...(ngDevMode ? [undefined, { debugName: "trailingAriaLabel" }] : /* istanbul ignore next */ []));
|
|
6650
6702
|
menuPosition = input(CDK_MENU_CONNECTED_POSITIONS, ...(ngDevMode ? [{ debugName: "menuPosition" }] : /* istanbul ignore next */ []));
|
|
6651
|
-
|
|
6652
|
-
|
|
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 });
|
|
6653
6723
|
}
|
|
6654
|
-
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: [{
|
|
6655
6725
|
type: Component,
|
|
6656
|
-
args: [{ selector: 'gds-split-button', imports: [GdsIconComponent, GdsButtonComponent, CdkMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush,
|
|
6657
|
-
|
|
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 }] }] } });
|
|
6658
6733
|
|
|
6659
6734
|
class GdsTimelineItemComponent {
|
|
6660
6735
|
end = input(false, { ...(ngDevMode ? { debugName: "end" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6661
6736
|
start = input(false, { ...(ngDevMode ? { debugName: "start" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6662
6737
|
connectorType = input('tag', ...(ngDevMode ? [{ debugName: "connectorType" }] : /* istanbul ignore next */ []));
|
|
6663
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6664
|
-
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 });
|
|
6665
6740
|
}
|
|
6666
|
-
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: [{
|
|
6667
6742
|
type: Component,
|
|
6668
6743
|
args: [{ standalone: true, selector: 'li[gds-timeline-item]', host: {
|
|
6669
6744
|
class: 'gds-display-flex gds-margin-inline-start-xs gds-padding-inline-start-3xs gds-gap-sm gds-radius-sm',
|
|
@@ -6706,10 +6781,10 @@ class GdsToastComponent extends ToastNoAnimation {
|
|
|
6706
6781
|
this.toastPackage.triggerAction(event);
|
|
6707
6782
|
return false;
|
|
6708
6783
|
};
|
|
6709
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6710
|
-
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 });
|
|
6711
6786
|
}
|
|
6712
|
-
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: [{
|
|
6713
6788
|
type: Component,
|
|
6714
6789
|
args: [{ selector: 'gds-toast', imports: [GdsIconComponent, GdsIconButtonComponent, GdsButtonComponent, TranslatePipe], host: {
|
|
6715
6790
|
'[attr.type]': 'status',
|
|
@@ -6757,10 +6832,10 @@ class GdsListboxBaseDirective {
|
|
|
6757
6832
|
onKeydown(event) {
|
|
6758
6833
|
this._keyManager?.onKeydown(event);
|
|
6759
6834
|
}
|
|
6760
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6761
|
-
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 });
|
|
6762
6837
|
}
|
|
6763
|
-
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: [{
|
|
6764
6839
|
type: Directive
|
|
6765
6840
|
}] });
|
|
6766
6841
|
|
|
@@ -6794,10 +6869,10 @@ class GdsListboxDirective extends GdsListboxBaseDirective {
|
|
|
6794
6869
|
}
|
|
6795
6870
|
super.onKeydown(event);
|
|
6796
6871
|
};
|
|
6797
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6798
|
-
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 });
|
|
6799
6874
|
}
|
|
6800
|
-
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: [{
|
|
6801
6876
|
type: Directive,
|
|
6802
6877
|
args: [{
|
|
6803
6878
|
selector: '[gdsListbox]',
|
|
@@ -6820,10 +6895,10 @@ class GdsCompositeOptionPrimaryDirective {
|
|
|
6820
6895
|
this.#host.nativeElement.focus();
|
|
6821
6896
|
this.tabindex.set(0);
|
|
6822
6897
|
};
|
|
6823
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6824
|
-
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 });
|
|
6825
6900
|
}
|
|
6826
|
-
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: [{
|
|
6827
6902
|
type: Directive,
|
|
6828
6903
|
args: [{
|
|
6829
6904
|
selector: '[gdsCompositeOptionPrimary]',
|
|
@@ -6840,10 +6915,10 @@ class GdsCompositeOptionSecondaryDirective extends GdsCompositeOptionPrimaryDire
|
|
|
6840
6915
|
onArrowY = (event) => {
|
|
6841
6916
|
event.stopImmediatePropagation();
|
|
6842
6917
|
};
|
|
6843
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6844
|
-
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 });
|
|
6845
6920
|
}
|
|
6846
|
-
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: [{
|
|
6847
6922
|
type: Directive,
|
|
6848
6923
|
args: [{
|
|
6849
6924
|
selector: '[gdsCompositeOptionSecondary]',
|
|
@@ -6878,10 +6953,10 @@ class GdsListboxCompositeOptionDirective {
|
|
|
6878
6953
|
focus = () => {
|
|
6879
6954
|
this.primaryEle().focus();
|
|
6880
6955
|
};
|
|
6881
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6882
|
-
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 });
|
|
6883
6958
|
}
|
|
6884
|
-
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: [{
|
|
6885
6960
|
type: Directive,
|
|
6886
6961
|
args: [{
|
|
6887
6962
|
selector: '[gdsListboxCompositeOption]',
|
|
@@ -6912,10 +6987,10 @@ class GdsListboxOptionDirective {
|
|
|
6912
6987
|
this.element().focus();
|
|
6913
6988
|
this.tabindex.set(0);
|
|
6914
6989
|
}
|
|
6915
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6916
|
-
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 });
|
|
6917
6992
|
}
|
|
6918
|
-
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: [{
|
|
6919
6994
|
type: Directive,
|
|
6920
6995
|
args: [{
|
|
6921
6996
|
selector: '[gdsListboxOption]',
|
|
@@ -7030,10 +7105,10 @@ class GdsVirtualScrollListboxDirective extends GdsListboxBaseDirective {
|
|
|
7030
7105
|
const index = Number(raw);
|
|
7031
7106
|
return Number.isFinite(index) ? index : null;
|
|
7032
7107
|
};
|
|
7033
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7034
|
-
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 });
|
|
7035
7110
|
}
|
|
7036
|
-
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: [{
|
|
7037
7112
|
type: Directive,
|
|
7038
7113
|
args: [{
|
|
7039
7114
|
selector: '[gdsListboxVirtualScroll]',
|
|
@@ -7111,10 +7186,10 @@ class GdsTreeViewListItemComponent {
|
|
|
7111
7186
|
this._clickTimer = undefined;
|
|
7112
7187
|
}
|
|
7113
7188
|
}
|
|
7114
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7115
|
-
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 });
|
|
7116
7191
|
}
|
|
7117
|
-
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: [{
|
|
7118
7193
|
type: Component,
|
|
7119
7194
|
args: [{ selector: 'gds-tree-view-list-item', imports: [NgClass, GdsIconComponent, GdsIconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7120
7195
|
'[style.--tier]': 'tier()',
|
|
@@ -7124,10 +7199,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7124
7199
|
|
|
7125
7200
|
class TreeViewListItemDirective {
|
|
7126
7201
|
templateRef = inject((TemplateRef));
|
|
7127
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7128
|
-
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 });
|
|
7129
7204
|
}
|
|
7130
|
-
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: [{
|
|
7131
7206
|
type: Directive,
|
|
7132
7207
|
args: [{
|
|
7133
7208
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -7149,10 +7224,10 @@ class GdsUserPromptComponent extends GdsDialogBaseDirective {
|
|
|
7149
7224
|
get desc() {
|
|
7150
7225
|
return typeof this.config.data?.description === 'string' ? this.config.data.description : '';
|
|
7151
7226
|
}
|
|
7152
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7153
|
-
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 });
|
|
7154
7229
|
}
|
|
7155
|
-
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: [{
|
|
7156
7231
|
type: Component,
|
|
7157
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"] }]
|
|
7158
7233
|
}], propDecorators: { defaultDescTmpl: [{ type: i0.ViewChild, args: ['defaultDescriptionTmpl', { isSignal: true }] }] } });
|
|
@@ -7184,10 +7259,10 @@ class GdsUserPromptService {
|
|
|
7184
7259
|
...options
|
|
7185
7260
|
});
|
|
7186
7261
|
}
|
|
7187
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7188
|
-
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' });
|
|
7189
7264
|
}
|
|
7190
|
-
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: [{
|
|
7191
7266
|
type: Injectable,
|
|
7192
7267
|
args: [{
|
|
7193
7268
|
providedIn: 'root'
|
|
@@ -7206,10 +7281,10 @@ class GdsHistoryComponent {
|
|
|
7206
7281
|
contentTmpl = contentChild('contentTmpl', ...(ngDevMode ? [{ debugName: "contentTmpl" }] : /* istanbul ignore next */ []));
|
|
7207
7282
|
menuTmpl = contentChild('menuTmpl', ...(ngDevMode ? [{ debugName: "menuTmpl" }] : /* istanbul ignore next */ []));
|
|
7208
7283
|
menuPosition = CDK_MENU_CONNECTED_POSITIONS;
|
|
7209
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7210
|
-
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 });
|
|
7211
7286
|
}
|
|
7212
|
-
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: [{
|
|
7213
7288
|
type: Component,
|
|
7214
7289
|
args: [{ selector: 'gds-history', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
7215
7290
|
GdsBadgeComponent,
|
|
@@ -7232,10 +7307,10 @@ class StylableButtonComponent {
|
|
|
7232
7307
|
focus = () => {
|
|
7233
7308
|
this.btn().nativeElement.focus();
|
|
7234
7309
|
};
|
|
7235
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7236
|
-
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 });
|
|
7237
7312
|
}
|
|
7238
|
-
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: [{
|
|
7239
7314
|
type: Component,
|
|
7240
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"] }]
|
|
7241
7316
|
}], propDecorators: { btn: [{ type: i0.ViewChild, args: ['btn', { isSignal: true }] }] } });
|
|
@@ -7257,10 +7332,10 @@ class GdsChatExpandableListComponent {
|
|
|
7257
7332
|
}
|
|
7258
7333
|
this.expanded.set(true);
|
|
7259
7334
|
}
|
|
7260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7261
|
-
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 });
|
|
7262
7337
|
}
|
|
7263
|
-
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: [{
|
|
7264
7339
|
type: Component,
|
|
7265
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"] }]
|
|
7266
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 }] }] } });
|
|
@@ -7330,10 +7405,10 @@ class GdsMessageInputComponent {
|
|
|
7330
7405
|
focus() {
|
|
7331
7406
|
this.textarea().nativeElement.focus();
|
|
7332
7407
|
}
|
|
7333
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7334
|
-
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 });
|
|
7335
7410
|
}
|
|
7336
|
-
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: [{
|
|
7337
7412
|
type: Component,
|
|
7338
7413
|
args: [{ selector: 'gds-message-input', imports: [
|
|
7339
7414
|
GdsIconComponent,
|
|
@@ -7366,10 +7441,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7366
7441
|
|
|
7367
7442
|
class GdsChatPromptComponent {
|
|
7368
7443
|
label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
7369
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7370
|
-
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 });
|
|
7371
7446
|
}
|
|
7372
|
-
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: [{
|
|
7373
7448
|
type: Component,
|
|
7374
7449
|
args: [{ selector: 'gds-chat-prompt', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7375
7450
|
class: `
|
|
@@ -7386,10 +7461,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7386
7461
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
|
|
7387
7462
|
|
|
7388
7463
|
class GdsReferenceComponent {
|
|
7389
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7390
|
-
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 });
|
|
7391
7466
|
}
|
|
7392
|
-
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: [{
|
|
7393
7468
|
type: Component,
|
|
7394
7469
|
args: [{ standalone: true, selector: 'gds-reference', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7395
7470
|
class: 'gds-radius-sm gds-display-inline-flex gds-text-primary'
|
|
@@ -7416,10 +7491,10 @@ class GdsReferenceLinkComponent {
|
|
|
7416
7491
|
}
|
|
7417
7492
|
this.rightClicked.emit(event);
|
|
7418
7493
|
}
|
|
7419
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7420
|
-
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 });
|
|
7421
7496
|
}
|
|
7422
|
-
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: [{
|
|
7423
7498
|
type: Component,
|
|
7424
7499
|
args: [{ selector: 'a[gds-reference-link]', imports: [TippyDirective], host: {
|
|
7425
7500
|
// Since we want to support not having an `href`
|
|
@@ -7438,10 +7513,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
|
|
|
7438
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"] }] } });
|
|
7439
7514
|
|
|
7440
7515
|
class GdsResponseComponent {
|
|
7441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7442
|
-
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 });
|
|
7443
7518
|
}
|
|
7444
|
-
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: [{
|
|
7445
7520
|
type: Component,
|
|
7446
7521
|
args: [{ selector: 'gds-response', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent], host: {
|
|
7447
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'
|
|
@@ -7456,10 +7531,10 @@ class GdsChatSuggestionComponent {
|
|
|
7456
7531
|
event.stopPropagation();
|
|
7457
7532
|
this.clicked.emit();
|
|
7458
7533
|
}
|
|
7459
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7460
|
-
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 });
|
|
7461
7536
|
}
|
|
7462
|
-
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: [{
|
|
7463
7538
|
type: Component,
|
|
7464
7539
|
args: [{ standalone: true, selector: 'button[gds-chat-suggestion]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
7465
7540
|
class: 'gds-radius-sm gds-mobile-radius-md',
|
|
@@ -7507,10 +7582,10 @@ class GdsAutoRoundCurrencyDirective {
|
|
|
7507
7582
|
}
|
|
7508
7583
|
this.elRef.nativeElement.value = this.accountingService.round(numForRounding, this.gdsAutoRoundCurrencyRoundValue);
|
|
7509
7584
|
}
|
|
7510
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7511
|
-
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 });
|
|
7512
7587
|
}
|
|
7513
|
-
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: [{
|
|
7514
7589
|
type: Directive,
|
|
7515
7590
|
args: [{
|
|
7516
7591
|
selector: '[gdsAutoRoundCurrency]',
|
|
@@ -7542,10 +7617,10 @@ class GdsAutofocusDirective {
|
|
|
7542
7617
|
});
|
|
7543
7618
|
}
|
|
7544
7619
|
}
|
|
7545
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7546
|
-
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 });
|
|
7547
7622
|
}
|
|
7548
|
-
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: [{
|
|
7549
7624
|
type: Directive,
|
|
7550
7625
|
args: [{
|
|
7551
7626
|
selector: '[gdsAutofocus]'
|
|
@@ -7557,10 +7632,10 @@ class GdsSelectOnFocusDirective {
|
|
|
7557
7632
|
onClick = () => {
|
|
7558
7633
|
this.#elementRef.nativeElement.select();
|
|
7559
7634
|
};
|
|
7560
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7561
|
-
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 });
|
|
7562
7637
|
}
|
|
7563
|
-
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: [{
|
|
7564
7639
|
type: Directive,
|
|
7565
7640
|
args: [{
|
|
7566
7641
|
selector: 'input[gdsSelectOnFocus]',
|
|
@@ -7585,10 +7660,10 @@ class GdsRegexFilterDirective {
|
|
|
7585
7660
|
ngOnDestroy() {
|
|
7586
7661
|
this.#elementRef.nativeElement.removeEventListener('keydown', this.onKeydown);
|
|
7587
7662
|
}
|
|
7588
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7589
|
-
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 });
|
|
7590
7665
|
}
|
|
7591
|
-
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: [{
|
|
7592
7667
|
type: Directive,
|
|
7593
7668
|
args: [{
|
|
7594
7669
|
selector: 'input[gdsRegexFilter]',
|
|
@@ -7654,10 +7729,10 @@ class GdsInputAutocompleteDirective {
|
|
|
7654
7729
|
this.autocompleteSelected.emit(item);
|
|
7655
7730
|
this.#menuTrigger.close();
|
|
7656
7731
|
};
|
|
7657
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7658
|
-
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 });
|
|
7659
7734
|
}
|
|
7660
|
-
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: [{
|
|
7661
7736
|
type: Directive,
|
|
7662
7737
|
args: [{
|
|
7663
7738
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -7702,9 +7777,9 @@ class GdsModule {
|
|
|
7702
7777
|
]
|
|
7703
7778
|
};
|
|
7704
7779
|
}
|
|
7705
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7706
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
7707
|
-
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: [
|
|
7708
7783
|
...gdsServices,
|
|
7709
7784
|
provideTippyLoader(() => import('tippy.js')),
|
|
7710
7785
|
provideTippyConfig({
|
|
@@ -7732,7 +7807,7 @@ class GdsModule {
|
|
|
7732
7807
|
})
|
|
7733
7808
|
], imports: [CommonModule, NgSelectModule] });
|
|
7734
7809
|
}
|
|
7735
|
-
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: [{
|
|
7736
7811
|
type: NgModule,
|
|
7737
7812
|
args: [{
|
|
7738
7813
|
imports: [CommonModule, NgSelectModule],
|