@koobiq/components 16.0.0-beta.1

package/tags/tag.component.d.ts

@@ -0,0 +1,140 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList } from '@angular/core';
+import { IFocusableOption } from '@koobiq/cdk/a11y';
+import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, KbqTitleTextRef } from '@koobiq/components/core';
+import { KbqIcon } from '@koobiq/components/icon';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface KbqTagEvent {
+    tag: KbqTag;
+}
+/** Event object emitted by KbqTag when selected or deselected. */
+export declare class KbqTagSelectionChange {
+    source: KbqTag;
+    selected: boolean;
+    isUserInput: boolean;
+    constructor(source: KbqTag, selected: boolean, isUserInput?: boolean);
+}
+/**
+ * Dummy directive to add CSS class to tag avatar.
+ * @docs-private
+ */
+export declare class KbqTagAvatar {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagAvatar, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagAvatar, "kbq-tag-avatar, [mcTagAvatar]", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Dummy directive to add CSS class to tag trailing icon.
+ * @docs-private
+ */
+export declare class KbqTagTrailingIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagTrailingIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagTrailingIcon, "kbq-tag-trailing-icon, [mcTagTrailingIcon]", never, {}, {}, never, never, false, never>;
+}
+/** @docs-private */
+export declare class KbqTagBase {
+    elementRef: ElementRef;
+    constructor(elementRef: ElementRef);
+}
+/** @docs-private */
+export declare const KbqTagMixinBase: CanColorCtor & CanDisableCtor & typeof KbqTagBase;
+export declare class KbqTag extends KbqTagMixinBase implements IFocusableOption, OnDestroy, CanColor, CanDisable, KbqTitleTextRef {
+    elementRef: ElementRef;
+    changeDetectorRef: ChangeDetectorRef;
+    private _ngZone;
+    /** Emits when the tag is focused. */
+    readonly onFocus: Subject<KbqTagEvent>;
+    /** Emits when the tag is blured. */
+    readonly onBlur: Subject<KbqTagEvent>;
+    nativeElement: HTMLElement;
+    /** Whether the tag has focus. */
+    hasFocus: boolean;
+    /** Whether the tag list is selectable */
+    tagListSelectable: boolean;
+    textElement: ElementRef;
+    contentChildren: QueryList<KbqIcon>;
+    /** The tag avatar */
+    avatar: KbqTagAvatar;
+    /** The tag's trailing icon. */
+    trailingIcon: KbqTagTrailingIcon;
+    /** The tag's remove toggler. */
+    removeIcon: KbqTagRemove;
+    /** Emitted when the tag is selected or deselected. */
+    readonly selectionChange: EventEmitter<KbqTagSelectionChange>;
+    /** Emitted when the tag is destroyed. */
+    readonly destroyed: EventEmitter<KbqTagEvent>;
+    /** Emitted when a tag is to be removed. */
+    readonly removed: EventEmitter<KbqTagEvent>;
+    /** Whether the tag is selected. */
+    get selected(): boolean;
+    set selected(value: boolean);
+    private _selected;
+    /** The value of the tag. Defaults to the content inside `<kbq-tag>` tags. */
+    get value(): any;
+    set value(value: any);
+    private _value;
+    /**
+     * Whether or not the tag is selectable. When a tag is not selectable,
+     * changes to its selected state are always ignored. By default a tag is
+     * selectable, and it becomes non-selectable if its parent tag list is
+     * not selectable.
+     */
+    get selectable(): boolean;
+    set selectable(value: boolean);
+    private _selectable;
+    /**
+     * Determines whether or not the tag displays the remove styling and emits (removed) events.
+     */
+    get removable(): boolean;
+    set removable(value: boolean);
+    private _removable;
+    get tabindex(): any;
+    set tabindex(value: any);
+    private _tabindex;
+    get disabled(): any;
+    set disabled(value: any);
+    private _disabled;
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone);
+    ngAfterContentInit(): void;
+    addClassModificatorForIcons(): void;
+    addHostClassName(): void;
+    ngOnDestroy(): void;
+    select(): void;
+    deselect(): void;
+    selectViaInteraction(): void;
+    toggleSelected(isUserInput?: boolean): boolean;
+    /** Allows for programmatic focusing of the tag. */
+    focus(): void;
+    /**
+     * Allows for programmatic removal of the tag. Called by the KbqTagList when the DELETE or
+     * BACKSPACE keys are pressed.
+     *
+     * Informs any listeners of the removal request. Does not remove the tag from the DOM.
+     */
+    remove(): void;
+    handleClick(event: Event): void;
+    handleKeydown(event: KeyboardEvent): void;
+    blur(): void;
+    private dispatchSelectionChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTag, "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", ["mcTag"], { "color": { "alias": "color"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "destroyed": "destroyed"; "removed": "removed"; }, ["avatar", "trailingIcon", "removeIcon", "contentChildren"], ["[kbq-icon]:not([mcTagRemove])", "*", "[mcTagRemove]"], false, never>;
+}
+/**
+ *
+ * Example:
+ *
+ *     `<kbq-tag>
+ *       <kbq-icon mcTagRemove>cancel</kbq-icon>
+ *     </kbq-tag>`
+ *
+ * You *may* use a custom icon, but you may need to override the `kbq-tag-remove` positioning
+ * styles to properly center the icon within the tag.
+ */
+export declare class KbqTagRemove {
+    protected parentTag: KbqTag;
+    constructor(parentTag: KbqTag);
+    focus($event: any): void;
+    /** Calls the parent tag's public `remove()` method if applicable. */
+    handleClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagRemove, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagRemove, "[mcTagRemove]", never, {}, {}, never, never, false, never>;
+}

package/tags/tag.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tag-list.component";
+import * as i2 from "./tag.component";
+import * as i3 from "./tag-input";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/platform";
+export declare class KbqTagsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTagsModule, [typeof i1.KbqTagList, typeof i2.KbqTag, typeof i3.KbqTagInput, typeof i2.KbqTagTrailingIcon, typeof i2.KbqTagAvatar, typeof i2.KbqTagRemove], [typeof i4.CommonModule, typeof i5.PlatformModule], [typeof i1.KbqTagList, typeof i2.KbqTag, typeof i3.KbqTagInput, typeof i2.KbqTagTrailingIcon, typeof i2.KbqTagAvatar, typeof i2.KbqTagRemove]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqTagsModule>;
+}

package/tags/tag.scss

@@ -0,0 +1,67 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-tag {
+    position: relative;
+
+    display: inline-block;
+
+    max-width: 100%;
+
+    padding:
+        var(--kbq-tag-size-padding-vertical, map.get($tokens, tag-size-padding-vertical))
+        var(--kbq-tag-size-padding-horizontal, map.get($tokens, tag-size-padding-horizontal));
+
+    border-radius: 4px;
+
+    cursor: default;
+
+    outline: none;
+
+    box-sizing: border-box;
+
+    & .kbq-icon.kbq-tag-remove {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        flex-shrink: 0;
+
+        margin-right:
+            var(--kbq-tag-size-close-button-margin-right, map.get($tokens, tag-size-close-button-margin-right));
+
+        &:hover {
+            cursor: pointer;
+        }
+    }
+
+    &.kbq-disabled .kbq-icon.kbq-tag-remove:hover {
+        cursor: default;
+    }
+
+    & .kbq-tag__text {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+
+        margin: 0 var(--kbq-tag-size-content-gap-horizontal, map.get($tokens, tag-size-content-gap-horizontal));
+    }
+
+    & .kbq-icon_left {
+        margin-left: var(--kbq-tag-size-icon-margin-left, map.get($tokens, tag-size-icon-margin-left));
+    }
+}
+
+.kbq-tag__wrapper {
+    display: flex;
+    align-items: center;
+
+    height: 100%;
+
+    flex: 1 1 100%;
+}

package/textarea/_textarea-theme.scss

@@ -0,0 +1,13 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-textarea-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-textarea {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, textarea-font-default));
+    }
+}

package/textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/textarea/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './textarea.component';
+export * from './textarea.module';

package/textarea/textarea.component.d.ts

@@ -0,0 +1,114 @@
+import { DoCheck, ElementRef, OnChanges, OnDestroy, InjectionToken, NgZone, OnInit } from '@angular/core';
+import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher } from '@koobiq/components/core';
+import { KbqFormFieldControl } from '@koobiq/components/form-field';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare const KBQ_TEXTAREA_VALUE_ACCESSOR: InjectionToken<{
+    value: any;
+}>;
+/** @docs-private */
+export declare class KbqTextareaBase {
+    defaultErrorStateMatcher: ErrorStateMatcher;
+    parentForm: NgForm;
+    parentFormGroup: FormGroupDirective;
+    ngControl: NgControl;
+    /**
+     * Emits whenever the component state changes and should cause the parent
+     * form-field to update. Implemented as part of `KbqFormFieldControl`.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<void>;
+    constructor(defaultErrorStateMatcher: ErrorStateMatcher, parentForm: NgForm, parentFormGroup: FormGroupDirective, ngControl: NgControl);
+}
+/** @docs-private */
+export declare const KbqTextareaMixinBase: CanUpdateErrorStateCtor & typeof KbqTextareaBase;
+export declare class KbqTextarea extends KbqTextareaMixinBase implements KbqFormFieldControl<any>, OnInit, OnChanges, OnDestroy, DoCheck, CanUpdateErrorState {
+    protected elementRef: ElementRef;
+    private ngZone;
+    canGrow: boolean;
+    /** An object used to control when error messages are shown. */
+    errorStateMatcher: ErrorStateMatcher;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    focused: boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<void>;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    controlType: string;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get id(): string;
+    set id(value: string);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    placeholder: string;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get value(): string;
+    set value(value: string);
+    protected uid: string;
+    protected previousNativeValue: any;
+    private _disabled;
+    private _id;
+    private _required;
+    private valueAccessor;
+    private growSubscription;
+    private lineHeight;
+    private freeRowsHeight;
+    private minHeight;
+    constructor(elementRef: ElementRef, ngControl: NgControl, parentForm: NgForm, parentFormGroup: FormGroupDirective, defaultErrorStateMatcher: ErrorStateMatcher, inputValueAccessor: any, ngZone: NgZone);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    onBlur(): void;
+    /** Grow textarea height to avoid vertical scroll  */
+    grow(): void;
+    /** Focuses the textarea. */
+    focus(): void;
+    /** Callback for the cases where the focused state of the textarea changes. */
+    focusChanged(isFocused: boolean): void;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get empty(): boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    onContainerClick(): void;
+    /** Does some manual dirty checking on the native textarea `value` property. */
+    protected dirtyCheckNativeValue(): void;
+    /** Checks whether the textarea is invalid based on the native validation. */
+    protected isBadInput(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTextarea, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTextarea, "textarea[mcTextarea]", ["mcTextarea"], { "canGrow": { "alias": "canGrow"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+}

package/textarea/textarea.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./textarea.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@koobiq/components/core";
+import * as i5 from "@angular/forms";
+export declare class KbqTextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTextareaModule, [typeof i1.KbqTextarea], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.KbqCommonModule, typeof i5.FormsModule], [typeof i1.KbqTextarea]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqTextareaModule>;
+}

package/textarea/textarea.scss

@@ -0,0 +1,45 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-textarea {
+    display: inline-block;
+
+    background: transparent;
+    margin: 0;
+    border: none;
+    outline: none;
+
+    resize: none;
+    overflow: auto;
+
+    width: 100%;
+
+    box-sizing: border-box;
+
+    padding:
+        var(--kbq-textarea-size-padding-vertical, map.get($tokens, textarea-size-padding-vertical))
+        var(--kbq-textarea-size-padding-horizontal, map.get($tokens, textarea-size-padding-horizontal));
+
+    -webkit-appearance: none; // Chrome textaria height sizing fix
+    vertical-align: bottom; // Chrome textaria height sizing fix
+
+    &:not(.kbq-textarea-resizable) {
+        box-sizing: border-box;
+        overflow-y: hidden;
+    }
+
+    &.kbq-textarea-resizable {
+        resize: vertical;
+        min-height: var(--kbq-textarea-size-min-height, map.get($tokens, textarea-size-min-height));
+    }
+}
+
+/* remove default red border for HTML5 validation invalid fields in Firefox */
+.kbq-textarea:invalid {
+    box-shadow: unset;
+}

package/timepicker/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/timepicker/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './timepicker.module';
+export * from './timepicker.constants';
+export * from './timepicker.directive';

package/timepicker/timepicker.constants.d.ts

@@ -0,0 +1,20 @@
+export declare enum TimeParts {
+    hours = 0,
+    minutes = 1,
+    seconds = 2
+}
+export declare enum TimeFormats {
+    HHmmss = "HH:mm:ss",
+    HHmm = "HH:mm"
+}
+export declare const TIMEFORMAT_PLACEHOLDERS: {
+    [timeFormat: string]: string;
+};
+export declare const DEFAULT_TIME_FORMAT: TimeFormats;
+export declare const HOURS_MINUTES_SECONDS_REGEXP: RegExp;
+export declare const HOURS_MINUTES_REGEXP: RegExp;
+export declare const HOURS_ONLY_REGEXP: RegExp;
+export declare const AM_PM_FORMAT_REGEXP: RegExp;
+export declare const SECONDS_PER_MINUTE: number;
+export declare const MINUTES_PER_HOUR: number;
+export declare const HOURS_PER_DAY: number;

package/timepicker/timepicker.directive.d.ts

@@ -0,0 +1,141 @@
+import { ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { DateAdapter } from '@koobiq/components/core';
+import { KbqFormFieldControl } from '@koobiq/components/form-field';
+import { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
+import { Subject } from 'rxjs';
+import { TimeFormats } from './timepicker.constants';
+import * as i0 from "@angular/core";
+/** @docs-private */
+export declare const KBQ_TIMEPICKER_VALUE_ACCESSOR: any;
+/** @docs-private */
+export declare const KBQ_TIMEPICKER_VALIDATORS: any;
+export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, ControlValueAccessor, Validator, OnDestroy {
+    private elementRef;
+    private renderer;
+    private dateAdapter;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<void>;
+    readonly errorState: boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    focused: boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    controlType: string;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    get id(): string;
+    set id(value: string);
+    private _id;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    get format(): TimeFormats;
+    set format(formatValue: TimeFormats);
+    private _format;
+    get min(): D | null;
+    set min(value: D | null);
+    private _min;
+    get max(): D | null;
+    set max(value: D | null);
+    private _max;
+    get value(): D | null;
+    set value(value: D | null);
+    private _value;
+    set mcValidationTooltip(tooltip: KbqWarningTooltipTrigger);
+    incorrectInput: EventEmitter<void>;
+    get hasSelection(): boolean;
+    get isFullFormat(): boolean;
+    get isShortFormat(): boolean;
+    get viewValue(): string;
+    get ngControl(): any;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get empty(): boolean;
+    get selectionStart(): number | null;
+    set selectionStart(value: number | null);
+    get selectionEnd(): number | null;
+    set selectionEnd(value: number | null);
+    private readonly uid;
+    private readonly validator;
+    private lastValueValid;
+    private control;
+    private defaultPlaceholder;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef, renderer: Renderer2, dateAdapter: DateAdapter<any>);
+    ngOnDestroy(): void;
+    getSize(): number;
+    focus(): void;
+    focusChanged(isFocused: boolean): void;
+    onBlur(): void;
+    onPaste($event: any): void;
+    onInput: () => void;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    onContainerClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    writeValue(value: D | null): void;
+    registerOnChange(fn: (value: D) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private formatUserPaste;
+    private formatUserInput;
+    private replaceSymbols;
+    private replaceNumbers;
+    /** Checks whether the input is invalid based on the native validation. */
+    private isBadInput;
+    private spaceKeyHandler;
+    private getNewValue;
+    private verticalArrowKeyHandler;
+    private horizontalArrowKeyHandler;
+    private createSelectionOfTimeComponentInInput;
+    private incrementTime;
+    private decrementTime;
+    /**
+     * @description Get params for arrow-keys (up/down) time valie edit.
+     * @param cursorPosition Current cursor position in timeString
+     */
+    private getTimeEditMetrics;
+    /**
+     * @description Create time string for displaying inside input element of UI
+     */
+    private getTimeStringFromDate;
+    private getDateFromTimeString;
+    private parseValidator;
+    private minValidator;
+    private maxValidator;
+    private getValidDateOrNull;
+    private setViewValue;
+    private updateView;
+    private setControl;
+    private validatorOnChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepicker<any>, [null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTimepicker<any>, "input[mcTimepicker]", ["mcTimepicker"], { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "mcValidationTooltip": { "alias": "mcValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; }, never, never, false, never>;
+}

package/timepicker/timepicker.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./timepicker.directive";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@angular/cdk/platform";
+import * as i5 from "@angular/forms";
+export declare class KbqTimepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTimepickerModule, [typeof i1.KbqTimepicker], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule, typeof i5.FormsModule], [typeof i1.KbqTimepicker]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqTimepickerModule>;
+}

package/timepicker/timepicker.scss

@@ -0,0 +1,18 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-timepicker {
+    padding-right: calc(
+        var(--kbq-timepicker-size-padding-right, #{map.get($tokens, timepicker-size-padding-right)}) -
+        var(--kbq-form-field-size-border-width, #{map.get($tokens, form-field-size-border-width)})
+    );
+}
+
+.kbq-form-field-type-timepicker {
+    width: auto;
+}

package/timezone/_timezone-option-theme.scss

@@ -0,0 +1,34 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-timezone-option-theme($theme) {
+    $timezone: map.get(map.get($theme, components), timezone);
+
+    .kbq-timezone-option__offset,
+    .kbq-timezone-option__city {
+        color: map.get($timezone, text);
+    }
+
+    .kbq-timezone-option__cities {
+        color: map.get($timezone, caption);
+    }
+}
+
+@mixin kbq-timezone-option-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-timezone-option__offset {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, timezone-option-font-offset-text));
+    }
+
+    .kbq-timezone-option__city {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, timezone-option-font-text));
+    }
+
+    .kbq-timezone-option__cities {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, timezone-option-font-caption));
+    }
+}

package/timezone/cities-by-filter.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CitiesByFilterPipe implements PipeTransform {
+    transform(value: string, searchPattern?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CitiesByFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CitiesByFilterPipe, "citiesByFilter", false>;
+}

package/timezone/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';