suis 0.30.0 → 0.31.0

package/lib/components/index.d.ts

@@ -7,6 +7,8 @@ export * from './suis-button-link';
 export * from './suis-button-outlined';
 export * from './suis-chip';
 export * from './suis-container';
+export * from './suis-dialog';
+export * from './suis-dialog-container';
 export * from './suis-form-field';
 export * from './suis-icon';
 export * from './suis-input';

package/lib/components/suis-accordion/suis-accordion.component.d.ts

@@ -1,9 +1,6 @@
 import { EventEmitter } from '@angular/core';
-import { SuisIconType } from '../suis-icon';
 import * as i0 from "@angular/core";
 export declare class SuisAccordionComponent {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /**
      * Controlls styling of the accordion based on expanded state of group. By default set to false.
      */

package/lib/components/suis-alert/suis-alert.component.d.ts

@@ -1,10 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { SuisInfoColor } from '../../types';
-import { SuisIconType } from '../suis-icon';
 import * as i0 from "@angular/core";
 export declare class SuisAlertComponent {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /**
      * Controls visibilty of the alert. By default set to false.
      */

package/lib/components/suis-chip/suis-chip.component.d.ts

@@ -1,10 +1,7 @@
 import { EventEmitter } from '@angular/core';
-import { SuisIconType } from '../suis-icon';
 import { SuisColor } from '../../types/suis-color.type';
 import * as i0 from "@angular/core";
 export declare class SuisChipComponent {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /**
      * Sets the color pallette of the chip. Type of SuisColor. By default set to 'primary'.
      */

package/lib/components/suis-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './suis-dialog.component';

package/lib/components/suis-dialog/suis-dialog.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '@angular/core';
+import { SuisSize } from '../../types/suis-size.type';
+import * as i0 from "@angular/core";
+export declare class SuisDialogComponent {
+    private readonly suisDialogService;
+    /**
+     * Sets width size of the dialog. Type of SuisSize. By default set to 'md'.
+     */
+    size: SuisSize;
+    /**
+     * Displays the cancel button in the actions footer of the dialog. By default set to true.
+     */
+    cancelButton: boolean;
+    /**
+     * Displays the confirm button in the actions footer of the dialog. By default set to true.
+     */
+    confirmButton: boolean;
+    /**
+     * Emits on confirm button clicked.
+     */
+    confirmed: EventEmitter<void>;
+    /**
+     * Emits on cancel button or cross icon clicked.
+     */
+    cancelled: EventEmitter<void>;
+    onConfirm(): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisDialogComponent, "suis-dialog", never, { "size": { "alias": "size"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; "confirmButton": { "alias": "confirmButton"; "required": false; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, ["[suisDialogHeader]", "[suisDialogContent]"], true, never>;
+}

package/lib/components/suis-dialog-container/index.d.ts

@@ -0,0 +1,2 @@
+export * from './suis-dialog-container.component';
+export * from './suis-dialog-container.interfaces';

package/lib/components/suis-dialog-container/suis-dialog-container.component.d.ts

@@ -0,0 +1,9 @@
+import { Signal } from '@angular/core';
+import { SuisDialog } from './suis-dialog-container.interfaces';
+import * as i0 from "@angular/core";
+export declare class SuisDialogContainerComponent {
+    private readonly suisDialogService;
+    dialog: Signal<SuisDialog | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisDialogContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisDialogContainerComponent, "suis-dialog-container", never, {}, {}, never, never, true, never>;
+}

package/lib/components/suis-dialog-container/suis-dialog-container.interfaces.d.ts

@@ -0,0 +1,7 @@
+import { Type } from '@angular/core';
+export interface SuisDialog {
+    component: Type<any>;
+    inputs: {
+        [key: string]: any;
+    };
+}

package/lib/components/suis-icon/index.d.ts

@@ -1,2 +1,2 @@
 export * from './suis-icon.component';
-export * from './suis-icon.enums';
+export * from './suis-icon.types';

package/lib/components/suis-icon/suis-icon-type.pipe.d.ts

@@ -1,5 +1,5 @@
 import { PipeTransform } from '@angular/core';
-import { SuisIconType } from './suis-icon.enums';
+import { SuisIconType } from './suis-icon.types';
 import * as i0 from "@angular/core";
 export declare class SuisIconTypePipe implements PipeTransform {
     transform(type: SuisIconType): string;

package/lib/components/suis-icon/suis-icon.component.d.ts

@@ -1,10 +1,8 @@
-import { SuisIconType } from './suis-icon.enums';
+import { SuisIconType } from './suis-icon.types';
 import { SuisSize } from '../../types/suis-size.type';
 import { SuisColor } from '../../types/suis-color.type';
 import * as i0 from "@angular/core";
 export declare class SuisIconComponent {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /**
      * Sets the font size of the HTML Entity itself. Type of SuisSize. By default set to 'md'.
      */
@@ -14,7 +12,7 @@ export declare class SuisIconComponent {
      */
     color: SuisColor;
     /**
-     * Sets the HTML Entity displayed in content. Type of SuisIconType. By default set to SuisIconType.INFO.
+     * Sets the HTML Entity displayed in content. Type of SuisIconType. By default set to 'info'.
      */
     type: SuisIconType;
     /**

package/lib/components/suis-icon/suis-icon.types.d.ts

@@ -0,0 +1 @@
+export type SuisIconType = 'info' | 'warning' | 'check' | 'cross' | 'plus' | 'minus' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right';

package/lib/components/suis-input-checkbox/suis-input-checkbox.component.d.ts

@@ -1,9 +1,6 @@
-import { SuisIconType } from '../suis-icon';
 import { SuisCheckboxBase } from '../../shared/classes/suis-checkbox.base';
 import * as i0 from "@angular/core";
 export declare class SuisInputCheckboxComponent extends SuisCheckboxBase {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisInputCheckboxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputCheckboxComponent, "suis-input-checkbox", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/components/suis-input-image/suis-input-image.component.d.ts

@@ -1,13 +1,10 @@
 import { ElementRef } from '@angular/core';
 import { SuisInputBase } from '../../shared/classes/suis-input.base';
-import { SuisIconType } from '../suis-icon/suis-icon.enums';
 import * as i0 from "@angular/core";
 export declare class SuisInputImageComponent extends SuisInputBase {
     /** @internal */
     fileInput?: ElementRef;
     /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
-    /** @internal */
     value: FileList | null;
     /** @internal */
     imageUrl: string | null;

package/lib/components/suis-navigation/suis-navigation.component.d.ts

@@ -1,11 +1,8 @@
 import { EventEmitter } from '@angular/core';
 import { SuisNavigationGroupItem } from '../suis-navigation-item/suis-navigation-item.interfaces';
 import { SuisNavigationItemDirective } from '../suis-navigation-item';
-import { SuisIconType } from '../suis-icon';
 import * as i0 from "@angular/core";
 export declare class SuisNavigationComponent {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /** @internal */
     suisNavigationItem?: SuisNavigationItemDirective;
     /**

package/lib/components/suis-navigation-group-item/suis-navigation-group-item.component.d.ts

@@ -1,10 +1,7 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { SuisNavigationGroupItem, SuisNavigationItem } from '../suis-navigation-item';
-import { SuisIconType } from '../suis-icon/suis-icon.enums';
 import * as i0 from "@angular/core";
 export declare class SuisNavigationGroupItemComponent {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /**
      * Navigation item data. Type of SuisNavigationGroupItem.
      */

package/lib/components/suis-notification/suis-notification.component.d.ts

@@ -1,10 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { SuisNotification } from './suis-notification.interfaces';
-import { SuisIconType } from '../suis-icon/suis-icon.enums';
 import * as i0 from "@angular/core";
 export declare class SuisNotificationComponent {
-    /** @internal */
-    SuisIconType: typeof SuisIconType;
     /**
      * Notification item data. Type of SuisNotification.
      */

package/lib/components/suis-pagination/suis-pagination.component.d.ts

@@ -1,12 +1,9 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { SuisIconType } from '../suis-icon';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class SuisPaginationComponent implements OnInit, OnChanges {
     private readonly destroyRef;
     /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
-    /** @internal */
     /**
      * Number of the maximum page that can be reached based on totalItems and perPage values.
      */

package/lib/components/suis-select-option/suis-select-option.component.d.ts

@@ -1,10 +1,7 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { SuisSelectOption } from './suis-select-option.interfaces';
-import { SuisIconType } from '../suis-icon';
 import * as i0 from "@angular/core";
 export declare class SuisSelectOptionComponent<T> {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /**
      * Option data. Type of SuisSelectOption<T>. Required input.
      */

package/lib/components/suis-table/suis-table.component.d.ts

@@ -1,12 +1,9 @@
 import { EventEmitter, QueryList } from '@angular/core';
 import { SuisTableDataItem } from './suis-table.interfaces';
 import { SuisTableColumnDirective } from './suis-table-column.directive';
-import { SuisIconType } from '../suis-icon';
 import { SuisSort } from '../../types/suis-sort.type';
 import * as i0 from "@angular/core";
 export declare class SuisTableComponent {
-    /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
     /** @internal */
     columns?: QueryList<SuisTableColumnDirective>;
     /**

package/lib/services/index.d.ts

@@ -1 +1,2 @@
+export * from './suis-dialog.service';
 export * from './suis-notification.service';

package/lib/services/suis-dialog.service.d.ts

@@ -0,0 +1,24 @@
+import { Signal, Type } from '@angular/core';
+import { SuisDialog } from '../components/suis-dialog-container/suis-dialog-container.interfaces';
+import * as i0 from "@angular/core";
+export declare class SuisDialogService {
+    private dialog;
+    /**
+     * @returns current displayed dialog or null.
+     */
+    getDialog(): Signal<SuisDialog | null>;
+    /**
+     * Opens dialog component in suis-dialog-container and add suis-dialog class to body.
+     * @param component - dialog component
+     * @param inputs - inputs passed to dialog component
+     */
+    open(component: Type<any>, inputs: {
+        [key: string]: any;
+    }): void;
+    /**
+     * Removes displayed dialog and suis-dialog class from body.
+     */
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SuisDialogService>;
+}

package/lib/shared/classes/suis-select.base.d.ts

@@ -2,14 +2,11 @@ import { EventEmitter } from '@angular/core';
 import { SuisInputBase } from './suis-input.base';
 import { SuisSelectOption } from '../../components/suis-select-option/suis-select-option.interfaces';
 import { SuisSelectOptionDirective } from '../../components/suis-select-option/suis-select-option.directive';
-import { SuisIconType } from '../../components/suis-icon/suis-icon.enums';
 import * as i0 from "@angular/core";
 export declare abstract class SuisSelectBase<T> extends SuisInputBase {
     /** @internal */
     suisSelectOption?: SuisSelectOptionDirective<T>;
     /** @internal */
-    readonly SuisIconType: typeof SuisIconType;
-    /** @internal */
     protected searchPhrase: string;
     /** @internal */
     protected expanded: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suis",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "main": "src/index.ts",
   "author": "Karol Jaskółka",
   "description": "Angular 16+ Component Library",
@@ -12,10 +12,10 @@
     "dashboard"
   ],
   "peerDependencies": {
-    "@angular/common": ">=16.0.0",
-    "@angular/core": ">=16.0.0",
-    "@angular/forms": ">=16.0.0",
-    "@angular/router": ">=16.0.0"
+    "@angular/common": ">=16.2.0",
+    "@angular/core": ">=16.2.0",
+    "@angular/forms": ">=16.2.0",
+    "@angular/router": ">=16.2.0"
   },
   "dependencies": {
     "tslib": ">=2.3.0"

package/esm2022/lib/components/suis-icon/suis-icon.enums.mjs

@@ -1,18 +0,0 @@
-export var SuisIconType;
-(function (SuisIconType) {
-    SuisIconType["INFO"] = "info";
-    SuisIconType["WARNING"] = "warning";
-    SuisIconType["CHECK"] = "check";
-    SuisIconType["CROSS"] = "cross";
-    SuisIconType["PLUS"] = "plus";
-    SuisIconType["MINUS"] = "minus";
-    SuisIconType["ARROW_UP"] = "arrow-up";
-    SuisIconType["ARROW_LEFT"] = "arrow-left";
-    SuisIconType["ARROW_RIGHT"] = "arrow-right";
-    SuisIconType["ARROW_DOWN"] = "arrow-down";
-    SuisIconType["CHEVRON_UP"] = "chevron-up";
-    SuisIconType["CHEVRON_DOWN"] = "chevron-down";
-    SuisIconType["CHEVRON_LEFT"] = "chevron-left";
-    SuisIconType["CHEVRON_RIGHT"] = "chevron-right";
-})(SuisIconType || (SuisIconType = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pY29uLmVudW1zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWljb24vc3Vpcy1pY29uLmVudW1zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFlBZVg7QUFmRCxXQUFZLFlBQVk7SUFDdEIsNkJBQWEsQ0FBQTtJQUNiLG1DQUFtQixDQUFBO0lBQ25CLCtCQUFlLENBQUE7SUFDZiwrQkFBZSxDQUFBO0lBQ2YsNkJBQWEsQ0FBQTtJQUNiLCtCQUFlLENBQUE7SUFDZixxQ0FBcUIsQ0FBQTtJQUNyQix5Q0FBeUIsQ0FBQTtJQUN6QiwyQ0FBMkIsQ0FBQTtJQUMzQix5Q0FBeUIsQ0FBQTtJQUN6Qix5Q0FBeUIsQ0FBQTtJQUN6Qiw2Q0FBNkIsQ0FBQTtJQUM3Qiw2Q0FBNkIsQ0FBQTtJQUM3QiwrQ0FBK0IsQ0FBQTtBQUNqQyxDQUFDLEVBZlcsWUFBWSxLQUFaLFlBQVksUUFldkIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBTdWlzSWNvblR5cGUge1xuICBJTkZPID0gJ2luZm8nLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBDSEVDSyA9ICdjaGVjaycsXG4gIENST1NTID0gJ2Nyb3NzJyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgTUlOVVMgPSAnbWludXMnLFxuICBBUlJPV19VUCA9ICdhcnJvdy11cCcsXG4gIEFSUk9XX0xFRlQgPSAnYXJyb3ctbGVmdCcsXG4gIEFSUk9XX1JJR0hUID0gJ2Fycm93LXJpZ2h0JyxcbiAgQVJST1dfRE9XTiA9ICdhcnJvdy1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9ET1dOID0gJ2NoZXZyb24tZG93bicsXG4gIENIRVZST05fTEVGVCA9ICdjaGV2cm9uLWxlZnQnLFxuICBDSEVWUk9OX1JJR0hUID0gJ2NoZXZyb24tcmlnaHQnLFxufVxuIl19

package/lib/components/suis-icon/suis-icon.enums.d.ts

@@ -1,16 +0,0 @@
-export declare enum SuisIconType {
-    INFO = "info",
-    WARNING = "warning",
-    CHECK = "check",
-    CROSS = "cross",
-    PLUS = "plus",
-    MINUS = "minus",
-    ARROW_UP = "arrow-up",
-    ARROW_LEFT = "arrow-left",
-    ARROW_RIGHT = "arrow-right",
-    ARROW_DOWN = "arrow-down",
-    CHEVRON_UP = "chevron-up",
-    CHEVRON_DOWN = "chevron-down",
-    CHEVRON_LEFT = "chevron-left",
-    CHEVRON_RIGHT = "chevron-right"
-}