@angelscmf/front 1.0.27 → 1.0.29
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/dist/AngelsCore.cjs +44 -1
- package/dist/AngelsCore.cjs.map +1 -1
- package/dist/AngelsCore.js +44 -1
- package/dist/AngelsCore.js.map +1 -1
- package/dist/AngelsElement.cjs +67 -0
- package/dist/AngelsElement.cjs.map +1 -0
- package/dist/AngelsElement.d.cts +11 -0
- package/dist/AngelsElement.d.ts +11 -0
- package/dist/AngelsElement.js +42 -0
- package/dist/AngelsElement.js.map +1 -0
- package/dist/AngelsFrontAnimationLibrary.cjs +83 -35
- package/dist/AngelsFrontAnimationLibrary.cjs.map +1 -1
- package/dist/AngelsFrontAnimationLibrary.d.cts +4 -4
- package/dist/AngelsFrontAnimationLibrary.d.ts +4 -4
- package/dist/AngelsFrontAnimationLibrary.js +80 -32
- package/dist/AngelsFrontAnimationLibrary.js.map +1 -1
- package/dist/AngelsFrontDOMLibrary.cjs +85 -6
- package/dist/AngelsFrontDOMLibrary.cjs.map +1 -1
- package/dist/AngelsFrontDOMLibrary.d.cts +8 -2
- package/dist/AngelsFrontDOMLibrary.d.ts +8 -2
- package/dist/AngelsFrontDOMLibrary.js +78 -5
- package/dist/AngelsFrontDOMLibrary.js.map +1 -1
- package/dist/{AngelsFrontLibrary.cjs → AngelsFrontLoader.cjs} +103 -30
- package/dist/AngelsFrontLoader.cjs.map +1 -0
- package/dist/{AngelsFrontLibrary.js → AngelsFrontLoader.js} +103 -30
- package/dist/AngelsFrontLoader.js.map +1 -0
- package/package.json +1 -1
- package/sass/AngelsDesign.scss +2 -0
- package/sass/_AngelsScreenRanges.scss +82 -6
- package/sass/angelsMessages/_AngelsAlert.scss +20 -10
- package/sass/angelsMessages/_AngelsDebug.scss +15 -10
- package/sass/angelsMessages/_AngelsDone.scss +15 -10
- package/sass/angelsMessages/_AngelsError.scss +15 -10
- package/sass/angelsMessages/_AngelsInfo.scss +15 -10
- package/sass/angelsMessages/_AngelsTip.scss +15 -10
- package/sass/angelsMessages/_AngelsWarn.scss +15 -10
- package/sass/angelsTags/_a-state.scss +10 -0
- package/sass/angelsTags/_a-table.scss +59 -0
- package/dist/AngelsFrontLibrary.cjs.map +0 -1
- package/dist/AngelsFrontLibrary.js.map +0 -1
- /package/dist/{AngelsFrontLibrary.d.cts → AngelsFrontLoader.d.cts} +0 -0
- /package/dist/{AngelsFrontLibrary.d.ts → AngelsFrontLoader.d.ts} +0 -0
|
@@ -6,34 +6,44 @@
|
|
|
6
6
|
--a-alert-color: #d90429;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
a-alert {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
a-alert,
|
|
10
14
|
div.a-alert,
|
|
11
|
-
p.a-alert
|
|
12
|
-
|
|
15
|
+
p.a-alert,
|
|
16
|
+
unknown {
|
|
17
|
+
border-left: 4px solid var(--a-alert-borderColor);
|
|
18
|
+
border-radius: var(--a-borderRadius);
|
|
13
19
|
padding: var(--a-alert-space);
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
a-brick.a-alert,
|
|
17
23
|
a.a-alert,
|
|
18
|
-
span.a-alert
|
|
19
|
-
|
|
24
|
+
span.a-alert,
|
|
25
|
+
unknown {
|
|
26
|
+
border-radius: var(--a-borderRadius);
|
|
27
|
+
padding-left: var(--a-alert-spaceHalf);
|
|
28
|
+
padding-right: var(--a-alert-spaceHalf);
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
ul.a-alert {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
padding-bottom: var(--a-alert-space);
|
|
32
|
+
border-radius: var(--a-borderRadius);
|
|
33
|
+
border-left: 4px solid var(--a-alert-borderColor);
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
a-alert,
|
|
29
37
|
.a-alert {
|
|
30
38
|
background: var(--a-alert-background);
|
|
31
|
-
border-left: 4px solid var(--a-alert-borderColor);
|
|
32
39
|
color: var(--a-alert-color);
|
|
33
|
-
border-radius: var(--a-borderRadius);
|
|
34
|
-
position: relative;
|
|
35
40
|
|
|
36
41
|
&:empty {
|
|
37
42
|
display: none;
|
|
38
43
|
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
a-table.a-alert,
|
|
47
|
+
.a-table.a-alert {
|
|
48
|
+
--a-table-backgroundColor: var(--a-alert-background)
|
|
39
49
|
}
|
|
@@ -6,32 +6,37 @@
|
|
|
6
6
|
--a-debug-color: #443c78;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
a-debug {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
a-debug,
|
|
10
14
|
div.a-debug,
|
|
11
|
-
p.a-debug
|
|
12
|
-
|
|
15
|
+
p.a-debug,
|
|
16
|
+
unknown {
|
|
17
|
+
border-left: 4px solid var(--a-debug-borderColor);
|
|
18
|
+
border-radius: var(--a-borderRadius);
|
|
13
19
|
padding: var(--a-debug-space);
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
a-brick.a-debug,
|
|
17
23
|
a.a-debug,
|
|
18
|
-
span.a-debug
|
|
19
|
-
|
|
24
|
+
span.a-debug,
|
|
25
|
+
unknown {
|
|
26
|
+
border-radius: var(--a-borderRadius);
|
|
27
|
+
padding-left: var(--a-debug-spaceHalf);
|
|
28
|
+
padding-right: var(--a-debug-spaceHalf);
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
ul.a-debug {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
padding-bottom: var(--a-debug-space);
|
|
32
|
+
border-radius: var(--a-borderRadius);
|
|
33
|
+
border-left: 4px solid var(--a-debug-borderColor);
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
a-debug,
|
|
29
37
|
.a-debug {
|
|
30
38
|
background: var(--a-debug-background);
|
|
31
|
-
border-left: 4px solid var(--a-debug-borderColor);
|
|
32
39
|
color: var(--a-debug-color);
|
|
33
|
-
border-radius: var(--a-borderRadius);
|
|
34
|
-
position: relative;
|
|
35
40
|
|
|
36
41
|
&:empty {
|
|
37
42
|
display: none;
|
|
@@ -6,32 +6,37 @@
|
|
|
6
6
|
--a-done-color: #1b7944;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
a-done {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
a-done,
|
|
10
14
|
div.a-done,
|
|
11
|
-
p.a-done
|
|
12
|
-
|
|
15
|
+
p.a-done,
|
|
16
|
+
unknown {
|
|
17
|
+
border-left: 4px solid var(--a-done-borderColor);
|
|
18
|
+
border-radius: var(--a-borderRadius);
|
|
13
19
|
padding: var(--a-done-space);
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
a-brick.a-done,
|
|
17
23
|
a.a-done,
|
|
18
|
-
span.a-done
|
|
19
|
-
|
|
24
|
+
span.a-done,
|
|
25
|
+
unknown {
|
|
26
|
+
border-radius: var(--a-borderRadius);
|
|
27
|
+
padding-left: var(--a-done-spaceHalf);
|
|
28
|
+
padding-right: var(--a-done-spaceHalf);
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
ul.a-done {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
padding-bottom: var(--a-done-space);
|
|
32
|
+
border-radius: var(--a-borderRadius);
|
|
33
|
+
border-left: 4px solid var(--a-done-borderColor);
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
a-done,
|
|
29
37
|
.a-done {
|
|
30
38
|
background: var(--a-done-background);
|
|
31
|
-
border-left: 4px solid var(--a-done-borderColor);
|
|
32
39
|
color: var(--a-done-color);
|
|
33
|
-
border-radius: var(--a-borderRadius);
|
|
34
|
-
position: relative;
|
|
35
40
|
|
|
36
41
|
&:empty {
|
|
37
42
|
display: none;
|
|
@@ -6,32 +6,37 @@
|
|
|
6
6
|
--a-error-color: #c62828;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
a-error {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
a-error,
|
|
10
14
|
div.a-error,
|
|
11
|
-
p.a-error
|
|
12
|
-
|
|
15
|
+
p.a-error,
|
|
16
|
+
unknown {
|
|
17
|
+
border-left: 4px solid var(--a-error-borderColor);
|
|
18
|
+
border-radius: var(--a-borderRadius);
|
|
13
19
|
padding: var(--a-error-space);
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
a-brick.a-error,
|
|
17
23
|
a.a-error,
|
|
18
|
-
span.a-error
|
|
19
|
-
|
|
24
|
+
span.a-error,
|
|
25
|
+
unknown {
|
|
26
|
+
border-radius: var(--a-borderRadius);
|
|
27
|
+
padding-left: var(--a-error-spaceHalf);
|
|
28
|
+
padding-right: var(--a-error-spaceHalf);
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
ul.a-error {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
padding-bottom: var(--a-error-space);
|
|
32
|
+
border-radius: var(--a-borderRadius);
|
|
33
|
+
border-left: 4px solid var(--a-error-borderColor);
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
a-error,
|
|
29
37
|
.a-error {
|
|
30
38
|
background: var(--a-error-background);
|
|
31
|
-
border-left: 4px solid var(--a-error-borderColor);
|
|
32
39
|
color: var(--a-error-color);
|
|
33
|
-
border-radius: var(--a-borderRadius);
|
|
34
|
-
position: relative;
|
|
35
40
|
|
|
36
41
|
&:empty {
|
|
37
42
|
display: none;
|
|
@@ -6,32 +6,37 @@
|
|
|
6
6
|
--a-info-color: #1c5d99;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
a-info {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
a-info,
|
|
10
14
|
div.a-info,
|
|
11
|
-
p.a-info
|
|
12
|
-
|
|
15
|
+
p.a-info,
|
|
16
|
+
unknown {
|
|
17
|
+
border-left: 4px solid var(--a-info-borderColor);
|
|
18
|
+
border-radius: var(--a-borderRadius);
|
|
13
19
|
padding: var(--a-info-space);
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
a-brick.a-info,
|
|
17
23
|
a.a-info,
|
|
18
|
-
span.a-info
|
|
19
|
-
|
|
24
|
+
span.a-info,
|
|
25
|
+
unknown {
|
|
26
|
+
border-radius: var(--a-borderRadius);
|
|
27
|
+
padding-left: var(--a-info-spaceHalf);
|
|
28
|
+
padding-right: var(--a-info-spaceHalf);
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
ul.a-info {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
padding-bottom: var(--a-info-space);
|
|
32
|
+
border-radius: var(--a-borderRadius);
|
|
33
|
+
border-left: 4px solid var(--a-info-borderColor);
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
a-info,
|
|
29
37
|
.a-info {
|
|
30
38
|
background: var(--a-info-background);
|
|
31
|
-
border-left: 4px solid var(--a-info-borderColor);
|
|
32
39
|
color: var(--a-info-color);
|
|
33
|
-
border-radius: var(--a-borderRadius);
|
|
34
|
-
position: relative;
|
|
35
40
|
|
|
36
41
|
&:empty {
|
|
37
42
|
display: none;
|
|
@@ -6,32 +6,37 @@
|
|
|
6
6
|
--a-tip-color: #6c757d;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
a-tip {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
a-tip,
|
|
10
14
|
div.a-tip,
|
|
11
|
-
p.a-tip
|
|
12
|
-
|
|
15
|
+
p.a-tip,
|
|
16
|
+
unknown {
|
|
17
|
+
border-left: 4px solid var(--a-tip-borderColor);
|
|
18
|
+
border-radius: var(--a-borderRadius);
|
|
13
19
|
padding: var(--a-tip-space);
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
a-brick.a-tip,
|
|
17
23
|
a.a-tip,
|
|
18
|
-
span.a-tip
|
|
19
|
-
|
|
24
|
+
span.a-tip,
|
|
25
|
+
unknown {
|
|
26
|
+
border-radius: var(--a-borderRadius);
|
|
27
|
+
padding-left: var(--a-tip-spaceHalf);
|
|
28
|
+
padding-right: var(--a-tip-spaceHalf);
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
ul.a-tip {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
padding-bottom: var(--a-tip-space);
|
|
32
|
+
border-radius: var(--a-borderRadius);
|
|
33
|
+
border-left: 4px solid var(--a-tip-borderColor);
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
a-tip,
|
|
29
37
|
.a-tip {
|
|
30
38
|
background: var(--a-tip-background);
|
|
31
|
-
border-left: 4px solid var(--a-tip-borderColor);
|
|
32
39
|
color: var(--a-tip-color);
|
|
33
|
-
border-radius: var(--a-borderRadius);
|
|
34
|
-
position: relative;
|
|
35
40
|
|
|
36
41
|
&:empty {
|
|
37
42
|
display: none;
|
|
@@ -6,32 +6,37 @@
|
|
|
6
6
|
--a-warn-color: #8a6d1f;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
a-warn {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
a-warn,
|
|
10
14
|
div.a-warn,
|
|
11
|
-
p.a-warn
|
|
12
|
-
|
|
15
|
+
p.a-warn,
|
|
16
|
+
unknown {
|
|
17
|
+
border-left: 4px solid var(--a-warn-borderColor);
|
|
18
|
+
border-radius: var(--a-borderRadius);
|
|
13
19
|
padding: var(--a-warn-space);
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
a-brick.a-warn,
|
|
17
23
|
a.a-warn,
|
|
18
|
-
span.a-warn
|
|
19
|
-
|
|
24
|
+
span.a-warn,
|
|
25
|
+
unknown {
|
|
26
|
+
border-radius: var(--a-borderRadius);
|
|
27
|
+
padding-left: var(--a-warn-spaceHalf);
|
|
28
|
+
padding-right: var(--a-warn-spaceHalf);
|
|
20
29
|
}
|
|
21
30
|
|
|
22
31
|
ul.a-warn {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
padding-bottom: var(--a-warn-space);
|
|
32
|
+
border-radius: var(--a-borderRadius);
|
|
33
|
+
border-left: 4px solid var(--a-warn-borderColor);
|
|
26
34
|
}
|
|
27
35
|
|
|
28
36
|
a-warn,
|
|
29
37
|
.a-warn {
|
|
30
38
|
background: var(--a-warn-background);
|
|
31
|
-
border-left: 4px solid var(--a-warn-borderColor);
|
|
32
39
|
color: var(--a-warn-color);
|
|
33
|
-
border-radius: var(--a-borderRadius);
|
|
34
|
-
position: relative;
|
|
35
40
|
|
|
36
41
|
&:empty {
|
|
37
42
|
display: none;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--a-table-backgroundColor: var(--a-backgroundColor);
|
|
3
|
+
// --a-table-textColor: var(--a-textColor);
|
|
4
|
+
// --a-table-verticalGapColor: var(--a-backgroundColor);
|
|
5
|
+
// --a-table-verticalGapWidth: 1px;
|
|
6
|
+
// --a-table-verticalGapStyle: solid;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
a-table,
|
|
13
|
+
.a-table {
|
|
14
|
+
background: var(--a-table-backgroundColor);
|
|
15
|
+
display: table;
|
|
16
|
+
border: 5px solid blue;
|
|
17
|
+
border-collapse: collapse;
|
|
18
|
+
|
|
19
|
+
a-tcaption,
|
|
20
|
+
caption {
|
|
21
|
+
display: table-caption;
|
|
22
|
+
text-align: center;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
a-trow,
|
|
26
|
+
tr {
|
|
27
|
+
display: table-row;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
a-tcell,
|
|
31
|
+
td {
|
|
32
|
+
display: table-cell;
|
|
33
|
+
border: 5px solid blue;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// .a-table {
|
|
38
|
+
// color: var(--a-table-textColor);
|
|
39
|
+
// border-collapse: collapse;
|
|
40
|
+
// background-color: #eeeeee;
|
|
41
|
+
|
|
42
|
+
// td,
|
|
43
|
+
// th {
|
|
44
|
+
// padding: .3em .5em;
|
|
45
|
+
// }
|
|
46
|
+
|
|
47
|
+
// td+td,
|
|
48
|
+
// td+th,
|
|
49
|
+
// th+td,
|
|
50
|
+
// th+th {
|
|
51
|
+
// border-left: var(--a-table-verticalGapWidth) var(--a-table-verticalGapStyle) var(--a-table-verticalGapColor);
|
|
52
|
+
// }
|
|
53
|
+
|
|
54
|
+
// tr {
|
|
55
|
+
// &:nth-child(2n) {
|
|
56
|
+
// background-color: #e7e7e7;
|
|
57
|
+
// }
|
|
58
|
+
// }
|
|
59
|
+
// }
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n let element: THTMLElement;\n if (typeof selector === 'undefined') {\n throw Error(`Selector is undefined.`);\n } else if (selector === null) {\n throw Error(`Selector is null.`);\n } else if (typeof selector === 'string') {\n const findElement = document.querySelector<THTMLElement>(selector);\n if (!findElement) {\n throw Error(`Element not found by '${selector}' selector.`);\n }\n element = findElement;\n } else if (selector instanceof HTMLElement) {\n element = selector as THTMLElement;\n } else if (selector instanceof Element) {\n element = selector as THTMLElement;\n } else {\n element = selector;\n }\n return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n const innerElement = aLibRequireElement(originalElement);\n const promise = new Promise<void>((resolve) => {\n\n if (!innerElement.hidden) {\n resolve();\n return;\n }\n\n let timeout: NodeJS.Timeout | undefined;\n\n const animationHandler = () => {\n clearTimeout(timeout);\n innerElement.removeEventListener('animationend', animationHandler);\n resolve();\n }\n\n innerElement.hidden = false;\n\n const animations = innerElement.getAnimations();\n if (animations.length > 0) {\n timeout = setTimeout(() => {\n innerElement.removeEventListener('animationend', animationHandler);\n console.warn('Animation timeout');\n resolve();\n }, 5000); // 5 seconds timeout\n innerElement.addEventListener('animationend', animationHandler);\n } else {\n resolve();\n }\n });\n\n return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n const innerElement = aLibRequireElement(originalElement);\n if (switcher === undefined) {\n switcher = !innerElement.hidden;\n }\n if (switcher) {\n return await aLibShowElement(innerElement);\n } else {\n return await aLibHideElement(innerElement);\n }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n const innerElement = aLibRequireElement(originalElement);\n const promise = new Promise<void>((resolve) => {\n\n if (innerElement.hidden) {\n resolve();\n return;\n }\n\n let timeout: NodeJS.Timeout | undefined;\n\n const animationHandler = () => {\n clearTimeout(timeout);\n innerElement.removeEventListener('animationend', animationHandler);\n innerElement.hidden = true;\n innerElement.classList.remove('a-out-animation');\n resolve();\n }\n\n innerElement.classList.add('a-out-animation');\n\n const animations = innerElement.getAnimations();\n if (animations.length > 0) {\n timeout = setTimeout(() => {\n innerElement.removeEventListener('animationend', animationHandler);\n innerElement.hidden = true;\n innerElement.classList.remove('a-out-animation');\n console.warn('Animation timeout');\n resolve();\n }, 5000); // 5 seconds timeout\n innerElement.addEventListener('animationend', animationHandler);\n } else {\n innerElement.hidden = true;\n resolve();\n }\n });\n\n return promise;\n}\n","import { aLibHideElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontAnimationLibrary\";\nimport { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,CAAC,aAAa,QAAQ;AACtB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,SAAS;AAEtB,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC,WAAgC,QAAW;AAAA;AACpH,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAW;AACxB,iBAAW,CAAC,aAAa;AAAA,IAC7B;AACA,QAAI,UAAU;AACV,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,aAAa,QAAQ;AACrB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,UAAU,IAAI,iBAAiB;AAE5C,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,uBAAa,SAAS;AACtB,uBAAa,UAAU,OAAO,iBAAiB;AAC/C,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,qBAAa,SAAS;AACtB,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;;;ACpFA,OAAO,eAAe;AACtB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,iBAAiB;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AngelsFrontDOMLibrary.ts","../src/AngelsFrontAnimationLibrary.ts","../src/AngelsFrontLibrary.ts"],"sourcesContent":["export function aLibRequireElement<THTMLElement extends HTMLElement>(selector: AngelsSelectorType): THTMLElement {\n\n let element: THTMLElement;\n if (typeof selector === 'undefined') {\n throw Error(`Selector is undefined.`);\n } else if (selector === null) {\n throw Error(`Selector is null.`);\n } else if (typeof selector === 'string') {\n const findElement = document.querySelector<THTMLElement>(selector);\n if (!findElement) {\n throw Error(`Element not found by '${selector}' selector.`);\n }\n element = findElement;\n } else if (selector instanceof HTMLElement) {\n element = selector as THTMLElement;\n } else if (selector instanceof Element) {\n element = selector as THTMLElement;\n } else {\n element = selector;\n }\n return element\n}\n","import { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nexport async function aLibShowElement(originalElement: AngelsSelectorType) {\n const innerElement = aLibRequireElement(originalElement);\n const promise = new Promise<void>((resolve) => {\n\n if (!innerElement.hidden) {\n resolve();\n return;\n }\n\n let timeout: NodeJS.Timeout | undefined;\n\n const animationHandler = () => {\n clearTimeout(timeout);\n innerElement.removeEventListener('animationend', animationHandler);\n resolve();\n }\n\n innerElement.hidden = false;\n\n const animations = innerElement.getAnimations();\n if (animations.length > 0) {\n timeout = setTimeout(() => {\n innerElement.removeEventListener('animationend', animationHandler);\n console.warn('Animation timeout');\n resolve();\n }, 5000); // 5 seconds timeout\n innerElement.addEventListener('animationend', animationHandler);\n } else {\n resolve();\n }\n });\n\n return promise;\n}\n\nexport async function aLibToggleElement(originalElement: AngelsSelectorType, switcher: boolean | undefined = undefined) {\n const innerElement = aLibRequireElement(originalElement);\n if (switcher === undefined) {\n switcher = !innerElement.hidden;\n }\n if (switcher) {\n return await aLibShowElement(innerElement);\n } else {\n return await aLibHideElement(innerElement);\n }\n}\n\nexport async function aLibHideElement(originalElement: AngelsSelectorType) {\n const innerElement = aLibRequireElement(originalElement);\n const promise = new Promise<void>((resolve) => {\n\n if (innerElement.hidden) {\n resolve();\n return;\n }\n\n let timeout: NodeJS.Timeout | undefined;\n\n const animationHandler = () => {\n clearTimeout(timeout);\n innerElement.removeEventListener('animationend', animationHandler);\n innerElement.hidden = true;\n innerElement.classList.remove('a-out-animation');\n resolve();\n }\n\n innerElement.classList.add('a-out-animation');\n\n const animations = innerElement.getAnimations();\n if (animations.length > 0) {\n timeout = setTimeout(() => {\n innerElement.removeEventListener('animationend', animationHandler);\n innerElement.hidden = true;\n innerElement.classList.remove('a-out-animation');\n console.warn('Animation timeout');\n resolve();\n }, 5000); // 5 seconds timeout\n innerElement.addEventListener('animationend', animationHandler);\n } else {\n innerElement.hidden = true;\n resolve();\n }\n });\n\n return promise;\n}\n","import { aLibHideElement, aLibShowElement, aLibToggleElement } from \"./AngelsFrontAnimationLibrary\";\nimport { aLibRequireElement } from \"./AngelsFrontDOMLibrary\";\n\nwindow.aHideElement = aLibHideElement;\nwindow.aRequireElement = aLibRequireElement;\nwindow.aShowElement = aLibShowElement;\nwindow.aToggleElement = aLibToggleElement;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,SAAS,mBAAqD,UAA4C;AAE7G,MAAI;AACJ,MAAI,OAAO,aAAa,aAAa;AACjC,UAAM,MAAM,wBAAwB;AAAA,EACxC,WAAW,aAAa,MAAM;AAC1B,UAAM,MAAM,mBAAmB;AAAA,EACnC,WAAW,OAAO,aAAa,UAAU;AACrC,UAAM,cAAc,SAAS,cAA4B,QAAQ;AACjE,QAAI,CAAC,aAAa;AACd,YAAM,MAAM,yBAAyB,QAAQ,aAAa;AAAA,IAC9D;AACA,cAAU;AAAA,EACd,WAAW,oBAAoB,aAAa;AACxC,cAAU;AAAA,EACd,WAAW,oBAAoB,SAAS;AACpC,cAAU;AAAA,EACd,OAAO;AACH,cAAU;AAAA,EACd;AACA,SAAO;AACX;;;ACnBA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,CAAC,aAAa,QAAQ;AACtB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,gBAAQ;AAAA,MACZ;AAEA,mBAAa,SAAS;AAEtB,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;AAEA,SAAsB,kBAAkB,iBAAqC,WAAgC,QAAW;AAAA;AACpH,UAAM,eAAe,mBAAmB,eAAe;AACvD,QAAI,aAAa,QAAW;AACxB,iBAAW,CAAC,aAAa;AAAA,IAC7B;AACA,QAAI,UAAU;AACV,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C,OAAO;AACH,aAAO,MAAM,gBAAgB,YAAY;AAAA,IAC7C;AAAA,EACJ;AAAA;AAEA,SAAsB,gBAAgB,iBAAqC;AAAA;AACvE,UAAM,eAAe,mBAAmB,eAAe;AACvD,UAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAE3C,UAAI,aAAa,QAAQ;AACrB,gBAAQ;AACR;AAAA,MACJ;AAEA,UAAI;AAEJ,YAAM,mBAAmB,MAAM;AAC3B,qBAAa,OAAO;AACpB,qBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,qBAAa,SAAS;AACtB,qBAAa,UAAU,OAAO,iBAAiB;AAC/C,gBAAQ;AAAA,MACZ;AAEA,mBAAa,UAAU,IAAI,iBAAiB;AAE5C,YAAM,aAAa,aAAa,cAAc;AAC9C,UAAI,WAAW,SAAS,GAAG;AACvB,kBAAU,WAAW,MAAM;AACvB,uBAAa,oBAAoB,gBAAgB,gBAAgB;AACjE,uBAAa,SAAS;AACtB,uBAAa,UAAU,OAAO,iBAAiB;AAC/C,kBAAQ,KAAK,mBAAmB;AAChC,kBAAQ;AAAA,QACZ,GAAG,GAAI;AACP,qBAAa,iBAAiB,gBAAgB,gBAAgB;AAAA,MAClE,OAAO;AACH,qBAAa,SAAS;AACtB,gBAAQ;AAAA,MACZ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA;;;ACpFA,OAAO,eAAe;AACtB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,iBAAiB;","names":[]}
|
|
File without changes
|
|
File without changes
|