@aquera/nile-elements 0.1.30-beta-1.3 → 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/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent nile-elements following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "nile-elements",
6
- "version": "0.1.30-beta-1.3",
6
+ "version": "0.1.30-beta-1.4",
7
7
  "main": "dist/src/index.js",
8
8
  "type": "module",
9
9
  "module": "dist/src/index.js",
@@ -13,24 +13,21 @@ export default css`
13
13
  margin: 0 auto;
14
14
  list-style: none;
15
15
  display: flex;
16
- height: 2px;
16
+ height: 6px;
17
17
  justify-content: space-between;
18
18
  }
19
19
 
20
20
  .nile-progress-bar__progress-bar li {
21
21
  position: relative;
22
22
  width: 100%;
23
- height: 2px;
23
+ height: 6px;
24
24
  background-color: var(--nile-progress-bar-track-color-stroke);
25
- transition: stroke-dashoffset 0.8s ease-in-out
25
+ transition: stroke-dashoffset 0.8s ease-in-out;
26
+ border-radius: 4px;
27
+ overflow: hidden;
26
28
  }
27
29
 
28
-
29
- .nile-progress-bar__progress-bar.lg li {
30
- height: 6px;
31
- border-radius: 4px;
32
- overflow: hidden;
33
- }
30
+
34
31
 
35
32
  .nile-progress-bar__progress-bar li.changeColor::after {
36
33
  background-color: var(--nile-progress-bar-progress-color-stroke);
@@ -41,11 +38,11 @@ export default css`
41
38
  top: 0;
42
39
  left: 0;
43
40
  background-color: var(--nile-progress-bar-progress-color-stroke);
44
- height: 100%;
41
+ height: 100%;
45
42
  transition: all 1s linear;
43
+ border-radius: 4px;
46
44
  }
47
45
 
48
-
49
46
  .nile-progress-bar__progress-bar.lg li span {
50
47
  border-radius: 4px;
51
48
  }
@@ -54,5 +51,6 @@ export default css`
54
51
  background-color: var(--nile-progress-bar-track-color-stroke);
55
52
  position: absolute;
56
53
  z-index: 1;
54
+ border-radius: 4px;
57
55
  }
58
- `;
56
+ `;
@@ -1,14 +1,12 @@
1
- import { html, css, CSSResultGroup } from 'lit';
1
+ import { LitElement, html, css, CSSResultGroup } from 'lit';
2
2
  import styles from './nile-progress-bar.css';
3
3
  import { customElement, property } from 'lit/decorators.js';
4
4
  import NileElement from '../internal/nile-element';
5
-
6
5
  @customElement('nile-progress-bar')
7
6
  export class NileProgressBar extends NileElement {
8
7
  static override styles: CSSResultGroup = styles;
9
8
 
10
9
  @property({ type: Number }) value = 0;
11
- @property({ type: String }) variant: 'sm' | 'lg' = 'sm';
12
10
 
13
11
  override updated(changedProperties: Map<string, any>) {
14
12
  if (changedProperties.has('value')) {
@@ -24,11 +22,9 @@ export class NileProgressBar extends NileElement {
24
22
  }
25
23
 
26
24
  override render() {
27
- const variantClass = this.variant === 'lg' ? 'lg' : '';
28
-
29
25
  return html`
30
26
  <div class="nile-progress-bar__container">
31
- <ul class="nile-progress-bar__progress-bar ${variantClass}">
27
+ <ul class="nile-progress-bar__progress-bar">
32
28
  <li><span style="width: ${this.value}%"></span></li>
33
29
  </ul>
34
30
  </div>
@@ -2564,23 +2564,11 @@
2564
2564
  },
2565
2565
  {
2566
2566
  "name": "nile-progress-bar",
2567
- "description": "Attributes:\n\n * `value` {`number`} - \n\n * `variant` {`\"sm\" | \"lg\"`} - \n\nProperties:\n\n * `styles` - \n\n * `value` {`number`} - \n\n * `variant` {`\"sm\" | \"lg\"`} - \n\n * `override` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2567
+ "description": "Attributes:\n\n * `value` {`number`} - \n\nProperties:\n\n * `styles` - \n\n * `value` {`number`} - \n\n * `override` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2568
2568
  "attributes": [
2569
2569
  {
2570
2570
  "name": "value",
2571
2571
  "description": "`value` {`number`} - \n\nProperty: value\n\nDefault: 0"
2572
- },
2573
- {
2574
- "name": "variant",
2575
- "description": "`variant` {`\"sm\" | \"lg\"`} - \n\nProperty: variant\n\nDefault: sm",
2576
- "values": [
2577
- {
2578
- "name": "sm"
2579
- },
2580
- {
2581
- "name": "lg"
2582
- }
2583
- ]
2584
2572
  }
2585
2573
  ]
2586
2574
  },
@@ -1,2 +0,0 @@
1
- System.register([],function(_export,_context){"use strict";return{setters:[],execute:function execute(){}};});
2
- //# sourceMappingURL=vector.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"vector.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- */
4
- declare const _default: "PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
5
- export default _default;
@@ -1,5 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- */
4
- export default "PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
5
- //# sourceMappingURL=vector.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"vector.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/vector.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8gDAA8gD,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==\";"]}
@@ -1,5 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- */
4
-
5
- export default "PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43MzY4NCA4LjUzODQ3QzUuNzg5NDcgOC41Mzg0NyA2LjY4NDIxIDguMTY5NDcgNy40MjEwNSA3LjQzMTQ3QzguMTU3ODkgNi42OTMzNyA4LjUyNjMyIDUuNzk3MTYgOC41MjYzMiA0Ljc0Mjg0QzguNTI2MzIgMy42ODg1MyA4LjE1Nzg5IDIuNzkyMzcgNy40MjEwNSAyLjA1NDM3QzYuNjg0MjEgMS4zMTYzNyA1Ljc4OTQ3IDAuOTQ3MzY4IDQuNzM2ODQgMC45NDczNjhDMy42ODQyMSAwLjk0NzM2OCAyLjc4OTQ3IDEuMzE2MzcgMi4wNTI2MyAyLjA1NDM3QzEuMzE1NzkgMi43OTIzNyAwLjk0NzM2OCAzLjY4ODUzIDAuOTQ3MzY4IDQuNzQyODRDMC45NDczNjggNS43OTcxNiAxLjMxNTc5IDYuNjkzMzcgMi4wNTI2MyA3LjQzMTQ3QzIuNzg5NDcgOC4xNjk0NyAzLjY4NDIxIDguNTM4NDcgNC43MzY4NCA4LjUzODQ3Wk00LjI2MzE2IDYuNTA0VjIuNDEwODlINS4yMTA1M1Y2LjUwNEg0LjI2MzE2Wk0yLjEwMTI2IDYuNTA0VjMuNjQzNzRIMy4wNDg2M1Y2LjUwNEgyLjEwMTI2Wk02LjQyNTA1IDYuNTA0VjQuMjYzMTZINy4zNzI0MlY2LjUwNEg2LjQyNTA1Wk0xMS4zNDA1IDEyTDcuNzQ0MTEgOC40MDM2M0M3LjMzMjc0IDguNzQwNDcgNi44NzE2OCA5LjAwMyA2LjM2MDk1IDkuMTkxMjFDNS44NTAyMSA5LjM3OTUzIDUuMzA4ODQgOS40NzM2OCA0LjczNjg0IDkuNDczNjhDMy40MTQ1MyA5LjQ3MzY4IDIuMjk0NDcgOS4wMTQ4OSAxLjM3NjY4IDguMDk3MzFDMC40NTg4OTUgNy4xNzk3NCAwIDYuMDU5ODkgMCA0LjczNzc5QzAgMy40MTU2OCAwLjQ1ODc4OSAyLjI5NTUzIDEuMzc2MzcgMS4zNzczMkMyLjI5Mzk1IDAuNDU5MTA1IDMuNDEzNzkgMCA0LjczNTg5IDBDNi4wNTggMCA3LjE3ODE2IDAuNDU4ODk1IDguMDk2MzcgMS4zNzY2OEM5LjAxNDU4IDIuMjk0NDcgOS40NzM2OCAzLjQxNDUzIDkuNDczNjggNC43MzY4NEM5LjQ3MzY4IDUuMzA4ODQgOS4zNzk1MyA1Ljg1MDIxIDkuMTkxMjEgNi4zNjA5NUM5LjAwMyA2Ljg3MTY4IDguNzQwNDcgNy4zMzA3NCA4LjQwMzYzIDcuNzM4MUwxMiAxMS4zMzQ1TDExLjM0MDUgMTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";