@corto-ai/gds-angular 2.1.3-test.5 → 2.1.4-dev.1

package/README.md

@@ -30,11 +30,11 @@ If you plan to only use the stylesheet/fonts for this library, we recommend impl
 
 ## CDN Assets
 
-- All brands combined: <https://cdn.test.cortoaws.com/style/gds/2.1.3-test.5/css/all.css>
-- Acctivity: <https://cdn.test.cortoaws.com/style/gds/2.1.3-test.5/css/acctivity.css>
-- CORTO: <https://cdn.test.cortoaws.com/style/gds/2.1.3-test.5/css/corto.css>
-- LawY: <https://cdn.test.cortoaws.com/style/gds/2.1.3-test.5/css/lawy.css>
-- LEAP: <https://cdn.test.cortoaws.com/style/gds/2.1.3-test.5/css/leap.css>
+- All brands combined: <https://cdn.dev.cortoaws.com/style/gds/2.1.4-dev.1/css/all.css>
+- Acctivity: <https://cdn.dev.cortoaws.com/style/gds/2.1.4-dev.1/css/acctivity.css>
+- CORTO: <https://cdn.dev.cortoaws.com/style/gds/2.1.4-dev.1/css/corto.css>
+- LawY: <https://cdn.dev.cortoaws.com/style/gds/2.1.4-dev.1/css/lawy.css>
+- LEAP: <https://cdn.dev.cortoaws.com/style/gds/2.1.4-dev.1/css/leap.css>
 
 ## Library `@layer`s
 

package/fesm2022/corto-ai-gds-angular.mjs

@@ -24,7 +24,6 @@ import { FormsModule } from '@angular/forms';
 import * as i2 from '@ng-select/ng-select';
 import { NgSelectComponent, NgLabelTemplateDirective, NgMultiLabelTemplateDirective, NgFooterTemplateDirective, NgClearButtonTemplateDirective, NgOptionTemplateDirective, NgPlaceholderTemplateDirective, NgSelectModule } from '@ng-select/ng-select';
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { TranslatePipe } from '@ngx-translate/core';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { provideTippyLoader, provideTippyConfig } from '@ngneat/helipopper/config';
@@ -7046,51 +7045,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                     }, changeDetection: ChangeDetectionStrategy.OnPush, 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: ["@layer design-system{: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"] }]
         }], propDecorators: { end: [{ type: i0.Input, args: [{ isSignal: true, alias: "end", required: false }] }], start: [{ type: i0.Input, args: [{ isSignal: true, alias: "start", required: false }] }], connectorType: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectorType", required: false }] }] } });
 
-class GdsToastContainerComponent {
-    toaster = inject(ToastrService);
-    hostClass = computed(() => `toast-container ${this.toaster.positionClass}`, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsToastContainerComponent, isStandalone: true, selector: "gds-toast-container", host: { properties: { "class": "hostClass()" } }, ngImport: i0, template: `
-    @for (toast of toaster.toasts(); track toast.toastId) {
-      <gds-toast [toast]="toast" />
-    }
-  `, isInline: true, dependencies: [{ kind: "component", type: GdsToastComponent, selector: "gds-toast", inputs: ["toast"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastContainerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'gds-toast-container',
-                    template: `
-    @for (toast of toaster.toasts(); track toast.toastId) {
-      <gds-toast [toast]="toast" />
-    }
-  `,
-                    host: {
-                        '[class]': 'hostClass()'
-                    },
-                    imports: [GdsToastComponent],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }] });
-
 const GDS_TOASTER_CONFIG = new InjectionToken('GDS_TOASTER_CONFIG');
 const GDS_TOAST_CONTAINER = new InjectionToken('GDS_TOAST_CONTAINER');
-const DEFAULT_CONFIG = {
-    timeOut: 5000,
-    extendedTimeOut: 1000,
-    positionClass: 'toast-top-left',
-    preventDuplicates: true,
-    tapToDismiss: false,
-    disableTimeOut: false,
-    payload: {}
-};
-const provideToaster = (customOptions = {}) => makeEnvironmentProviders([
-    {
-        provide: GDS_TOASTER_CONFIG,
-        useValue: { ...DEFAULT_CONFIG, ...customOptions }
-    },
-    { provide: GDS_TOAST_CONTAINER, useValue: GdsToastContainerComponent }
-]);
 
 class ToastrService {
     #overlay = inject(Overlay);
@@ -7302,7 +7258,7 @@ class GdsToastComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gds-toast', imports: [GdsIconComponent, GdsIconButtonComponent, GdsButtonComponent, TranslatePipe], host: {
+            args: [{ selector: 'gds-toast', imports: [GdsIconComponent, GdsIconButtonComponent, GdsButtonComponent], host: {
                         '[attr.type]': 'status()',
                         class: 'gds-responsive-sm-width-100-parent',
                         'animate.enter': 'gds-scale-in gds-fade-in',
@@ -7313,6 +7269,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                     }, changeDetection: ChangeDetectionStrategy.OnPush, 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() }}\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()\"\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()\"\n        (clicked)=\"action($event)\"\n      >\n        {{ actionLabel() }}\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()\"\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: ["@layer design-system{: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"] }]
         }], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }] } });
 
+class GdsToastContainerComponent {
+    toaster = inject(ToastrService);
+    hostClass = computed(() => `toast-container ${this.toaster.positionClass}`, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsToastContainerComponent, isStandalone: true, selector: "gds-toast-container", host: { properties: { "class": "hostClass()" } }, ngImport: i0, template: `
+    @for (toast of toaster.toasts(); track toast.toastId) {
+      <gds-toast [toast]="toast" />
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: GdsToastComponent, selector: "gds-toast", inputs: ["toast"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'gds-toast-container',
+                    template: `
+    @for (toast of toaster.toasts(); track toast.toastId) {
+      <gds-toast [toast]="toast" />
+    }
+  `,
+                    host: {
+                        '[class]': 'hostClass()'
+                    },
+                    imports: [GdsToastComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+const DEFAULT_CONFIG = {
+    timeOut: 5000,
+    extendedTimeOut: 1000,
+    positionClass: 'toast-top-left',
+    preventDuplicates: true,
+    tapToDismiss: false,
+    disableTimeOut: false,
+    payload: {}
+};
+const provideToaster = (customOptions = {}) => makeEnvironmentProviders([
+    {
+        provide: GDS_TOASTER_CONFIG,
+        useValue: { ...DEFAULT_CONFIG, ...customOptions }
+    },
+    { provide: GDS_TOAST_CONTAINER, useValue: GdsToastContainerComponent }
+]);
+
 class GdsListboxBaseDirective {
     tabindex = signal(0, ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
     items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));