wj-elements 0.0.5 → 0.0.7

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 (71) hide show
  1. package/dist/localize-762a9f0f.js +43 -0
  2. package/dist/style.css +2 -2
  3. package/dist/wj-animation.js +65 -0
  4. package/dist/wj-aside.js +8 -10
  5. package/dist/wj-avatar.js +19 -21
  6. package/dist/wj-badge.js +16 -16
  7. package/dist/wj-breadcrumb.js +7 -11
  8. package/dist/wj-breadcrumbs.js +5 -7
  9. package/dist/wj-button-group.js +11 -13
  10. package/dist/wj-button.js +36 -39
  11. package/dist/wj-card-content.js +11 -13
  12. package/dist/wj-card-controls.js +6 -8
  13. package/dist/wj-card-header.js +11 -13
  14. package/dist/wj-card-subtitle.js +9 -11
  15. package/dist/wj-card-title.js +7 -9
  16. package/dist/wj-card.js +13 -15
  17. package/dist/wj-carousel-item.js +32 -0
  18. package/dist/wj-carousel.js +178 -0
  19. package/dist/wj-checkbox.js +11 -11
  20. package/dist/wj-chip.js +17 -17
  21. package/dist/wj-col.js +11 -12
  22. package/dist/wj-color-picker.js +192 -179
  23. package/dist/wj-container.js +7 -9
  24. package/dist/wj-copy-button.js +1 -3
  25. package/dist/wj-dialog.js +20 -22
  26. package/dist/wj-divider.js +7 -9
  27. package/dist/wj-dropdown.js +10 -14
  28. package/dist/wj-element.js +9 -9
  29. package/dist/wj-fetchAndParseCSS.js +43 -0
  30. package/dist/wj-file-upload-item.js +63 -0
  31. package/dist/wj-file-upload.js +221 -0
  32. package/dist/wj-footer.js +9 -11
  33. package/dist/wj-form.js +6 -8
  34. package/dist/wj-format-digital.js +51 -0
  35. package/dist/wj-grid.js +9 -10
  36. package/dist/wj-header.js +9 -11
  37. package/dist/wj-icon-picker.js +78 -58
  38. package/dist/wj-icon.js +45 -48
  39. package/dist/wj-img-comparer.js +12 -14
  40. package/dist/wj-img.js +14 -16
  41. package/dist/wj-infinite-scroll.js +27 -22
  42. package/dist/wj-input-file.js +47 -0
  43. package/dist/wj-input.js +30 -23
  44. package/dist/wj-item.js +1 -3
  45. package/dist/wj-label.js +10 -10
  46. package/dist/wj-list.js +1 -3
  47. package/dist/wj-main.js +1 -3
  48. package/dist/wj-masonry.js +133 -0
  49. package/dist/wj-master.js +284 -249
  50. package/dist/wj-menu-button.js +10 -12
  51. package/dist/wj-menu-item.js +49 -46
  52. package/dist/wj-menu-label.js +2 -2
  53. package/dist/wj-menu.js +8 -10
  54. package/dist/wj-popup.js +89 -88
  55. package/dist/wj-progress-bar.js +14 -16
  56. package/dist/wj-radio-group.js +5 -7
  57. package/dist/wj-radio.js +13 -15
  58. package/dist/wj-rate.js +127 -0
  59. package/dist/wj-relative-time.js +50 -0
  60. package/dist/wj-router-link.js +11 -13
  61. package/dist/wj-row.js +11 -12
  62. package/dist/wj-slider.js +6 -6
  63. package/dist/wj-split-view.js +1 -3
  64. package/dist/wj-textarea.js +17 -19
  65. package/dist/wj-thumbnail.js +12 -14
  66. package/dist/wj-toast.js +1 -1
  67. package/dist/wj-toggle.js +9 -9
  68. package/dist/wj-toolbar.js +13 -15
  69. package/dist/wj-tooltip.js +16 -18
  70. package/dist/wj-visually-hidden.js +6 -8
  71. package/package.json +1 -1
@@ -0,0 +1,43 @@
1
+ const n = /* @__PURE__ */ new Map();
2
+ class s {
3
+ constructor(t) {
4
+ this.element = t, this.languages = n, this.lang = this.element.lang || document.documentElement.lang || "en", this.dir = this.element.dir || document.documentElement.dir || "ltr", this.setLanguage();
5
+ }
6
+ // Nastavenie aktuálneho jazyka
7
+ setLanguage() {
8
+ this.languages.has(this.lang) ? this.currentLang = this.lang : console.error(`Language "${this.lang}" not loaded.`);
9
+ }
10
+ // Vyhľadávanie prekladu podľa kľúča
11
+ translate(t) {
12
+ const e = this.languages.get(this.currentLang);
13
+ return e && e[t] || t;
14
+ }
15
+ // Formátovanie čísla podľa aktuálneho jazyka
16
+ formatNumber(t, e) {
17
+ return new Intl.NumberFormat(this.currentLang, e).format(t);
18
+ }
19
+ // Formátovanie dátumu podľa aktuálneho jazyka
20
+ formatDate(t) {
21
+ return new Intl.DateTimeFormat(this.currentLang).format(new Date(t));
22
+ }
23
+ relativeTime(t = 0, e, r = { numeric: "auto" }) {
24
+ return new Intl.RelativeTimeFormat(this.currentLang, r).format(t, e);
25
+ }
26
+ }
27
+ function i(...a) {
28
+ a.map((t) => {
29
+ const e = t.code.toLowerCase();
30
+ n.has(e) ? n.set(e, { ...n.get(e), ...t }) : n.set(e, t);
31
+ });
32
+ }
33
+ class o extends s {
34
+ constructor(t) {
35
+ super(t);
36
+ }
37
+ static registerTranslation(...t) {
38
+ i(...t);
39
+ }
40
+ }
41
+ export {
42
+ o as L
43
+ };
package/dist/style.css CHANGED
@@ -1,3 +1,3 @@
1
- @charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600";@import"https://keplerapis.com/fonts/css?family=Inter+UI:300,400,500,600";/*!
1
+ @charset "UTF-8";:root,:host,.wj-theme-light,.light{color-scheme:light;--wj-font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-size-x-small: .625rem;--wj-font-size-small: .75rem;--wj-font-size: .875rem;--wj-font-size-medium: 1rem;--wj-font-size-large: 1.25rem;--wj-font-size-x-large: 1.5rem;--wj-font-size-2x-large: 2.25rem;--wj-font-size-3x-large: 3rem;--wj-font-size-4x-large: 4.5rem;--wj-line-height: 21px;--wj-border-radius-small: .25rem;--wj-border-radius-medium: .5rem;--wj-border-radius-large: .75rem;--wj-border-radius-x-large: 1rem;--wj-border-radius-circle: 50%;--wj-border-radius-pill: 50rem;--wj-border-size: 0px;--wj-border-style: solid;--wj-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wj-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wj-backdrop: rgb(0, 0, 0);--wj-backdrop-opacity: .3;--wj-color: hsl(0, 0%, 29%);--wj-color-dark: hsl(0, 0%, 29%);--wj-color-light: hsl(0 0% 95%);--wj-background: var(--wj-color-contrast-0);--wj-border-color: var(--wj-color-contrast-3);--wj-card-background: var(--wj-color-contrast-0);--wj-card-color: var(--wj-color);--wj-color-primary: var(--wj-color-primary-11);--wj-color-complete: var(--wj-color-complete-11);--wj-color-success: var(--wj-color-success-11);--wj-color-warning: var(--wj-color-warning-11);--wj-color-danger: var(--wj-color-danger-11);--wj-color-info: var(--wj-color-info-11);--wj-color-menu: hsl(220, 15%, 15%);--wj-color-contrast: hsl(0, 0%, 95%);--wj-color-white: #fff;--wj-color-black: #000;--wj-color-contrast-lowest: #ffffff;--wj-color-contrast-lower: #f4f4f4;--wj-color-contrast-low: #e0e0e0;--wj-color-contrast-medium: #757575;--wj-color-contrast-high: #4b4b4b;--wj-color-contrast-highter: #212121;--wj-color-contrast-highest: #000000;--wj-color-contrast-0: hsl(0, 0%, 100%);--wj-color-contrast-1: hsl(0 0% 97.5%);--wj-color-contrast-2: hsl(240 4.8% 95.9%);--wj-color-contrast-3: hsl(240 5.9% 90%);--wj-color-contrast-4: hsl(240 4.9% 83.9%);--wj-color-contrast-5: hsl(240 5% 64.9%);--wj-color-contrast-6: hsl(240 3.8% 46.1%);--wj-color-contrast-7: hsl(240 5.2% 33.9%);--wj-color-contrast-8: hsl(240 5.3% 26.1%);--wj-color-contrast-9: hsl(240 3.7% 15.9%);--wj-color-contrast-10: hsl(240 5.9% 10%);--wj-color-contrast-11: hsl(240 7.3% 8%);--wj-color-primary-1: hsl(261, 70%, 96%);--wj-color-primary-2: hsl(260, 65%, 92%);--wj-color-primary-3: hsl(260, 63%, 88%);--wj-color-primary-4: hsl(260, 62%, 84%);--wj-color-primary-5: hsl(260, 63%, 80%);--wj-color-primary-6: hsl(259, 61%, 76%);--wj-color-primary-7: hsl(258, 61%, 72%);--wj-color-primary-8: hsl(257, 61%, 68%);--wj-color-primary-9: hsl(257, 60%, 65%);--wj-color-primary-10: hsl(256, 59%, 61%);--wj-color-primary-11: hsl(254, 59%, 57%);--wj-color-complete-1: hsl(232, 88%, 96%);--wj-color-complete-2: hsl(229, 88%, 93%);--wj-color-complete-3: hsl(229, 84%, 89%);--wj-color-complete-4: hsl(229, 85%, 86%);--wj-color-complete-5: hsl(227, 84%, 82%);--wj-color-complete-6: hsl(226, 83%, 78%);--wj-color-complete-7: hsl(225, 83%, 74%);--wj-color-complete-8: hsl(223, 83%, 70%);--wj-color-complete-9: hsl(221, 83%, 65%);--wj-color-complete-10: hsl(218, 83%, 59%);--wj-color-complete-11: hsl(211, 100%, 46%);--wj-color-success-1: hsl(147, 44%, 95%);--wj-color-success-2: hsl(148, 42%, 90%);--wj-color-success-3: hsl(149, 41%, 85%);--wj-color-success-4: hsl(150, 41%, 80%);--wj-color-success-5: hsl(149, 42%, 75%);--wj-color-success-6: hsl(150, 41%, 70%);--wj-color-success-7: hsl(151, 42%, 65%);--wj-color-success-8: hsl(152, 42%, 59%);--wj-color-success-9: hsl(153, 42%, 54%);--wj-color-success-10: hsl(155, 48%, 47%);--wj-color-success-11: hsl(158, 74%, 38%);--wj-color-warning-1: hsl(44, 100%, 96%);--wj-color-warning-2: hsl(46, 100%, 93%);--wj-color-warning-3: hsl(46, 100%, 90%);--wj-color-warning-4: hsl(46, 100%, 87%);--wj-color-warning-5: hsl(46, 100%, 84%);--wj-color-warning-6: hsl(46, 100%, 81%);--wj-color-warning-7: hsl(46, 100%, 77%);--wj-color-warning-8: hsl(47, 100%, 74%);--wj-color-warning-9: hsl(47, 100%, 71%);--wj-color-warning-10: hsl(47, 100%, 67%);--wj-color-warning-11: hsl(47, 100%, 63%);--wj-color-danger-1: hsl(9, 100%, 96%);--wj-color-danger-2: hsl(11, 100%, 91%);--wj-color-danger-3: hsl(11, 93%, 87%);--wj-color-danger-4: hsl(10, 90%, 83%);--wj-color-danger-5: hsl(9, 86%, 79%);--wj-color-danger-6: hsl(10, 82%, 74%);--wj-color-danger-7: hsl(8, 80%, 70%);--wj-color-danger-8: hsl(8, 77%, 65%);--wj-color-danger-9: hsl(7, 73%, 61%);--wj-color-danger-10: hsl(6, 71%, 56%);--wj-color-danger-11: hsl(3, 68%, 51%);--wj-color-info-1: hsl(210, 5%, 92%);--wj-color-info-2: hsl(204, 6%, 85%);--wj-color-info-3: hsl(210, 7%, 78%);--wj-color-info-4: hsl(206, 6%, 71%);--wj-color-info-5: hsl(212, 6%, 65%);--wj-color-info-6: hsl(207, 6%, 58%);--wj-color-info-7: hsl(210, 6%, 52%);--wj-color-info-8: hsl(210, 7%, 45%);--wj-color-info-9: hsl(210, 9%, 39%);--wj-color-info-10: hsl(208, 12%, 33%);--wj-color-info-11: hsl(208, 16%, 27%);--wj-color-primary-lighter: #eae0fb;--wj-color-primary-light: #845ae0;--wj-color-primary-dark: #4e37b6;--wj-color-primary-darker: #2d218f;--wj-color-success-lighter: #d6f7f0;--wj-color-success-light: #26bf93;--wj-color-success-dark: #0d935b;--wj-color-success-darker: #04733e;--wj-color-complete-lighter: #d3eeff;--wj-color-complete-light: #0f8ff9;--wj-color-complete-dark: #004fbf;--wj-color-complete-darker: #00318e;--wj-color-warning-lighter: #fffde1;--wj-color-warning-light: #ffe858;--wj-color-warning-dark: #daab2d;--wj-color-warning-darker: #aa7918;--wj-color-danger-lighter: #fde2da;--wj-color-danger-light: #e6533c;--wj-color-danger-dark: #b91e1e;--wj-color-danger-darker: #900f17;--wj-color-info-lighter: #dbe6e8;--wj-color-info-light: #475b6b;--wj-color-info-dark: #2b3947;--wj-color-info-darker: #1b2839;--wj-color-contrast-lower-a: rgba(33, 33, 33, .05);--wj-color-contrast-low-a: rgba(33, 33, 33, .14);--wj-color-contrast-medium-a: rgba(33, 33, 33, .62);--wj-color-contrast-high-a: rgba(33, 33, 33, .81)}/*!
2
2
  * direction.scss
3
- */:root{--wj-color: #212529;--wj-font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--wj-font-family-secondary: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--wj-font-size: 14px;--wj-line-height: 21px;--wj-color-contrast: #212529;--wj-border-radius: 8px;--wj-border-color: rgba(0, 0, 0, .08) !important;--wj-border-size: 0px;--wj-border-style: solid}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:#4b4b4b;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:34px;line-height:44px;letter-spacing:-.0141279em}h2{font-size:26px;line-height:34px;letter-spacing:-.021em}h3{font-size:22px;line-height:28px;letter-spacing:-.0114923em}h4{font-size:20px;line-height:26px;letter-spacing:-.00865734em}h5{font-size:18px;line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:10px}a{text-shadow:none!important;color:#4e37b6;transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:#7252d3}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a[ng-click]{cursor:pointer}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:14px;font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 10px;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:10px}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:#4b4b4b}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-family:pages-icon;font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:#4b4b4b}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;font-family:pages-icon;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:#e0e0e0}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-ms-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-ms-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:#757575;background-color:#2121210d;font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:#0072ec}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:10px;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:#757575;line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;border-bottom:1px solid #d0d0d0;text-decoration:none;color:#4b4b4b;font-weight:400;font-size:94%}cite{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:300;color:#757575;text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;text-decoration:none;color:#4b4b4b;border-bottom-color:#ffba5a;-webkit-text-stroke:.18px}acronym{text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;text-decoration:none;color:#4b4b4b;border-bottom-color:#ffba5a;-webkit-text-stroke:.2px}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;background-color:#f4f4f4;color:#4b4b4b;margin:20px 0;counter-reset:line;padding:17px 20px;border-radius:3px}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.logo{margin:18px 14px}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:#757575}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-contrast-higher{background-color:#212121!important;color:#fff}.bg-contrast-high{background-color:#4b4b4b!important;color:#fff}.bg-contrast-medium{background-color:#757575!important;color:#fff}.bg-contrast-low{background-color:#e0e0e0!important;color:#4b4b4b}.bg-contrast-lower{background-color:#f4f4f4!important;color:#4b4b4b}.bg-contrast-lowest{background-color:#fff!important;color:#4b4b4b}.bg-primary{background-color:#7252d3!important;color:#fff}.bg-primary-dark{background-color:#4e37b6!important;color:#fff}.bg-primary-darker{background-color:#2d218f!important;color:#fff}.bg-primary-light{background-color:#845ae0!important;color:#fff}.bg-primary-lighter{background-color:#eae0fb!important;color:#4b4b4b}.bg-complete{background-color:#0072ec!important;color:#fff}.bg-complete-dark{background-color:#004fbf!important;color:#fff}.bg-complete-darker{background-color:#00318e!important;color:#fff}.bg-complete-light{background-color:#0f8ff9!important;color:#fff}.bg-complete-lighter{background-color:#d3eeff!important;color:#4b4b4b}.bg-success{background-color:#19ad79!important;color:#fff}.bg-success-dark{background-color:#0d935b!important;color:#fff}.bg-success-darker{background-color:#04733e!important;color:#fff}.bg-success-light{background-color:#26bf93!important;color:#4b4b4b}.bg-success-lighter{background-color:#d6f7f0!important;color:#4b4b4b}.bg-info{background-color:#3b4752!important;color:#fff}.bg-info-dark{background-color:#2b3947;color:#fff}.bg-info-darker{background-color:#1b2839;color:#fff}.bg-info-light{background-color:#475b6b;color:#fff}.bg-info-lighter{background-color:#dbe6e8;color:#4b4b4b}.bg-danger{background-color:#d83c31!important;color:#fff}.bg-danger-dark{background-color:#b91e1e;color:#fff}.bg-danger-darker{background-color:#900f17;color:#fff}.bg-danger-light{background-color:#e6533c;color:#4b4b4b}.bg-danger-lighter{background-color:#fde2da;color:#4b4b4b}.bg-warning{background-color:#ffd945!important;color:#4b4b4b}.bg-warning-dark{background-color:#daab2d;color:#4b4b4b}.bg-warning-darker{background-color:#aa7918;color:#4b4b4b}.bg-warning-light{background-color:#ffe858;color:#4b4b4b}.bg-warning-lighter{background-color:#fffde1;color:#4b4b4b}.bg-menu-dark{background-color:#21252d;color:#fff}.bg-menu{background-color:#2b303b;color:#fff}.bg-menu-light{background-color:#929aac;color:#4b4b4b}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%)}.bg-black{background-color:#000!important;color:#fff}.bg-white{background-color:#fff!important;color:#4b4b4b}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-dark{color:#212121!important}.text-color{color:#4b4b4b!important}.text-primary{color:#45289c!important}.text-primary-lighter{color:#eae0fb!important}.text-complete{color:#0054af!important}.text-complete-lighter{color:#d3eeff!important}.text-success{color:#148e63!important}.text-success-lighter{color:#d6f7f0!important}.text-info{color:#3b4752!important}.text-info-lighter{color:#dbe6e8!important}.text-warning{color:#927400!important}.text-warning-lighter{color:#fffde1!important}.text-danger{color:#b82d23!important}.text-danger-lighter{color:#fde2da!important}.text-black{color:#000!important}.text-white{color:#fff!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.label{padding:0 5px;font-size:11px;line-height:21px;text-shadow:none;background-color:#e0e0e0;font-weight:600;color:#4b4b4b;border-radius:3px;text-transform:uppercase;display:inline-block}.label-primary{background-color:#7252d3;color:#fff}.label-primary-lighter{background-color:#eae0fb;color:#4e37b6}.label-success{background-color:#19ad79;color:#fff}.label-success-lighter{background-color:#d6f7f0;color:#0d935b}.label-warning{background-color:#ffd945;color:#4b4b4b}.label-warning-lighter{background-color:#fffde1;color:#daab2d}.label-important,.label-danger{background-color:#d83c31;color:#fff}.label-danger-lighter{background-color:#fde2da;color:#b91e1e}.label-info{background-color:#0072ec;color:#fff}.label-info-lighter{background-color:#dbe6e8;color:#2b3947}.label-inverse{background-color:#004fbf;color:#fff}.label-complete-lighter{background-color:#d3eeff;color:#004fbf}.label-white{background-color:#fff;color:#4b4b4b}.stroke-primary{stroke:#7252d3!important}.stroke-complete{stroke:#0072ec!important}.stroke-success{stroke:#19ad79!important}.stroke-info{stroke:#3b4752!important}.stroke-warning{stroke:#ffd945!important}.stroke-danger{stroke:#d83c31!important}.fs-10{font-size:10px!important;letter-spacing:.0180093em;line-height:15px}.fs-11{font-size:10.5px!important;letter-spacing:.0128359em;line-height:16px}.fs-12{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.fs-13{font-size:13px!important;letter-spacing:.00484144em;line-height:19px}.fs-14{font-size:14px!important;letter-spacing:.00177646em;line-height:22px}.fs-15{font-size:15px!important;letter-spacing:-.000797757em;line-height:23px}.fs-16{font-size:16px!important;letter-spacing:-.00295978em;line-height:24px}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.font-georgia{font-family:Georgia!important}.font-heading,.font-secondary{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.well{background-color:#e0e0e0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:#0072ec;color:#fff;border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.jumbotron{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.jumbotron p{font-size:14px;font-weight:400;margin-bottom:inherit}.jumbotron p.small{font-size:85.714%}@media (max-width: 1400px){body,p{font-size:13px;line-height:20px}h1{font-size:33px;line-height:44px;letter-spacing:-.08px}h2{font-size:28px;line-height:40px}h3{font-size:24px;line-height:35.88px}h4{font-size:18px;line-height:33.88px}h5{font-size:16px;line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.windows .small-text,.windows small,.windows .small{-webkit-text-stroke:.028px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}.visible-xlg{display:none}.hidden-xlg{display:block}@media (min-width: 1824px){.visible-xlg{display:block!important}.hidden-xlg{display:none!important}.quickview-wrapper .tab-content #quickview-notes>.inner{width:570px}.container-fluid.container-fixed-lg{width:1700px;margin-right:auto;margin-left:auto}.menu-pin .container-fluid.container-fixed-lg{width:1450px}.col-xlg-1,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9,.col-xlg-10,.col-xlg-11{min-height:1px;padding-left:15px;padding-right:15px;position:relative}.col-xlg-12{min-height:1px;padding-left:15px;padding-right:15px;position:relative;flex:0 0 100%;max-width:100%}.col-xlg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xlg-10{width:83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-xlg-9{flex:0 0 75%;max-width:75%}.col-xlg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xlg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xlg-6{flex:0 0 50%;max-width:50%}.col-xlg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xlg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xlg-3{flex:0 0 25%;max-width:25%}.col-xlg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xlg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xlg-pull-12{right:100%}.col-xlg-pull-11{right:91.6667%}.col-xlg-pull-10{right:83.3333%}.col-xlg-pull-9{right:75%}.col-xlg-pull-8{right:66.6667%}.col-xlg-pull-7{right:58.3333%}.col-xlg-pull-6{right:50%}.col-xlg-pull-5{right:41.6667%}.col-xlg-pull-4{right:33.3333%}.col-xlg-pull-3{right:25%}.col-xlg-pull-2{right:16.6667%}.col-xlg-pull-1{right:8.33333%}.col-xlg-pull-0{right:0}.col-xlg-push-12{left:100%}.col-xlg-push-11{left:91.6667%}.col-xlg-push-10{left:83.3333%}.col-xlg-push-9{left:75%}.col-xlg-push-8{left:66.6667%}.col-xlg-push-7{left:58.3333%}.col-xlg-push-6{left:50%}.col-xlg-push-5{left:41.6667%}.col-xlg-push-4{left:33.3333%}.col-xlg-push-3{left:25%}.col-xlg-push-2{left:16.6667%}.col-xlg-push-1{left:8.33333%}.col-xlg-push-0{left:0}.col-xlg-offset-12{margin-left:100%}.col-xlg-offset-11{margin-left:91.6667%}.col-xlg-offset-10{margin-left:83.3333%}.col-xlg-offset-9{margin-left:75%}.col-xlg-offset-8{margin-left:66.6667%}.col-xlg-offset-7{margin-left:58.3333%}.col-xlg-offset-6{margin-left:50%}.col-xlg-offset-5{margin-left:41.6667%}.col-xlg-offset-4{margin-left:33.3333%}.col-xlg-offset-3{margin-left:25%}.col-xlg-offset-2{margin-left:16.6667%}.col-xlg-offset-1{margin-left:8.33333%}.col-xlg-offset-0{margin-left:0}}@media only screen and (max-width: 1400px){.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{bottom:50px}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets{display:none}.footer-widget{padding:11px 21px!important}}@media only screen and (max-width: 1199px){.visible-xl-down{display:block!important}}@media only screen and (min-width: 980px){body.ie9.menu-pin .page-sidebar{transform:none!important;-webkit-transform:none!important;-ms-transform:none!important}body.menu-pin .header .brand{width:245px}body.menu-pin .page-container{padding-left:0}body.menu-pin .page-container .page-content-wrapper .content{padding-left:250px}body.menu-pin .page-container .page-content-wrapper .footer{left:250px}body.menu-pin [data-toggle-pin=sidebar]>i:before{content:""}body.menu-pin .page-sidebar{transform:translate(210px)!important;-webkit-transform:translate(210px,0)!important;-ms-transform:translate(210px,0)!important;width:250px}body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls{transform:translate(21px);-webkit-transform:translateX(21px)}body.menu-pin .page-sidebar .menu-items .icon-thumbnail{transform:translate3d(-14px,0,0);-webkit-transform:-webkit-translate3d(-14px,0,0)}body.menu-behind .page-sidebar{z-index:799}body.menu-behind .header .brand{width:200px;text-align:left;padding-left:20px}body.box-layout{background-color:#fff}body.box-layout>.container,body.box-layout>.full-height>.container{height:100%;padding:0;background-color:#fff}body.box-layout .header{background-color:transparent;border:0;padding:0}body.box-layout .header>.container{background-color:#fff;border-bottom:1px solid rgba(230,230,230,.7);padding:0 20px 0 0;height:100%}body.box-layout .page-sidebar{left:auto;transform:none!important;-webkit-transform:none!important}body.box-layout .page-container .page-content-wrapper .footer{width:auto}.header .brand{position:relative}.header .user-info-wrapper .user-details .user-name{font-size:16px}.header .user-info-wrapper .user-details .user-other{font-size:10px}.header .user-info-wrapper .user-pic{position:relative;top:-6px}.notification-panel{width:400px}}@media (max-width: 991px){.container-fluid{padding-left:1rem;padding-right:1rem}.hidden-lg-down{display:none!important}.page-container{padding-left:0}.d-flex-lg-down{display:flex}.justify-between-lg-down{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}body.sidebar-open .page-container{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0);-ms-transform:translate(250px,0);overflow:hidden;position:fixed}body.sidebar-open .push-on-sidebar-open{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0);-ms-transform:translate(250px,0);overflow:hidden}body.box-layout>.container{padding:0;height:100%}body.box-layout .header>.container{padding:0}body.box-layout .header>.container .pull-right .sm-action-bar{right:0}body.horizontal-app-menu .header>.container{padding:0}body.horizontal-app-menu .secondary-sidebar{margin-left:0}.sm-action-bar{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.sm-action-bar>a{padding:10px;display:inline-block}.pace .pace-activity{top:60px}.page-sidebar{width:250px;z-index:auto;left:0!important;-webkit-transform:translate3d(0,0px,0px)!important;transform:translateZ(0)!important}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 30px 0 36px}.page-container{padding-left:0;position:relative;transition:transform .25s ease;-webkit-transition:-webkit-transform .25s ease}.page-container .page-content-wrapper .content{overflow-x:hidden;height:auto;padding-top:48px!important}.icon-thumbnail{margin-right:24px}.page-sidebar{display:none;z-index:auto}.page-sidebar.visible{display:block}.page-sidebar .page-sidebar-inner{z-index:1;left:0!important;width:260px}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{overflow:scroll;-webkit-overflow-scrolling:touch;top:40px;bottom:0}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul>li>a>.badge{display:inline-block}.secondary-sidebar .btn-compose{display:none}.inner-content,.horizontal-app-menu .inner-content{margin:0}.breadcrumb,.copyright{padding-left:15px;padding-right:15px}body>.pgn-wrapper[data-position=top]{top:48px;left:0}body>.pgn-wrapper[data-position=bottom]{left:0}body>.pgn-wrapper[data-position$=-left]{left:20px;right:auto}.sm-table{display:table;width:100%}.user-profile-wrapper{position:absolute;right:50px;top:-9px}.container{width:100%}.table-responsive-block table,.table-responsive-block thead,.table-responsive-block tbody,.table-responsive-block th,.table-responsive-block td,.table-responsive-block tr{display:block}.table-responsive-block thead tr{position:absolute;top:-9999px;left:-9999px}.table-responsive-block tr{border:1px solid rgba(230,230,230,.7);border-right:0;border-left:0;margin-bottom:15px}.table-responsive-block td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}.table-responsive-block td:last-child{border-bottom:0}.table-responsive-block td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}.table-responsive-block td:before{content:attr(data-title)}.kill-pull-md-down{position:relative;display:block;width:inherit}.kill-pull-md-down .toggle-secondary-sidebar{display:inline-block;font-size:18px}.nav-tabs-header.nav-tabs-linetriangle{height:61px}.overlay{padding-left:15px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.page-sidebar .sidebar-menu .menu-items ul{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.page-container .page-content-wrapper .content{padding-top:60px}body.box-layout>.container{width:100%}.inner-content{margin-left:0}.secondary-sidebar{float:none;height:auto;left:50%;margin-left:-155px;padding:20px 20px 20px 0;position:absolute;right:0;top:60px;z-index:9999;display:none;border-radius:10px;box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px,#0f0f0f33 0 9px 24px}.secondary-sidebar .btn-compose{display:none}.mark-email{margin-left:25px}.horizontal-app-menu .secondary-sidebar{display:inline-block;position:relative;top:inherit;left:inherit;right:inherit;padding:20px 0;border-radius:0;float:left;height:100%}.split-details{margin-left:0}.toggle-secondary-sidebar{display:block;font-size:18px;left:50%;margin-left:-36px;position:absolute}.toggle-secondary-sidebar~.brand{display:none!important}}@media (max-width: 991px){.sm-b-r,.sm-b-l,.sm-b-t,.sm-b-b{border-width:0}.sm-b-r{border-right-width:1px}.sm-b-l{border-left-width:1px}.sm-b-t{border-top-width:1px}.sm-b-b{border-bottom-width:1px}.sidebar-menu .icon-thumbnail{margin-right:15px}}@media (min-width: 1200px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-lg]{margin-bottom:-99999px;padding-bottom:99999px}}@media (max-width: 1199px) and (min-width: 992px){.visible-md{display:block!important}}@media (min-width: 992px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-md]{margin-bottom:-99999px;padding-bottom:99999px}}@media (min-width: 768px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-sm]{margin-bottom:-99999px;padding-bottom:99999px}.box-layout .container .jumbotron,.container-fluid .jumbotron{padding:0}.d-flex-md-up{display:flex}.navbar-toggle{display:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.dataTables_wrapper.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:absolute}.justify-end-md-up{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}@media (min-width: 700px){.dd{float:none}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.page-sidebar .sidebar-menu .menu-items>li>a{padding-left:27px}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 27px 0 31px}.icon-thumbnail{margin-right:21px}}@media (max-width: 991px) and (min-width: 768px){.visible-sm{display:block}.hidden-sm{display:none}.visible-sm-inline-block{display:inline-block!important}.md-p-t-0{margin-top:0!important}.md-p-r-0{margin-right:0!important}.md-p-l-0{margin-left:0!important}.md-p-b-0{margin-bottom:0!important}.md-p-t-5{margin-top:5px!important}.md-p-r-5{margin-right:5px!important}.md-p-l-5{margin-left:5px!important}.md-p-b-5{margin-bottom:5px!important}.md-p-t-10{margin-top:10px!important}.md-p-r-10{margin-right:10px!important}.md-p-l-10{margin-left:10px!important}.md-p-b-10{margin-bottom:10px!important}.md-p-t-15{margin-top:15px!important}.md-p-r-15{margin-right:15px!important}.md-p-l-15{margin-left:15px!important}.md-p-b-15{margin-bottom:15px!important}}@media (max-width: 979px){.toggle-secondary-sidebar{font-size:18px;position:static;display:block}.toggle-secondary-sidebar~.brand{display:none!important}.secondary-sidebar .btn-compose{display:none}.split-view .split-list{width:100%;height:auto;bottom:50px;left:0;top:0;position:absolute;z-index:700;float:none}.split-view .split-list .item{padding:8px}.split-view .split-list .item .inline{width:188px}.split-view .split-details{margin-left:0;width:100%}.split-view .split-details .email-content-wrapper{overflow:auto;padding:0;height:calc(100% - 50px)}.split-view .split-details .email-content-wrapper .email-content{width:90%}.compose-wrapper,.compose-wrapper .btn-compose{display:block!important}}@media (max-width: 767px){.container-fluid{padding-left:1rem;padding-right:1rem}.page-container .page-content-wrapper .content{padding-top:48px;padding-bottom:100px}.page-sidebar .sidebar-header{padding:0 12px}.page-sidebar .sidebar-menu .menu-items>li>a{padding-left:20px}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 25px 0 28px}.icon-thumbnail{margin-right:20px}.split-details{margin-left:0}.sm-pull-bottom,.sm-pull-up{position:relative!important}.sm-p-t-0{margin-top:0!important}.sm-p-r-0{margin-right:0!important}.sm-p-l-0{margin-left:0!important}.sm-p-b-0{margin-bottom:0!important}.sm-p-t-5{margin-top:5px!important}.sm-p-r-5{margin-right:5px!important}.sm-p-l-5{margin-left:5px!important}.sm-p-b-5{margin-bottom:5px!important}.sm-p-t-10{margin-top:10px!important}.sm-p-r-10{margin-right:10px!important}.sm-p-l-10{margin-left:10px!important}.sm-p-b-10{margin-bottom:10px!important}.sm-p-t-15{margin-top:15px!important}.sm-p-r-15{margin-right:15px!important}.sm-p-l-15{margin-left:15px!important}.sm-p-b-15{margin-bottom:15px!important}.sm-p-t-20{margin-top:20px!important}.sm-p-r-20{margin-right:20px!important}.sm-p-l-20{margin-left:20px!important}.sm-p-b-20{margin-bottom:20px!important}.sm-p-t-25{margin-top:25px!important}.sm-p-r-25{margin-right:25px!important}.sm-p-l-25{margin-left:25px!important}.sm-p-b-25{margin-bottom:25px!important}.sm-p-t-30{margin-top:30px!important}.sm-p-r-30{margin-right:30px!important}.sm-p-l-30{margin-left:30px!important}.sm-p-b-30{margin-bottom:30px!important}.sm-p-t-35{margin-top:35px!important}.sm-p-r-35{margin-right:35px!important}.sm-p-l-35{margin-left:35px!important}.sm-p-b-35{margin-bottom:35px!important}.sm-p-t-40{margin-top:40px!important}.sm-p-r-40{margin-right:40px!important}.sm-p-l-40{margin-left:40px!important}.sm-p-b-40{margin-bottom:40px!important}.sm-p-t-45{margin-top:45px!important}.sm-p-r-45{margin-right:45px!important}.sm-p-l-45{margin-left:45px!important}.sm-p-b-45{margin-bottom:45px!important}.sm-p-t-50{margin-top:50px!important}.sm-p-r-50{margin-right:50px!important}.sm-p-l-50{margin-left:50px!important}.sm-p-b-50{margin-bottom:50px!important}.sm-no-margin{margin:0}.sm-no-padding{padding:0}.sm-text-right{text-align:right!important}.sm-text-left{text-align:left!important}.sm-text-center{text-align:center!important}.sm-pull-right{float:right!important}.sm-pull-left{float:left!important}.sm-pull-reset{float:none!important}.sm-block{display:block}.sm-image-responsive-height{width:100%;height:auto}.email-composer{padding-left:30px;padding-right:30px}.sm-padding-10{padding:10px!important}.lock-box{align-items:flex-start;height:auto}.login-box{padding-right:15px;padding-left:15px}.visible-xs-inline-block{display:inline-block!important}.nav-tabs-linetriangle.nav-cust{flex-direction:column}.nav-tabs-linetriangle li a.active:after,.nav-tabs-linetriangle li a.active:before{display:none}.sm-vh-25{height:25vh}.sm-vh-50{height:50vh}.sm-vh-75{height:75vh}.sm-vh-100{height:100vh}.horizontal-app-menu .page-container .page-content-wrapper .content>.container{padding-left:0;padding-right:0}.summernote-wrapper .btn-group{-ms-flex-flow:wrap;flex-flow:wrap}}@media (max-width: 480px){body{width:100%}body #overlay-search{font-size:48px;height:118px;line-height:46px}.page-sidebar .sidebar-header{height:48px;line-height:48px}.panel .panel-heading{padding-left:15px}.panel .panel-body{padding:0 15px 15px}.map-controls{left:10px}.register-container{height:auto!important}}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 200/100),only screen and (min-device-pixel-ratio: 2){.editor-icon{background-image:url(../../img/editor_tray_2x.png);background-size:480px 40px}.alert .close{background:url(../../img/icons/noti-cross-2x.png) no-repeat scroll 0 0 transparent;background-position:-9px -10px;width:10px;height:9px;position:relative;opacity:.8;background-size:114px 29px}}.hidden{display:none!important}.visible-sm,.visible-xs{display:none}@media (max-width: 767px){.visible-xs{display:block}.hidden-xs{display:none}}@media (min-width: 768px){ul[data-init-reponsive-tabs=dropdownfx] li span.hide-text{display:none!important}}
3
+ */:host,.wj-theme-dark,.dark{color-scheme:dark;--wj-font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wj-font-size-x-small: .625rem;--wj-font-size-small: .75rem;--wj-font-size: .875rem;--wj-font-size-medium: 1rem;--wj-font-size-large: 1.25rem;--wj-font-size-x-large: 1.5rem;--wj-font-size-2x-large: 2.25rem;--wj-font-size-3x-large: 3rem;--wj-font-size-4x-large: 4.5rem;--wj-line-height: 21px;--wj-border-radius-small: .25rem;--wj-border-radius-medium: .5rem;--wj-border-radius-large: .75rem;--wj-border-radius-x-large: 1rem;--wj-border-radius-circle: 50%;--wj-border-radius-pill: 50rem;--wj-border-size: 0px;--wj-border-style: solid;--wj-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wj-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wj-backdrop: rgb(0, 0, 0);--wj-backdrop-opacity: .3;--wj-color: var(--wj-color-contrast-11);--wj-color-dark: hsl(0, 0%, 29%);--wj-color-light: hsl(0 0% 95%);--wj-background: hsl(218, 57%, 3%);--wj-border-color: var(--wj-color-contrast-4);--wj-card-background: var(--wj-color-contrast-3);--wj-card-color: var(--wj-color-white) !important;--wj-color-primary: var(--wj-color-primary-1);--wj-color-complete: var(--wj-color-complete-1);--wj-color-success: var(--wj-color-success-1);--wj-color-warning: var(--wj-color-warning-1);--wj-color-danger: var(--wj-color-danger-1);--wj-color-info: var(--wj-color-info-1);--wj-color-menu: hsl(220, 15%, 15%);--wj-color-contrast: hsl(210, 11%, 15%);--wj-color-white: #fff;--wj-color-black: #000;--wj-color-contrast-lowest: hsl(0, 0%, 0%);--wj-color-contrast-lower: hsl(0, 0%, 13%);--wj-color-contrast-low: hsl(0, 0%, 29%);--wj-color-contrast-medium: hsl(0, 0%, 46%);--wj-color-contrast-high: hsl(0, 0%, 88%);--wj-color-contrast-highter: hsl(0, 0%, 96%);--wj-color-contrast-highest: hsl(0, 0%, 100%);--wj-color-contrast-0: hsl(0, 0%, 0%);--wj-color-contrast-1: hsl(240 5.1% 15%);--wj-color-contrast-2: hsl(240 5.7% 18.2%);--wj-color-contrast-3: hsl(240 4.6% 22%);--wj-color-contrast-4: hsl(240 5% 27.6%);--wj-color-contrast-5: hsl(240 5% 35.5%);--wj-color-contrast-6: hsl(240 3.7% 44%);--wj-color-contrast-7: hsl(240 5.3% 58%);--wj-color-contrast-8: hsl(240 5.6% 73%);--wj-color-contrast-9: hsl(240 7.3% 84%);--wj-color-contrast-10: hsl(240 9.1% 91.8%);--wj-color-contrast-11: hsl(0 0% 95%);--wj-color-primary-1: hsl(254, 59%, 57%);--wj-color-primary-2: hsl(256, 59%, 61%);--wj-color-primary-3: hsl(257, 60%, 65%);--wj-color-primary-4: hsl(257, 61%, 68%);--wj-color-primary-5: hsl(258, 61%, 72%);--wj-color-primary-6: hsl(259, 61%, 76%);--wj-color-primary-7: hsl(260, 63%, 80%);--wj-color-primary-8: hsl(260, 62%, 84%);--wj-color-primary-9: hsl(260, 63%, 88%);--wj-color-primary-10: hsl(260, 65%, 92%);--wj-color-primary-11: hsl(261, 70%, 96%);--wj-color-complete-1: hsl(211, 100%, 46%);--wj-color-complete-2: hsl(218, 83%, 59%);--wj-color-complete-3: hsl(221, 83%, 65%);--wj-color-complete-4: hsl(223, 83%, 70%);--wj-color-complete-5: hsl(225, 83%, 74%);--wj-color-complete-6: hsl(226, 83%, 78%);--wj-color-complete-7: hsl(227, 84%, 82%);--wj-color-complete-8: hsl(229, 85%, 86%);--wj-color-complete-9: hsl(229, 84%, 89%);--wj-color-complete-10: hsl(229, 88%, 93%);--wj-color-complete-11: hsl(232, 88%, 96%);--wj-color-success-1: hsl(158, 74%, 38%);--wj-color-success-2: hsl(155, 48%, 47%);--wj-color-success-3: hsl(153, 42%, 54%);--wj-color-success-4: hsl(152, 42%, 59%);--wj-color-success-5: hsl(151, 42%, 65%);--wj-color-success-6: hsl(150, 41%, 70%);--wj-color-success-7: hsl(149, 42%, 75%);--wj-color-success-8: hsl(150, 41%, 80%);--wj-color-success-9: hsl(149, 41%, 85%);--wj-color-success-10: hsl(148, 42%, 90%);--wj-color-success-11: hsl(147, 44%, 95%);--wj-color-warning-1: hsl(47, 100%, 63%);--wj-color-warning-2: hsl(47, 100%, 67%);--wj-color-warning-3: hsl(47, 100%, 71%);--wj-color-warning-4: hsl(47, 100%, 74%);--wj-color-warning-5: hsl(46, 100%, 77%);--wj-color-warning-6: hsl(46, 100%, 81%);--wj-color-warning-7: hsl(46, 100%, 84%);--wj-color-warning-8: hsl(46, 100%, 87%);--wj-color-warning-9: hsl(46, 100%, 90%);--wj-color-warning-10: hsl(46, 100%, 93%);--wj-color-warning-11: hsl(44, 100%, 96%);--wj-color-danger-1: hsl(3, 68%, 51%);--wj-color-danger-2: hsl(6, 71%, 56%);--wj-color-danger-3: hsl(7, 73%, 61%);--wj-color-danger-4: hsl(8, 77%, 65%);--wj-color-danger-5: hsl(8, 80%, 70%);--wj-color-danger-6: hsl(10, 82%, 74%);--wj-color-danger-7: hsl(9, 86%, 79%);--wj-color-danger-8: hsl(10, 90%, 83%);--wj-color-danger-9: hsl(11, 93%, 87%);--wj-color-danger-10: hsl(11, 100%, 91%);--wj-color-danger-11: hsl(9, 100%, 96%);--wj-color-info-1: hsl(208, 16%, 27%);--wj-color-info-2: hsl(208, 12%, 33%);--wj-color-info-3: hsl(210, 9%, 39%);--wj-color-info-4: hsl(210, 7%, 45%);--wj-color-info-5: hsl(210, 6%, 52%);--wj-color-info-6: hsl(207, 6%, 58%);--wj-color-info-7: hsl(212, 6%, 65%);--wj-color-info-8: hsl(206, 6%, 71%);--wj-color-info-9: hsl(210, 7%, 78%);--wj-color-info-10: hsl(204, 6%, 85%);--wj-color-info-11: hsl(210, 5%, 92%);--wj-color-primary-lighter: #eae0fb;--wj-color-primary-light: #845ae0;--wj-color-primary-dark: #4e37b6;--wj-color-primary-darker: #2d218f;--wj-color-success-lighter: #d6f7f0;--wj-color-success-light: #26bf93;--wj-color-success-dark: #0d935b;--wj-color-success-darker: #04733e;--wj-color-complete-lighter: #d3eeff;--wj-color-complete-light: #0f8ff9;--wj-color-complete-dark: #004fbf;--wj-color-complete-darker: #00318e;--wj-color-warning-lighter: #fffde1;--wj-color-warning-light: #ffe858;--wj-color-warning-dark: #daab2d;--wj-color-warning-darker: #aa7918;--wj-color-danger-lighter: #fde2da;--wj-color-danger-light: #e6533c;--wj-color-danger-dark: #b91e1e;--wj-color-danger-darker: #900f17;--wj-color-info-lighter: #dbe6e8;--wj-color-info-light: #475b6b;--wj-color-info-dark: #2b3947;--wj-color-info-darker: #1b2839;--wj-color-contrast-lower-a: rgba(33, 33, 33, .05);--wj-color-contrast-low-a: rgba(33, 33, 33, .14);--wj-color-contrast-medium-a: rgba(33, 33, 33, .62);--wj-color-contrast-high-a: rgba(33, 33, 33, .81)}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:var(--wj-color-contrast-high);font-family:var(--wj-font-family);font-size:var(--wj-font-size);font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:.625rem 0;font-family:var(--wj-font-family);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:var(--wj-font-size-2x-large);line-height:44px;letter-spacing:-.0141279em}h2{font-size:var(--wj-font-size-x-large);line-height:34px;letter-spacing:-.021em}h3{font-size:var(--wj-font-size-large);line-height:28px;letter-spacing:-.0114923em}h4{font-size:var(--wj-font-size-large);line-height:26px;letter-spacing:-.00865734em}h5{font-size:var(--wj-font-medium);line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:.625rem}a{text-shadow:none!important;color:var(--wj-color-primary-dark);transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:var(--wj-color-primary)}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:14px;font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 .625rem;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:.625rem}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:var(--wj-color-contrast-high)}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:var(--wj-color-contrast-high)}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:var(--wj-color-contrast-low)}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:var(--wj-color-contrast-medium);background-color:var(--wj-color-contrast-lower-a);font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:var(--wj-color-complete)}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:.625rem;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:var(--wj-color-contrast-medium);line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:var(--wj-font-family);border-bottom:1px solid #d0d0d0;text-decoration:none;color:var(--wj-color-contrast-high);font-weight:400;font-size:94%}cite{font-family:var(--wj-font-family);font-weight:300;color:var(--wj-color-contrast-medium);text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:var(--wj-font-family);font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:var(--wj-font-family);font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:var(--wj-font-family);font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{text-decoration:none;letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wj-color-contrast-high)}acronym{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wj-color-contrast-high)}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;counter-reset:line;background-color:var(--wj-color-contrast-low) er;color:var(--wj-color-contrast-high);margin-inline:0;padding:1rem 1.25rem;border-radius:3px;margin-top:1rem;margin-bottom:1rem}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:var(--wj-font-family);position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:var(--wj-color-contrast-medium)}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-contrast-higher{background-color:var(--wj-color-contrast-highter)!important;color:var(--wj-color-contrast-lowest)}.bg-contrast-high{background-color:var(--wj-color-contrast-high)!important;color:var(--wj-color-contrast-lowest)}.bg-contrast-medium{background-color:var(--wj-color-contrast-medium)!important;color:var(--wj-color-contrast-lowest)}.bg-contrast-low{background-color:var(--wj-color-contrast-low)!important;color:var(--wj-color-contrast-high)}.bg-contrast-lower{background-color:var(--wj-color-contrast-lower)!important;color:var(--wj-color-contrast-high)}.bg-contrast-lowest{background-color:var(--wj-color-contrast-lowest)!important;color:var(--wj-color-contrast-high)}.bg-primary{background-color:var(--wj-color-primary)!important;color:var(--wj-color-contrast-lowest)}.bg-primary-dark{background-color:var(--wj-color-primary-dark)!important;color:var(--wj-color-contrast-lowest)}.bg-primary-darker{background-color:var(--wj-color-primary-dark) er!important;color:var(--wj-color-contrast-lowest)}.bg-primary-light{background-color:var(--wj-color-primary-light)!important;color:var(--wj-color-contrast-lowest)}.bg-primary-lighter{background-color:var(--wj-color-primary-lighter)!important;color:var(--wj-color-contrast-high)}.bg-complete{background-color:var(--wj-color-complete)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-dark{background-color:var(--wj-color-complete-dark)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-darker{background-color:var(--wj-color-complete-darker)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-light{background-color:var(--wj-color-complete-light)!important;color:var(--wj-color-contrast-lowest)}.bg-complete-lighter{background-color:var(--wj-color-complete-lighter)!important;color:var(--wj-color-contrast-high)}.bg-success{background-color:var(--wj-color-success)!important;color:var(--wj-color-contrast-lowest)}.bg-success-dark{background-color:var(--wj-color-success-dark)!important;color:var(--wj-color-contrast-lowest)}.bg-success-darker{background-color:var(--wj-color-success-darker)!important;color:var(--wj-color-contrast-lowest)}.bg-success-light{background-color:var(--wj-color-success-light)!important;color:var(--wj-color-contrast-high)}.bg-success-lighter{background-color:var(--wj-color-success-lighter)!important;color:var(--wj-color-contrast-high)}.bg-info{background-color:var(--wj-color-info)!important;color:var(--wj-color-contrast-lowest)}.bg-info-dark{background-color:var(--wj-color-info-dark);color:var(--wj-color-contrast-lowest)}.bg-info-darker{background-color:var(--wj-color-info-darker);color:var(--wj-color-contrast-lowest)}.bg-info-light{background-color:var(--wj-color-info-light);color:var(--wj-color-contrast-lowest)}.bg-info-lighter{background-color:var(--wj-color-info-lighter);color:var(--wj-color-contrast-high)}.bg-danger{background-color:var(--wj-color-danger)!important;color:var(--wj-color-contrast-lowest)}.bg-danger-dark{background-color:var(--wj-color-danger-dark);color:var(--wj-color-contrast-lowest)}.bg-danger-darker{background-color:var(--wj-color-danger-darker);color:var(--wj-color-contrast-lowest)}.bg-danger-light{background-color:var(--wj-color-danger-light);color:var(--wj-color-contrast-high)}.bg-danger-lighter{background-color:var(--wj-color-danger-lightervar);color:var(--wj-color-contrast-high)}.bg-warning{background-color:var(--wj-color-warning)!important;color:var(--wj-color-contrast-high)}.bg-warning-dark{background-color:var(--wj-color-warning-dark);color:var(--wj-color-contrast-high)}.bg-warning-darker{background-color:var(--wj-color-warning-darker);color:var(--wj-color-contrast-high)}.bg-warning-light{background-color:var(--wj-color-warning-light);color:var(--wj-color-contrast-high)}.bg-warning-lighter{background-color:var(--wj-color-warning-lighter);color:var(--wj-color-contrast-high)}.bg-menu-dark{background-color:var(--wj-color-menu-dark);color:var(--wj-color-contrast-lowest)}.bg-menu{background-color:var(--wj-color-menu);color:var(--wj-color-contrast-lowest)}.bg-menu-light{background-color:var(--wj-color-menu-light);color:var(--wj-color-contrast-high)}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%)}.bg-black{background-color:var(--wj-color-black)!important;color:var(--wj-color-contrast-lowest)}.bg-white{background-color:var(--wj-color-contrast-lowest)!important;color:var(--wj-color-contrast-high)}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-dark{color:var(--wj-color-contrast-highter)!important}.text-color{color:var(--wj-color-contrast-high)!important}.text-primary{color:var(--wj-color-primary)!important}.text-primary-lighter{color:var(--wj-color-primary-lighter)!important}.text-complete{color:var(--wj-color-complete)!important}.text-complete-lighter{color:var(--wj-color-complete-lighter)!important}.text-success{color:var(--wj-color-success)!important}.text-success-lighter{color:var(--wj-color-success-lighter)!important}.text-info{color:var(--wj-color-info)!important}.text-info-lighter{color:var(--wj-color-info-lighter)!important}.text-warning{color:var(--wj-color-warning)!important}.text-warning-lighter{color:var(--wj-color-warning-lighter)!important}.text-danger{color:var(--wj-color-danger)!important}.text-danger-lighter{color:var(--wj-color-danger-lighter)!important}.text-black{color:var(--wj-color-black)!important}.text-white{color:var(--wj-color-white)!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.stroke-primary{stroke:var(--wj-color-primary)!important}.stroke-complete{stroke:var(--wj-color-complete)!important}.stroke-success{stroke:var(--wj-color-success)!important}.stroke-info{stroke:var(--wj-color-info)!important}.stroke-warning{stroke:var(--wj-color-warning)!important}.stroke-danger{stroke:var(--wj-color-danger)!important}.fs-x-small{font-size:var(--wj-font-size-x-small)!important;letter-spacing:.0180093em;line-height:15px}.fs-small{font-size:var(--wj-font-size-small)!important;letter-spacing:.00849077em;line-height:18px}.fs{font-size:var(--wj-font-size)!important;letter-spacing:.00177646em;line-height:22px}.fs-medium{font-size:var(--wj-font-size-medium)!important;letter-spacing:-.00295978em;line-height:24px}.fs-large{font-size:var(--wj-font-size-large)!important;letter-spacing:normal;line-height:normal}.fs-x-large{font-size:var(--wj-font-size-x-large)!important;letter-spacing:normal;line-height:normal}.fs-2x-large{font-size:var(--wj-font-size-2x-large)!important;letter-spacing:normal;line-height:normal}.fs-3x-large{font-size:var(--wj-font-size-3x-large)!important;letter-spacing:normal;line-height:normal}.fs-4x-large{font-size:var(--wj-font-size-4x-large)!important;letter-spacing:normal;line-height:normal}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:var(--wj-font-family-secondary)!important}.font-heading,.font-secondary{font-family:var(--wj-font-family-secondary)}.well{background-color:var(--wj-color-contrast-low);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:var(--wj-color-complete);color:var(--wj-color-contrast-lowest);border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width: 1400px){body,p{font-size:var(--wj-font-size-small);line-height:20px}h1{font-size:var(--wj-font-size-2x-large);line-height:44px;letter-spacing:-.08px}h2{font-size:var(--wj-font-size-x-large);line-height:40px}h3{font-size:var(--wj-font-size-large);line-height:35.88px}h4{font-size:var(--wj-font-size-large);line-height:33.88px}h5{font-size:var(--wj-font-size-medium);line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}
@@ -0,0 +1,65 @@
1
+ var m = Object.defineProperty;
2
+ var l = (n, i, t) => i in n ? m(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
3
+ var r = (n, i, t) => (l(n, typeof i != "symbol" ? i + "" : i, t), t);
4
+ import c from "./wj-element.js";
5
+ import { fetchAndParseCSS as h } from "./wj-fetchAndParseCSS.js";
6
+ import "./wj-store.js";
7
+ const d = "";
8
+ class u extends c {
9
+ constructor() {
10
+ super();
11
+ r(this, "className", "Animation");
12
+ this._animations = [];
13
+ }
14
+ set animations(t) {
15
+ this._animations = t;
16
+ }
17
+ get animations() {
18
+ return this._animations;
19
+ }
20
+ static get cssStyleSheet() {
21
+ return d;
22
+ }
23
+ static get observedAttributes() {
24
+ return ["name"];
25
+ }
26
+ setupAttributes() {
27
+ this.isShadowRoot = "open";
28
+ }
29
+ draw(t, a, e) {
30
+ let s = document.createDocumentFragment(), o = document.createElement("slot");
31
+ return s.appendChild(o), this.slotEl = o, s;
32
+ }
33
+ async afterDraw() {
34
+ this.destroyAnimation(), this.animations = await this.getAnimationsArray();
35
+ const t = this.animations.find((e) => e.name === this.name), a = this.slotEl.assignedElements()[0];
36
+ this.animation = a.animate(t.keyframes, {
37
+ delay: +this.delay || 0,
38
+ // zdrzanie pred zacatim animacie
39
+ endDelay: +this.endDelay || 0,
40
+ // zdrzanie po skoncení animacie
41
+ fill: this.fill || "auto",
42
+ // vyplnenie animace (pred a po animacii)
43
+ duration: +this.duration || 1e3,
44
+ // doba trvania animacie v milisekundách
45
+ iterationStart: +this.iterationStart || 0,
46
+ // počet opakování animacie
47
+ iterations: this.iterations || 1 / 0,
48
+ // počet opakování animacie
49
+ direction: this.direction || "normal",
50
+ // smer animaciee (zpat a dopredu)
51
+ easing: this.easing || "linear"
52
+ // typ spomalenia (rychlost zmen v čase)
53
+ }), this.animation.play();
54
+ }
55
+ destroyAnimation() {
56
+ this.animation && this.animation.cancel();
57
+ }
58
+ async getAnimationsArray() {
59
+ return await h("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
60
+ }
61
+ }
62
+ customElements.get("wj-animation") || window.customElements.define("wj-animation", u);
63
+ export {
64
+ u as Animation
65
+ };
package/dist/wj-aside.js CHANGED
@@ -1,19 +1,17 @@
1
1
  var d = Object.defineProperty;
2
- var a = (e, t, s) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
3
- var o = (e, t, s) => (a(e, typeof t != "symbol" ? t + "" : t, s), s);
4
- import n from "./wj-element.js";
2
+ var a = (e, t, o) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
3
+ var s = (e, t, o) => (a(e, typeof t != "symbol" ? t + "" : t, o), o);
4
+ import h from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const h = `/*!
7
- * direction.scss
8
- */:host{--wj-aside-width: "100px";--wj-aside-top: 0;--wj-aside-border-color: var(--wj-border-color);--wj-aside-border-width: 0 1px 0 0;--wj-aside-border-style: solid;box-sizing:border-box;flex-shrink:0;overflow:auto;border-color:var(--wj-aside-border-color);border-width:var(--wj-aside-border-width);border-style:var(--wj-aside-border-style)}:host(.open){display:block!important}@media (min-width: 768px){:host([fixed]){position:fixed;width:var(--wj-aside-width);top:var(--wj-aside-top);height:calc(100% - var(--wj-aside-top))}}@media (max-width: 768px){:host{display:none}:host([variant=top-start]){position:fixed;top:0;left:0;width:80%;height:100%;z-index:9999;background-color:#fff}}
6
+ const n = `:host{--wj-aside-width: "100px";--wj-aside-top: 0;--wj-aside-border-color: var(--wj-border-color);--wj-aside-border-width: 0 1px 0 0;--wj-aside-border-style: solid;box-sizing:border-box;flex-shrink:0;overflow:auto;border-color:var(--wj-aside-border-color);border-width:var(--wj-aside-border-width);border-style:var(--wj-aside-border-style)}:host(.open){display:block!important}@media (min-width: 768px){:host([fixed]){position:fixed;width:var(--wj-aside-width);top:var(--wj-aside-top);height:calc(100% - var(--wj-aside-top))}}@media (max-width: 768px){:host{display:none}:host([variant=top-start]){position:fixed;top:0;left:0;width:80%;height:100%;z-index:9999;background-color:#fff}}
9
7
  `;
10
- class w extends n {
8
+ class w extends h {
11
9
  constructor() {
12
10
  super();
13
- o(this, "className", "Aside");
11
+ s(this, "className", "Aside");
14
12
  }
15
13
  static get cssStyleSheet() {
16
- return h;
14
+ return n;
17
15
  }
18
16
  static get observedAttributes() {
19
17
  return [];
@@ -21,7 +19,7 @@ class w extends n {
21
19
  setupAttributes() {
22
20
  this.isShadowRoot = "open";
23
21
  }
24
- draw(s, l, p) {
22
+ draw(o, l, p) {
25
23
  let i = document.createDocumentFragment();
26
24
  this.width && this.style.setProperty("--wj-aside-width", this.width), this.top && this.hasAttribute("fixed") && this.style.setProperty("--wj-aside-top", this.top);
27
25
  let r = document.createElement("slot");
package/dist/wj-avatar.js CHANGED
@@ -1,52 +1,50 @@
1
1
  var d = Object.defineProperty;
2
2
  var h = (r, a, t) => a in r ? d(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t;
3
- var l = (r, a, t) => (h(r, typeof a != "symbol" ? a + "" : a, t), t);
3
+ var n = (r, a, t) => (h(r, typeof a != "symbol" ? a + "" : a, t), t);
4
4
  import v from "./wj-element.js";
5
5
  import "./wj-store.js";
6
6
  function w(r, a = 30, t = 80) {
7
- let i = r, s = 0;
8
- for (let e = 0; e < (i == null ? void 0 : i.length); e++)
9
- s = i.charCodeAt(e) + ((s << 5) - s);
7
+ let o = r, s = 0;
8
+ for (let e = 0; e < (o == null ? void 0 : o.length); e++)
9
+ s = o.charCodeAt(e) + ((s << 5) - s);
10
10
  return "hsl(" + s % 360 + ", " + a + "%, " + t + "%)";
11
11
  }
12
12
  function c(r, a = 2) {
13
- let t = r.split(" "), i = t[0].substring(0, 1).toUpperCase();
14
- return t.length > 1 && a > 1 && (i += t[t.length - 1].substring(0, 1).toUpperCase()), i;
13
+ let t = r.split(" "), o = t[0].substring(0, 1).toUpperCase();
14
+ return t.length > 1 && a > 1 && (o += t[t.length - 1].substring(0, 1).toUpperCase()), o;
15
15
  }
16
- const g = `/*!
17
- * direction.scss
18
- */:host{--wj-avatar-width: 32px;--wj-avatar-height: 32px;--wj-avatar-font-size: .75rem;--wj-avatar-font-weight: 400;--wj-avatar-color: inherit;--wj-avatar-background-color: rgba(33, 33, 33, .17);--wj-avatar-border-radius: 50%;--wj-avatar-border-color: transparent;--wj-avatar-border-width: 1px;--wj-avatar-border-style: solid;display:inline-block;width:var(--wj-avatar-width);height:var(--wj-avatar-height);font-size:var(--wj-avatar-font-size);font-weight:var(--wj-avatar-font-weight);color:var(--wj-avatar-color)}:host .native-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--wj-avatar-border-radius);background-color:var(--wj-avatar-background-color)}::slotted(wj-img),::slotted(img){border-radius:var(--wj-avatar-border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}:host(.wj-avatar-border){border-color:var(--wj-avatar-border-color);border-width:var(--wj-avatar-border-width);border-style:var(--wj-avatar-border-style)}:host(.wj-avatar-small){--wj-avatar-width: 24px;--wj-avatar-height: 24px}:host(.wj-avatar-large){--wj-avatar-width: 48px;--wj-avatar-height: 48px}
16
+ const j = `:host{--wj-avatar-width: 32px;--wj-avatar-height: 32px;--wj-avatar-font-size: .75rem;--wj-avatar-font-weight: 400;--wj-avatar-color: inherit;--wj-avatar-background-color: var(--wj-color-contrast-low);--wj-avatar-border-radius: 50%;--wj-avatar-border-color: transparent;--wj-avatar-border-width: 1px;--wj-avatar-border-style: solid;display:inline-block;width:var(--wj-avatar-width);height:var(--wj-avatar-height);font-size:var(--wj-avatar-font-size);font-weight:var(--wj-avatar-font-weight);color:var(--wj-avatar-color)}:host .native-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--wj-avatar-border-radius);background-color:var(--wj-avatar-background-color)}::slotted(wj-img),::slotted(img){border-radius:var(--wj-avatar-border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}:host(.wj-avatar-border){border-color:var(--wj-avatar-border-color);border-width:var(--wj-avatar-border-width);border-style:var(--wj-avatar-border-style)}:host(.wj-avatar-small){--wj-avatar-width: 24px;--wj-avatar-height: 24px}:host(.wj-avatar-large){--wj-avatar-width: 48px;--wj-avatar-height: 48px}
19
17
  `;
20
- class j extends v {
18
+ class g extends v {
21
19
  constructor() {
22
20
  super();
23
- l(this, "className", "Avatar");
21
+ n(this, "className", "Avatar");
24
22
  }
25
23
  static get cssStyleSheet() {
26
- return g;
24
+ return j;
27
25
  }
28
26
  setupAttributes() {
29
27
  this.isShadowRoot = "open";
30
28
  }
31
- draw(t, i, s) {
32
- let n = document.createDocumentFragment(), o = document.createElement("div");
33
- if (o.setAttribute("part", "native"), o.classList.add("native-avatar"), this.size && this.classList.add("wj-avatar-" + this.size), this.isImage()) {
29
+ draw(t, o, s) {
30
+ let l = document.createDocumentFragment(), i = document.createElement("div");
31
+ if (i.setAttribute("part", "native"), i.classList.add("native-avatar"), this.size && this.classList.add("wj-avatar-" + this.size), this.isImage()) {
34
32
  let e = document.createElement("slot");
35
- o.appendChild(e);
33
+ i.appendChild(e);
36
34
  } else if (this.hasAttribute("initials")) {
37
35
  let e = c(this.label);
38
- this.setAttribute("style", `--wj-avatar-background-color: ${w(e)}`), o.innerText = e;
36
+ this.setAttribute("style", `--wj-avatar-background-color: ${w(e)}`), i.innerText = e;
39
37
  } else {
40
38
  let e = document.createElement("slot");
41
- e.setAttribute("name", "icon"), o.appendChild(e);
39
+ e.setAttribute("name", "icon"), i.appendChild(e);
42
40
  }
43
- return n.appendChild(o), n;
41
+ return l.appendChild(i), l;
44
42
  }
45
43
  isImage() {
46
44
  return this.getElementsByTagName("wj-img").length > 0;
47
45
  }
48
46
  }
49
- customElements.get("wj-avatar") || window.customElements.define("wj-avatar", j);
47
+ customElements.get("wj-avatar") || window.customElements.define("wj-avatar", g);
50
48
  export {
51
- j as Avatar
49
+ g as Avatar
52
50
  };
package/dist/wj-badge.js CHANGED
@@ -1,31 +1,31 @@
1
- var n = Object.defineProperty;
2
- var c = (t, o, r) => o in t ? n(t, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[o] = r;
3
- var s = (t, o, r) => (c(t, typeof o != "symbol" ? o + "" : o, r), r);
4
- import l from "./wj-element.js";
1
+ var e = Object.defineProperty;
2
+ var l = (r, o, t) => o in r ? e(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
3
+ var c = (r, o, t) => (l(r, typeof o != "symbol" ? o + "" : o, t), t);
4
+ import n from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const i = `/*!
6
+ const w = `/*!
7
7
  * direction.scss
8
- */:host(.wj-color-primary){--wj-color-base: #7252D3 !important;--wj-color-contrast: #fff !important}:host(.wj-color-complete){--wj-color-base: #0072EC !important;--wj-color-contrast: #fff !important}:host(.wj-color-success){--wj-color-base: #19AD79 !important;--wj-color-contrast: #fff !important}:host(.wj-color-warning){--wj-color-base: #FFd945 !important;--wj-color-contrast: #4b4b4b !important}:host(.wj-color-danger){--wj-color-base: #D83C31 !important;--wj-color-contrast: #fff !important}:host(.wj-color-info){--wj-color-base: #3B4752 !important;--wj-color-contrast: #fff !important}:host(.wj-color-menu){--wj-color-base: #f4f4f4 !important;--wj-color-contrast: #4b4b4b !important}:host{--wj-chip-border-radius: 100px;text-shadow:none;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;background-color:#e0e0e0;font-size:11px;padding-left:6px;padding-right:6px;color:#4b4b4b;border-radius:10px}:host(.wj-color){background-color:var(--wj-color-base, red);color:var(--wj-color-contrast)}
8
+ */:host(.wj-color-primary){--wj-color-base: var(--wj-color-primary) !important;--wj-color-contrast: var(--wj-color-contrast-lowest) !important}:host(.wj-color-complete){--wj-color-base: var(--wj-color-complete) !important;--wj-color-contrast: var(--wj-color-contrast-lowest) !important}:host(.wj-color-success){--wj-color-base: var(--wj-color-success) !important;--wj-color-contrast: var(--wj-color-contrast-lowest) !important}:host(.wj-color-warning){--wj-color-base: var(--wj-color-warning) !important;--wj-color-contrast: var(--wj-color-contrast-high) !important}:host(.wj-color-danger){--wj-color-base: var(--wj-color-danger) !important;--wj-color-contrast: var(--wj-color-contrast-lowest) !important}:host(.wj-color-info){--wj-color-base: var(--wj-color-info) !important;--wj-color-contrast: var(--wj-color-contrast-lowest) !important}:host(.wj-color-menu){--wj-color-base: var(--wj-color-contrast-lower) !important;--wj-color-contrast: var(--wj-color-contrast-high) !important}:host{--wj-chip-border-radius: 100px;text-shadow:none;font-family:var(--wj-font-family);font-weight:600;background-color:var(--wj-color-contrast-low);font-size:11px;padding-left:6px;padding-right:6px;color:var(--wj-color-contrast-high);border-radius:10px}:host(.wj-color){background-color:var(--wj-color-base, red);color:var(--wj-color-contrast)}
9
9
  `;
10
- class m extends l {
10
+ class i extends n {
11
11
  constructor() {
12
12
  super();
13
- s(this, "className", "Badge");
13
+ c(this, "className", "Badge");
14
14
  }
15
15
  static get cssStyleSheet() {
16
- return i;
16
+ return w;
17
17
  }
18
18
  setupAttributes() {
19
19
  this.isShadowRoot = "open";
20
20
  }
21
- draw(r, w, p) {
22
- let e = document.createDocumentFragment(), a = document.createElement("slot");
23
- return this.color && this.classList.add("wj-color-" + this.color, "wj-color"), e.appendChild(a), e;
21
+ draw(t, j, m) {
22
+ let a = document.createDocumentFragment(), s = document.createElement("slot");
23
+ return this.color && this.classList.add("wj-color-" + this.color, "wj-color"), a.appendChild(s), a;
24
24
  }
25
25
  }
26
- let b = "true";
27
- customElements.get("wj-badge") || window.customElements.define("wj-badge", m);
26
+ let g = "true";
27
+ customElements.get("wj-badge") || window.customElements.define("wj-badge", i);
28
28
  export {
29
- m as Badge,
30
- b as __esModule
29
+ i as Badge,
30
+ g as __esModule
31
31
  };
@@ -1,11 +1,9 @@
1
1
  var h = Object.defineProperty;
2
2
  var b = (o, a, e) => a in o ? h(o, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[a] = e;
3
3
  var p = (o, a, e) => (b(o, typeof a != "symbol" ? a + "" : a, e), e);
4
- import w, { WjElementUtils as l, event as g } from "./wj-element.js";
4
+ import w, { WjElementUtils as l, event as j } from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const j = `/*!
7
- * direction.scss
8
- */:host{--wj-breadcrumb-a: rgba(33, 33, 33, .81);--wj-breadcrumb-a-hover: rgba(33, 33, 33, .62);display:flex;flex:0 0 auto;align-items:center;line-height:1.5}:host(.collapsed){display:none}.native-breadcrumb{display:flex;align-items:center;width:100%;outline:none;background:inherit;padding:.25rem .75rem;color:var(--wj-breadcrumb-a);text-decoration:none}.native-breadcrumb.hidden{display:none}.native-breadcrumb.active{font-weight:700}.native-breadcrumb:hover{color:var(--wj-breadcrumb-a-hover)}button{margin-inline:.75rem;border:0 solid transparent;border-radius:3px;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.separator{display:inline-flex;align-items:center}::slotted([slot=start]){margin-inline:0 .5rem}::slotted([slot=end]){margin-inline:.5rem 0}
6
+ const g = `:host{--wj-breadcrumb-a: var(--wj-color-contrast-high);--wj-breadcrumb-a-hover: var(--wj-color-contrast-medium);display:flex;flex:0 0 auto;align-items:center;line-height:1.5}:host(.collapsed){display:none}.native-breadcrumb{display:flex;align-items:center;width:100%;outline:none;background:inherit;padding:.25rem .75rem;color:var(--wj-breadcrumb-a);text-decoration:none}.native-breadcrumb.hidden{display:none}.native-breadcrumb.active{font-weight:700}.native-breadcrumb:hover{color:var(--wj-breadcrumb-a-hover)}button{margin-inline:.75rem;border:0 solid transparent;border-radius:3px;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.separator{display:inline-flex;align-items:center}::slotted([slot=start]){margin-inline:0 .5rem}::slotted([slot=end]){margin-inline:.5rem 0}
9
7
  `;
10
8
  class v extends w {
11
9
  constructor() {
@@ -27,7 +25,7 @@ class v extends w {
27
25
  this._collapsedVariant = e || this.parentElement.collapsedVariant;
28
26
  }
29
27
  static get cssStyleSheet() {
30
- return j;
28
+ return g;
31
29
  }
32
30
  static get observedAttributes() {
33
31
  return ["show-collapsed-indicator", "collapsed", "last"];
@@ -60,26 +58,24 @@ class v extends w {
60
58
  return this.collapsedVariant === "DROPDOWN" ? e = this.collapseDropdown() : e = this.collapseButton(), e;
61
59
  }
62
60
  collapseDropdown() {
63
- console.log("DROPDOWN");
64
61
  let e = document.createElement("wj-dropdown");
65
62
  e.setAttribute("placement", "bottom"), e.setAttribute("offset", "10");
66
63
  let r = document.createElement("wj-button");
67
- r.setAttribute("slot", "trigger"), r.setAttribute("variant", "link"), r.innerHTML = '<wj-icon name="dots"></wj-icon>';
64
+ r.setAttribute("slot", "trigger"), r.setAttribute("fill", "link"), r.innerHTML = '<wj-icon name="dots"></wj-icon>';
68
65
  let t = document.createElement("wj-menu");
69
- return t.setAttribute("variant", "context"), e.appendChild(r), e.appendChild(t), e.innerHTML = `<wj-button slot="trigger" variant="link">
66
+ return t.setAttribute("variant", "context"), e.appendChild(r), e.appendChild(t), e.innerHTML = `<wj-button slot="trigger" fill="link">
70
67
  <wj-icon name="dots"></wj-icon>
71
68
  </wj-button>
72
69
  <wj-menu variant="context">
73
- <wj-menu-item>Tralala</wj-menu-item>
70
+ <wj-menu-item>Test 0</wj-menu-item>
74
71
  <wj-menu-item>Test 1</wj-menu-item>
75
72
  <wj-menu-item>Test 2</wj-menu-item>
76
73
  </wj-menu>`, this.parentElement.querySelectorAll("wj-breadcrumb").forEach((s) => {
77
- console.log(s);
78
74
  }), e;
79
75
  }
80
76
  collapseButton() {
81
77
  let e = document.createElement("button");
82
- return e.setAttribute("aria-label", "Show more breadcrumbs"), e.setAttribute("part", "collapsed-indicator"), e.innerHTML = '<wj-icon name="dots"></wj-icon>', g.addListener(e, "click", null, (r) => {
78
+ return e.setAttribute("aria-label", "Show more breadcrumbs"), e.setAttribute("part", "collapsed-indicator"), e.innerHTML = '<wj-icon name="dots"></wj-icon>', j.addListener(e, "click", null, (r) => {
83
79
  this.native.classList.remove("hidden"), e.remove(), this.parentElement.querySelectorAll("wj-breadcrumb").forEach((t) => {
84
80
  t.classList.remove("collapsed");
85
81
  }), r.stopPropagation();
@@ -1,16 +1,14 @@
1
- var n = Object.defineProperty;
2
- var u = (r, t, e) => t in r ? n(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
3
- var i = (r, t, e) => (u(r, typeof t != "symbol" ? t + "" : t, e), e);
1
+ var i = Object.defineProperty;
2
+ var n = (r, t, e) => t in r ? i(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
3
+ var u = (r, t, e) => (n(r, typeof t != "symbol" ? t + "" : t, e), e);
4
4
  import d from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const p = `/*!
7
- * direction.scss
8
- */:host{display:flex;flex-wrap:wrap;align-items:center}
6
+ const p = `:host{display:flex;flex-wrap:wrap;align-items:center}
9
7
  `;
10
8
  class b extends d {
11
9
  constructor() {
12
10
  super();
13
- i(this, "className", "Breadcrumbs");
11
+ u(this, "className", "Breadcrumbs");
14
12
  this.last = !1;
15
13
  }
16
14
  static get cssStyleSheet() {
@@ -1,16 +1,14 @@
1
1
  var c = Object.defineProperty;
2
- var d = (o, e, t) => e in o ? c(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
3
- var u = (o, e, t) => (d(o, typeof e != "symbol" ? e + "" : e, t), t);
4
- import p from "./wj-element.js";
2
+ var p = (n, e, t) => e in n ? c(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
3
+ var i = (n, e, t) => (p(n, typeof e != "symbol" ? e + "" : e, t), t);
4
+ import d from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const m = `/*!
7
- * direction.scss
8
- */:host{display:inline-block}:host .native-button-group{display:flex;flex-wrap:nowrap;line-height:1}:host slot{display:contents}::slotted(wj-button){margin:0}
6
+ const m = `:host{display:inline-block}:host .native-button-group{display:flex;flex-wrap:nowrap;line-height:1}:host slot{display:contents}::slotted(wj-button){margin:0!important}
9
7
  `;
10
- class g extends p {
8
+ class g extends d {
11
9
  constructor() {
12
10
  super();
13
- u(this, "className", "ButtonGroup");
11
+ i(this, "className", "ButtonGroup");
14
12
  }
15
13
  static get cssStyleSheet() {
16
14
  return m;
@@ -22,14 +20,14 @@ class g extends p {
22
20
  this.isShadowRoot = "open";
23
21
  }
24
22
  draw(t, l, a) {
25
- let s = document.createDocumentFragment(), n = document.createElement("div");
26
- return n.classList.add("native-button-group"), n.setAttribute("part", "native"), this.slotElement = document.createElement("slot"), n.appendChild(this.slotElement), s.appendChild(n), s;
23
+ let s = document.createDocumentFragment(), o = document.createElement("div");
24
+ return o.classList.add("native-button-group"), o.setAttribute("part", "native"), this.slotElement = document.createElement("slot"), o.appendChild(this.slotElement), s.appendChild(o), s;
27
25
  }
28
26
  afterDraw(t, l, a) {
29
27
  const s = [...this.slotElement.assignedElements({ flatten: !0 })];
30
- s.forEach((n) => {
31
- let i = s.indexOf(n), r = this.findButton(n);
32
- r && (r.classList.add("wj-button-group-button"), r.classList.toggle("wj-button-group-first", i === 0), r.classList.toggle("wj-button-group-inner", i > 0 && i < s.length - 1), r.classList.toggle("wj-button-group-last", i === s.length - 1));
28
+ s.forEach((o) => {
29
+ let u = s.indexOf(o), r = this.findButton(o);
30
+ r && (r.classList.add("wj-button-group-button"), r.classList.toggle("wj-button-group-first", u === 0), r.classList.toggle("wj-button-group-inner", u > 0 && u < s.length - 1), r.classList.toggle("wj-button-group-last", u === s.length - 1));
33
31
  });
34
32
  }
35
33
  findButton(t) {