@ethlete/cdk 2.3.1

package/lib/components/tabs/partials/inline-tabs/inline-tab-label-wrapper/inline-tab-label-wrapper.directive.d.ts

@@ -0,0 +1,17 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../utils/active-tab-underline.util";
+export declare class InlineTabLabelWrapperDirective {
+    elementRef: ElementRef;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    get attrAriaDisabled(): "true" | null;
+    constructor(elementRef: ElementRef);
+    focus(): void;
+    getOffsetLeft(): number;
+    getOffsetWidth(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineTabLabelWrapperDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InlineTabLabelWrapperDirective, "[etInlineTabLabelWrapper]", never, { "disabled": "disabled"; }, {}, never, never, true, [{ directive: typeof i1.ActiveTabUnderlineDirective; inputs: { "fitUnderlineToContent": "fitUnderlineToContent"; }; outputs: {}; }]>;
+}

package/lib/components/tabs/partials/inline-tabs/inline-tab-label-wrapper/public-api.d.ts

@@ -0,0 +1 @@
+export * from './inline-tab-label-wrapper.directive';

package/lib/components/tabs/partials/inline-tabs/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './inline-tab-body-host/public-api';
+export * from './inline-tab-body/public-api';
+export * from './inline-tab-content/public-api';
+export * from './inline-tab-header/public-api';
+export * from './inline-tab-label-wrapper/public-api';
+export * from './inline-tab-label/public-api';
+export * from './inline-tab/public-api';

package/lib/components/tabs/partials/nav-tabs/nav-tab-link/index.d.ts

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

package/lib/components/tabs/partials/nav-tabs/nav-tab-link/nav-tab-link.directive.d.ts

@@ -0,0 +1,48 @@
+import { FocusableOption, FocusMonitor } from '@angular/cdk/a11y';
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { Router, RouterLink, RouterLinkActive } from '@angular/router';
+import { NavTabsComponent } from '../../../components/nav-tabs/nav-tabs.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../utils/active-tab-underline.util";
+export declare class NavTabLinkComponent implements OnInit, AfterViewInit, OnDestroy, FocusableOption {
+    private _tabNavBar;
+    elementRef: ElementRef;
+    private _focusMonitor;
+    private _router;
+    private _cdr;
+    private _ngZone;
+    _link?: RouterLink | undefined;
+    _linkWithHref?: RouterLink | undefined;
+    _linkConfig?: RouterLinkActive | undefined;
+    get active(): boolean;
+    get tabIndex(): number;
+    set tabIndex(value: NumberInput);
+    private _tabIndex;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    id: string;
+    get _attrAriaControls(): string | null;
+    get _attrAriaCurrent(): string | null;
+    get _attrAriaDisabled(): boolean;
+    get _attrAriaSelected(): string | null;
+    get _attrTabIndex(): number;
+    get _attrRole(): string | null;
+    constructor(_tabNavBar: NavTabsComponent, elementRef: ElementRef, tabIndex: string, _focusMonitor: FocusMonitor, _router: Router, _cdr: ChangeDetectorRef, _ngZone: NgZone, _link?: RouterLink | undefined, _linkWithHref?: RouterLink | undefined, _linkConfig?: RouterLinkActive | undefined);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    focus(): void;
+    _handleFocus(): void;
+    _handleKeydown(event: KeyboardEvent): void;
+    _getAriaControls(): string | null;
+    _getAriaSelected(): string | null;
+    _getAriaCurrent(): string | null;
+    _getRole(): string | null;
+    _getTabIndex(): number;
+    _markForCheck(): void;
+    private _haltDisabledEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavTabLinkComponent, [null, null, { attribute: "tabindex"; }, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavTabLinkComponent, "[et-nav-tab-link]", never, { "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; }, {}, never, ["*"], true, [{ directive: typeof i1.ActiveTabUnderlineDirective; inputs: { "fitUnderlineToContent": "fitUnderlineToContent"; }; outputs: {}; }]>;
+}

package/lib/components/tabs/partials/nav-tabs/nav-tab-link/public-api.d.ts

@@ -0,0 +1 @@
+export * from './nav-tab-link.directive';

package/lib/components/tabs/partials/nav-tabs/nav-tabs-outlet/index.d.ts

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

package/lib/components/tabs/partials/nav-tabs/nav-tabs-outlet/nav-tabs-outlet.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class NavTabsOutletComponent {
+    id: string;
+    get _attrAriaLabelledBy(): string | undefined;
+    get _attrRole(): string;
+    get _attrId(): string;
+    _activeTabId?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavTabsOutletComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavTabsOutletComponent, "et-nav-tabs-outlet", never, { "id": "id"; }, {}, never, ["*"], true, never>;
+}

package/lib/components/tabs/partials/nav-tabs/nav-tabs-outlet/public-api.d.ts

@@ -0,0 +1 @@
+export * from './nav-tabs-outlet.component';

package/lib/components/tabs/partials/nav-tabs/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './nav-tab-link/public-api';
+export * from './nav-tabs-outlet/public-api';

package/lib/components/tabs/partials/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './inline-tabs/public-api';
+export * from './nav-tabs/public-api';

package/lib/components/tabs/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './animations/public-api';
+export * from './components/public-api';
+export * from './partials/public-api';
+export * from './tab.imports';
+export * from './types/public-api';
+export * from './utils/public-api';

package/lib/components/tabs/tab.imports.d.ts

@@ -0,0 +1,3 @@
+import { InlineTabsComponent, NavTabsComponent } from './components';
+import { InlineTabBodyComponent, InlineTabBodyHostDirective, InlineTabComponent, InlineTabContentDirective, InlineTabHeaderComponent, InlineTabLabelDirective, InlineTabLabelWrapperDirective, NavTabLinkComponent, NavTabsOutletComponent } from './partials';
+export declare const TabImports: readonly [typeof InlineTabsComponent, typeof InlineTabBodyComponent, typeof InlineTabBodyHostDirective, typeof InlineTabComponent, typeof InlineTabContentDirective, typeof InlineTabHeaderComponent, typeof InlineTabLabelDirective, typeof InlineTabLabelWrapperDirective, typeof NavTabsOutletComponent, typeof NavTabLinkComponent, typeof NavTabsComponent];

package/lib/components/tabs/types/public-api.d.ts

@@ -0,0 +1 @@
+export * from './tab-config.types';

package/lib/components/tabs/types/tab-config.types.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+export interface TabConfig {
+    disablePagination?: boolean;
+    fitInkBarToContent?: boolean;
+    contentTabIndex?: number;
+    preserveContent?: boolean;
+}
+export declare const TABS_CONFIG: InjectionToken<TabConfig>;

package/lib/components/tabs/utils/active-tab-underline.util.d.ts

@@ -0,0 +1,41 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ElementRef, InjectionToken, OnDestroy, OnInit } from '@angular/core';
+import { TypedQueryList } from '@ethlete/core';
+import * as i0 from "@angular/core";
+export interface ActiveTabUnderlineItem extends OnInit, OnDestroy {
+    elementRef: ElementRef<HTMLElement>;
+    activateUnderline(previousIndicatorClientRect?: DOMRect): void;
+    deactivateUnderline(): void;
+    fitUnderlineToContent: boolean;
+}
+export declare class ActiveTabUnderlineBarManager {
+    private _items;
+    private _currentItem;
+    constructor(_items: TypedQueryList<ActiveTabUnderlineItem>);
+    hide(): void;
+    alignToElement(element: HTMLElement): void;
+}
+export declare class ActiveTabUnderlineDirective implements OnInit, OnDestroy {
+    readonly elementRef: ElementRef<HTMLElement>;
+    private _underlineElement;
+    private _underlineContentElement;
+    get fitUnderlineToContent(): boolean;
+    set fitUnderlineToContent(v: BooleanInput);
+    private _fitToContent;
+    activateUnderline(previousIndicatorClientRect?: DOMRect): void;
+    deactivateUnderline(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _createUnderlineElement;
+    private _appendUnderlineElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveTabUnderlineDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActiveTabUnderlineDirective, never, never, { "fitUnderlineToContent": "fitUnderlineToContent"; }, {}, never, never, true, never>;
+}
+export interface _ActiveTabUnderlinePositioner {
+    (element: HTMLElement): {
+        left: string;
+        width: string;
+    };
+}
+export declare function _MAT_INK_BAR_POSITIONER_FACTORY(): _ActiveTabUnderlinePositioner;
+export declare const _MAT_INK_BAR_POSITIONER: InjectionToken<_ActiveTabUnderlinePositioner>;

package/lib/components/tabs/utils/index.d.ts

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

package/lib/components/tabs/utils/paginated-tab-header.directive.d.ts

@@ -0,0 +1,79 @@
+import { FocusableOption } from '@angular/cdk/a11y';
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { ViewportRuler } from '@angular/cdk/scrolling';
+import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
+import { NgClassType, TypedQueryList } from '@ethlete/core';
+import { Subject } from 'rxjs';
+import { ScrollableComponent } from '../../scrollable';
+import * as i0 from "@angular/core";
+export type TabPaginationScrollDirection = 'after' | 'before';
+export type PaginatedTabHeaderItem = FocusableOption & {
+    elementRef: ElementRef;
+};
+export declare abstract class PaginatedTabHeaderDirective implements AfterContentChecked, AfterContentInit, OnDestroy {
+    protected _elementRef: ElementRef<HTMLElement>;
+    protected _cdr: ChangeDetectorRef;
+    private _viewportRuler;
+    private _dir;
+    private _ngZone;
+    abstract _items: TypedQueryList<PaginatedTabHeaderItem>;
+    abstract _scrollable: ScrollableComponent;
+    abstract _activeTabUnderlineManager?: {
+        hide: () => void;
+        alignToElement: (element: HTMLElement) => void;
+    };
+    private _scrollDistance;
+    private _selectedIndexChanged;
+    protected readonly _destroy$: Subject<void>;
+    _tabLabelCount: number;
+    private _scrollDistanceChanged;
+    private _keyManager;
+    private _currentTextContent;
+    private _stopScrolling;
+    get selectedIndex(): number;
+    set selectedIndex(value: NumberInput);
+    private _selectedIndex;
+    itemSize: 'auto' | 'same';
+    scrollableClass?: NgClassType;
+    get renderMasks(): boolean;
+    set renderMasks(value: BooleanInput);
+    private _renderMasks;
+    get renderButtons(): boolean;
+    set renderButtons(value: BooleanInput);
+    private _renderButtons;
+    get renderScrollbars(): boolean;
+    set renderScrollbars(value: BooleanInput);
+    private _renderScrollbars;
+    readonly selectFocusedIndex: EventEmitter<number>;
+    readonly indexFocused: EventEmitter<number>;
+    constructor(_elementRef: ElementRef<HTMLElement>, _cdr: ChangeDetectorRef, _viewportRuler: ViewportRuler, _dir: Directionality, _ngZone: NgZone);
+    protected abstract _itemSelected(event: KeyboardEvent): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    ngOnDestroy(): void;
+    _handleKeydown(event: KeyboardEvent): void;
+    _onContentChanges(): void;
+    updatePagination(): void;
+    get focusIndex(): number;
+    set focusIndex(value: number);
+    _isValidIndex(index: number): boolean;
+    _setTabFocus(tabIndex: number): void;
+    _getLayoutDirection(): Direction;
+    _updateTabScrollPosition(): void;
+    get scrollDistance(): number;
+    set scrollDistance(value: number);
+    _scrollHeader(direction: TabPaginationScrollDirection): {
+        maxScrollDistance: number;
+        distance: number;
+    };
+    _handlePaginatorClick(direction: TabPaginationScrollDirection): void;
+    _scrollToLabel(labelIndex: number): void;
+    _getMaxScrollDistance(): number;
+    _alignInkBarToSelectedTab(): void;
+    _stopInterval(): void;
+    _handlePaginatorPress(direction: TabPaginationScrollDirection, mouseEvent?: MouseEvent): void;
+    private _scrollTo;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatedTabHeaderDirective, [null, null, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PaginatedTabHeaderDirective, never, never, { "selectedIndex": "selectedIndex"; "itemSize": "itemSize"; "scrollableClass": "scrollableClass"; "renderMasks": "renderMasks"; "renderButtons": "renderButtons"; "renderScrollbars": "renderScrollbars"; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, never, never, false, never>;
+}

package/lib/components/tabs/utils/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './active-tab-underline.util';
+export * from './paginated-tab-header.directive';

package/lib/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './components/public-api';
+export * from './services/public-api';
+export * from './types/public-api';

package/lib/services/index.d.ts

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

package/lib/services/public-api.d.ts

@@ -0,0 +1 @@
+export * from './swipe-handler.service';

package/lib/services/swipe-handler.service.d.ts

@@ -0,0 +1,12 @@
+import { SwipeEnd, SwipeHandler } from '../types';
+import * as i0 from "@angular/core";
+export declare class SwipeHandlerService {
+    private _handlerMap;
+    startSwipe(event: TouchEvent): number;
+    updateSwipe(handlerId: number, event: TouchEvent): SwipeHandler;
+    endSwipe(handlerId: number): SwipeEnd;
+    cancelSwipe(handlerId: number): void;
+    private _getSwipeHandler;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwipeHandlerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SwipeHandlerService>;
+}

package/lib/types/index.d.ts

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

package/lib/types/public-api.d.ts

@@ -0,0 +1 @@
+export * from './swipe.types';

package/lib/types/swipe.types.d.ts

@@ -0,0 +1,19 @@
+export interface SwipeEnd {
+    pixelPerSecondX: number;
+    pixelPerSecondY: number;
+    movementX: number;
+    movementY: number;
+    originClientX: number;
+    originClientY: number;
+}
+export interface SwipeHandler {
+    originClientX: number;
+    originClientY: number;
+    timestamp: number;
+    movementX: number;
+    movementY: number;
+    positiveMovementX: number;
+    positiveMovementY: number;
+    isScrolling: boolean;
+    isSwiping: boolean;
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@ethlete/cdk",
+  "version": "2.3.1",
+  "exports": {
+    ".": {
+      "css": "./src/lib/styles/index.css",
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ethlete-cdk.mjs",
+      "es2020": "./fesm2020/ethlete-cdk.mjs",
+      "es2015": "./fesm2015/ethlete-cdk.mjs",
+      "node": "./fesm2015/ethlete-cdk.mjs",
+      "default": "./fesm2020/ethlete-cdk.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.5.0"
+  },
+  "peerDependencies": {
+    "@angular/common": "^15.2.1",
+    "@angular/core": "^15.2.1",
+    "@angular/cdk": "15.2.7",
+    "@ethlete/core": "1.10.0",
+    "@angular/animations": "15.2.7",
+    "@ethlete/query": "3.0.1",
+    "@popperjs/core": "2.11.7"
+  },
+  "module": "fesm2015/ethlete-cdk.mjs",
+  "es2020": "fesm2020/ethlete-cdk.mjs",
+  "esm2020": "esm2020/ethlete-cdk.mjs",
+  "fesm2020": "fesm2020/ethlete-cdk.mjs",
+  "fesm2015": "fesm2015/ethlete-cdk.mjs",
+  "typings": "index.d.ts",
+  "sideEffects": false
+}

package/src/lib/styles/active-tab-underline.css

@@ -0,0 +1,50 @@
+:where(.et-active-tab-underline) {
+  --et-active-tab-underline-color: white;
+  --et-active-tab-underline-height: 3px;
+  --et-active-tab-underline-radius: 0;
+  --et-active-tab-underline-transition-duration: 150ms;
+  --et-active-tab-underline-transition-timing-function: var(--ease-out-3);
+}
+
+.et-active-tab-underline {
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.et-active-tab-underline__content {
+  transform-origin: left;
+  opacity: 0;
+}
+
+.et-active-tab-underline__content--underline {
+  align-self: flex-end;
+  box-sizing: border-box;
+  width: 100%;
+  border-top: var(--et-active-tab-underline-height) solid var(--et-active-tab-underline-color);
+}
+
+.et-active-tab-underline--active .et-active-tab-underline__content {
+  opacity: 1;
+}
+
+.et-active-tab-underline .et-active-tab-underline__content {
+  transition: var(--et-active-tab-underline-transition-duration) transform
+    var(--et-active-tab-underline-transition-timing-function);
+}
+
+.et-active-tab-underline--no-transition .et-active-tab-underline__content {
+  transition: none;
+}
+
+.et-nav-tab-link,
+.et-inline-tab-label-wrapper,
+.et-tab-content {
+  position: relative;
+}

package/src/lib/styles/cdk.css

@@ -0,0 +1,11 @@
+@import '@angular/cdk/a11y-prebuilt.css';
+@import '@angular/cdk/overlay-prebuilt.css';
+@import '@angular/cdk/text-field-prebuilt.css';
+
+.cdk-overlay-pane {
+  display: grid;
+}
+
+.et-force-invisible {
+  opacity: 0 !important;
+}

package/src/lib/styles/easing.css

@@ -0,0 +1,40 @@
+/**  
+* Stolen from https://github.com/argyleink/open-props
+*/
+:where(html) {
+  --ease-1: cubic-bezier(0.25, 0, 0.5, 1);
+  --ease-2: cubic-bezier(0.25, 0, 0.4, 1);
+  --ease-3: cubic-bezier(0.25, 0, 0.3, 1);
+  --ease-4: cubic-bezier(0.25, 0, 0.2, 1);
+  --ease-5: cubic-bezier(0.25, 0, 0.1, 1);
+  --ease-in-1: cubic-bezier(0.25, 0, 1, 1);
+  --ease-in-2: cubic-bezier(0.5, 0, 1, 1);
+  --ease-in-3: cubic-bezier(0.7, 0, 1, 1);
+  --ease-in-4: cubic-bezier(0.9, 0, 1, 1);
+  --ease-in-5: cubic-bezier(1, 0, 1, 1);
+  --ease-out-1: cubic-bezier(0, 0, 0.75, 1);
+  --ease-out-2: cubic-bezier(0, 0, 0.5, 1);
+  --ease-out-3: cubic-bezier(0, 0, 0.3, 1);
+  --ease-out-4: cubic-bezier(0, 0, 0.1, 1);
+  --ease-out-5: cubic-bezier(0, 0, 0, 1);
+  --ease-in-out-1: cubic-bezier(0.1, 0, 0.9, 1);
+  --ease-in-out-2: cubic-bezier(0.3, 0, 0.7, 1);
+  --ease-in-out-3: cubic-bezier(0.5, 0, 0.5, 1);
+  --ease-in-out-4: cubic-bezier(0.7, 0, 0.3, 1);
+  --ease-in-out-5: cubic-bezier(0.9, 0, 0.1, 1);
+  --ease-elastic-1: cubic-bezier(0.5, 0.75, 0.75, 1.25);
+  --ease-elastic-2: cubic-bezier(0.5, 1, 0.75, 1.25);
+  --ease-elastic-3: cubic-bezier(0.5, 1.25, 0.75, 1.25);
+  --ease-elastic-4: cubic-bezier(0.5, 1.5, 0.75, 1.25);
+  --ease-elastic-5: cubic-bezier(0.5, 1.75, 0.75, 1.25);
+  --ease-squish-1: cubic-bezier(0.5, -0.1, 0.1, 1.5);
+  --ease-squish-2: cubic-bezier(0.5, -0.3, 0.1, 1.5);
+  --ease-squish-3: cubic-bezier(0.5, -0.5, 0.1, 1.5);
+  --ease-squish-4: cubic-bezier(0.5, -0.7, 0.1, 1.5);
+  --ease-squish-5: cubic-bezier(0.5, -0.9, 0.1, 1.5);
+  --ease-step-1: steps(2);
+  --ease-step-2: steps(3);
+  --ease-step-3: steps(4);
+  --ease-step-4: steps(7);
+  --ease-step-5: steps(10);
+}

package/src/lib/styles/index.css

@@ -0,0 +1,3 @@
+@import './cdk.css';
+@import './easing.css';
+@import './active-tab-underline.css';