@lion/ui 0.0.1 → 0.0.2
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/components/drawer/src/LionDrawer.js +217 -0
- package/components/drawer/src/drawerStyle.js +59 -0
- package/components/drawer/test/lion-drawer.test.js +109 -0
- package/custom-elements.json +743 -0
- package/dist-types/components/drawer/src/LionDrawer.d.ts +67 -0
- package/dist-types/components/drawer/src/LionDrawer.d.ts.map +1 -0
- package/dist-types/components/drawer/src/drawerStyle.d.ts +2 -0
- package/dist-types/components/drawer/src/drawerStyle.d.ts.map +1 -0
- package/dist-types/components/drawer/test/lion-drawer.test.d.ts +3 -0
- package/dist-types/components/drawer/test/lion-drawer.test.d.ts.map +1 -0
- package/dist-types/exports/define/lion-drawer.d.ts +2 -0
- package/dist-types/exports/define/lion-drawer.d.ts.map +1 -0
- package/dist-types/exports/drawer.d.ts +2 -0
- package/dist-types/exports/drawer.d.ts.map +1 -0
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/exports/define/lion-drawer.js +3 -0
- package/exports/drawer.js +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
export class LionDrawer extends LionCollapsible {
|
|
2
|
+
static get properties(): {
|
|
3
|
+
transitioning: {
|
|
4
|
+
type: BooleanConstructor;
|
|
5
|
+
reflect: boolean;
|
|
6
|
+
};
|
|
7
|
+
opened: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
reflect: boolean;
|
|
10
|
+
};
|
|
11
|
+
position: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
reflect: boolean;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
/** @private */
|
|
17
|
+
private __toggle;
|
|
18
|
+
/**
|
|
19
|
+
* Setter for position property, available values are 'top', 'left' and 'right'
|
|
20
|
+
* @param {String} position
|
|
21
|
+
*/
|
|
22
|
+
set position(arg: string);
|
|
23
|
+
get position(): string;
|
|
24
|
+
__setBoundaries(): void;
|
|
25
|
+
minHeight: string | undefined;
|
|
26
|
+
maxHeight: string | undefined;
|
|
27
|
+
minWidth: string | undefined;
|
|
28
|
+
maxWidth: string | undefined;
|
|
29
|
+
_position: string | undefined;
|
|
30
|
+
/**
|
|
31
|
+
* Trigger show animation and wait for transition to be finished.
|
|
32
|
+
* @param {Object} options - element node and its options
|
|
33
|
+
* @param {HTMLElement} options.contentNode
|
|
34
|
+
* @override
|
|
35
|
+
*/
|
|
36
|
+
override _showAnimation({ contentNode }: {
|
|
37
|
+
contentNode: HTMLElement;
|
|
38
|
+
}): Promise<void>;
|
|
39
|
+
/**
|
|
40
|
+
* Trigger hide animation and wait for transition to be finished.
|
|
41
|
+
* @param {Object} options - element node and its options
|
|
42
|
+
* @param {HTMLElement} options.contentNode
|
|
43
|
+
* @override
|
|
44
|
+
*/
|
|
45
|
+
override _hideAnimation({ contentNode }: {
|
|
46
|
+
contentNode: HTMLElement;
|
|
47
|
+
}): Promise<void>;
|
|
48
|
+
/**
|
|
49
|
+
* Wait until the transition event is finished.
|
|
50
|
+
* @param {Object} options - element node and its options
|
|
51
|
+
* @param {HTMLElement} options.contentNode
|
|
52
|
+
* @returns {Promise<void>} transition event
|
|
53
|
+
*/
|
|
54
|
+
_waitForTransition({ contentNode }: {
|
|
55
|
+
contentNode: HTMLElement;
|
|
56
|
+
}): Promise<void>;
|
|
57
|
+
transitioning: boolean | undefined;
|
|
58
|
+
/**
|
|
59
|
+
* @protected
|
|
60
|
+
*/
|
|
61
|
+
protected get __contentNode(): HTMLElement;
|
|
62
|
+
get _contentWidth(): string;
|
|
63
|
+
_openedChanged(): void;
|
|
64
|
+
_updateContentSize(): Promise<void>;
|
|
65
|
+
}
|
|
66
|
+
import { LionCollapsible } from "../../../exports/collapsible.js";
|
|
67
|
+
//# sourceMappingURL=LionDrawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LionDrawer.d.ts","sourceRoot":"","sources":["../../../../components/drawer/src/LionDrawer.js"],"names":[],"mappings":"AASA;IACE;;;;;;;;;;;;;MAeC;IAKC,eAAe;IACf,iBAEC;IAuDH;;;OAGG;IACH,0BAOC;IAED,uBAEC;IAvCD,wBAsBC;IAlBG,8BAAuF;IACvF,8BAAuF;IACvF,6BAAqB;IACrB,6BAAsB;IAuBxB,8BAAyB;IAW3B;;;;;OAKG;IACH;QAHgC,WAAW,EAAhC,WAAW;sBAYrB;IAED;;;;;OAKG;IACH;QAHgC,WAAW,EAAhC,WAAW;sBAiBrB;IAED;;;;;OAKG;IACH;QAHgC,WAAW,EAAhC,WAAW;QACT,QAAQ,IAAI,CAAC,CAiBzB;IAXK,mCAAyB;IAa/B;;OAEG;IACH,2CAEC;IAED,4BAGC;IAOD,uBAOC;IAED,oCAQC;CAeF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawerStyle.d.ts","sourceRoot":"","sources":["../../../../components/drawer/src/drawerStyle.js"],"names":[],"mappings":"AAEA,kDAwDE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-drawer.test.d.ts","sourceRoot":"","sources":["../../../../components/drawer/test/lion-drawer.test.js"],"names":[],"mappings":"yBAKa,OAAO,sBAAsB,EAAE,UAAU;6BACzC,OAAO,KAAK,EAAE,cAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-drawer.d.ts","sourceRoot":"","sources":["../../../exports/define/lion-drawer.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../exports/drawer.js"],"names":[],"mappings":""}
|