@ifsworld/granite-components 3.0.0 → 3.3.0

package/index.d.ts

@@ -20,8 +20,15 @@ export * from './lib/icon/icon.module';
 export * from './lib/icon/icon.component';
 export * from './lib/toggle-switch/toggle-switch.module';
 export * from './lib/toggle-switch/toggle-switch.component';
+export * from './lib/radio-button/radio-button.module';
+export * from './lib/radio-button/radio-button.component';
 export * from './lib/button/button.module';
 export * from './lib/button/button.component';
+export * from './lib/table/table.module';
+export * from './lib/table/table.component';
+export * from './lib/table/column/table-column.directive';
+export * from './lib/input-field/input-field.module';
+export * from './lib/input-field/input-field.component';
 export * from './lib/core/client-environment';
 export * from './lib/core/core.module';
 export * from './lib/core/devices/client-output-touch.directive';

package/lib/core/pipes/pure-pipes.module.d.ts

@@ -0,0 +1,2 @@
+export declare class PurePipesModule {
+}

package/lib/core/pipes/title.pipe.d.ts

@@ -0,0 +1,4 @@
+import { PipeTransform } from '@angular/core';
+export declare class GraniteTitlePipe implements PipeTransform {
+    transform(value: string): string;
+}

package/lib/core/types.d.ts

@@ -0,0 +1 @@
+export declare type Position = 'before' | 'after';

package/lib/input-field/input-field.component.d.ts

@@ -0,0 +1,39 @@
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+export declare class GraniteInputFieldComponent implements OnInit, OnChanges {
+    private _focusMonitor;
+    id: string | null;
+    name: string | null;
+    type: string;
+    value: string | number;
+    required: boolean;
+    readonly: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    placeholder: string;
+    prefixicon: string;
+    maxlength: number;
+    countcharacters: boolean;
+    ariaLabel: string | null;
+    ariaLabelledby: string | null;
+    valueChange: EventEmitter<string>;
+    private _inputElement;
+    private _textareaElement;
+    _supported: boolean;
+    _empty: boolean;
+    _passwordFieldIcon: string;
+    _passwordField: boolean;
+    private _passwordToggled;
+    private _currentCharCount;
+    constructor(_focusMonitor: FocusMonitor);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    _togglePassword(): void;
+    _onKeyUp(event: KeyboardEvent): void;
+    _onInput(event: KeyboardEvent): void;
+    protected _validateType(): void;
+    private _applyCharacterCount;
+    private _getInputElement;
+    private _getTextareaElement;
+}

package/lib/input-field/input-field.module.d.ts

@@ -0,0 +1,2 @@
+export declare class GraniteInputFieldModule {
+}

package/lib/radio-button/radio-button.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { Position } from '../core/types';
+export declare class GraniteRadioButtonComponent implements OnChanges, OnDestroy {
+    private _focusMonitor;
+    private _radioDispatcher;
+    value: any;
+    id: string | null;
+    name: string;
+    checked: boolean;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    labelPosition: Position;
+    ariaLabel: string | null;
+    ariaLabelledby: string | null;
+    readonly radioChange: EventEmitter<any>;
+    readonly radioBlur: EventEmitter<void>;
+    private _inputElement;
+    _positionBefore: boolean;
+    _radioDisabled: boolean;
+    constructor(_focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    _radioClick(targetValue: string): void;
+    _radioChange(): void;
+    _onBlur(): void;
+    private _getInputElement;
+    private _removeUniqueSelectionListener;
+}

package/lib/radio-button/radio-button.module.d.ts

@@ -0,0 +1,2 @@
+export declare class GraniteRadioButtonModule {
+}

package/lib/table/cell/cell.d.ts

@@ -0,0 +1,5 @@
+import { GraniteTableColumnDirective } from '../column/table-column.directive';
+export declare abstract class GraniteCell {
+    id: string;
+    column: GraniteTableColumnDirective;
+}

package/lib/table/cell/table-data-cell.component.d.ts

@@ -0,0 +1,10 @@
+import { TemplateRef } from '@angular/core';
+import { GraniteCell } from './cell';
+export declare type StaticType = 'text' | 'badge';
+export declare class GraniteTableDataCellComponent extends GraniteCell {
+    value: any;
+    staticType: StaticType;
+    rowIndex: number;
+    columnIndex: number;
+    tableCellTemplateRef: TemplateRef<any>;
+}

package/lib/table/cell/table-header-cell.component.d.ts

@@ -0,0 +1,3 @@
+import { GraniteCell } from './cell';
+export declare class GraniteTableHeaderCellComponent extends GraniteCell {
+}

package/lib/table/column/table-column.directive.d.ts

@@ -0,0 +1,13 @@
+import { TemplateRef } from '@angular/core';
+import { StaticType } from '../cell/table-data-cell.component';
+export interface GraniteTableColumnInterface {
+    name: string;
+    title?: string;
+    staticType?: StaticType;
+}
+export declare class GraniteTableColumnDirective implements GraniteTableColumnInterface {
+    name: string;
+    title: string;
+    staticType: StaticType;
+    tableCellTemplateRef: TemplateRef<any>;
+}

package/lib/table/table-constants.library.d.ts

@@ -0,0 +1,3 @@
+export declare class TableConstants {
+    static readonly CELL_ID_PREFIX: string;
+}

package/lib/table/table.component.d.ts

@@ -0,0 +1,16 @@
+import { DataSource } from '@angular/cdk/table';
+import { TrackByFunction, QueryList, AfterContentInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { GraniteTableColumnDirective } from './column/table-column.directive';
+declare type CdkTableDataSourceInput<T> = readonly T[] | DataSource<T> | Observable<readonly T[]>;
+export declare class GraniteTableComponent<T> implements AfterContentInit {
+    dataSource: CdkTableDataSourceInput<T>;
+    trackBy: TrackByFunction<T>;
+    ariaLabel: string | null;
+    tableColumnsComponent: QueryList<GraniteTableColumnDirective>;
+    readonly cellIdPrefix: string;
+    columns: GraniteTableColumnDirective[];
+    renderedColumns: string[];
+    ngAfterContentInit(): void;
+}
+export {};

package/lib/table/table.module.d.ts

@@ -0,0 +1,2 @@
+export declare class GraniteTableModule {
+}

package/lib/toggle-switch/toggle-switch.component.d.ts

@@ -1,6 +1,6 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
-export declare type Position = 'before' | 'after';
+import { Position } from '../core/types';
 export declare class GraniteToggleSwitchComponent implements OnChanges {
     private _focusMonitor;
     id: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "3.0.0",
+  "version": "3.3.0",
   "peerDependencies": {
     "@angular/cdk": ">=11.2.13",
     "@angular/common": ">=11.2.14",

package/src/lib/core/style/_responsive.scss

@@ -1,4 +1,5 @@
 @use 'tokens' as *;
+@use 'range-functions' as *;
 
 /**
  * Helper variables for media queries. Makes sure we use standard queries and not make up our own