@rxdi/ui-kit 0.7.135 → 0.7.137
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/animation/interface.d.ts +4 -4
- package/button/button.component.d.ts +1 -1
- package/component/index.d.ts +7 -7
- package/dropdown/dropdown.component.js +1 -1
- package/dropdown/dropdown.component.js.map +1 -1
- package/loading/loading.component.d.ts +1 -1
- package/modal/modal.service.js +2 -2
- package/operators/operators.d.ts +1 -1
- package/package.json +1 -1
- package/settings/index.d.ts +3 -3
- package/styles/animations.d.ts +1 -1
package/animation/interface.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AnimeInstance, AnimeTimelineInstance, StaggerOptions, DirectionOptions, AnimeCallBack, EasingOptions } from 'animejs';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
|
|
2
|
+
export type AnimeTarget = string | object | HTMLElement | SVGElement | NodeList | null;
|
|
3
|
+
export type FunctionBasedParameter = (element: HTMLElement, index: number, length: number) => number;
|
|
4
|
+
type CustomEasingFunction = (el: HTMLElement, index: number, length: number) => ((time: number) => number);
|
|
5
5
|
interface AnimeInstanceParams extends AnimeCallBack {
|
|
6
6
|
loop?: number | boolean;
|
|
7
7
|
autoplay?: boolean;
|
|
@@ -27,7 +27,7 @@ export interface AnimationOptions {
|
|
|
27
27
|
timeline(params?: AnimationParams | ReadonlyArray<AnimeInstance>): AnimeTimelineInstance;
|
|
28
28
|
random(min: number, max: number): number;
|
|
29
29
|
}
|
|
30
|
-
export
|
|
30
|
+
export type Overflow = 'auto' | 'hidden' | 'inherit' | 'initial' | 'scroll' | 'unset' | 'visible' | '-moz-hidden-unscrollable';
|
|
31
31
|
export interface AnimationParams extends AnimeInstanceParams, AnimeAnimParams {
|
|
32
32
|
trigger?: keyof GlobalEventHandlersEventMap;
|
|
33
33
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LitElement } from '@rxdi/lit-html';
|
|
2
2
|
import { PalettesUnion } from '../settings';
|
|
3
|
-
|
|
3
|
+
type InputType = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password' | 'datetime' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'checkbox' | 'radio' | 'file' | 'submit' | 'image' | 'reset' | 'button';
|
|
4
4
|
/**
|
|
5
5
|
* @customElement rx-button
|
|
6
6
|
*/
|
package/component/index.d.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { CustomElementConfig, LitElement, TemplateResult } from '@rxdi/lit-html';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
3
|
import '../graph/graph.component';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type Without<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
5
|
+
export type Injection = {
|
|
6
6
|
has: <T>(d: T) => boolean;
|
|
7
7
|
get: <T>(d: T) => T;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
10
|
-
export
|
|
9
|
+
export type Constructor<T = {}> = new (...args: any[]) => T;
|
|
10
|
+
export type InstanceTypes<T> = {
|
|
11
11
|
[P in keyof T]: T[P] extends Constructor<infer U> ? U : never;
|
|
12
12
|
};
|
|
13
13
|
export declare const DefineDependencies: <T extends Constructor<{}>[]>(...deps: T) => (injection: Injection) => InstanceTypes<T>;
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
14
|
+
export type StateToRender<S, D, K extends LitElement> = (this: K, deps: D) => Observable<S> | S | Promise<S>;
|
|
15
|
+
export type RenderResult<S, D, K extends LitElement> = (deps: D) => (this: K, state: S, setState: (s: S) => void) => TemplateResult | string | number | unknown;
|
|
16
|
+
export type Options = Without<CustomElementConfig<never>, 'template'>;
|
|
17
17
|
export declare const Compose: <S, D = [], K extends LitElement = LitElement>(options?: Options) => (deps?: D) => (state: StateToRender<S, D, K>) => (render: RenderResult<S, D, K>) => <K_1 extends new (...args: any[]) => {}>(Base: K_1) => {
|
|
18
18
|
new (...args: any[]): {
|
|
19
19
|
getTemplateResult(): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.component.js","sourceRoot":"","sources":["../../src/dropdown/dropdown.component.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAsF;AACtF,+BAA6C;AAC7C,8CAAwC;AACxC,0CAA4C;AAC5C;;GAEG;AAmFI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,qBAAU;IAA1C;;QACwB,aAAQ,GAAG,KAAK,CAAC;QAClB,YAAO,GAAkB,SAAS,CAAC;QACnC,eAAU,GAAG,GAAG,CAAC;QAClB,cAAS,GAAG,EAAE,CAAC;QACd,oBAAe,GAAG,IAAA,eAAI,EAAA;;;;GAIjD,CAAC;QAEM,eAAU,GAAsB,IAAA,gBAAS,EAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CACvE,IAAA,kBAAM,EAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAC5B,CAAC;IAYJ,CAAC;IAVC,MAAM;QACJ,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAC5D,CAAC;IACJ,CAAC;CACF,CAAA;AAxBC;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;mDAAkB;AAC9C;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAoC;AAC/D;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAkB;AAC7C;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;oDAAgB;AAC1C;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0DAIzB;AATS,iBAAiB;IAlF7B,IAAA,oBAAS,EAAC;QACT,QAAQ,EAAE,aAAa;QACvB,KAAK,EAAE,IAAA,cAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCT;QACD,QAAQ;YACN,OAAO,IAAA,eAAI,EAAA;;;oCAGqB,IAAI,CAAC,OAAO;;;yBAGvB,IAAI,CAAC,OAAO;;;oCAGD,IAAI,CAAC,OAAO;;;;;sBAK1B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;sBAC3B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;+CAEH,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE;;;UAGnE,IAAI,CAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"dropdown.component.js","sourceRoot":"","sources":["../../src/dropdown/dropdown.component.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAsF;AACtF,+BAA6C;AAC7C,8CAAwC;AACxC,0CAA4C;AAC5C;;GAEG;AAmFI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,qBAAU;IAA1C;;QACwB,aAAQ,GAAG,KAAK,CAAC;QAClB,YAAO,GAAkB,SAAS,CAAC;QACnC,eAAU,GAAG,GAAG,CAAC;QAClB,cAAS,GAAG,EAAE,CAAC;QACd,oBAAe,GAAG,IAAA,eAAI,EAAA;;;;GAIjD,CAAC;QAEM,eAAU,GAAsB,IAAA,gBAAS,EAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CACvE,IAAA,kBAAM,EAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAC5B,CAAC;IAYJ,CAAC;IAVC,MAAM;QACJ,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAC5D,CAAC;IACJ,CAAC;CACF,CAAA;AAxBC;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;mDAAkB;AAC9C;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAoC;AAC/D;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAkB;AAC7C;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;oDAAgB;AAC1C;IAAC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0DAIzB;AATS,iBAAiB;IAlF7B,IAAA,oBAAS,EAAC;QACT,QAAQ,EAAE,aAAa;QACvB,KAAK,EAAE,IAAA,cAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCT;QACD,QAAQ;YACN,OAAO,IAAA,eAAI,EAAA;;;oCAGqB,IAAI,CAAC,OAAO;;;yBAGvB,IAAI,CAAC,OAAO;;;oCAGD,IAAI,CAAC,OAAO;;;;;sBAK1B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;sBAC3B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;+CAEH,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE;;;UAGnE,IAAI,CAAC,QAAQ;gBACf,CAAC,CAAC,IAAA,eAAI,EAAA;yDAC2C,IAAA,mBAAQ,EAAC,EAAE,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;;kBAEnF,IAAI,CAAC,SAAS,CAAC,GAAG,CAC1B,CAAC,CAAC,EAAE,CACF,IAAA,eAAI,EAAA;wBACQ,CAAC;qBACJ,CACZ;;;aAGI;gBACL,CAAC,CAAC,EAAE;;KAEP,CAAC;QACJ,CAAC;KACF,CAAC;GACW,iBAAiB,CAyB7B;AAzBY,8CAAiB"}
|
package/modal/modal.service.js
CHANGED
|
@@ -71,12 +71,12 @@ let ModalService = class ModalService {
|
|
|
71
71
|
pointer-events: none;
|
|
72
72
|
width: 100%;
|
|
73
73
|
height: 100%;
|
|
74
|
-
z-index:
|
|
74
|
+
z-index: 200;
|
|
75
75
|
}
|
|
76
76
|
.content {
|
|
77
77
|
width: 100%;
|
|
78
78
|
height: 100%;
|
|
79
|
-
z-index:
|
|
79
|
+
z-index: 201;
|
|
80
80
|
position: fixed;
|
|
81
81
|
pointer-events: all;
|
|
82
82
|
}
|
package/operators/operators.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type Operators = 'rx-let' | 'rx-for';
|
package/package.json
CHANGED
package/settings/index.d.ts
CHANGED
|
@@ -7,8 +7,8 @@ export declare const PalettesUnion: {
|
|
|
7
7
|
secondary: "secondary";
|
|
8
8
|
danger: "danger";
|
|
9
9
|
};
|
|
10
|
-
export
|
|
11
|
-
export
|
|
10
|
+
export type PalettesUnion = keyof typeof PalettesUnion;
|
|
11
|
+
export type Palettes = {
|
|
12
12
|
[key in PalettesUnion]?: CSSResult;
|
|
13
13
|
};
|
|
14
14
|
export declare const Palettes = "palettes";
|
|
@@ -20,4 +20,4 @@ export declare const Styles: {
|
|
|
20
20
|
images: "images";
|
|
21
21
|
transitions: "transitions";
|
|
22
22
|
};
|
|
23
|
-
export
|
|
23
|
+
export type Styles = keyof typeof Styles;
|
package/styles/animations.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Observable } from 'rxjs';
|
|
2
2
|
export declare const Animations: import("@rxdi/lit-html").CSSResult;
|
|
3
|
-
export
|
|
3
|
+
export type AnimationsType = 'slideOutDown' | 'slideOutLeft' | 'slideOutRight' | 'slideOutUp' | 'slideInUp' | 'slideInRight' | 'slideInLeft' | 'slideInDown' | 'zoomOutUp' | 'zoomOutRight' | 'zoomOutLeft' | 'zoomOutDown' | 'zoomOut' | 'zoomInUp' | 'zoomInRight' | 'zoomInLeft' | 'zoomInDown' | 'zoomIn' | 'rollOut' | 'rollIn' | 'jackInTheBox' | 'hinge' | 'rotateOutUpRight' | 'rotateOutUpLeft' | 'rotateOutDownRight' | 'rotateOutDownLeft' | 'rotateOut' | 'rotateInUpRight' | 'rotateInUpLeft' | 'rotateInDownRight' | 'rotateInDownLeft' | 'rotateIn' | 'lightSpeedOut' | 'lightSpeedIn' | 'flipOutY' | 'flipOutX' | 'flipInY' | 'flipInX' | 'flip' | 'fadeOutUpBig' | 'fadeOutUp' | 'fadeOutRightBig' | 'fadeOutRight' | 'fadeOutLeftBig' | 'fadeOutLeft' | 'fadeOutDownBig' | 'fadeOutDown' | 'fadeOut' | 'fadeInUpBig' | 'fadeInUp' | 'fadeInRightBig' | 'fadeInRight' | 'fadeInLeftBig' | 'fadeInLeft' | 'fadeInDownBig' | 'fadeInDown' | 'fadeIn' | 'bounceOutUp' | 'bounceOutRight' | 'bounceOutLeft' | 'bounceOutDown' | 'bounceOut' | 'bounceInUp' | 'bounceInRight' | 'bounceInLeft' | 'bounceInDown' | 'bounceIn' | 'heartBeat' | 'jello' | 'wobble' | 'tada' | 'swing' | 'headShake' | 'shake' | 'rubberBand' | 'pulse' | 'flash' | 'bounce';
|
|
4
4
|
export declare function animateElement(node: HTMLElement, animationName: AnimationsType, duration?: string): Observable<unknown>;
|
|
5
5
|
export declare function animateChain(element: HTMLElement, animations: AnimationsType[]): Observable<unknown>;
|