@sebgroup/green-core-ng 3.8.0 → 3.8.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.
@@ -1,14 +1,15 @@
1
1
  import { __decorate, __metadata } from 'tslib';
2
2
  import * as i0 from '@angular/core';
3
- import { inject, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, booleanAttribute, Output, Input, ChangeDetectionStrategy, Component, Renderer2, Injector, Directive, DestroyRef, forwardRef, NgModule, InjectionToken, ViewContainerRef, TemplateRef, Injectable, RendererFactory2 } from '@angular/core';
3
+ import { inject, ElementRef, NgZone, ChangeDetectorRef, Renderer2, DestroyRef, booleanAttribute, Input, ChangeDetectionStrategy, Component, EventEmitter, Output, Injector, Directive, forwardRef, NgModule, InjectionToken, ViewContainerRef, TemplateRef, Injectable, RendererFactory2 } from '@angular/core';
4
+ import { LocationStrategy, DOCUMENT, CommonModule } from '@angular/common';
5
+ import { Router, RouterLink, RouterLinkActive, NavigationEnd } from '@angular/router';
6
+ import { GdsCardPattern01 } from '@sebgroup/green-core/patterns/card-pattern-01/card-pattern-01.component.js';
4
7
  import { GdsAlert } from '@sebgroup/green-core/components/alert/alert.component.js';
5
8
  import { GdsAvatar } from '@sebgroup/green-core/components/avatar/avatar.component.js';
6
9
  import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.component.js';
7
10
  import { GdsBlur } from '@sebgroup/green-core/components/blur/blur.component.js';
8
11
  import { GdsBreadcrumbs } from '@sebgroup/green-core/components/breadcrumbs/breadcrumbs.component.js';
9
12
  import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
10
- import { LocationStrategy, DOCUMENT, CommonModule } from '@angular/common';
11
- import { Router, RouterLink, RouterLinkActive, NavigationEnd } from '@angular/router';
12
13
  import { GdsButton } from '@sebgroup/green-core/components/button/button.component.js';
13
14
  import { GdsCalendar } from '@sebgroup/green-core/components/calendar/calendar.component.js';
14
15
  import { GdsCard } from '@sebgroup/green-core/components/card/card.component.js';
@@ -41,28 +42,27 @@ import { GdsRadio } from '@sebgroup/green-core/components/radio/radio.component.
41
42
  import { GdsRichText } from '@sebgroup/green-core/components/rich-text/rich-text.component.js';
42
43
  import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/segmented-control.component.js';
43
44
  import { GdsSelect } from '@sebgroup/green-core/components/select/select.component.js';
44
- import { GdsSignal } from '@sebgroup/green-core/components/signal/signal.component.js';
45
- import { GdsSwitch } from '@sebgroup/green-core/components/switch/switch.component.js';
46
45
  import { GdsSpinner } from '@sebgroup/green-core/components/spinner/spinner.component.js';
46
+ import { GdsSwitch } from '@sebgroup/green-core/components/switch/switch.component.js';
47
+ import { GdsSignal } from '@sebgroup/green-core/components/signal/signal.component.js';
47
48
  import { GdsTable } from '@sebgroup/green-core/components/table/table.component.js';
48
49
  import { GdsText } from '@sebgroup/green-core/components/text/text.component.js';
49
50
  import { GdsTextarea } from '@sebgroup/green-core/components/textarea/textarea.component.js';
50
51
  import { GdsTheme } from '@sebgroup/green-core/components/theme/theme.component.js';
51
52
  import { GdsVideo } from '@sebgroup/green-core/components/video/video.component.js';
52
- import { GdsCardPattern01 } from '@sebgroup/green-core/patterns/card-pattern-01/card-pattern-01.component.js';
53
53
  import { GdsAvatarGroup } from '@sebgroup/green-core/components/avatar/avatar-group/avatar-group.component.js';
54
+ import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
54
55
  import { GdsCheckboxGroup } from '@sebgroup/green-core/components/checkbox/checkbox-group/checkbox-group.component.js';
55
56
  import { GdsIconDetails } from '@sebgroup/green-core/components/details/details-icon/details-icon.component.js';
56
- import { GdsBreadcrumb } from '@sebgroup/green-core/components/breadcrumbs/breadcrumb/breadcrumb.component.js';
57
57
  import { GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chip/filter-chip.component.js';
58
58
  import { GdsFormattedAccount } from '@sebgroup/green-core/components/formatted-text/account/formatted-account.component.js';
59
59
  import { GdsFormattedDate } from '@sebgroup/green-core/components/formatted-text/date/formatted-date.component.js';
60
60
  import { GdsFormattedNumber } from '@sebgroup/green-core/components/formatted-text/number/formatted-number.component.js';
61
61
  import { GdsRadioGroup } from '@sebgroup/green-core/components/radio/radio-group/radio-group.component.js';
62
62
  import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/segment.component.js';
63
+ import { GdsSensitiveNumber } from '@sebgroup/green-core/components/sensitive/number/sensitive-number.component.js';
63
64
  import { GdsSensitiveAccount } from '@sebgroup/green-core/components/sensitive/account/sensitive-account.component.js';
64
65
  import { GdsSensitiveDate } from '@sebgroup/green-core/components/sensitive/date/sensitive-date.component.js';
65
- import { GdsSensitiveNumber } from '@sebgroup/green-core/components/sensitive/number/sensitive-number.component.js';
66
66
  import { IconAi } from '@sebgroup/green-core/components/icon/icons/ai.component.js';
67
67
  import { IconAirplaneUp } from '@sebgroup/green-core/components/icon/icons/airplane-up.component.js';
68
68
  import { IconArchive } from '@sebgroup/green-core/components/icon/icons/archive.component.js';
@@ -436,6 +436,209 @@ function ProxyInputs(inputNames) {
436
436
  };
437
437
  }
438
438
 
439
+ /**
440
+ * Angular wrapper for the gds-card-pattern-01 web component
441
+ *
442
+ */
443
+ let GdsCardPattern01Component = class GdsCardPattern01Component {
444
+ get element() {
445
+ return this.elementRef.nativeElement;
446
+ }
447
+ constructor() {
448
+ this.elementRef = inject((ElementRef));
449
+ this.zone = inject(NgZone);
450
+ this.cdr = inject(ChangeDetectorRef);
451
+ this.renderer = inject(Renderer2);
452
+ this.router = inject(Router);
453
+ this.locationStrategy = inject(LocationStrategy);
454
+ this.destroyRef = inject(DestroyRef);
455
+ this.routerLink = inject(RouterLink, { optional: true, self: true });
456
+ this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
457
+ this.cdr.detach();
458
+ if (this.routerLink) {
459
+ // Prevent the browser from following the href on click – RouterLink
460
+ // handles navigation via Router.navigateByUrl() but only calls
461
+ // preventDefault() for native <a> elements.
462
+ this.preventNativeNavigation();
463
+ // Keep href in sync after client-side navigations (RouterLink only
464
+ // does this for native <a> elements).
465
+ const sub = this.router.events.subscribe((event) => {
466
+ if (event instanceof NavigationEnd)
467
+ this.updateHref();
468
+ });
469
+ this.destroyRef.onDestroy(() => sub.unsubscribe());
470
+ }
471
+ }
472
+ /**
473
+ * Prevent the browser from following the href when RouterLink handles
474
+ * navigation. RouterLink calls Router.navigateByUrl() for all elements,
475
+ * but only calls preventDefault() for native <a> tags. For custom
476
+ * elements we must do it ourselves, respecting modifier-key and
477
+ * target-attribute semantics so that ctrl-click / cmd-click / target=_blank
478
+ * still open a new tab.
479
+ * @internal
480
+ */
481
+ preventNativeNavigation() {
482
+ // Use capture phase so this runs before Angular's RouterLink host listener.
483
+ this.elementRef.nativeElement.addEventListener('click', (event) => {
484
+ if (!this.routerLink?.urlTree)
485
+ return;
486
+ // When modifier keys are pressed or target is not _self, stop
487
+ // RouterLink from navigating (it skips these checks for non-anchor
488
+ // elements) and let the browser handle the click natively (new tab etc.)
489
+ if (event.button !== 0 || event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {
490
+ event.stopImmediatePropagation();
491
+ return;
492
+ }
493
+ const target = this.elementRef.nativeElement.getAttribute('target');
494
+ if (target && target !== '_self') {
495
+ event.stopImmediatePropagation();
496
+ return;
497
+ }
498
+ // Normal left-click: let RouterLink handle navigation via
499
+ // Router.navigateByUrl(), but prevent the browser from also
500
+ // following the shadow DOM anchor's href.
501
+ event.preventDefault();
502
+ }, true);
503
+ }
504
+ /**
505
+ * Updates the href attribute from RouterLink using only public Angular APIs.
506
+ * @internal
507
+ */
508
+ updateHref() {
509
+ if (!this.routerLink)
510
+ return;
511
+ const urlTree = this.routerLink.urlTree;
512
+ const href = urlTree
513
+ ? this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(urlTree))
514
+ : null;
515
+ if (href) {
516
+ this.renderer.setAttribute(this.elementRef.nativeElement, 'href', href);
517
+ }
518
+ }
519
+ ngOnInit() {
520
+ // Define the custom element
521
+ try {
522
+ GdsCardPattern01.define();
523
+ }
524
+ catch (e) {
525
+ // Component may not be available in this version of green-core
526
+ console.warn('Failed to define gds-card-pattern-01:', e);
527
+ }
528
+ }
529
+ ngOnChanges(changes) {
530
+ // Implementation added by @ProxyInputs decorator
531
+ if (changes['routerLink']) {
532
+ this.updateHref();
533
+ }
534
+ }
535
+ ngAfterViewInit() {
536
+ // Implementation added by @ProxyInputs decorator
537
+ this.updateHref();
538
+ }
539
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCardPattern01Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
540
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCardPattern01Component, isStandalone: true, selector: "gds-card-pattern-01", inputs: { title: "title", excerpt: "excerpt", label: "label", variant: "variant", tag: "tag", ratio: "ratio", category: "category", date: "date", dateFormat: "dateFormat", locale: "locale", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", href: "href", target: "target", rel: "rel", download: "download", ping: "ping", src: "src", srcset: "srcset", sizes: "sizes", alt: "alt", loading: "loading", decoding: "decoding", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
541
+ };
542
+ GdsCardPattern01Component = __decorate([
543
+ ProxyInputs(['title', 'excerpt', 'label', 'variant', 'tag', 'ratio', 'category', 'date', 'dateFormat', 'locale', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'href', 'target', 'rel', 'download', 'ping', 'src', 'srcset', 'sizes', 'alt', 'loading', 'decoding', 'syncFirstRender']),
544
+ __metadata("design:paramtypes", [])
545
+ ], GdsCardPattern01Component);
546
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCardPattern01Component, decorators: [{
547
+ type: Component,
548
+ args: [{
549
+ selector: 'gds-card-pattern-01',
550
+ standalone: true,
551
+ changeDetection: ChangeDetectionStrategy.OnPush,
552
+ template: `<ng-content></ng-content>`
553
+ }]
554
+ }], ctorParameters: () => [], propDecorators: { title: [{
555
+ type: Input
556
+ }], excerpt: [{
557
+ type: Input
558
+ }], label: [{
559
+ type: Input
560
+ }], variant: [{
561
+ type: Input
562
+ }], tag: [{
563
+ type: Input
564
+ }], ratio: [{
565
+ type: Input
566
+ }], category: [{
567
+ type: Input
568
+ }], date: [{
569
+ type: Input
570
+ }], dateFormat: [{
571
+ type: Input
572
+ }], locale: [{
573
+ type: Input
574
+ }], width: [{
575
+ type: Input
576
+ }], minWidth: [{
577
+ type: Input
578
+ }], maxWidth: [{
579
+ type: Input
580
+ }], inlineSize: [{
581
+ type: Input
582
+ }], minInlineSize: [{
583
+ type: Input
584
+ }], maxInlineSize: [{
585
+ type: Input
586
+ }], margin: [{
587
+ type: Input
588
+ }], marginInline: [{
589
+ type: Input
590
+ }], marginBlock: [{
591
+ type: Input
592
+ }], alignSelf: [{
593
+ type: Input
594
+ }], justifySelf: [{
595
+ type: Input
596
+ }], placeSelf: [{
597
+ type: Input
598
+ }], gridColumn: [{
599
+ type: Input
600
+ }], gridRow: [{
601
+ type: Input
602
+ }], gridArea: [{
603
+ type: Input
604
+ }], flex: [{
605
+ type: Input
606
+ }], order: [{
607
+ type: Input
608
+ }], href: [{
609
+ type: Input
610
+ }], target: [{
611
+ type: Input
612
+ }], rel: [{
613
+ type: Input
614
+ }], download: [{
615
+ type: Input
616
+ }], ping: [{
617
+ type: Input
618
+ }], src: [{
619
+ type: Input
620
+ }], srcset: [{
621
+ type: Input
622
+ }], sizes: [{
623
+ type: Input
624
+ }], alt: [{
625
+ type: Input
626
+ }], loading: [{
627
+ type: Input
628
+ }], decoding: [{
629
+ type: Input
630
+ }], syncFirstRender: [{
631
+ type: Input,
632
+ args: [{ transform: booleanAttribute }]
633
+ }] } });
634
+
635
+ /**
636
+ * GdsCardPattern01Component - Angular wrapper for gds-card-pattern-01
637
+ *
638
+ *
639
+ * Auto-generated from Custom Elements Manifest
640
+ */
641
+
439
642
  /**
440
643
  * Angular wrapper for the gds-alert web component
441
644
  *
@@ -5361,10 +5564,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
5361
5564
  */
5362
5565
 
5363
5566
  /**
5364
- * Angular wrapper for the gds-signal web component
5567
+ * Angular wrapper for the gds-spinner web component
5365
5568
  *
5366
5569
  */
5367
- let GdsSignalComponent = class GdsSignalComponent {
5570
+ let GdsSpinnerComponent = class GdsSpinnerComponent {
5368
5571
  get element() {
5369
5572
  return this.elementRef.nativeElement;
5370
5573
  }
@@ -5372,17 +5575,23 @@ let GdsSignalComponent = class GdsSignalComponent {
5372
5575
  this.elementRef = inject((ElementRef));
5373
5576
  this.zone = inject(NgZone);
5374
5577
  this.cdr = inject(ChangeDetectorRef);
5578
+ /** When the spinner is connected and visible */
5579
+ this.gdsSpinnerConnected = new EventEmitter();
5375
5580
  this.cdr.detach();
5376
5581
  }
5377
5582
  ngOnInit() {
5378
5583
  // Define the custom element
5379
5584
  try {
5380
- GdsSignal.define();
5585
+ GdsSpinner.define();
5381
5586
  }
5382
5587
  catch (e) {
5383
5588
  // Component may not be available in this version of green-core
5384
- console.warn('Failed to define gds-signal:', e);
5589
+ console.warn('Failed to define gds-spinner:', e);
5385
5590
  }
5591
+ // Set up event listeners
5592
+ this.elementRef.nativeElement.addEventListener('gds-spinner-connected', (event) => {
5593
+ this.gdsSpinnerConnected.emit(event);
5594
+ });
5386
5595
  }
5387
5596
  ngOnChanges(changes) {
5388
5597
  // Implementation added by @ProxyInputs decorator
@@ -5390,30 +5599,73 @@ let GdsSignalComponent = class GdsSignalComponent {
5390
5599
  ngAfterViewInit() {
5391
5600
  // Implementation added by @ProxyInputs decorator
5392
5601
  }
5393
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSignalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5394
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSignalComponent, isStandalone: true, selector: "gds-signal", inputs: { color: "color", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5602
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5603
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSpinnerComponent, isStandalone: true, selector: "gds-spinner", inputs: { label: "label", labelPosition: "labelPosition", showLabel: ["showLabel", "showLabel", booleanAttribute], cover: ["cover", "cover", booleanAttribute], fullscreen: ["fullscreen", "fullscreen", booleanAttribute], size: "size", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", position: "position", transform: "transform", inset: "inset", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsSpinnerConnected: "gdsSpinnerConnected" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5395
5604
  };
5396
- GdsSignalComponent = __decorate([
5397
- ProxyInputs(['color', 'syncFirstRender']),
5605
+ GdsSpinnerComponent = __decorate([
5606
+ ProxyInputs(['label', 'labelPosition', 'showLabel', 'cover', 'fullscreen', 'size', 'margin', 'margin-inline', 'margin-block', 'position', 'transform', 'inset', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
5398
5607
  __metadata("design:paramtypes", [])
5399
- ], GdsSignalComponent);
5400
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSignalComponent, decorators: [{
5608
+ ], GdsSpinnerComponent);
5609
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSpinnerComponent, decorators: [{
5401
5610
  type: Component,
5402
5611
  args: [{
5403
- selector: 'gds-signal',
5612
+ selector: 'gds-spinner',
5404
5613
  standalone: true,
5405
5614
  changeDetection: ChangeDetectionStrategy.OnPush,
5406
5615
  template: `<ng-content></ng-content>`
5407
5616
  }]
5408
- }], ctorParameters: () => [], propDecorators: { color: [{
5617
+ }], ctorParameters: () => [], propDecorators: { label: [{
5618
+ type: Input
5619
+ }], labelPosition: [{
5620
+ type: Input
5621
+ }], showLabel: [{
5622
+ type: Input,
5623
+ args: [{ transform: booleanAttribute }]
5624
+ }], cover: [{
5625
+ type: Input,
5626
+ args: [{ transform: booleanAttribute }]
5627
+ }], fullscreen: [{
5628
+ type: Input,
5629
+ args: [{ transform: booleanAttribute }]
5630
+ }], size: [{
5631
+ type: Input
5632
+ }], margin: [{
5633
+ type: Input
5634
+ }], marginInline: [{
5635
+ type: Input
5636
+ }], marginBlock: [{
5637
+ type: Input
5638
+ }], position: [{
5639
+ type: Input
5640
+ }], transform: [{
5641
+ type: Input
5642
+ }], inset: [{
5643
+ type: Input
5644
+ }], alignSelf: [{
5645
+ type: Input
5646
+ }], justifySelf: [{
5647
+ type: Input
5648
+ }], placeSelf: [{
5649
+ type: Input
5650
+ }], gridColumn: [{
5651
+ type: Input
5652
+ }], gridRow: [{
5653
+ type: Input
5654
+ }], gridArea: [{
5655
+ type: Input
5656
+ }], flex: [{
5657
+ type: Input
5658
+ }], order: [{
5409
5659
  type: Input
5410
5660
  }], syncFirstRender: [{
5411
5661
  type: Input,
5412
5662
  args: [{ transform: booleanAttribute }]
5663
+ }], gdsSpinnerConnected: [{
5664
+ type: Output
5413
5665
  }] } });
5414
5666
 
5415
5667
  /**
5416
- * GdsSignalComponent - Angular wrapper for gds-signal
5668
+ * GdsSpinnerComponent - Angular wrapper for gds-spinner
5417
5669
  *
5418
5670
  *
5419
5671
  * Auto-generated from Custom Elements Manifest
@@ -5556,10 +5808,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
5556
5808
  */
5557
5809
 
5558
5810
  /**
5559
- * Angular wrapper for the gds-spinner web component
5811
+ * Angular wrapper for the gds-signal web component
5560
5812
  *
5561
5813
  */
5562
- let GdsSpinnerComponent = class GdsSpinnerComponent {
5814
+ let GdsSignalComponent = class GdsSignalComponent {
5563
5815
  get element() {
5564
5816
  return this.elementRef.nativeElement;
5565
5817
  }
@@ -5567,23 +5819,17 @@ let GdsSpinnerComponent = class GdsSpinnerComponent {
5567
5819
  this.elementRef = inject((ElementRef));
5568
5820
  this.zone = inject(NgZone);
5569
5821
  this.cdr = inject(ChangeDetectorRef);
5570
- /** When the spinner is connected and visible */
5571
- this.gdsSpinnerConnected = new EventEmitter();
5572
5822
  this.cdr.detach();
5573
5823
  }
5574
5824
  ngOnInit() {
5575
5825
  // Define the custom element
5576
5826
  try {
5577
- GdsSpinner.define();
5827
+ GdsSignal.define();
5578
5828
  }
5579
5829
  catch (e) {
5580
5830
  // Component may not be available in this version of green-core
5581
- console.warn('Failed to define gds-spinner:', e);
5831
+ console.warn('Failed to define gds-signal:', e);
5582
5832
  }
5583
- // Set up event listeners
5584
- this.elementRef.nativeElement.addEventListener('gds-spinner-connected', (event) => {
5585
- this.gdsSpinnerConnected.emit(event);
5586
- });
5587
5833
  }
5588
5834
  ngOnChanges(changes) {
5589
5835
  // Implementation added by @ProxyInputs decorator
@@ -5591,73 +5837,30 @@ let GdsSpinnerComponent = class GdsSpinnerComponent {
5591
5837
  ngAfterViewInit() {
5592
5838
  // Implementation added by @ProxyInputs decorator
5593
5839
  }
5594
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5595
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSpinnerComponent, isStandalone: true, selector: "gds-spinner", inputs: { label: "label", labelPosition: "labelPosition", showLabel: ["showLabel", "showLabel", booleanAttribute], cover: ["cover", "cover", booleanAttribute], fullscreen: ["fullscreen", "fullscreen", booleanAttribute], size: "size", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", position: "position", transform: "transform", inset: "inset", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, outputs: { gdsSpinnerConnected: "gdsSpinnerConnected" }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5840
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSignalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5841
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSignalComponent, isStandalone: true, selector: "gds-signal", inputs: { color: "color", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5596
5842
  };
5597
- GdsSpinnerComponent = __decorate([
5598
- ProxyInputs(['label', 'labelPosition', 'showLabel', 'cover', 'fullscreen', 'size', 'margin', 'margin-inline', 'margin-block', 'position', 'transform', 'inset', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
5843
+ GdsSignalComponent = __decorate([
5844
+ ProxyInputs(['color', 'syncFirstRender']),
5599
5845
  __metadata("design:paramtypes", [])
5600
- ], GdsSpinnerComponent);
5601
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSpinnerComponent, decorators: [{
5846
+ ], GdsSignalComponent);
5847
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSignalComponent, decorators: [{
5602
5848
  type: Component,
5603
5849
  args: [{
5604
- selector: 'gds-spinner',
5850
+ selector: 'gds-signal',
5605
5851
  standalone: true,
5606
5852
  changeDetection: ChangeDetectionStrategy.OnPush,
5607
5853
  template: `<ng-content></ng-content>`
5608
5854
  }]
5609
- }], ctorParameters: () => [], propDecorators: { label: [{
5610
- type: Input
5611
- }], labelPosition: [{
5612
- type: Input
5613
- }], showLabel: [{
5614
- type: Input,
5615
- args: [{ transform: booleanAttribute }]
5616
- }], cover: [{
5617
- type: Input,
5618
- args: [{ transform: booleanAttribute }]
5619
- }], fullscreen: [{
5620
- type: Input,
5621
- args: [{ transform: booleanAttribute }]
5622
- }], size: [{
5623
- type: Input
5624
- }], margin: [{
5625
- type: Input
5626
- }], marginInline: [{
5627
- type: Input
5628
- }], marginBlock: [{
5629
- type: Input
5630
- }], position: [{
5631
- type: Input
5632
- }], transform: [{
5633
- type: Input
5634
- }], inset: [{
5635
- type: Input
5636
- }], alignSelf: [{
5637
- type: Input
5638
- }], justifySelf: [{
5639
- type: Input
5640
- }], placeSelf: [{
5641
- type: Input
5642
- }], gridColumn: [{
5643
- type: Input
5644
- }], gridRow: [{
5645
- type: Input
5646
- }], gridArea: [{
5647
- type: Input
5648
- }], flex: [{
5649
- type: Input
5650
- }], order: [{
5855
+ }], ctorParameters: () => [], propDecorators: { color: [{
5651
5856
  type: Input
5652
5857
  }], syncFirstRender: [{
5653
5858
  type: Input,
5654
5859
  args: [{ transform: booleanAttribute }]
5655
- }], gdsSpinnerConnected: [{
5656
- type: Output
5657
5860
  }] } });
5658
5861
 
5659
5862
  /**
5660
- * GdsSpinnerComponent - Angular wrapper for gds-spinner
5863
+ * GdsSignalComponent - Angular wrapper for gds-signal
5661
5864
  *
5662
5865
  *
5663
5866
  * Auto-generated from Custom Elements Manifest
@@ -6391,10 +6594,97 @@ The video can be customized with different properties like ratio, position, inse
6391
6594
  */
6392
6595
 
6393
6596
  /**
6394
- * Angular wrapper for the gds-card-pattern-01 web component
6597
+ * Angular wrapper for the gds-avatar-group web component
6598
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6599
+
6600
+ Accessibility:
6601
+ - Exposes `role="group"` by default.
6602
+ - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6603
+ */
6604
+ let GdsAvatarGroupComponent = class GdsAvatarGroupComponent {
6605
+ get element() {
6606
+ return this.elementRef.nativeElement;
6607
+ }
6608
+ constructor() {
6609
+ this.elementRef = inject((ElementRef));
6610
+ this.zone = inject(NgZone);
6611
+ this.cdr = inject(ChangeDetectorRef);
6612
+ this.cdr.detach();
6613
+ }
6614
+ ngOnInit() {
6615
+ // Define the custom element
6616
+ try {
6617
+ GdsAvatarGroup.define();
6618
+ }
6619
+ catch (e) {
6620
+ // Component may not be available in this version of green-core
6621
+ console.warn('Failed to define gds-avatar-group:', e);
6622
+ }
6623
+ }
6624
+ ngOnChanges(changes) {
6625
+ // Implementation added by @ProxyInputs decorator
6626
+ }
6627
+ ngAfterViewInit() {
6628
+ // Implementation added by @ProxyInputs decorator
6629
+ }
6630
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6631
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarGroupComponent, isStandalone: true, selector: "gds-avatar-group", inputs: { margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6632
+ };
6633
+ GdsAvatarGroupComponent = __decorate([
6634
+ ProxyInputs(['margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
6635
+ __metadata("design:paramtypes", [])
6636
+ ], GdsAvatarGroupComponent);
6637
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, decorators: [{
6638
+ type: Component,
6639
+ args: [{
6640
+ selector: 'gds-avatar-group',
6641
+ standalone: true,
6642
+ changeDetection: ChangeDetectionStrategy.OnPush,
6643
+ template: `<ng-content></ng-content>`
6644
+ }]
6645
+ }], ctorParameters: () => [], propDecorators: { margin: [{
6646
+ type: Input
6647
+ }], marginInline: [{
6648
+ type: Input
6649
+ }], marginBlock: [{
6650
+ type: Input
6651
+ }], alignSelf: [{
6652
+ type: Input
6653
+ }], justifySelf: [{
6654
+ type: Input
6655
+ }], placeSelf: [{
6656
+ type: Input
6657
+ }], gridColumn: [{
6658
+ type: Input
6659
+ }], gridRow: [{
6660
+ type: Input
6661
+ }], gridArea: [{
6662
+ type: Input
6663
+ }], flex: [{
6664
+ type: Input
6665
+ }], order: [{
6666
+ type: Input
6667
+ }], syncFirstRender: [{
6668
+ type: Input,
6669
+ args: [{ transform: booleanAttribute }]
6670
+ }] } });
6671
+
6672
+ /**
6673
+ * GdsAvatarGroupComponent - Angular wrapper for gds-avatar-group
6674
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6675
+
6676
+ Accessibility:
6677
+ - Exposes `role="group"` by default.
6678
+ - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6395
6679
  *
6680
+ * Auto-generated from Custom Elements Manifest
6396
6681
  */
6397
- let GdsCardPattern01Component = class GdsCardPattern01Component {
6682
+
6683
+ /**
6684
+ * Angular wrapper for the gds-breadcrumb web component
6685
+ *
6686
+ */
6687
+ let GdsBreadcrumbComponent = class GdsBreadcrumbComponent {
6398
6688
  get element() {
6399
6689
  return this.elementRef.nativeElement;
6400
6690
  }
@@ -6473,11 +6763,11 @@ let GdsCardPattern01Component = class GdsCardPattern01Component {
6473
6763
  ngOnInit() {
6474
6764
  // Define the custom element
6475
6765
  try {
6476
- GdsCardPattern01.define();
6766
+ GdsBreadcrumb.define();
6477
6767
  }
6478
6768
  catch (e) {
6479
6769
  // Component may not be available in this version of green-core
6480
- console.warn('Failed to define gds-card-pattern-01:', e);
6770
+ console.warn('Failed to define gds-breadcrumb:', e);
6481
6771
  }
6482
6772
  }
6483
6773
  ngOnChanges(changes) {
@@ -6490,192 +6780,40 @@ let GdsCardPattern01Component = class GdsCardPattern01Component {
6490
6780
  // Implementation added by @ProxyInputs decorator
6491
6781
  this.updateHref();
6492
6782
  }
6493
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCardPattern01Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6494
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsCardPattern01Component, isStandalone: true, selector: "gds-card-pattern-01", inputs: { title: "title", excerpt: "excerpt", label: "label", variant: "variant", tag: "tag", ratio: "ratio", category: "category", date: "date", dateFormat: "dateFormat", locale: "locale", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", href: "href", target: "target", rel: "rel", download: "download", ping: "ping", src: "src", srcset: "srcset", sizes: "sizes", alt: "alt", loading: "loading", decoding: "decoding", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6783
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6784
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbComponent, isStandalone: true, selector: "gds-breadcrumb", inputs: { href: "href", target: "target", rel: "rel", label: "label", overflow: ["overflow", "overflow", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6495
6785
  };
6496
- GdsCardPattern01Component = __decorate([
6497
- ProxyInputs(['title', 'excerpt', 'label', 'variant', 'tag', 'ratio', 'category', 'date', 'dateFormat', 'locale', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'href', 'target', 'rel', 'download', 'ping', 'src', 'srcset', 'sizes', 'alt', 'loading', 'decoding', 'syncFirstRender']),
6786
+ GdsBreadcrumbComponent = __decorate([
6787
+ ProxyInputs(['href', 'target', 'rel', 'label', 'overflow', 'syncFirstRender']),
6498
6788
  __metadata("design:paramtypes", [])
6499
- ], GdsCardPattern01Component);
6500
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsCardPattern01Component, decorators: [{
6789
+ ], GdsBreadcrumbComponent);
6790
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbComponent, decorators: [{
6501
6791
  type: Component,
6502
6792
  args: [{
6503
- selector: 'gds-card-pattern-01',
6793
+ selector: 'gds-breadcrumb',
6504
6794
  standalone: true,
6505
6795
  changeDetection: ChangeDetectionStrategy.OnPush,
6506
6796
  template: `<ng-content></ng-content>`
6507
6797
  }]
6508
- }], ctorParameters: () => [], propDecorators: { title: [{
6509
- type: Input
6510
- }], excerpt: [{
6511
- type: Input
6512
- }], label: [{
6513
- type: Input
6514
- }], variant: [{
6515
- type: Input
6516
- }], tag: [{
6517
- type: Input
6518
- }], ratio: [{
6519
- type: Input
6520
- }], category: [{
6521
- type: Input
6522
- }], date: [{
6523
- type: Input
6524
- }], dateFormat: [{
6525
- type: Input
6526
- }], locale: [{
6527
- type: Input
6528
- }], width: [{
6529
- type: Input
6530
- }], minWidth: [{
6531
- type: Input
6532
- }], maxWidth: [{
6533
- type: Input
6534
- }], inlineSize: [{
6535
- type: Input
6536
- }], minInlineSize: [{
6537
- type: Input
6538
- }], maxInlineSize: [{
6539
- type: Input
6540
- }], margin: [{
6541
- type: Input
6542
- }], marginInline: [{
6543
- type: Input
6544
- }], marginBlock: [{
6545
- type: Input
6546
- }], alignSelf: [{
6547
- type: Input
6548
- }], justifySelf: [{
6549
- type: Input
6550
- }], placeSelf: [{
6551
- type: Input
6552
- }], gridColumn: [{
6553
- type: Input
6554
- }], gridRow: [{
6555
- type: Input
6556
- }], gridArea: [{
6557
- type: Input
6558
- }], flex: [{
6559
- type: Input
6560
- }], order: [{
6561
- type: Input
6562
- }], href: [{
6798
+ }], ctorParameters: () => [], propDecorators: { href: [{
6563
6799
  type: Input
6564
6800
  }], target: [{
6565
6801
  type: Input
6566
6802
  }], rel: [{
6567
6803
  type: Input
6568
- }], download: [{
6569
- type: Input
6570
- }], ping: [{
6571
- type: Input
6572
- }], src: [{
6573
- type: Input
6574
- }], srcset: [{
6575
- type: Input
6576
- }], sizes: [{
6577
- type: Input
6578
- }], alt: [{
6579
- type: Input
6580
- }], loading: [{
6581
- type: Input
6582
- }], decoding: [{
6804
+ }], label: [{
6583
6805
  type: Input
6584
- }], syncFirstRender: [{
6806
+ }], overflow: [{
6585
6807
  type: Input,
6586
6808
  args: [{ transform: booleanAttribute }]
6587
- }] } });
6588
-
6589
- /**
6590
- * GdsCardPattern01Component - Angular wrapper for gds-card-pattern-01
6591
- *
6592
- *
6593
- * Auto-generated from Custom Elements Manifest
6594
- */
6595
-
6596
- /**
6597
- * Angular wrapper for the gds-avatar-group web component
6598
- * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6599
-
6600
- Accessibility:
6601
- - Exposes `role="group"` by default.
6602
- - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6603
- */
6604
- let GdsAvatarGroupComponent = class GdsAvatarGroupComponent {
6605
- get element() {
6606
- return this.elementRef.nativeElement;
6607
- }
6608
- constructor() {
6609
- this.elementRef = inject((ElementRef));
6610
- this.zone = inject(NgZone);
6611
- this.cdr = inject(ChangeDetectorRef);
6612
- this.cdr.detach();
6613
- }
6614
- ngOnInit() {
6615
- // Define the custom element
6616
- try {
6617
- GdsAvatarGroup.define();
6618
- }
6619
- catch (e) {
6620
- // Component may not be available in this version of green-core
6621
- console.warn('Failed to define gds-avatar-group:', e);
6622
- }
6623
- }
6624
- ngOnChanges(changes) {
6625
- // Implementation added by @ProxyInputs decorator
6626
- }
6627
- ngAfterViewInit() {
6628
- // Implementation added by @ProxyInputs decorator
6629
- }
6630
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6631
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsAvatarGroupComponent, isStandalone: true, selector: "gds-avatar-group", inputs: { margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6632
- };
6633
- GdsAvatarGroupComponent = __decorate([
6634
- ProxyInputs(['margin', 'margin-inline', 'margin-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'syncFirstRender']),
6635
- __metadata("design:paramtypes", [])
6636
- ], GdsAvatarGroupComponent);
6637
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsAvatarGroupComponent, decorators: [{
6638
- type: Component,
6639
- args: [{
6640
- selector: 'gds-avatar-group',
6641
- standalone: true,
6642
- changeDetection: ChangeDetectionStrategy.OnPush,
6643
- template: `<ng-content></ng-content>`
6644
- }]
6645
- }], ctorParameters: () => [], propDecorators: { margin: [{
6646
- type: Input
6647
- }], marginInline: [{
6648
- type: Input
6649
- }], marginBlock: [{
6650
- type: Input
6651
- }], alignSelf: [{
6652
- type: Input
6653
- }], justifySelf: [{
6654
- type: Input
6655
- }], placeSelf: [{
6656
- type: Input
6657
- }], gridColumn: [{
6658
- type: Input
6659
- }], gridRow: [{
6660
- type: Input
6661
- }], gridArea: [{
6662
- type: Input
6663
- }], flex: [{
6664
- type: Input
6665
- }], order: [{
6666
- type: Input
6667
6809
  }], syncFirstRender: [{
6668
6810
  type: Input,
6669
6811
  args: [{ transform: booleanAttribute }]
6670
6812
  }] } });
6671
6813
 
6672
6814
  /**
6673
- * GdsAvatarGroupComponent - Angular wrapper for gds-avatar-group
6674
- * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
6675
-
6676
- Accessibility:
6677
- - Exposes `role="group"` by default.
6678
- - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
6815
+ * GdsBreadcrumbComponent - Angular wrapper for gds-breadcrumb
6816
+ *
6679
6817
  *
6680
6818
  * Auto-generated from Custom Elements Manifest
6681
6819
  */
@@ -6868,144 +7006,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
6868
7006
  * Auto-generated from Custom Elements Manifest
6869
7007
  */
6870
7008
 
6871
- /**
6872
- * Angular wrapper for the gds-breadcrumb web component
6873
- *
6874
- */
6875
- let GdsBreadcrumbComponent = class GdsBreadcrumbComponent {
6876
- get element() {
6877
- return this.elementRef.nativeElement;
6878
- }
6879
- constructor() {
6880
- this.elementRef = inject((ElementRef));
6881
- this.zone = inject(NgZone);
6882
- this.cdr = inject(ChangeDetectorRef);
6883
- this.renderer = inject(Renderer2);
6884
- this.router = inject(Router);
6885
- this.locationStrategy = inject(LocationStrategy);
6886
- this.destroyRef = inject(DestroyRef);
6887
- this.routerLink = inject(RouterLink, { optional: true, self: true });
6888
- this.routerLinkActive = inject(RouterLinkActive, { optional: true, self: true });
6889
- this.cdr.detach();
6890
- if (this.routerLink) {
6891
- // Prevent the browser from following the href on click – RouterLink
6892
- // handles navigation via Router.navigateByUrl() but only calls
6893
- // preventDefault() for native <a> elements.
6894
- this.preventNativeNavigation();
6895
- // Keep href in sync after client-side navigations (RouterLink only
6896
- // does this for native <a> elements).
6897
- const sub = this.router.events.subscribe((event) => {
6898
- if (event instanceof NavigationEnd)
6899
- this.updateHref();
6900
- });
6901
- this.destroyRef.onDestroy(() => sub.unsubscribe());
6902
- }
6903
- }
6904
- /**
6905
- * Prevent the browser from following the href when RouterLink handles
6906
- * navigation. RouterLink calls Router.navigateByUrl() for all elements,
6907
- * but only calls preventDefault() for native <a> tags. For custom
6908
- * elements we must do it ourselves, respecting modifier-key and
6909
- * target-attribute semantics so that ctrl-click / cmd-click / target=_blank
6910
- * still open a new tab.
6911
- * @internal
6912
- */
6913
- preventNativeNavigation() {
6914
- // Use capture phase so this runs before Angular's RouterLink host listener.
6915
- this.elementRef.nativeElement.addEventListener('click', (event) => {
6916
- if (!this.routerLink?.urlTree)
6917
- return;
6918
- // When modifier keys are pressed or target is not _self, stop
6919
- // RouterLink from navigating (it skips these checks for non-anchor
6920
- // elements) and let the browser handle the click natively (new tab etc.)
6921
- if (event.button !== 0 || event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {
6922
- event.stopImmediatePropagation();
6923
- return;
6924
- }
6925
- const target = this.elementRef.nativeElement.getAttribute('target');
6926
- if (target && target !== '_self') {
6927
- event.stopImmediatePropagation();
6928
- return;
6929
- }
6930
- // Normal left-click: let RouterLink handle navigation via
6931
- // Router.navigateByUrl(), but prevent the browser from also
6932
- // following the shadow DOM anchor's href.
6933
- event.preventDefault();
6934
- }, true);
6935
- }
6936
- /**
6937
- * Updates the href attribute from RouterLink using only public Angular APIs.
6938
- * @internal
6939
- */
6940
- updateHref() {
6941
- if (!this.routerLink)
6942
- return;
6943
- const urlTree = this.routerLink.urlTree;
6944
- const href = urlTree
6945
- ? this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(urlTree))
6946
- : null;
6947
- if (href) {
6948
- this.renderer.setAttribute(this.elementRef.nativeElement, 'href', href);
6949
- }
6950
- }
6951
- ngOnInit() {
6952
- // Define the custom element
6953
- try {
6954
- GdsBreadcrumb.define();
6955
- }
6956
- catch (e) {
6957
- // Component may not be available in this version of green-core
6958
- console.warn('Failed to define gds-breadcrumb:', e);
6959
- }
6960
- }
6961
- ngOnChanges(changes) {
6962
- // Implementation added by @ProxyInputs decorator
6963
- if (changes['routerLink']) {
6964
- this.updateHref();
6965
- }
6966
- }
6967
- ngAfterViewInit() {
6968
- // Implementation added by @ProxyInputs decorator
6969
- this.updateHref();
6970
- }
6971
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6972
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsBreadcrumbComponent, isStandalone: true, selector: "gds-breadcrumb", inputs: { href: "href", target: "target", rel: "rel", label: "label", overflow: ["overflow", "overflow", booleanAttribute], syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6973
- };
6974
- GdsBreadcrumbComponent = __decorate([
6975
- ProxyInputs(['href', 'target', 'rel', 'label', 'overflow', 'syncFirstRender']),
6976
- __metadata("design:paramtypes", [])
6977
- ], GdsBreadcrumbComponent);
6978
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsBreadcrumbComponent, decorators: [{
6979
- type: Component,
6980
- args: [{
6981
- selector: 'gds-breadcrumb',
6982
- standalone: true,
6983
- changeDetection: ChangeDetectionStrategy.OnPush,
6984
- template: `<ng-content></ng-content>`
6985
- }]
6986
- }], ctorParameters: () => [], propDecorators: { href: [{
6987
- type: Input
6988
- }], target: [{
6989
- type: Input
6990
- }], rel: [{
6991
- type: Input
6992
- }], label: [{
6993
- type: Input
6994
- }], overflow: [{
6995
- type: Input,
6996
- args: [{ transform: booleanAttribute }]
6997
- }], syncFirstRender: [{
6998
- type: Input,
6999
- args: [{ transform: booleanAttribute }]
7000
- }] } });
7001
-
7002
- /**
7003
- * GdsBreadcrumbComponent - Angular wrapper for gds-breadcrumb
7004
- *
7005
- *
7006
- * Auto-generated from Custom Elements Manifest
7007
- */
7008
-
7009
7009
  /**
7010
7010
  * Angular wrapper for the gds-filter-chip web component
7011
7011
  *
@@ -7864,10 +7864,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
7864
7864
  */
7865
7865
 
7866
7866
  /**
7867
- * Angular wrapper for the gds-sensitive-account web component
7867
+ * Angular wrapper for the gds-sensitive-number web component
7868
7868
  *
7869
7869
  */
7870
- let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
7870
+ let GdsSensitiveNumberComponent = class GdsSensitiveNumberComponent {
7871
7871
  get element() {
7872
7872
  return this.elementRef.nativeElement;
7873
7873
  }
@@ -7880,11 +7880,11 @@ let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
7880
7880
  ngOnInit() {
7881
7881
  // Define the custom element
7882
7882
  try {
7883
- GdsSensitiveAccount.define();
7883
+ GdsSensitiveNumber.define();
7884
7884
  }
7885
7885
  catch (e) {
7886
7886
  // Component may not be available in this version of green-core
7887
- console.warn('Failed to define gds-sensitive-account:', e);
7887
+ console.warn('Failed to define gds-sensitive-number:', e);
7888
7888
  }
7889
7889
  }
7890
7890
  ngOnChanges(changes) {
@@ -7893,17 +7893,17 @@ let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
7893
7893
  ngAfterViewInit() {
7894
7894
  // Implementation added by @ProxyInputs decorator
7895
7895
  }
7896
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7897
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveAccountComponent, isStandalone: true, selector: "gds-sensitive-account", inputs: { hide: ["hide", "hide", booleanAttribute], account: "account", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
7896
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7897
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveNumberComponent, isStandalone: true, selector: "gds-sensitive-number", inputs: { hide: ["hide", "hide", booleanAttribute], value: "value", locale: "locale", currency: "currency", decimals: "decimals", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
7898
7898
  };
7899
- GdsSensitiveAccountComponent = __decorate([
7900
- ProxyInputs(['hide', 'account', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
7899
+ GdsSensitiveNumberComponent = __decorate([
7900
+ ProxyInputs(['hide', 'value', 'locale', 'currency', 'decimals', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
7901
7901
  __metadata("design:paramtypes", [])
7902
- ], GdsSensitiveAccountComponent);
7903
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, decorators: [{
7902
+ ], GdsSensitiveNumberComponent);
7903
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveNumberComponent, decorators: [{
7904
7904
  type: Component,
7905
7905
  args: [{
7906
- selector: 'gds-sensitive-account',
7906
+ selector: 'gds-sensitive-number',
7907
7907
  standalone: true,
7908
7908
  changeDetection: ChangeDetectionStrategy.OnPush,
7909
7909
  template: `<ng-content></ng-content>`
@@ -7911,7 +7911,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
7911
7911
  }], ctorParameters: () => [], propDecorators: { hide: [{
7912
7912
  type: Input,
7913
7913
  args: [{ transform: booleanAttribute }]
7914
- }], account: [{
7914
+ }], value: [{
7915
+ type: Input
7916
+ }], locale: [{
7917
+ type: Input
7918
+ }], currency: [{
7919
+ type: Input
7920
+ }], decimals: [{
7915
7921
  type: Input
7916
7922
  }], tag: [{
7917
7923
  type: Input
@@ -8049,17 +8055,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
8049
8055
  }] } });
8050
8056
 
8051
8057
  /**
8052
- * GdsSensitiveAccountComponent - Angular wrapper for gds-sensitive-account
8058
+ * GdsSensitiveNumberComponent - Angular wrapper for gds-sensitive-number
8053
8059
  *
8054
8060
  *
8055
8061
  * Auto-generated from Custom Elements Manifest
8056
8062
  */
8057
8063
 
8058
8064
  /**
8059
- * Angular wrapper for the gds-sensitive-date web component
8065
+ * Angular wrapper for the gds-sensitive-account web component
8060
8066
  *
8061
8067
  */
8062
- let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
8068
+ let GdsSensitiveAccountComponent = class GdsSensitiveAccountComponent {
8063
8069
  get element() {
8064
8070
  return this.elementRef.nativeElement;
8065
8071
  }
@@ -8072,11 +8078,11 @@ let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
8072
8078
  ngOnInit() {
8073
8079
  // Define the custom element
8074
8080
  try {
8075
- GdsSensitiveDate.define();
8081
+ GdsSensitiveAccount.define();
8076
8082
  }
8077
8083
  catch (e) {
8078
8084
  // Component may not be available in this version of green-core
8079
- console.warn('Failed to define gds-sensitive-date:', e);
8085
+ console.warn('Failed to define gds-sensitive-account:', e);
8080
8086
  }
8081
8087
  }
8082
8088
  ngOnChanges(changes) {
@@ -8085,17 +8091,17 @@ let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
8085
8091
  ngAfterViewInit() {
8086
8092
  // Implementation added by @ProxyInputs decorator
8087
8093
  }
8088
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8089
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveDateComponent, isStandalone: true, selector: "gds-sensitive-date", inputs: { hide: ["hide", "hide", booleanAttribute], value: "value", format: "format", locale: "locale", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8094
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8095
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveAccountComponent, isStandalone: true, selector: "gds-sensitive-account", inputs: { hide: ["hide", "hide", booleanAttribute], account: "account", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8090
8096
  };
8091
- GdsSensitiveDateComponent = __decorate([
8092
- ProxyInputs(['hide', 'value', 'format', 'locale', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
8097
+ GdsSensitiveAccountComponent = __decorate([
8098
+ ProxyInputs(['hide', 'account', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
8093
8099
  __metadata("design:paramtypes", [])
8094
- ], GdsSensitiveDateComponent);
8095
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, decorators: [{
8100
+ ], GdsSensitiveAccountComponent);
8101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveAccountComponent, decorators: [{
8096
8102
  type: Component,
8097
8103
  args: [{
8098
- selector: 'gds-sensitive-date',
8104
+ selector: 'gds-sensitive-account',
8099
8105
  standalone: true,
8100
8106
  changeDetection: ChangeDetectionStrategy.OnPush,
8101
8107
  template: `<ng-content></ng-content>`
@@ -8103,11 +8109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
8103
8109
  }], ctorParameters: () => [], propDecorators: { hide: [{
8104
8110
  type: Input,
8105
8111
  args: [{ transform: booleanAttribute }]
8106
- }], value: [{
8107
- type: Input
8108
- }], format: [{
8109
- type: Input
8110
- }], locale: [{
8112
+ }], account: [{
8111
8113
  type: Input
8112
8114
  }], tag: [{
8113
8115
  type: Input
@@ -8245,17 +8247,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
8245
8247
  }] } });
8246
8248
 
8247
8249
  /**
8248
- * GdsSensitiveDateComponent - Angular wrapper for gds-sensitive-date
8250
+ * GdsSensitiveAccountComponent - Angular wrapper for gds-sensitive-account
8249
8251
  *
8250
8252
  *
8251
8253
  * Auto-generated from Custom Elements Manifest
8252
8254
  */
8253
8255
 
8254
8256
  /**
8255
- * Angular wrapper for the gds-sensitive-number web component
8257
+ * Angular wrapper for the gds-sensitive-date web component
8256
8258
  *
8257
8259
  */
8258
- let GdsSensitiveNumberComponent = class GdsSensitiveNumberComponent {
8260
+ let GdsSensitiveDateComponent = class GdsSensitiveDateComponent {
8259
8261
  get element() {
8260
8262
  return this.elementRef.nativeElement;
8261
8263
  }
@@ -8268,11 +8270,11 @@ let GdsSensitiveNumberComponent = class GdsSensitiveNumberComponent {
8268
8270
  ngOnInit() {
8269
8271
  // Define the custom element
8270
8272
  try {
8271
- GdsSensitiveNumber.define();
8273
+ GdsSensitiveDate.define();
8272
8274
  }
8273
8275
  catch (e) {
8274
8276
  // Component may not be available in this version of green-core
8275
- console.warn('Failed to define gds-sensitive-number:', e);
8277
+ console.warn('Failed to define gds-sensitive-date:', e);
8276
8278
  }
8277
8279
  }
8278
8280
  ngOnChanges(changes) {
@@ -8281,17 +8283,17 @@ let GdsSensitiveNumberComponent = class GdsSensitiveNumberComponent {
8281
8283
  ngAfterViewInit() {
8282
8284
  // Implementation added by @ProxyInputs decorator
8283
8285
  }
8284
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8285
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveNumberComponent, isStandalone: true, selector: "gds-sensitive-number", inputs: { hide: ["hide", "hide", booleanAttribute], value: "value", locale: "locale", currency: "currency", decimals: "decimals", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8286
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8287
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.19", type: GdsSensitiveDateComponent, isStandalone: true, selector: "gds-sensitive-date", inputs: { hide: ["hide", "hide", booleanAttribute], value: "value", format: "format", locale: "locale", tag: "tag", font: "font", fontWeight: "fontWeight", textTransform: "textTransform", textDecoration: "textDecoration", lines: "lines", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", inlineSize: "inlineSize", minInlineSize: "minInlineSize", maxInlineSize: "maxInlineSize", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", blockSize: "blockSize", minBlockSize: "minBlockSize", maxBlockSize: "maxBlockSize", margin: "margin", marginInline: "marginInline", marginBlock: "marginBlock", padding: "padding", paddingInline: "paddingInline", paddingBlock: "paddingBlock", alignSelf: "alignSelf", justifySelf: "justifySelf", placeSelf: "placeSelf", gridColumn: "gridColumn", gridRow: "gridRow", gridArea: "gridArea", flex: "flex", order: "order", position: "position", transform: "transform", inset: "inset", display: "display", level: "level", color: "color", background: "background", border: "border", borderColor: "borderColor", borderWidth: "borderWidth", borderStyle: "borderStyle", borderRadius: "borderRadius", boxShadow: "boxShadow", opacity: "opacity", overflow: "overflow", boxSizing: "boxSizing", zIndex: "zIndex", textAlign: "textAlign", textWrap: "textWrap", overflowWrap: "overflowWrap", whiteSpace: "whiteSpace", gap: "gap", alignItems: "alignItems", alignContent: "alignContent", justifyContent: "justifyContent", justifyItems: "justifyItems", flexDirection: "flexDirection", flexWrap: "flexWrap", placeItems: "placeItems", placeContent: "placeContent", aspectRatio: "aspectRatio", cursor: "cursor", pointerEvents: "pointerEvents", syncFirstRender: ["syncFirstRender", "syncFirstRender", booleanAttribute] }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8286
8288
  };
8287
- GdsSensitiveNumberComponent = __decorate([
8288
- ProxyInputs(['hide', 'value', 'locale', 'currency', 'decimals', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
8289
+ GdsSensitiveDateComponent = __decorate([
8290
+ ProxyInputs(['hide', 'value', 'format', 'locale', 'tag', 'font', 'font-weight', 'text-transform', 'text-decoration', 'lines', 'width', 'min-width', 'max-width', 'inline-size', 'min-inline-size', 'max-inline-size', 'height', 'min-height', 'max-height', 'block-size', 'min-block-size', 'max-block-size', 'margin', 'margin-inline', 'margin-block', 'padding', 'padding-inline', 'padding-block', 'align-self', 'justify-self', 'place-self', 'grid-column', 'grid-row', 'grid-area', 'flex', 'order', 'position', 'transform', 'inset', 'display', 'level', 'color', 'background', 'border', 'border-color', 'border-width', 'border-style', 'border-radius', 'box-shadow', 'opacity', 'overflow', 'box-sizing', 'z-index', 'text-align', 'text-wrap', 'overflow-wrap', 'white-space', 'gap', 'align-items', 'align-content', 'justify-content', 'justify-items', 'flex-direction', 'flex-wrap', 'place-items', 'place-content', 'aspect-ratio', 'cursor', 'pointer-events', 'syncFirstRender']),
8289
8291
  __metadata("design:paramtypes", [])
8290
- ], GdsSensitiveNumberComponent);
8291
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveNumberComponent, decorators: [{
8292
+ ], GdsSensitiveDateComponent);
8293
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GdsSensitiveDateComponent, decorators: [{
8292
8294
  type: Component,
8293
8295
  args: [{
8294
- selector: 'gds-sensitive-number',
8296
+ selector: 'gds-sensitive-date',
8295
8297
  standalone: true,
8296
8298
  changeDetection: ChangeDetectionStrategy.OnPush,
8297
8299
  template: `<ng-content></ng-content>`
@@ -8301,11 +8303,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
8301
8303
  args: [{ transform: booleanAttribute }]
8302
8304
  }], value: [{
8303
8305
  type: Input
8304
- }], locale: [{
8305
- type: Input
8306
- }], currency: [{
8306
+ }], format: [{
8307
8307
  type: Input
8308
- }], decimals: [{
8308
+ }], locale: [{
8309
8309
  type: Input
8310
8310
  }], tag: [{
8311
8311
  type: Input
@@ -8443,7 +8443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
8443
8443
  }] } });
8444
8444
 
8445
8445
  /**
8446
- * GdsSensitiveNumberComponent - Angular wrapper for gds-sensitive-number
8446
+ * GdsSensitiveDateComponent - Angular wrapper for gds-sensitive-date
8447
8447
  *
8448
8448
  *
8449
8449
  * Auto-generated from Custom Elements Manifest
@@ -37182,7 +37182,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
37182
37182
  */
37183
37183
  class GreenCoreNgModule {
37184
37184
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
37185
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsAlertComponent,
37185
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: GreenCoreNgModule, imports: [GdsCardPattern01Component,
37186
+ GdsAlertComponent,
37186
37187
  GdsAvatarComponent,
37187
37188
  GdsBadgeComponent,
37188
37189
  GdsBlurComponent,
@@ -37219,28 +37220,27 @@ class GreenCoreNgModule {
37219
37220
  GdsRichTextComponent,
37220
37221
  GdsSegmentedControlComponent,
37221
37222
  GdsSelectComponent,
37222
- GdsSignalComponent,
37223
- GdsSwitchComponent,
37224
37223
  GdsSpinnerComponent,
37224
+ GdsSwitchComponent,
37225
+ GdsSignalComponent,
37225
37226
  GdsTableComponent,
37226
37227
  GdsTextComponent,
37227
37228
  GdsTextareaComponent,
37228
37229
  GdsThemeComponent,
37229
37230
  GdsVideoComponent,
37230
- GdsCardPattern01Component,
37231
37231
  GdsAvatarGroupComponent,
37232
+ GdsBreadcrumbComponent,
37232
37233
  GdsCheckboxGroupComponent,
37233
37234
  GdsIconDetailsComponent,
37234
- GdsBreadcrumbComponent,
37235
37235
  GdsFilterChipComponent,
37236
37236
  GdsFormattedAccountComponent,
37237
37237
  GdsFormattedDateComponent,
37238
37238
  GdsFormattedNumberComponent,
37239
37239
  GdsRadioGroupComponent,
37240
37240
  GdsSegmentComponent,
37241
+ GdsSensitiveNumberComponent,
37241
37242
  GdsSensitiveAccountComponent,
37242
37243
  GdsSensitiveDateComponent,
37243
- GdsSensitiveNumberComponent,
37244
37244
  IconAiComponent,
37245
37245
  IconAirplaneUpComponent,
37246
37246
  IconArchiveComponent,
@@ -37553,7 +37553,8 @@ class GreenCoreNgModule {
37553
37553
  IconZoomOutComponent,
37554
37554
  GdsMenuItemComponent,
37555
37555
  GdsMenuHeadingComponent,
37556
- GdsOptionComponent], exports: [GdsAlertComponent,
37556
+ GdsOptionComponent], exports: [GdsCardPattern01Component,
37557
+ GdsAlertComponent,
37557
37558
  GdsAvatarComponent,
37558
37559
  GdsBadgeComponent,
37559
37560
  GdsBlurComponent,
@@ -37590,28 +37591,27 @@ class GreenCoreNgModule {
37590
37591
  GdsRichTextComponent,
37591
37592
  GdsSegmentedControlComponent,
37592
37593
  GdsSelectComponent,
37593
- GdsSignalComponent,
37594
- GdsSwitchComponent,
37595
37594
  GdsSpinnerComponent,
37595
+ GdsSwitchComponent,
37596
+ GdsSignalComponent,
37596
37597
  GdsTableComponent,
37597
37598
  GdsTextComponent,
37598
37599
  GdsTextareaComponent,
37599
37600
  GdsThemeComponent,
37600
37601
  GdsVideoComponent,
37601
- GdsCardPattern01Component,
37602
37602
  GdsAvatarGroupComponent,
37603
+ GdsBreadcrumbComponent,
37603
37604
  GdsCheckboxGroupComponent,
37604
37605
  GdsIconDetailsComponent,
37605
- GdsBreadcrumbComponent,
37606
37606
  GdsFilterChipComponent,
37607
37607
  GdsFormattedAccountComponent,
37608
37608
  GdsFormattedDateComponent,
37609
37609
  GdsFormattedNumberComponent,
37610
37610
  GdsRadioGroupComponent,
37611
37611
  GdsSegmentComponent,
37612
+ GdsSensitiveNumberComponent,
37612
37613
  GdsSensitiveAccountComponent,
37613
37614
  GdsSensitiveDateComponent,
37614
- GdsSensitiveNumberComponent,
37615
37615
  IconAiComponent,
37616
37616
  IconAirplaneUpComponent,
37617
37617
  IconArchiveComponent,
@@ -37931,6 +37931,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
37931
37931
  type: NgModule,
37932
37932
  args: [{
37933
37933
  imports: [
37934
+ GdsCardPattern01Component,
37934
37935
  GdsAlertComponent,
37935
37936
  GdsAvatarComponent,
37936
37937
  GdsBadgeComponent,
@@ -37968,28 +37969,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
37968
37969
  GdsRichTextComponent,
37969
37970
  GdsSegmentedControlComponent,
37970
37971
  GdsSelectComponent,
37971
- GdsSignalComponent,
37972
- GdsSwitchComponent,
37973
37972
  GdsSpinnerComponent,
37973
+ GdsSwitchComponent,
37974
+ GdsSignalComponent,
37974
37975
  GdsTableComponent,
37975
37976
  GdsTextComponent,
37976
37977
  GdsTextareaComponent,
37977
37978
  GdsThemeComponent,
37978
37979
  GdsVideoComponent,
37979
- GdsCardPattern01Component,
37980
37980
  GdsAvatarGroupComponent,
37981
+ GdsBreadcrumbComponent,
37981
37982
  GdsCheckboxGroupComponent,
37982
37983
  GdsIconDetailsComponent,
37983
- GdsBreadcrumbComponent,
37984
37984
  GdsFilterChipComponent,
37985
37985
  GdsFormattedAccountComponent,
37986
37986
  GdsFormattedDateComponent,
37987
37987
  GdsFormattedNumberComponent,
37988
37988
  GdsRadioGroupComponent,
37989
37989
  GdsSegmentComponent,
37990
+ GdsSensitiveNumberComponent,
37990
37991
  GdsSensitiveAccountComponent,
37991
37992
  GdsSensitiveDateComponent,
37992
- GdsSensitiveNumberComponent,
37993
37993
  IconAiComponent,
37994
37994
  IconAirplaneUpComponent,
37995
37995
  IconArchiveComponent,
@@ -38305,6 +38305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38305
38305
  GdsOptionComponent,
38306
38306
  ],
38307
38307
  exports: [
38308
+ GdsCardPattern01Component,
38308
38309
  GdsAlertComponent,
38309
38310
  GdsAvatarComponent,
38310
38311
  GdsBadgeComponent,
@@ -38342,28 +38343,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
38342
38343
  GdsRichTextComponent,
38343
38344
  GdsSegmentedControlComponent,
38344
38345
  GdsSelectComponent,
38345
- GdsSignalComponent,
38346
- GdsSwitchComponent,
38347
38346
  GdsSpinnerComponent,
38347
+ GdsSwitchComponent,
38348
+ GdsSignalComponent,
38348
38349
  GdsTableComponent,
38349
38350
  GdsTextComponent,
38350
38351
  GdsTextareaComponent,
38351
38352
  GdsThemeComponent,
38352
38353
  GdsVideoComponent,
38353
- GdsCardPattern01Component,
38354
38354
  GdsAvatarGroupComponent,
38355
+ GdsBreadcrumbComponent,
38355
38356
  GdsCheckboxGroupComponent,
38356
38357
  GdsIconDetailsComponent,
38357
- GdsBreadcrumbComponent,
38358
38358
  GdsFilterChipComponent,
38359
38359
  GdsFormattedAccountComponent,
38360
38360
  GdsFormattedDateComponent,
38361
38361
  GdsFormattedNumberComponent,
38362
38362
  GdsRadioGroupComponent,
38363
38363
  GdsSegmentComponent,
38364
+ GdsSensitiveNumberComponent,
38364
38365
  GdsSensitiveAccountComponent,
38365
38366
  GdsSensitiveDateComponent,
38366
- GdsSensitiveNumberComponent,
38367
38367
  IconAiComponent,
38368
38368
  IconAirplaneUpComponent,
38369
38369
  IconArchiveComponent,