@tedi-design-system/angular 6.2.0-rc.1 → 6.2.0-rc.11

package/community/components/cards/accordion/accordion-item/accordion-item.component.d.ts

@@ -8,13 +8,13 @@ export declare class AccordionItemComponent {
      * Whether accordion item is selected
      */
     selected: import("@angular/core").InputSignal<boolean>;
-    opened: import("@angular/core").WritableSignal<boolean>;
+    opened: import("@angular/core").ModelSignal<boolean>;
     headerId: import("@angular/core").Signal<string>;
     contentId: import("@angular/core").Signal<string>;
     open(): void;
     close(): void;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "tedi-accordion-item", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "tedi-accordion-item", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; }, never, ["*"], true, never>;
 }
 //# sourceMappingURL=accordion-item.component.d.ts.map

package/community/components/cards/accordion/accordion-item/accordion-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/cards/accordion/accordion-item/accordion-item.component.ts"],"names":[],"mappings":";AAUA,qBAYa,sBAAsB;IACjC;;OAEG;IACH,EAAE,8CAA4B;IAC9B;;OAEG;IACH,QAAQ,+CAAyB;IAEjC,MAAM,kDAA0B;IAEhC,QAAQ,yCAEL;IACH,SAAS,yCAEN;IAEH,IAAI;IAIJ,KAAK;IAIL,MAAM;yCA3BK,sBAAsB;2CAAtB,sBAAsB;CA8BlC"}
+{"version":3,"file":"accordion-item.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/cards/accordion/accordion-item/accordion-item.component.ts"],"names":[],"mappings":";AAUA,qBAYa,sBAAsB;IACjC;;OAEG;IACH,EAAE,8CAA4B;IAC9B;;OAEG;IACH,QAAQ,+CAAyB;IAEjC,MAAM,+CAAyB;IAE/B,QAAQ,yCAEL;IACH,SAAS,yCAEN;IAEH,IAAI;IAIJ,KAAK;IAIL,MAAM;yCA3BK,sBAAsB;2CAAtB,sBAAsB;CA8BlC"}

package/community/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts

@@ -30,7 +30,7 @@ export declare class AccordionItemHeaderComponent {
      */
     indicatorColor: import("@angular/core").InputSignal<IconColor | undefined>;
     accordionItem: AccordionItemComponent;
-    opened: import("@angular/core").WritableSignal<boolean>;
+    opened: import("@angular/core").ModelSignal<boolean>;
     headerId: import("@angular/core").Signal<string>;
     contentId: import("@angular/core").Signal<string>;
     toggleButtonText: import("@angular/core").Signal<string | undefined>;

package/community/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item-header.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/cards/accordion/accordion-item-header/accordion-item-header.component.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAEL,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,SAAS,EAAkC,MAAM,kCAAkC,CAAC;;AAI7F,qBAYa,4BAA4B;IACvC;;;OAGG;IACH,SAAS,+CAAyB;IAClC;;OAEG;IACH,QAAQ,0DAAmB;IAC3B;;OAEG;IACH,SAAS,0DAAmB;IAC5B;;OAEG;IACH,OAAO,qEAA8B;IACrC;;OAEG;IACH,UAAU,8DAAuB;IACjC;;OAEG;IACH,cAAc,6DAAsB;IAEpC,aAAa,yBAAkC;IAC/C,MAAM,kDAA6B;IACnC,QAAQ,yCAA+B;IACvC,SAAS,yCAAgC;IAEzC,gBAAgB,qDAKb;IAEH,kBAAkB,4CAOf;IAEH,MAAM;yCAhDK,4BAA4B;2CAA5B,4BAA4B;CAmDxC"}
+{"version":3,"file":"accordion-item-header.component.d.ts","sourceRoot":"","sources":["../../../../../../community/components/cards/accordion/accordion-item-header/accordion-item-header.component.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAEL,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,SAAS,EAAkC,MAAM,kCAAkC,CAAC;;AAI7F,qBAYa,4BAA4B;IACvC;;;OAGG;IACH,SAAS,+CAAyB;IAClC;;OAEG;IACH,QAAQ,0DAAmB;IAC3B;;OAEG;IACH,SAAS,0DAAmB;IAC5B;;OAEG;IACH,OAAO,qEAA8B;IACrC;;OAEG;IACH,UAAU,8DAAuB;IACjC;;OAEG;IACH,cAAc,6DAAsB;IAEpC,aAAa,yBAAkC;IAC/C,MAAM,+CAA6B;IACnC,QAAQ,yCAA+B;IACvC,SAAS,yCAAgC;IAEzC,gBAAgB,qDAKb;IAEH,kBAAkB,4CAOf;IAEH,MAAM;yCAhDK,4BAA4B;2CAA5B,4BAA4B;CAmDxC"}

package/community/components/tags/status-badge/status-badge.component.d.ts

@@ -4,6 +4,9 @@ export type StatusBadgeColor = "neutral" | "brand" | "accent" | "success" | "dan
 export type StatusBadgeVariant = "filled" | "filled-bordered" | "bordered";
 export type StatusBadgeSize = "default" | "large";
 export type StatusBadgeStatus = "danger" | "success" | "warning" | "inactive" | "none";
+/**
+ * @deprecated Use StatusBadge from TEDI-ready instead. This component will be removed from future versions.
+ */
 export declare class StatusBadgeComponent {
     /**
      * Additional classes to apply custom styles to the StatusBadge.

package/community/components/tags/status-badge/status-badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.component.d.ts","sourceRoot":"","sources":["../../../../../community/components/tags/status-badge/status-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAiB,MAAM,kCAAkC,CAAC;;AAK5E,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,aAAa,CAAC;AAClB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAClD,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AAEX,qBAea,oBAAoB;IAC/B;;OAEG;IACH,SAAS,0DAAmB;IAC5B;;;OAGG;IACH,KAAK,0DAAmB;IACxB;;OAEG;IACH,EAAE,0DAAmB;IACrB;;OAEG;IACH,IAAI,0DAAmB;IACvB;;;OAGG;IACH,KAAK,wDAAsC;IAC3C;;;OAGG;IACH,OAAO,0DAAuC;IAC9C;;;OAGG;IACH,IAAI,uDAAqC;IACzC;;OAEG;IACH,MAAM,yDAAwC;IAC9C;;OAEG;IACH,IAAI,8CAAqB;IAEzB,OAAO,yCA0BJ;IAEH,QAAQ,qEASL;IAEH,wBAAwB,4CAerB;yCAhGQ,oBAAoB;2CAApB,oBAAoB;CAiGhC"}
+{"version":3,"file":"status-badge.component.d.ts","sourceRoot":"","sources":["../../../../../community/components/tags/status-badge/status-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAiB,MAAM,kCAAkC,CAAC;;AAK5E,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,aAAa,CAAC;AAClB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAClD,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AAEX;;GAEG;AACH,qBAea,oBAAoB;IAC/B;;OAEG;IACH,SAAS,0DAAmB;IAC5B;;;OAGG;IACH,KAAK,0DAAmB;IACxB;;OAEG;IACH,EAAE,0DAAmB;IACrB;;OAEG;IACH,IAAI,0DAAmB;IACvB;;;OAGG;IACH,KAAK,wDAAsC;IAC3C;;;OAGG;IACH,OAAO,0DAAuC;IAC9C;;;OAGG;IACH,IAAI,uDAAqC;IACzC;;OAEG;IACH,MAAM,yDAAwC;IAC9C;;OAEG;IACH,IAAI,8CAAqB;IAEzB,OAAO,yCA0BJ;IAEH,QAAQ,qEASL;IAEH,wBAAwB,4CAerB;yCAhGQ,oBAAoB;2CAApB,oBAAoB;CAiGhC"}

package/fesm2022/tedi-design-system-angular-community.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, inject, computed, ViewEncapsulation, Component, Directive, ChangeDetectionStrategy, signal, contentChildren, effect, booleanAttribute, model, forwardRef, viewChild, output, TemplateRef, Injector, contentChild, ElementRef, HostListener, Injectable, DestroyRef, Self, EventEmitter } from '@angular/core';
+import { input, inject, computed, ViewEncapsulation, Component, Directive, ChangeDetectionStrategy, model, contentChildren, effect, booleanAttribute, forwardRef, signal, viewChild, output, TemplateRef, Injector, contentChild, ElementRef, HostListener, Injectable, DestroyRef, Self, EventEmitter } from '@angular/core';
 import * as i1 from '@tedi-design-system/angular/tedi';
 import { BaseButtonDirective, IconComponent, ButtonComponent, generateUUID, FeedbackTextComponent, LabelComponent, BreakpointService, ClosingButtonComponent, TextComponent, TediTranslationPipe, SpinnerComponent, TediTranslationService, TooltipComponent, TooltipTriggerComponent, TooltipContentComponent, InfoButtonComponent, VerticalSpacingDirective, LinkComponent } from '@tedi-design-system/angular/tedi';
 import * as i1$2 from '@angular/forms';
@@ -186,7 +186,7 @@ class AccordionItemComponent {
      * Whether accordion item is selected
      */
     selected = input(false);
-    opened = signal(false);
+    opened = model(false);
     headerId = computed(() => {
         return `tedi-accordion-header-${this.id()}`;
     });
@@ -203,7 +203,7 @@ class AccordionItemComponent {
         this.opened.update((wasOpened) => !wasOpened);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemComponent, isStandalone: true, selector: "tedi-accordion-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tedi-accordion-item": "true" } }, ngImport: i0, template: "<tedi-card\n  [selected]=\"selected()\"\n  class=\"tedi-accordion-item__card\"\n  [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n  <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 8px}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: AccordionItemComponent, isStandalone: true, selector: "tedi-accordion-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange" }, host: { properties: { "class.tedi-accordion-item": "true" } }, ngImport: i0, template: "<tedi-card\n  [selected]=\"selected()\"\n  class=\"tedi-accordion-item__card\"\n  [class.tedi-accordion-item__card--expanded]=\"opened()\"\n>\n  <ng-content></ng-content>\n</tedi-card>\n", styles: [".tedi-accordion-item{--_accordion-columns: minmax(auto, 200px) auto;--_accordion-header-spacing: 8px}.tedi-accordion-item>.tedi-accordion-item__card{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows .3s}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-top-left-radius:var(--_card-radius);border-top-right-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius);border-bottom-left-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card>.tedi-accordion-item-content>.tedi-card-content{border-top:transparent;border-bottom-left-radius:var(--_card-radius);border-bottom-right-radius:var(--_card-radius)}.tedi-accordion-item>.tedi-accordion-item__card--expanded{grid-template-rows:max-content 1fr}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-header-host>.tedi-accordion-item-header{border-bottom-right-radius:0;border-bottom-left-radius:0}.tedi-accordion-item>.tedi-accordion-item__card--expanded>.tedi-accordion-item-content{animation:accordion-content-overflow-transition;animation-delay:.3s;animation-fill-mode:forwards}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon){grid-template-areas:\"accordion-icon-content accordion-header\" \"accordion-icon-fill accordion-content\";grid-template-columns:var(--_accordion-columns)}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-header-host>.tedi-accordion-item-header{grid-area:accordion-header;border-top-left-radius:0;border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content>.tedi-card-content{border-bottom-left-radius:0;border-left:transparent}.tedi-accordion-item>.tedi-accordion-item__card:has(.tedi-accordion-icon)>.tedi-accordion-item-content{grid-area:accordion-content}@keyframes accordion-content-overflow-transition{to{overflow:visible}}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "tedi-card", inputs: ["borderless", "spacing", "accentBorder", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
@@ -1507,6 +1507,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     }, template: "@if (type() === \"danger\") {\n  <span class=\"tedi-tag__icon-wrapper\">\n    <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n  </span>\n}\n\n<span class=\"tedi-tag__content\">\n  <ng-content />\n</span>\n\n@if (loading()) {\n  <span class=\"tedi-tag__spinner-wrapper\">\n    <tedi-spinner [size]=\"10\" />\n  </span>\n} @else if (closable()) {\n  <!-- TODO: Not sure about the aria-label and title here. Should they come from input and be translatable? -->\n  <button\n    type=\"button\"\n    class=\"tedi-tag__closing-button\"\n    [attr.aria-label]=\"'remove' | tediTranslate\"\n    [title]=\"'remove' | tediTranslate\"\n    (click)=\"handleClose($event)\"\n  >\n    <tedi-icon name=\"close\" [size]=\"18\" />\n  </button>\n}\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_border-width: 1px;--_tag-padding-y: calc(var(--tag-default-padding-y) - var(--_border-width));--_padding-y: var(--tag-default-padding-y);--_padding-x: var(--tag-default-padding-x);--_border-radius: var(--tag-default-radius);--_gap-x: var(--tag-default-padding-x);--_line-height: var(--body-small-regular-line-height);display:inline-flex;align-items:flex-start;gap:var(--_gap-x);padding:0 var(--_padding-x);background-color:var(--_background-color);border:var(--_border-width) solid;border-color:var(--_border-color);border-radius:var(--_border-radius);font-family:var(--family-default);color:var(--general-text-primary);line-height:var(--_line-height);overflow:hidden;font-weight:var(--body-small-regular-weight);font-size:var(--body-small-regular-size);--_tag-padding-y: var(--tag-default-padding-y)}.tedi-tag__content{padding:calc(var(--_tag-padding-y) - var(--_border-width)) 0}.tedi-tag__icon-wrapper{line-height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag__closing-button{--_button-height: var(--button-xs-icon-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;border:none;background-color:#00000003;transition:background-color .3s ease-in-out;height:calc(var(--_button-height) - var(--_border-width) * 2);min-width:var(--button-xs-icon-size)}.tedi-tag__closing-button:hover,.tedi-tag__closing-button:focus{background-color:#0000001a}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"] }]
         }] });
 
+/**
+ * @deprecated Use StatusBadge from TEDI-ready instead. This component will be removed from future versions.
+ */
 class StatusBadgeComponent {
     /**
      * Additional classes to apply custom styles to the StatusBadge.