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.
- package/dist/localize-762a9f0f.js +43 -0
- package/dist/style.css +2 -2
- package/dist/wj-animation.js +65 -0
- package/dist/wj-aside.js +8 -10
- package/dist/wj-avatar.js +19 -21
- package/dist/wj-badge.js +16 -16
- package/dist/wj-breadcrumb.js +7 -11
- package/dist/wj-breadcrumbs.js +5 -7
- package/dist/wj-button-group.js +11 -13
- package/dist/wj-button.js +36 -39
- package/dist/wj-card-content.js +11 -13
- package/dist/wj-card-controls.js +6 -8
- package/dist/wj-card-header.js +11 -13
- package/dist/wj-card-subtitle.js +9 -11
- package/dist/wj-card-title.js +7 -9
- package/dist/wj-card.js +13 -15
- package/dist/wj-carousel-item.js +32 -0
- package/dist/wj-carousel.js +178 -0
- package/dist/wj-checkbox.js +11 -11
- package/dist/wj-chip.js +17 -17
- package/dist/wj-col.js +11 -12
- package/dist/wj-color-picker.js +192 -179
- package/dist/wj-container.js +7 -9
- package/dist/wj-copy-button.js +1 -3
- package/dist/wj-dialog.js +20 -22
- package/dist/wj-divider.js +7 -9
- package/dist/wj-dropdown.js +10 -14
- package/dist/wj-element.js +9 -9
- package/dist/wj-fetchAndParseCSS.js +43 -0
- package/dist/wj-file-upload-item.js +63 -0
- package/dist/wj-file-upload.js +221 -0
- package/dist/wj-footer.js +9 -11
- package/dist/wj-form.js +6 -8
- package/dist/wj-format-digital.js +51 -0
- package/dist/wj-grid.js +9 -10
- package/dist/wj-header.js +9 -11
- package/dist/wj-icon-picker.js +78 -58
- package/dist/wj-icon.js +45 -48
- package/dist/wj-img-comparer.js +12 -14
- package/dist/wj-img.js +14 -16
- package/dist/wj-infinite-scroll.js +27 -22
- package/dist/wj-input-file.js +47 -0
- package/dist/wj-input.js +30 -23
- package/dist/wj-item.js +1 -3
- package/dist/wj-label.js +10 -10
- package/dist/wj-list.js +1 -3
- package/dist/wj-main.js +1 -3
- package/dist/wj-masonry.js +133 -0
- package/dist/wj-master.js +284 -249
- package/dist/wj-menu-button.js +10 -12
- package/dist/wj-menu-item.js +49 -46
- package/dist/wj-menu-label.js +2 -2
- package/dist/wj-menu.js +8 -10
- package/dist/wj-popup.js +89 -88
- package/dist/wj-progress-bar.js +14 -16
- package/dist/wj-radio-group.js +5 -7
- package/dist/wj-radio.js +13 -15
- package/dist/wj-rate.js +127 -0
- package/dist/wj-relative-time.js +50 -0
- package/dist/wj-router-link.js +11 -13
- package/dist/wj-row.js +11 -12
- package/dist/wj-slider.js +6 -6
- package/dist/wj-split-view.js +1 -3
- package/dist/wj-textarea.js +17 -19
- package/dist/wj-thumbnail.js +12 -14
- package/dist/wj-toast.js +1 -1
- package/dist/wj-toggle.js +9 -9
- package/dist/wj-toolbar.js +13 -15
- package/dist/wj-tooltip.js +16 -18
- package/dist/wj-visually-hidden.js +6 -8
- 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"
|
|
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,
|
|
3
|
-
var
|
|
4
|
-
import
|
|
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
|
|
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
|
|
8
|
+
class w extends h {
|
|
11
9
|
constructor() {
|
|
12
10
|
super();
|
|
13
|
-
|
|
11
|
+
s(this, "className", "Aside");
|
|
14
12
|
}
|
|
15
13
|
static get cssStyleSheet() {
|
|
16
|
-
return
|
|
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(
|
|
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
|
|
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
|
|
8
|
-
for (let e = 0; e < (
|
|
9
|
-
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(" "),
|
|
14
|
-
return t.length > 1 && a > 1 && (
|
|
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
|
|
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
|
|
18
|
+
class g extends v {
|
|
21
19
|
constructor() {
|
|
22
20
|
super();
|
|
23
|
-
|
|
21
|
+
n(this, "className", "Avatar");
|
|
24
22
|
}
|
|
25
23
|
static get cssStyleSheet() {
|
|
26
|
-
return
|
|
24
|
+
return j;
|
|
27
25
|
}
|
|
28
26
|
setupAttributes() {
|
|
29
27
|
this.isShadowRoot = "open";
|
|
30
28
|
}
|
|
31
|
-
draw(t,
|
|
32
|
-
let
|
|
33
|
-
if (
|
|
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
|
-
|
|
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)}`),
|
|
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"),
|
|
39
|
+
e.setAttribute("name", "icon"), i.appendChild(e);
|
|
42
40
|
}
|
|
43
|
-
return
|
|
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",
|
|
47
|
+
customElements.get("wj-avatar") || window.customElements.define("wj-avatar", g);
|
|
50
48
|
export {
|
|
51
|
-
|
|
49
|
+
g as Avatar
|
|
52
50
|
};
|
package/dist/wj-badge.js
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import
|
|
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
|
|
6
|
+
const w = `/*!
|
|
7
7
|
* direction.scss
|
|
8
|
-
*/:host(.wj-color-primary){--wj-color-base:
|
|
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
|
|
10
|
+
class i extends n {
|
|
11
11
|
constructor() {
|
|
12
12
|
super();
|
|
13
|
-
|
|
13
|
+
c(this, "className", "Badge");
|
|
14
14
|
}
|
|
15
15
|
static get cssStyleSheet() {
|
|
16
|
-
return
|
|
16
|
+
return w;
|
|
17
17
|
}
|
|
18
18
|
setupAttributes() {
|
|
19
19
|
this.isShadowRoot = "open";
|
|
20
20
|
}
|
|
21
|
-
draw(
|
|
22
|
-
let
|
|
23
|
-
return this.color && this.classList.add("wj-color-" + this.color, "wj-color"),
|
|
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
|
|
27
|
-
customElements.get("wj-badge") || window.customElements.define("wj-badge",
|
|
26
|
+
let g = "true";
|
|
27
|
+
customElements.get("wj-badge") || window.customElements.define("wj-badge", i);
|
|
28
28
|
export {
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
i as Badge,
|
|
30
|
+
g as __esModule
|
|
31
31
|
};
|
package/dist/wj-breadcrumb.js
CHANGED
|
@@ -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
|
|
4
|
+
import w, { WjElementUtils as l, event as j } from "./wj-element.js";
|
|
5
5
|
import "./wj-store.js";
|
|
6
|
-
const
|
|
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
|
|
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("
|
|
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"
|
|
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>
|
|
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>',
|
|
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();
|
package/dist/wj-breadcrumbs.js
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
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
|
-
|
|
11
|
+
u(this, "className", "Breadcrumbs");
|
|
14
12
|
this.last = !1;
|
|
15
13
|
}
|
|
16
14
|
static get cssStyleSheet() {
|
package/dist/wj-button-group.js
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
var c = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import
|
|
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
|
|
8
|
+
class g extends d {
|
|
11
9
|
constructor() {
|
|
12
10
|
super();
|
|
13
|
-
|
|
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(),
|
|
26
|
-
return
|
|
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((
|
|
31
|
-
let
|
|
32
|
-
r && (r.classList.add("wj-button-group-button"), r.classList.toggle("wj-button-group-first",
|
|
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) {
|