wj-elements 0.1.7 → 0.1.8

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.
Files changed (4) hide show
  1. package/dist/light.css +1 -1
  2. package/dist/wje-avatar.js +22 -22
  3. package/dist/wje-badge.js +8 -8
  4. package/package.json +1 -1
package/dist/light.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.wje-theme-light,.light{color-scheme:light;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-font-size-x-small: .625rem;--wje-font-size-small: .75rem;--wje-font-size: .875rem;--wje-font-size-medium: 1rem;--wje-font-size-large: 1.25rem;--wje-font-size-x-large: 1.5rem;--wje-font-size-2x-large: 2.25rem;--wje-font-size-3x-large: 3rem;--wje-font-size-4x-large: 4.5rem;--wje-line-height: 21px;--wje-border-radius-small: .25rem;--wje-border-radius-medium: .5rem;--wje-border-radius-large: .75rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-border-size: 0px;--wje-border-style: solid;--wje-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wje-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: hsl(0, 0%, 29%);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-0);--wje-border-color: var(--wje-color-contrast-3);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color);--wje-color-primary: var(--wje-color-primary-11);--wje-color-complete: var(--wje-color-complete-11);--wje-color-success: var(--wje-color-success-11);--wje-color-warning: var(--wje-color-warning-11);--wje-color-danger: var(--wje-color-danger-11);--wje-color-info: var(--wje-color-info-11);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-contrast-lowest: #ffffff;--wje-color-contrast-lower: #f4f4f4;--wje-color-contrast-low: #e0e0e0;--wje-color-contrast-medium: #757575;--wje-color-contrast-high: #4b4b4b;--wje-color-contrast-highter: #212121;--wje-color-contrast-highest: #000000;--wje-color-contrast-0: hsl(0, 0%, 100%);--wje-color-contrast-1: hsl(0 0% 97.5%);--wje-color-contrast-2: hsl(240 4.8% 95.9%);--wje-color-contrast-3: hsl(240 5.9% 90%);--wje-color-contrast-4: hsl(240 4.9% 83.9%);--wje-color-contrast-5: hsl(240 5% 64.9%);--wje-color-contrast-6: hsl(240 3.8% 46.1%);--wje-color-contrast-7: hsl(240 5.2% 33.9%);--wje-color-contrast-8: hsl(240 5.3% 26.1%);--wje-color-contrast-9: hsl(240 3.7% 15.9%);--wje-color-contrast-10: hsl(240 5.9% 10%);--wje-color-contrast-11: hsl(240 7.3% 8%);--wje-color-primary-1: hsl(261, 70%, 96%);--wje-color-primary-2: hsl(260, 65%, 92%);--wje-color-primary-3: hsl(260, 63%, 88%);--wje-color-primary-4: hsl(260, 62%, 84%);--wje-color-primary-5: hsl(260, 63%, 80%);--wje-color-primary-6: hsl(259, 61%, 76%);--wje-color-primary-7: hsl(258, 61%, 72%);--wje-color-primary-8: hsl(257, 61%, 68%);--wje-color-primary-9: hsl(257, 60%, 65%);--wje-color-primary-10: hsl(256, 59%, 61%);--wje-color-primary-11: hsl(254, 59%, 57%);--wje-color-complete-1: hsl(232, 88%, 96%);--wje-color-complete-2: hsl(229, 88%, 93%);--wje-color-complete-3: hsl(229, 84%, 89%);--wje-color-complete-4: hsl(229, 85%, 86%);--wje-color-complete-5: hsl(227, 84%, 82%);--wje-color-complete-6: hsl(226, 83%, 78%);--wje-color-complete-7: hsl(225, 83%, 74%);--wje-color-complete-8: hsl(223, 83%, 70%);--wje-color-complete-9: hsl(221, 83%, 65%);--wje-color-complete-10: hsl(218, 83%, 59%);--wje-color-complete-11: hsl(211, 100%, 46%);--wje-color-success-1: hsl(147, 44%, 95%);--wje-color-success-2: hsl(148, 42%, 90%);--wje-color-success-3: hsl(149, 41%, 85%);--wje-color-success-4: hsl(150, 41%, 80%);--wje-color-success-5: hsl(149, 42%, 75%);--wje-color-success-6: hsl(150, 41%, 70%);--wje-color-success-7: hsl(151, 42%, 65%);--wje-color-success-8: hsl(152, 42%, 59%);--wje-color-success-9: hsl(153, 42%, 54%);--wje-color-success-10: hsl(155, 48%, 47%);--wje-color-success-11: hsl(158, 74%, 38%);--wje-color-warning-1: hsl(44, 100%, 96%);--wje-color-warning-2: hsl(46, 100%, 93%);--wje-color-warning-3: hsl(46, 100%, 90%);--wje-color-warning-4: hsl(46, 100%, 87%);--wje-color-warning-5: hsl(46, 100%, 84%);--wje-color-warning-6: hsl(46, 100%, 81%);--wje-color-warning-7: hsl(46, 100%, 77%);--wje-color-warning-8: hsl(47, 100%, 74%);--wje-color-warning-9: hsl(47, 100%, 71%);--wje-color-warning-10: hsl(47, 100%, 67%);--wje-color-warning-11: hsl(47, 100%, 63%);--wje-color-danger-1: hsl(9, 100%, 96%);--wje-color-danger-2: hsl(11, 100%, 91%);--wje-color-danger-3: hsl(11, 93%, 87%);--wje-color-danger-4: hsl(10, 90%, 83%);--wje-color-danger-5: hsl(9, 86%, 79%);--wje-color-danger-6: hsl(10, 82%, 74%);--wje-color-danger-7: hsl(8, 80%, 70%);--wje-color-danger-8: hsl(8, 77%, 65%);--wje-color-danger-9: hsl(7, 73%, 61%);--wje-color-danger-10: hsl(6, 71%, 56%);--wje-color-danger-11: hsl(3, 68%, 51%);--wje-color-info-1: hsl(210, 5%, 92%);--wje-color-info-2: hsl(204, 6%, 85%);--wje-color-info-3: hsl(210, 7%, 78%);--wje-color-info-4: hsl(206, 6%, 71%);--wje-color-info-5: hsl(212, 6%, 65%);--wje-color-info-6: hsl(207, 6%, 58%);--wje-color-info-7: hsl(210, 6%, 52%);--wje-color-info-8: hsl(210, 7%, 45%);--wje-color-info-9: hsl(210, 9%, 39%);--wje-color-info-10: hsl(208, 12%, 33%);--wje-color-info-11: hsl(208, 16%, 27%);--wje-color-primary-lighter: #eae0fb;--wje-color-primary-light: #845ae0;--wje-color-primary-dark: #4e37b6;--wje-color-primary-darker: #2d218f;--wje-color-success-lighter: #d6f7f0;--wje-color-success-light: #26bf93;--wje-color-success-dark: #0d935b;--wje-color-success-darker: #04733e;--wje-color-complete-lighter: #d3eeff;--wje-color-complete-light: #0f8ff9;--wje-color-complete-dark: #004fbf;--wje-color-complete-darker: #00318e;--wje-color-warning-lighter: #fffde1;--wje-color-warning-light: #ffe858;--wje-color-warning-dark: #daab2d;--wje-color-warning-darker: #aa7918;--wje-color-danger-lighter: #fde2da;--wje-color-danger-light: #e6533c;--wje-color-danger-dark: #b91e1e;--wje-color-danger-darker: #900f17;--wje-color-info-lighter: #dbe6e8;--wje-color-info-light: #475b6b;--wje-color-info-dark: #2b3947;--wje-color-info-darker: #1b2839;--wje-color-contrast-lower-a: rgba(33, 33, 33, .05);--wje-color-contrast-low-a: rgba(33, 33, 33, .14);--wje-color-contrast-medium-a: rgba(33, 33, 33, .62);--wje-color-contrast-high-a: rgba(33, 33, 33, .81);--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-small);--wje-menu-padding-top: .5rem;--wje-menu-padding-bottom: .5rem;--wje-menu-padding-inline: 0;--wje-menu-margin-top: 9;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px;--wje-menu-z-index: 8}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}
1
+ :root,:host,.wje-theme-light,.light{color-scheme:light;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-font-size-x-small: .625rem;--wje-font-size-small: .75rem;--wje-font-size: .875rem;--wje-font-size-medium: 1rem;--wje-font-size-large: 1.25rem;--wje-font-size-x-large: 1.5rem;--wje-font-size-2x-large: 2.25rem;--wje-font-size-3x-large: 3rem;--wje-font-size-4x-large: 4.5rem;--wje-line-height: 21px;--wje-border-radius-small: .25rem;--wje-border-radius-medium: .5rem;--wje-border-radius-large: .75rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-border-size: 0px;--wje-border-style: solid;--wje-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wje-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: hsl(0, 0%, 29%);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-0);--wje-border-color: var(--wje-color-contrast-3);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color);--wje-color-primary: var(--wje-color-primary-11);--wje-color-complete: var(--wje-color-complete-11);--wje-color-success: var(--wje-color-success-11);--wje-color-warning: var(--wje-color-warning-11);--wje-color-danger: var(--wje-color-danger-11);--wje-color-info: var(--wje-color-info-11);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-contrast-lowest: #ffffff;--wje-color-contrast-lower: #f4f4f4;--wje-color-contrast-low: #e0e0e0;--wje-color-contrast-medium: #757575;--wje-color-contrast-high: #4b4b4b;--wje-color-contrast-highter: #212121;--wje-color-contrast-highest: #000000;--wje-color-contrast-0: hsl(0, 0%, 100%);--wje-color-contrast-1: hsl(0 0% 97.5%);--wje-color-contrast-2: hsl(240 4.8% 95.9%);--wje-color-contrast-3: hsl(240 5.9% 90%);--wje-color-contrast-4: hsl(240 4.9% 83.9%);--wje-color-contrast-5: hsl(240 5% 64.9%);--wje-color-contrast-6: hsl(240 3.8% 46.1%);--wje-color-contrast-7: hsl(240 5.2% 33.9%);--wje-color-contrast-8: hsl(240 5.3% 26.1%);--wje-color-contrast-9: hsl(240 3.7% 15.9%);--wje-color-contrast-10: hsl(240 5.9% 10%);--wje-color-contrast-11: hsl(240 7.3% 8%);--wje-color-primary-1: hsl(261, 70%, 96%);--wje-color-primary-2: hsl(260, 65%, 92%);--wje-color-primary-3: hsl(260, 63%, 88%);--wje-color-primary-4: hsl(260, 62%, 84%);--wje-color-primary-5: hsl(260, 63%, 80%);--wje-color-primary-6: hsl(259, 61%, 76%);--wje-color-primary-7: hsl(258, 61%, 72%);--wje-color-primary-8: hsl(257, 61%, 68%);--wje-color-primary-9: hsl(257, 60%, 65%);--wje-color-primary-10: hsl(256, 59%, 61%);--wje-color-primary-11: hsl(254, 59%, 57%);--wje-color-complete-1: hsl(232, 88%, 96%);--wje-color-complete-2: hsl(229, 88%, 93%);--wje-color-complete-3: hsl(229, 84%, 89%);--wje-color-complete-4: hsl(229, 85%, 86%);--wje-color-complete-5: hsl(227, 84%, 82%);--wje-color-complete-6: hsl(226, 83%, 78%);--wje-color-complete-7: hsl(225, 83%, 74%);--wje-color-complete-8: hsl(223, 83%, 70%);--wje-color-complete-9: hsl(221, 83%, 65%);--wje-color-complete-10: hsl(218, 83%, 59%);--wje-color-complete-11: hsl(211, 100%, 46%);--wje-color-success-1: hsl(147, 44%, 95%);--wje-color-success-2: hsl(148, 42%, 90%);--wje-color-success-3: hsl(149, 41%, 85%);--wje-color-success-4: hsl(150, 41%, 80%);--wje-color-success-5: hsl(149, 42%, 75%);--wje-color-success-6: hsl(150, 41%, 70%);--wje-color-success-7: hsl(151, 42%, 65%);--wje-color-success-8: hsl(152, 42%, 59%);--wje-color-success-9: hsl(153, 42%, 54%);--wje-color-success-10: hsl(155, 48%, 47%);--wje-color-success-11: hsl(158, 74%, 38%);--wje-color-warning-1: hsl(44, 100%, 96%);--wje-color-warning-2: hsl(46, 100%, 93%);--wje-color-warning-3: hsl(46, 100%, 90%);--wje-color-warning-4: hsl(46, 100%, 87%);--wje-color-warning-5: hsl(46, 100%, 84%);--wje-color-warning-6: hsl(46, 100%, 81%);--wje-color-warning-7: hsl(46, 100%, 77%);--wje-color-warning-8: hsl(47, 100%, 74%);--wje-color-warning-9: hsl(47, 100%, 71%);--wje-color-warning-10: hsl(47, 100%, 67%);--wje-color-warning-11: hsl(47, 100%, 63%);--wje-color-danger-1: hsl(9, 100%, 96%);--wje-color-danger-2: hsl(11, 100%, 91%);--wje-color-danger-3: hsl(11, 93%, 87%);--wje-color-danger-4: hsl(10, 90%, 83%);--wje-color-danger-5: hsl(9, 86%, 79%);--wje-color-danger-6: hsl(10, 82%, 74%);--wje-color-danger-7: hsl(8, 80%, 70%);--wje-color-danger-8: hsl(8, 77%, 65%);--wje-color-danger-9: hsl(7, 73%, 61%);--wje-color-danger-10: hsl(6, 71%, 56%);--wje-color-danger-11: hsl(3, 68%, 51%);--wje-color-info-1: hsl(210, 5%, 92%);--wje-color-info-2: hsl(204, 6%, 85%);--wje-color-info-3: hsl(210, 7%, 78%);--wje-color-info-4: hsl(206, 6%, 71%);--wje-color-info-5: hsl(212, 6%, 65%);--wje-color-info-6: hsl(207, 6%, 58%);--wje-color-info-7: hsl(210, 6%, 52%);--wje-color-info-8: hsl(210, 7%, 45%);--wje-color-info-9: hsl(210, 9%, 39%);--wje-color-info-10: hsl(208, 12%, 33%);--wje-color-info-11: hsl(208, 16%, 27%);--wje-color-primary-lighter: #eae0fb;--wje-color-primary-light: #845ae0;--wje-color-primary-dark: #4e37b6;--wje-color-primary-darker: #2d218f;--wje-color-success-lighter: #d6f7f0;--wje-color-success-light: #26bf93;--wje-color-success-dark: #0d935b;--wje-color-success-darker: #04733e;--wje-color-complete-lighter: #d3eeff;--wje-color-complete-light: #0f8ff9;--wje-color-complete-dark: #004fbf;--wje-color-complete-darker: #00318e;--wje-color-warning-lighter: #fffde1;--wje-color-warning-light: #ffe858;--wje-color-warning-dark: #daab2d;--wje-color-warning-darker: #aa7918;--wje-color-danger-lighter: #fde2da;--wje-color-danger-light: #e6533c;--wje-color-danger-dark: #b91e1e;--wje-color-danger-darker: #900f17;--wje-color-info-lighter: #dbe6e8;--wje-color-info-light: #475b6b;--wje-color-info-dark: #2b3947;--wje-color-info-darker: #1b2839;--wje-color-contrast-lower-a: rgba(33, 33, 33, .05);--wje-color-contrast-low-a: rgba(33, 33, 33, .14);--wje-color-contrast-medium-a: rgba(33, 33, 33, .62);--wje-color-contrast-high-a: rgba(33, 33, 33, .81);--wje-avatar-width: 32px;--wje-avatar-height: 32px;--wje-avatar-font-size: .75rem;--wje-avatar-font-weight: 400;--wje-avatar-color: inherit;--wje-avatar-background-color: var(--wje-color-contrast-low);--wje-avatar-border-radius: 50%;--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;--wje-badge-border-radius: var(--wje-border-radius-large);--wje-badge-padding-top: 2px;--wje-badge-padding-bottom: 2px;--wje-badge-padding-inline: 6px;--wje-color-base: var(--wje-color-contrast-lower);--wje-color-contrast: var(--wje-color-contrast-high);--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-small);--wje-menu-padding-top: .5rem;--wje-menu-padding-bottom: .5rem;--wje-menu-padding-inline: 0;--wje-menu-margin-top: 9;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px;--wje-menu-z-index: 8}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}
package/dist/wje-avatar.js CHANGED
@@ -1,19 +1,19 @@
1
- var w = Object.defineProperty;
2
- var u = (a, e, t) => e in a ? w(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
3
- var v = (a, e, t) => (u(a, typeof e != "symbol" ? e + "" : e, t), t);
1
+ var u = Object.defineProperty;
2
+ var w = (a, e, t) => e in a ? u(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
3
+ var c = (a, e, t) => (w(a, typeof e != "symbol" ? e + "" : e, t), t);
4
4
  import p from "./wje-element.js";
5
- function j(a, e = 30, t = 80) {
6
- let o = a, s = 0;
7
- for (let i = 0; i < (o == null ? void 0 : o.length); i++)
8
- s = o.charCodeAt(i) + ((s << 5) - s);
9
- return "hsl(" + s % 360 + ", " + e + "%, " + t + "%)";
5
+ function m(a, e = 30, t = 80) {
6
+ let s = a, i = 0;
7
+ for (let o = 0; o < (s == null ? void 0 : s.length); o++)
8
+ i = s.charCodeAt(o) + ((i << 5) - i);
9
+ return "hsl(" + i % 360 + ", " + e + "%, " + t + "%)";
10
10
  }
11
- function b(a, e = 2) {
12
- let t = a.split(" "), o = t[0].substring(0, 1).toUpperCase();
13
- return t.length > 1 && e > 1 && (o += t[t.length - 1].substring(0, 1).toUpperCase()), o;
11
+ function g(a, e = 2) {
12
+ let t = a.split(" "), s = t[0].substring(0, 1).toUpperCase();
13
+ return t.length > 1 && e > 1 && (s += t[t.length - 1].substring(0, 1).toUpperCase()), s;
14
14
  }
15
- const g = ":host{--wje-avatar-width: 32px;--wje-avatar-height: 32px;--wje-avatar-font-size: .75rem;--wje-avatar-font-weight: 400;--wje-avatar-color: inherit;--wje-avatar-background-color: var(--wje-color-contrast-low);--wje-avatar-border-radius: 50%;--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;display:inline-block;width:var(--wje-avatar-width);height:var(--wje-avatar-height);font-size:var(--wje-avatar-font-size);font-weight:var(--wje-avatar-font-weight);color:var(--wje-avatar-color)}:host .native-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--wje-avatar-border-radius);background-color:var(--wje-avatar-background-color)}::slotted([slot=status]){display:flex;position:absolute;bottom:-4px;right:-4px}::slotted(wje-img),::slotted(img){border-radius:var(--wje-avatar-border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}:host(.wje-avatar-border){border-color:var(--wje-avatar-border-color);border-width:var(--wje-avatar-border-width);border-style:var(--wje-avatar-border-style)}:host(.wje-avatar-small){--wje-avatar-width: 24px;--wje-avatar-height: 24px}:host(.wje-avatar-large){--wje-avatar-width: 48px;--wje-avatar-height: 48px}";
16
- class c extends p {
15
+ const b = ":host{display:inline-block;width:var(--wje-avatar-width);height:var(--wje-avatar-height);font-size:var(--wje-avatar-font-size);font-weight:var(--wje-avatar-font-weight);color:var(--wje-avatar-color)}:host .native-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--wje-avatar-border-radius);background-color:var(--wje-avatar-background-color)}::slotted([slot=status]){display:flex;position:absolute;bottom:-4px;right:-4px}::slotted(wje-img),::slotted(img){border-radius:var(--wje-avatar-border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}:host(.wje-avatar-border){border-color:var(--wje-avatar-border-color);border-width:var(--wje-avatar-border-width);border-style:var(--wje-avatar-border-style)}:host(.wje-avatar-small){--wje-avatar-width: 24px;--wje-avatar-height: 24px}:host(.wje-avatar-large){--wje-avatar-width: 48px;--wje-avatar-height: 48px}";
16
+ class v extends p {
17
17
  /**
18
18
  * Avatar class constructor
19
19
  */
@@ -22,14 +22,14 @@ class c extends p {
22
22
  /**
23
23
  * Class name
24
24
  */
25
- v(this, "className", "Avatar");
25
+ c(this, "className", "Avatar");
26
26
  }
27
27
  /**
28
28
  * Getter for cssStyleSheet
29
29
  * @returns {string} styles
30
30
  */
31
31
  static get cssStyleSheet() {
32
- return g;
32
+ return b;
33
33
  }
34
34
  /**
35
35
  * Method to setup attributes
@@ -44,13 +44,13 @@ class c extends p {
44
44
  * @param {object} params - The parameters
45
45
  * @returns {object} fragment - The document fragment
46
46
  */
47
- draw(t, o, s) {
47
+ draw(t, s, i) {
48
48
  let n = document.createDocumentFragment(), r = document.createElement("div");
49
49
  r.setAttribute("part", "native"), r.classList.add("native-avatar"), this.size && this.classList.add("wje-avatar-" + this.size);
50
- let i = document.createElement("slot");
51
- if (r.appendChild(i), this.hasAttribute("initials")) {
52
- let l = b(this.label);
53
- this.setAttribute("style", `--wje-avatar-background-color: ${j(l)}`), r.innerText = l;
50
+ let o = document.createElement("slot");
51
+ if (r.appendChild(o), this.hasAttribute("initials")) {
52
+ let l = g(this.label);
53
+ this.setAttribute("style", `--wje-avatar-background-color: ${m(l)}`), r.innerText = l;
54
54
  } else {
55
55
  let l = document.createElement("slot");
56
56
  l.setAttribute("name", "icon"), r.appendChild(l);
@@ -68,7 +68,7 @@ class c extends p {
68
68
  return this.getElementsByTagName("wje-img").length > 0;
69
69
  }
70
70
  }
71
- c.define("wje-avatar", c);
71
+ v.define("wje-avatar", v);
72
72
  export {
73
- c as default
73
+ v as default
74
74
  };
package/dist/wje-badge.js CHANGED
@@ -1,8 +1,8 @@
1
- var s = Object.defineProperty;
2
- var l = (r, o, e) => o in r ? s(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
3
- var a = (r, o, e) => (l(r, typeof o != "symbol" ? o + "" : o, e), e);
1
+ var l = Object.defineProperty;
2
+ var n = (e, o, r) => o in e ? l(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
3
+ var a = (e, o, r) => (n(e, typeof o != "symbol" ? o + "" : o, r), r);
4
4
  import w from "./wje-element.js";
5
- const i = ":host(.wje-color-primary){--wje-color-base: var(--wje-color-primary) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-complete){--wje-color-base: var(--wje-color-complete) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-success){--wje-color-base: var(--wje-color-success) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-warning){--wje-color-base: var(--wje-color-warning) !important;--wje-color-contrast: var(--wje-color-contrast-high) !important}:host(.wje-color-danger){--wje-color-base: var(--wje-color-danger) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-info){--wje-color-base: var(--wje-color-info) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-contrast){--wje-color-base: var(--wje-color-contrast-lower) !important;--wje-color-contrast: var(--wje-color-contrast-high) !important}:host{--wje-badge-border-radius: var(--wje-border-radius-large);--wje-badge-padding-top: 2px;--wje-badge-padding-bottom: 2px;--wje-badge-padding-inline: 6px;display:inline-block;text-shadow:none;font-family:var(--wje-font-family);font-weight:600;background-color:var(--wje-color-contrast-low);font-size:11px;line-height:1;padding-top:var(--wje-badge-padding-top);padding-bottom:var(--wje-badge-padding-bottom);padding-inline:var(--wje-badge-padding-inline);color:var(--wje-color-contrast-high);border-radius:var(--wje-badge-border-radius)}:host(.wje-color){background-color:var(--wje-color-base, red);color:var(--wje-color-contrast)}";
5
+ const j = ":host(.wje-color-primary){--wje-color-base: var(--wje-color-primary);--wje-color-contrast: var(--wje-color-contrast-lowest)}:host(.wje-color-complete){--wje-color-base: var(--wje-color-complete);--wje-color-contrast: var(--wje-color-contrast-lowest)}:host(.wje-color-success){--wje-color-base: var(--wje-color-success);--wje-color-contrast: var(--wje-color-contrast-lowest)}:host(.wje-color-warning){--wje-color-base: var(--wje-color-warning);--wje-color-contrast: var(--wje-color-contrast-high)}:host(.wje-color-danger){--wje-color-base: var(--wje-color-danger);--wje-color-contrast: var(--wje-color-contrast-lowest)}:host(.wje-color-info){--wje-color-base: var(--wje-color-info);--wje-color-contrast: var(--wje-color-contrast-lowest)}:host(.wje-color-contrast){--wje-color-base: var(--wje-color-contrast-lower);--wje-color-contrast: var(--wje-color-contrast-high)}:host{display:inline-block;text-shadow:none;font-family:var(--wje-font-family);font-weight:600;background-color:var(--wje-color-contrast-low);font-size:11px;line-height:1;padding-top:var(--wje-badge-padding-top);padding-bottom:var(--wje-badge-padding-bottom);padding-inline:var(--wje-badge-padding-inline);color:var(--wje-color-contrast-high);border-radius:var(--wje-badge-border-radius)}:host(.wje-color){background-color:var(--wje-color-base);color:var(--wje-color-contrast)}";
6
6
  class c extends w {
7
7
  /**
8
8
  * Badge constructor
@@ -22,7 +22,7 @@ class c extends w {
22
22
  * @returns {Object} styles - The CSS styles
23
23
  */
24
24
  static get cssStyleSheet() {
25
- return i;
25
+ return j;
26
26
  }
27
27
  /**
28
28
  * Setup attributes
@@ -37,9 +37,9 @@ class c extends w {
37
37
  * @param {Object} params - The parameters
38
38
  * @returns {Object} fragment - The document fragment
39
39
  */
40
- draw(e, d, j) {
41
- let t = document.createDocumentFragment(), n = document.createElement("slot");
42
- return this.color && this.classList.add("wje-color-" + this.color, "wje-color"), t.appendChild(n), t;
40
+ draw(r, i, d) {
41
+ let t = document.createDocumentFragment(), s = document.createElement("slot");
42
+ return this.color && this.classList.add("wje-color-" + this.color, "wje-color"), t.appendChild(s), t;
43
43
  }
44
44
  }
45
45
  c.define("wje-badge", c);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "wj-elements",
3
3
  "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
4
- "version": "0.1.7",
4
+ "version": "0.1.8",
5
5
  "homepage": "https://github.com/lencys/wj-elements",
6
6
  "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
7
7
  "license": "MIT",