suis 0.29.0 → 0.30.1

package/lib/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './suis-accordion';
 export * from './suis-alert';
 export * from './suis-box';
 export * from './suis-breadcrumbs';
@@ -14,6 +15,7 @@ export * from './suis-input-chips';
 export * from './suis-input-image';
 export * from './suis-input-number';
 export * from './suis-input-radio';
+export * from './suis-item';
 export * from './suis-label';
 export * from './suis-navigation';
 export * from './suis-navigation-group';

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

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

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

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SuisAccordionComponent {
+    /**
+     * Controlls styling of the accordion based on expanded state of group. By default set to false.
+     */
+    expanded: boolean;
+    /**
+     * Emits when expanded value of the accordion has been changed.
+     */
+    expandedChange: EventEmitter<boolean>;
+    onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisAccordionComponent, "suis-accordion", never, { "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["[suisAccordionHeader]", "[suisAccordionContent]"], true, never>;
+}

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-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-item/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class SuisItemComponent {
+    /**
+     * Adds a padding around the content. By default set to true.
+     */
+    spacing: boolean;
+    /**
+     * Styles item as a header. By default set to false.
+     */
+    header: boolean;
+    /**
+     * Displays border bottom below the item. Does not effect header item. By default set to true.
+     */
+    divider: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisItemComponent, "suis-item", never, { "spacing": { "alias": "spacing"; "required": false; }; "header": { "alias": "header"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import { SuisNavigationGroupItem } from '../suis-navigation-item/suis-navigation-item.interfaces';
 import { SuisNavigationItemDirective } from '../suis-navigation-item';
 import * as i0 from "@angular/core";
@@ -16,8 +17,21 @@ export declare class SuisNavigationComponent {
      * Adds expand / collapse logic to group header items. By default set to false.
      */
     expandable: boolean;
+    /**
+     * Adds collapse / epxand logic to navigiaton. By default set to false.
+     */
+    collapsable: boolean;
+    /**
+     * Collapses the navigiation. By default set to false.
+     */
+    collapsed: boolean;
+    /**
+     * Emits on collapsed value changed.
+     */
+    collaspedChange: EventEmitter<boolean>;
+    onToggle(): void;
     /** @internal */
     groupItemTrackBy(index: number, groupItem: SuisNavigationGroupItem): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisNavigationComponent, "suis-navigation", never, { "items": { "alias": "items"; "required": false; }; "expandedGroups": { "alias": "expandedGroups"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; }, {}, ["suisNavigationItem"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisNavigationComponent, "suis-navigation", never, { "items": { "alias": "items"; "required": false; }; "expandedGroups": { "alias": "expandedGroups"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "collaspedChange": { "alias": "collaspedChange"; "required": false; }; }, {}, ["suisNavigationItem"], never, true, never>;
 }

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/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.29.0",
+  "version": "0.30.1",
   "main": "src/index.ts",
   "author": "Karol Jaskółka",
   "description": "Angular 16+ Component Library",

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"
-}