@aquera/nile-elements 0.1.30-beta-1.2 → 0.1.30-beta-1.4
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/README.md +13 -0
- package/dist/nile-accordion/nile-accordion.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordion.cjs.js.map +1 -1
- package/dist/nile-accordion/nile-accordion.css.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordion.css.cjs.js.map +1 -1
- package/dist/nile-accordion/nile-accordion.css.esm.js +1 -1
- package/dist/nile-accordion/nile-accordion.esm.js +4 -4
- package/dist/nile-progress-bar/nile-progress-bar.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.cjs.js.map +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js.map +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.esm.js +11 -13
- package/dist/nile-progress-bar/nile-progress-bar.esm.js +3 -3
- package/dist/src/nile-accordion/nile-accordion.css.js +1 -1
- package/dist/src/nile-accordion/nile-accordion.css.js.map +1 -1
- package/dist/src/nile-accordion/nile-accordion.js +2 -2
- package/dist/src/nile-accordion/nile-accordion.js.map +1 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js +9 -11
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js.map +1 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.d.ts +0 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.js +1 -6
- package/dist/src/nile-progress-bar/nile-progress-bar.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-accordion/nile-accordion.css.ts +1 -1
- package/src/nile-accordion/nile-accordion.ts +2 -2
- package/src/nile-progress-bar/nile-progress-bar.css.ts +10 -12
- package/src/nile-progress-bar/nile-progress-bar.ts +2 -6
- package/vscode-html-custom-data.json +1 -13
- package/dist/nile-icon/icons/svg/vector.cjs.js +0 -2
- package/dist/nile-icon/icons/svg/vector.cjs.js.map +0 -1
- package/dist/nile-icon/icons/svg/vector.esm.js +0 -1
- package/dist/src/nile-icon/icons/svg/vector.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/vector.js +0 -5
- package/dist/src/nile-icon/icons/svg/vector.js.map +0 -1
- package/src/nile-icon/icons/svg/vector.ts +0 -5
|
@@ -12,24 +12,21 @@ export default css `
|
|
|
12
12
|
margin: 0 auto;
|
|
13
13
|
list-style: none;
|
|
14
14
|
display: flex;
|
|
15
|
-
height:
|
|
15
|
+
height: 6px;
|
|
16
16
|
justify-content: space-between;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.nile-progress-bar__progress-bar li {
|
|
20
20
|
position: relative;
|
|
21
21
|
width: 100%;
|
|
22
|
-
height:
|
|
22
|
+
height: 6px;
|
|
23
23
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
|
24
|
-
transition:
|
|
24
|
+
transition: stroke-dashoffset 0.8s ease-in-out;
|
|
25
|
+
border-radius: 4px;
|
|
26
|
+
overflow: hidden;
|
|
25
27
|
}
|
|
26
28
|
|
|
27
|
-
|
|
28
|
-
.nile-progress-bar__progress-bar.lg li {
|
|
29
|
-
height: 6px;
|
|
30
|
-
border-radius: 4px;
|
|
31
|
-
overflow: hidden;
|
|
32
|
-
}
|
|
29
|
+
|
|
33
30
|
|
|
34
31
|
.nile-progress-bar__progress-bar li.changeColor::after {
|
|
35
32
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
|
@@ -40,11 +37,11 @@ export default css `
|
|
|
40
37
|
top: 0;
|
|
41
38
|
left: 0;
|
|
42
39
|
background-color: var(--nile-progress-bar-progress-color-stroke);
|
|
43
|
-
height: 100%;
|
|
40
|
+
height: 100%;
|
|
44
41
|
transition: all 1s linear;
|
|
42
|
+
border-radius: 4px;
|
|
45
43
|
}
|
|
46
44
|
|
|
47
|
-
|
|
48
45
|
.nile-progress-bar__progress-bar.lg li span {
|
|
49
46
|
border-radius: 4px;
|
|
50
47
|
}
|
|
@@ -53,6 +50,7 @@ export default css `
|
|
|
53
50
|
background-color: var(--nile-progress-bar-track-color-stroke);
|
|
54
51
|
position: absolute;
|
|
55
52
|
z-index: 1;
|
|
53
|
+
border-radius: 4px;
|
|
56
54
|
}
|
|
57
55
|
`;
|
|
58
56
|
//# sourceMappingURL=nile-progress-bar.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n .nile-progress-bar__container {\n width: 100%;\n margin: 0 auto;\n }\n\n .nile-progress-bar__progress-bar {\n width: 100%;\n counter-reset: step;\n padding: 0;\n margin: 0 auto;\n list-style: none;\n display: flex;\n height: 6px;\n justify-content: space-between;\n }\n\n .nile-progress-bar__progress-bar li {\n position: relative;\n width: 100%;\n height: 6px;\n background-color: var(--nile-progress-bar-track-color-stroke);\n transition: stroke-dashoffset 0.8s ease-in-out;\n border-radius: 4px; \n overflow: hidden;\n }\n\n \n\n .nile-progress-bar__progress-bar li.changeColor::after {\n background-color: var(--nile-progress-bar-progress-color-stroke);\n }\n\n .nile-progress-bar__progress-bar li span {\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--nile-progress-bar-progress-color-stroke);\n height: 100%;\n transition: all 1s linear;\n border-radius: 4px; \n }\n\n .nile-progress-bar__progress-bar.lg li span {\n border-radius: 4px;\n }\n\n .nile-progress-bar__reset {\n background-color: var(--nile-progress-bar-track-color-stroke);\n position: absolute;\n z-index: 1;\n border-radius: 4px; \n }\n`;\n"]}
|
|
@@ -3,7 +3,6 @@ import NileElement from '../internal/nile-element';
|
|
|
3
3
|
export declare class NileProgressBar extends NileElement {
|
|
4
4
|
static styles: CSSResultGroup;
|
|
5
5
|
value: number;
|
|
6
|
-
variant: 'sm' | 'lg';
|
|
7
6
|
updated(changedProperties: Map<string, any>): void;
|
|
8
7
|
render(): import("lit-html").TemplateResult<1>;
|
|
9
8
|
}
|
|
@@ -7,7 +7,6 @@ let NileProgressBar = class NileProgressBar extends NileElement {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
9
|
this.value = 0;
|
|
10
|
-
this.variant = 'sm';
|
|
11
10
|
}
|
|
12
11
|
updated(changedProperties) {
|
|
13
12
|
if (changedProperties.has('value')) {
|
|
@@ -21,10 +20,9 @@ let NileProgressBar = class NileProgressBar extends NileElement {
|
|
|
21
20
|
}
|
|
22
21
|
}
|
|
23
22
|
render() {
|
|
24
|
-
const variantClass = this.variant === 'lg' ? 'lg' : '';
|
|
25
23
|
return html `
|
|
26
24
|
<div class="nile-progress-bar__container">
|
|
27
|
-
<ul class="nile-progress-bar__progress-bar
|
|
25
|
+
<ul class="nile-progress-bar__progress-bar">
|
|
28
26
|
<li><span style="width: ${this.value}%"></span></li>
|
|
29
27
|
</ul>
|
|
30
28
|
</div>
|
|
@@ -35,9 +33,6 @@ NileProgressBar.styles = styles;
|
|
|
35
33
|
__decorate([
|
|
36
34
|
property({ type: Number })
|
|
37
35
|
], NileProgressBar.prototype, "value", void 0);
|
|
38
|
-
__decorate([
|
|
39
|
-
property({ type: String })
|
|
40
|
-
], NileProgressBar.prototype, "variant", void 0);
|
|
41
36
|
NileProgressBar = __decorate([
|
|
42
37
|
customElement('nile-progress-bar')
|
|
43
38
|
], NileProgressBar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,IAAI,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAE5C,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAGuB,UAAK,GAAG,CAAC,CAAC;IAwBxC,CAAC;IAtBU,OAAO,CAAC,iBAAmC;QAClD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC;gBACvC,OAAO,CAAC,KAAK,CAAC,qCAAqC,IAAI,CAAC,KAAK,8CAA8C,CAAC,CAAC;gBAC7G,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACjB,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;oCAGqB,IAAI,CAAC,KAAK;;;KAGzC,CAAC;IACJ,CAAC;;AAzBe,sBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AAH3B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA2B3B","sourcesContent":["import { LitElement, html, css, CSSResultGroup } from 'lit';\nimport styles from './nile-progress-bar.css';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends NileElement {\n static override styles: CSSResultGroup = styles;\n\n @property({ type: Number }) value = 0;\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('value')) {\n if (this.value < 0 || this.value > 100) {\n console.error(`[NileProgressBar]: Invalid value (${this.value}) detected. Value must be between 0 and 100.`);\n this.value = 0; \n }\n\n if (this.value === 100) {\n this.emit('nile-complete', { message: 'Nile Progress reached 100%' });\n }\n }\n }\n\n override render() {\n return html`\n <div class=\"nile-progress-bar__container\">\n <ul class=\"nile-progress-bar__progress-bar\">\n <li><span style=\"width: ${this.value}%\"></span></li>\n </ul>\n </div>\n `;\n }\n}\n"]}
|