@orangelogic/design-system 2.110.0 → 2.112.0
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/library/chunks/asset.Ci6rP56l.js +458 -0
- package/library/chunks/{button.i88sSbTZ.js → button.BvBgxmvw.js} +3 -3
- package/library/chunks/calendar-grid.CXYoS6VA.js +108 -0
- package/library/chunks/{color-swatch-group.mIHaCJsh.js → color-swatch-group.D8KPblw2.js} +3 -3
- package/library/chunks/{color-swatch.D9vkPoV2.js → color-swatch.DQxReKYX.js} +2 -2
- package/library/chunks/{color.vLD2sNTs.js → color.LzSGBy7o.js} +2 -2
- package/library/chunks/{confirm-popover.UuBhn8GA.js → confirm-popover.dyPIFLWa.js} +3 -3
- package/library/chunks/date-picker.D0SJADN6.js +77 -0
- package/library/chunks/{dialog.Bso6gK-8.js → dialog.BoCFGpPO.js} +2 -2
- package/library/chunks/{document-viewer.C6eclRvd.js → document-viewer.B90s20gM.js} +8 -7
- package/library/chunks/{dot-pagination.CNnUuI-Z.js → dot-pagination.uz9GFrMP.js} +1 -1
- package/library/chunks/{file-on-demand.Cf2ujTeF.js → file-on-demand.DLVH0DID.js} +10 -10
- package/library/chunks/{folder-select.ByNUfTia.js → folder-select.C2ruplAB.js} +5 -5
- package/library/chunks/{form.Ch1cwYzO.js → form.B-5nQJva.js} +46 -34
- package/library/chunks/{header.hj2Kw-N7.js → header.By_Mfx47.js} +1 -1
- package/library/chunks/{i18n.D6AYDPK-.js → i18n.BcD4Ohsq.js} +46 -13
- package/library/chunks/{icon-button.ztYU-DHy.js → icon-button.DO6DHXwo.js} +2 -2
- package/library/chunks/icon.DnBh6-56.js +111 -0
- package/library/chunks/{iframe.uLxZ6LsL.js → iframe.C4jZSmOr.js} +1 -1
- package/library/chunks/{image.DKB6yEQO.js → image.Cx4hbc4L.js} +2 -2
- package/library/chunks/input.B7SaYNrr.js +2855 -0
- package/library/chunks/{list-editor.GT2kQsmR.js → list-editor.Hag-nXN-.js} +86 -86
- package/library/chunks/{option.BAYtHIvG.js → option.CA-HtVdP.js} +2 -2
- package/library/chunks/{pagination.CCJD61IB.js → pagination.jgAGwDyt.js} +5 -5
- package/library/chunks/{tab-group.BsR8tdVY.js → tab-group.DyxpVNOn.js} +3 -3
- package/library/chunks/{table.DL_CEeYh.js → table.Crb35At8.js} +2905 -2306
- package/library/chunks/{tree.KmZRWZ0F.js → tree.jg0MjIB8.js} +2 -2
- package/library/components/alert.js +2 -2
- package/library/components/animated-image.js +15 -15
- package/library/components/asset-link-format.js +7 -7
- package/library/components/atoms.js +194 -180
- package/library/components/audio.js +2 -2
- package/library/components/avatar.js +1 -1
- package/library/components/border-input-group.js +2 -2
- package/library/components/breadcrumb.js +4 -4
- package/library/components/button.js +4 -4
- package/library/components/checkbox.js +2 -2
- package/library/components/color-picker.js +5 -5
- package/library/components/color-swatch-group.js +4 -4
- package/library/components/color-swatch.js +3 -3
- package/library/components/confirm-popover.js +4 -4
- package/library/components/copy-button.js +2 -2
- package/library/components/corner-position-input-group.js +3 -3
- package/library/components/date-calendar.d.ts +3 -0
- package/library/components/date-calendar.js +107 -0
- package/library/components/details.js +12 -12
- package/library/components/dialog.js +3 -3
- package/library/components/document-viewer.js +4 -4
- package/library/components/dot-pagination.js +2 -2
- package/library/components/drawer.js +2 -2
- package/library/components/dropdown.js +2 -2
- package/library/components/dynamic-select.js +4 -4
- package/library/components/e-chart.js +1 -1
- package/library/components/element-clamp.js +2 -2
- package/library/components/faceted-filter.d.ts +3 -0
- package/library/components/faceted-filter.js +295 -0
- package/library/components/file-on-demand.js +11 -11
- package/library/components/folder-select.js +5 -5
- package/library/components/format-bytes.js +1 -1
- package/library/components/format-date.js +1 -1
- package/library/components/format-number.js +1 -1
- package/library/components/format-time.js +1 -1
- package/library/components/header.js +2 -2
- package/library/components/icon-button.js +3 -3
- package/library/components/icon.js +10 -109
- package/library/components/iframe.js +2 -2
- package/library/components/image-comparer.js +2 -2
- package/library/components/image.js +3 -3
- package/library/components/input.js +19 -2852
- package/library/components/line-clamp.js +1 -1
- package/library/components/list-editor.js +7 -7
- package/library/components/masonry.js +2 -2
- package/library/components/menu-item.js +2 -2
- package/library/components/menu.js +2 -2
- package/library/components/molecules.js +4 -4
- package/library/components/option.js +3 -3
- package/library/components/organisms.js +2 -2
- package/library/components/padding-input-group.js +9 -9
- package/library/components/pagination.js +6 -6
- package/library/components/popup.js +1 -1
- package/library/components/position-picker.js +1 -1
- package/library/components/progress-bar.js +1 -1
- package/library/components/progress-ring.js +1 -1
- package/library/components/radio-group.js +1 -1
- package/library/components/radio.js +1 -1
- package/library/components/range.js +2 -2
- package/library/components/rating.js +6 -6
- package/library/components/relative-time.js +1 -1
- package/library/components/select.js +5 -5
- package/library/components/shadow-input-group.js +5 -5
- package/library/components/share-option-list.js +2 -2
- package/library/components/sidebar.js +2 -2
- package/library/components/size-input-group.js +3 -3
- package/library/components/spinner.js +1 -1
- package/library/components/split-panel.js +1 -1
- package/library/components/step.js +1 -1
- package/library/components/stepper-wizard.js +16 -16
- package/library/components/switch.js +1 -1
- package/library/components/tab-group.js +4 -4
- package/library/components/tab.js +2 -2
- package/library/components/table.js +5 -5
- package/library/components/tag.js +2 -2
- package/library/components/textarea.js +1 -1
- package/library/components/tooltip.js +1 -1
- package/library/components/tree-item.js +3 -3
- package/library/components/tree.js +2 -2
- package/library/components/typeface.js +2 -2
- package/library/components/types.js +25339 -24757
- package/library/components/video.js +2 -2
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/date-calendar/date-calendar.d.ts +61 -0
- package/library/packages/atoms/src/components/date-calendar/date-calendar.styles.d.ts +2 -0
- package/library/packages/atoms/src/components/details/details.d.ts +1 -0
- package/library/packages/atoms/src/components/faceted-filter/components/facet/facet.d.ts +58 -0
- package/library/packages/atoms/src/components/faceted-filter/components/facet/facet.styles.d.ts +2 -0
- package/library/packages/atoms/src/components/faceted-filter/faceted-filter.d.ts +71 -0
- package/library/packages/atoms/src/components/faceted-filter/faceted-filter.styles.d.ts +2 -0
- package/library/packages/atoms/src/components/icon/font-awesome-icons.d.ts +1 -0
- package/library/packages/atoms/src/components/icon/icon.d.ts +1 -0
- package/library/packages/atoms/src/components/image/image.d.ts +1 -1
- package/library/packages/atoms/src/components/table/table-data-loader.d.ts +13 -0
- package/library/packages/atoms/src/components/table/table.d.ts +13 -1
- package/library/packages/atoms/src/index.d.ts +3 -0
- package/library/packages/events/src/cx-date-select.d.ts +9 -0
- package/library/packages/events/src/cx-faceted-filter-change.d.ts +8 -0
- package/library/packages/events/src/cx-table-data-load.d.ts +17 -0
- package/library/packages/events/src/events.d.ts +3 -0
- package/library/packages/hybrid/table-core/src/tabulator-tables/modules/ClickableCell/ClickableCell.d.ts +5 -0
- package/library/packages/molecules/src/asset-data-display/asset-data-display.d.ts +1 -1
- package/library/packages/molecules/src/asset-picker/asset-picker.d.ts +2 -0
- package/library/packages/molecules/src/icon-picker/icon-picker.d.ts +73 -13
- package/library/packages/molecules/src/index.d.ts +2 -0
- package/library/packages/molecules/src/input-date-picker/input-date-picker.d.ts +127 -0
- package/library/packages/molecules/src/input-date-picker/input-date-picker.styles.d.ts +2 -0
- package/library/packages/molecules/src/input-date-range-picker/input-date-range-picker.d.ts +90 -0
- package/library/packages/molecules/src/input-date-range-picker/input-date-range-picker.styles.d.ts +2 -0
- package/library/packages/molecules/src/timeline/timeline.d.ts +1 -1
- package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts +0 -1
- package/library/packages/organisms/src/template-switcher/template-switcher.d.ts +6 -0
- package/library/packages/services/src/api/asset/asset.d.ts +3 -3
- package/library/packages/tools/src/fetch-asset/fetch-asset.d.ts +2 -2
- package/library/packages/tools/src/fetch-image/fetch-image.d.ts +4 -4
- package/library/packages/types/src/date-picker.d.ts +45 -0
- package/library/packages/types/src/faceted-filter.d.ts +23 -0
- package/library/packages/types/src/icon-picker.d.ts +8 -0
- package/library/packages/types/src/index.d.ts +1 -1
- package/library/packages/types/src/table.d.ts +12 -0
- package/library/packages/utils/src/custom-element/form.d.ts +5 -0
- package/library/packages/utils/src/custom-element/i18n.d.ts +33 -0
- package/library/packages/utils/src/date/calendar-grid.d.ts +40 -0
- package/library/packages/utils/src/date/date-range-preset.d.ts +12 -0
- package/library/packages/utils/src/date/date.d.ts +42 -0
- package/library/packages/utils/src/date/index.d.ts +3 -0
- package/library/packages/utils/src/index.d.ts +1 -0
- package/library/react-web-component.d.ts +495 -195
- package/library/utils.js +539 -332
- package/package.json +1 -1
- package/library/chunks/asset.NgymQ3Zx.js +0 -454
|
@@ -0,0 +1,295 @@
|
|
|
1
|
+
import P from "./badge.js";
|
|
2
|
+
import { C as $ } from "../chunks/button.BvBgxmvw.js";
|
|
3
|
+
import C from "./details.js";
|
|
4
|
+
import A from "./dropdown.js";
|
|
5
|
+
import { C as w } from "../chunks/icon.DnBh6-56.js";
|
|
6
|
+
import { C as E } from "../chunks/icon-button.DO6DHXwo.js";
|
|
7
|
+
import F from "./space.js";
|
|
8
|
+
import S from "./spinner.js";
|
|
9
|
+
import I from "./tag.js";
|
|
10
|
+
import V from "./tooltip.js";
|
|
11
|
+
import { n as d, C as D } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
12
|
+
import { c as N } from "../chunks/component.styles.CRO4Odto.js";
|
|
13
|
+
import { c as O } from "../chunks/custom-element.L4WJXn1j.js";
|
|
14
|
+
import { L as z } from "../chunks/i18n.BcD4Ohsq.js";
|
|
15
|
+
import { w as _ } from "../chunks/watch.CThbualB.js";
|
|
16
|
+
import { i as j, E as f, x as c } from "../chunks/lit-element.jLBm65_O.js";
|
|
17
|
+
import { r as u } from "../chunks/state.CSDxrqLd.js";
|
|
18
|
+
import { e as B } from "../chunks/class-map.BiVq-cVR.js";
|
|
19
|
+
import { c as y } from "../chunks/repeat.DbF2p5ae.js";
|
|
20
|
+
import { n as h } from "../chunks/when.Dr1es41R.js";
|
|
21
|
+
import { C as M, a as T } from "../chunks/tree.jg0MjIB8.js";
|
|
22
|
+
var v = /* @__PURE__ */ ((e) => (e.Multiple = "multiple", e.Single = "single", e))(v || {});
|
|
23
|
+
const L = j`.facet{--content-padding:var(--cx-spacing-x-small);--expand-icon-size:24px}.facet::part(summary){padding-right:var(--cx-spacing-3x-small);flex:none}.facet::part(base){border-top-width:0;border-left-width:0;border-right-width:0}.facet__title{font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}:host([loading]) cx-tree{pointer-events:none;opacity:.5}cx-tree-item::part(label){flex:1;min-width:0}.facet__item-label{justify-content:space-between;align-items:center;gap:var(--cx-spacing-x-small);width:100%;color:var(--cx-color-neutral-900);font-weight:var(--cx-font-weight-regular);display:flex}.facet__item-label__count{font-size:var(--cx-font-size-x-small);white-space:nowrap;flex-shrink:0}`;
|
|
24
|
+
var R = Object.defineProperty, U = Object.getOwnPropertyDescriptor, m = (e, t, i, l) => {
|
|
25
|
+
for (var a = l > 1 ? void 0 : l ? U(t, i) : t, s = e.length - 1, n; s >= 0; s--)
|
|
26
|
+
(n = e[s]) && (a = (l ? n(t, i, a) : n(a)) || a);
|
|
27
|
+
return l && a && R(t, i, a), a;
|
|
28
|
+
};
|
|
29
|
+
let r = class extends D {
|
|
30
|
+
constructor() {
|
|
31
|
+
super(...arguments), this.localize = new z(this), this.loading = !1, this.displayName = "", this.type = "", this.values = [], this.collections = [], this.selection = v.Single, this.mappedSubtypes = {}, this.mappedDisplayNames = {}, this.page = 1;
|
|
32
|
+
}
|
|
33
|
+
static parseFacetValue(e) {
|
|
34
|
+
const t = e.indexOf(">>");
|
|
35
|
+
return t === -1 ? { parent: e, subtype: "" } : {
|
|
36
|
+
parent: e.slice(0, t),
|
|
37
|
+
subtype: e.slice(t + 2)
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
handleValuesChange() {
|
|
41
|
+
this.mappedSubtypes = this.values.reduce(
|
|
42
|
+
(t, { count: i, value: l }) => {
|
|
43
|
+
const { parent: a, subtype: s } = r.parseFacetValue(l);
|
|
44
|
+
return (!t[a] || typeof t[a] != "object") && (t[a] = {}), s && (t[a][s] = i), t[a].all = (t[a].all || 0) + i, t;
|
|
45
|
+
},
|
|
46
|
+
{}
|
|
47
|
+
);
|
|
48
|
+
const e = {};
|
|
49
|
+
this.values.forEach((t) => {
|
|
50
|
+
e[t.value] = t.displayValue;
|
|
51
|
+
}), this.values.forEach((t) => {
|
|
52
|
+
const { parent: i, subtype: l } = r.parseFacetValue(t.value);
|
|
53
|
+
l && !e[i] && (e[i] = i.split(" ").map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" "));
|
|
54
|
+
}), this.mappedDisplayNames = e;
|
|
55
|
+
}
|
|
56
|
+
loadMore() {
|
|
57
|
+
this.page++;
|
|
58
|
+
}
|
|
59
|
+
render() {
|
|
60
|
+
return c`<cx-details open class="facet"><cx-space slot="summary" align-items="center" spacing="x-small" wrap="nowrap"><span class="facet__title">${this.displayName}</span>${h(this.loading, () => c`<cx-spinner></cx-spinner>`, () => f)}</cx-space><cx-space direction="vertical"><cx-tree selection="multiple" data-facet=${this.type}>${y(
|
|
61
|
+
Object.entries(this.mappedSubtypes).slice(
|
|
62
|
+
0,
|
|
63
|
+
this.page * r.itemsPerPage
|
|
64
|
+
),
|
|
65
|
+
([e]) => e,
|
|
66
|
+
([e, t]) => {
|
|
67
|
+
const { all: i, ...l } = t, a = Object.values(l).reduce((s, n) => s + n, 0);
|
|
68
|
+
return c`<cx-tree-item data-value=${e} data-type=${this.type} ?readonly=${this.loading} ?partial-sync-checkboxes=${a < i} ?selected=${this.collections.includes(e)}><div class="facet__item-label"><span>${this.mappedDisplayNames[e]}</span>${h(!!i, () => c`<span class="facet__item-label__count">${i}</span>`)}</div>${y(
|
|
69
|
+
Object.entries(l),
|
|
70
|
+
([s]) => s,
|
|
71
|
+
([s, n]) => c`<cx-tree-item data-value=${`${e}>>${s}`} data-type=${this.type} ?readonly=${this.loading} ?selected=${this.collections.includes(`${e}>>${s}`)}><div class="facet__item-label"><span>${this.mappedDisplayNames[`${e}>>${s}`]}</span><span class="facet__item-label__count">${n}</span></div></cx-tree-item>`
|
|
72
|
+
)}</cx-tree-item>`;
|
|
73
|
+
}
|
|
74
|
+
)}
|
|
75
|
+
${h(
|
|
76
|
+
Object.keys(this.mappedSubtypes).length > this.page * r.itemsPerPage,
|
|
77
|
+
() => c`<cx-space><cx-button variant="text" @click=${this.loadMore}><cx-icon slot="prefix" name="add"></cx-icon>${this.localize.term("more")}</cx-button></cx-space>`,
|
|
78
|
+
() => f
|
|
79
|
+
)}</cx-tree></cx-space></cx-details>`;
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
r.styles = [N, L];
|
|
83
|
+
r.dependencies = {
|
|
84
|
+
"cx-button": $,
|
|
85
|
+
"cx-details": C,
|
|
86
|
+
"cx-icon": w,
|
|
87
|
+
"cx-space": F,
|
|
88
|
+
"cx-spinner": S,
|
|
89
|
+
"cx-tree": T,
|
|
90
|
+
"cx-tree-item": M
|
|
91
|
+
};
|
|
92
|
+
r.itemsPerPage = 10;
|
|
93
|
+
m([
|
|
94
|
+
d({ reflect: !0, type: Boolean })
|
|
95
|
+
], r.prototype, "loading", 2);
|
|
96
|
+
m([
|
|
97
|
+
d({ attribute: "display-name", type: String })
|
|
98
|
+
], r.prototype, "displayName", 2);
|
|
99
|
+
m([
|
|
100
|
+
d({ reflect: !0, type: String })
|
|
101
|
+
], r.prototype, "type", 2);
|
|
102
|
+
m([
|
|
103
|
+
d({ type: Array })
|
|
104
|
+
], r.prototype, "values", 2);
|
|
105
|
+
m([
|
|
106
|
+
d({ type: Array })
|
|
107
|
+
], r.prototype, "collections", 2);
|
|
108
|
+
m([
|
|
109
|
+
d({ reflect: !0, type: String })
|
|
110
|
+
], r.prototype, "selection", 2);
|
|
111
|
+
m([
|
|
112
|
+
u()
|
|
113
|
+
], r.prototype, "mappedSubtypes", 2);
|
|
114
|
+
m([
|
|
115
|
+
u()
|
|
116
|
+
], r.prototype, "mappedDisplayNames", 2);
|
|
117
|
+
m([
|
|
118
|
+
u()
|
|
119
|
+
], r.prototype, "page", 2);
|
|
120
|
+
m([
|
|
121
|
+
_("values")
|
|
122
|
+
], r.prototype, "handleValuesChange", 1);
|
|
123
|
+
r = m([
|
|
124
|
+
O("cx-faceted-filter-facet")
|
|
125
|
+
], r);
|
|
126
|
+
const q = j`:host{--panel-width:min(280px, 90dvw);display:contents}cx-dropdown{--panel-overflow:hidden}cx-details{--expand-icon-size:24px}.panel{width:var(--panel-width);max-height:480px;position:relative}.panel__content{flex-direction:column;max-height:480px;display:flex}.panel__header{flex-shrink:0}.panel__body{flex:1;min-height:0;overflow-y:auto}.panel__footer{padding:var(--cx-spacing-x-small) var(--cx-spacing-medium);border-top:1px solid var(--cx-color-neutral-200);flex-shrink:0;display:flex}.applied-filters__summary{align-items:center;gap:var(--cx-spacing-2x-small);display:inline-flex}.applied-filters__title{font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.applied-filters__loading{align-items:center;display:inline-flex}.applied-filters{--content-padding:0 var(--cx-spacing-medium);min-width:100%;width:var(--panel-width)}.applied-filters::part(summary){flex:none}.applied-filters::part(base),cx-faceted-filter-facet::part(base){border-top-width:0;border-left-width:0;border-right-width:0}.applied-filters--empty::part(content){display:none}.faceted-filter__trigger-wrapper{display:inline-block;position:relative}.faceted-filter__trigger::part(base){background-color:var(--cx-color-neutral-100)}.faceted-filter__trigger-badge{position:absolute;top:-15px;right:-15px}.applied-filters__tags{max-width:var(--panel-width);padding-bottom:var(--cx-spacing-x-small)}.panel__clear-all-button{--cx-button-text-transform:none;padding-top:var(--cx-spacing-2x-small);padding-bottom:var(--cx-spacing-2x-small)}.panel__clear-all-button::part(label){text-decoration:underline}.panel__clear-all-button:not([disabled])::part(base):hover{color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}cx-tag::part(remove-button){font-size:var(--cx-font-size-x-small)}cx-tag::part(remove-button__base){min-height:unset;min-width:unset;padding:var(--cx-spacing-3x-small)}`;
|
|
127
|
+
var G = Object.defineProperty, H = Object.getOwnPropertyDescriptor, p = (e, t, i, l) => {
|
|
128
|
+
for (var a = l > 1 ? void 0 : l ? H(t, i) : t, s = e.length - 1, n; s >= 0; s--)
|
|
129
|
+
(n = e[s]) && (a = (l ? n(t, i, a) : n(a)) || a);
|
|
130
|
+
return l && a && G(t, i, a), a;
|
|
131
|
+
};
|
|
132
|
+
let o = class extends D {
|
|
133
|
+
constructor() {
|
|
134
|
+
super(...arguments), this.localize = new z(this), this.facets = [], this.availableFacets = [], this.selectedFacets = {}, this.selection = v.Single, this.loading = !1, this.appliedFiltersCount = 0, this.internalSelection = {}, this.mappedDisplayNames = {};
|
|
135
|
+
}
|
|
136
|
+
handleFacetsChange() {
|
|
137
|
+
this.mappedDisplayNames = this.facets.reduce(
|
|
138
|
+
(e, t) => {
|
|
139
|
+
const i = t.values.reduce(
|
|
140
|
+
(l, { displayValue: a, value: s }) => (l[s] = a, l),
|
|
141
|
+
{}
|
|
142
|
+
);
|
|
143
|
+
return { ...e, [t.facetDetails.facetFieldName]: i };
|
|
144
|
+
},
|
|
145
|
+
{}
|
|
146
|
+
), this.updateAppliedFiltersCount();
|
|
147
|
+
}
|
|
148
|
+
handleSelectedFacetsChange() {
|
|
149
|
+
this.internalSelection = Object.fromEntries(
|
|
150
|
+
Object.entries(this.selectedFacets).map(([e, t]) => [e, [...t]])
|
|
151
|
+
);
|
|
152
|
+
}
|
|
153
|
+
handleInternalSelectionChange() {
|
|
154
|
+
this.updateAppliedFiltersCount();
|
|
155
|
+
}
|
|
156
|
+
updateAppliedFiltersCount() {
|
|
157
|
+
this.appliedFiltersCount = Object.entries(this.internalSelection).reduce(
|
|
158
|
+
(e, [t, i]) => e + i.filter((l) => this.mappedDisplayNames[t]?.[l]).length,
|
|
159
|
+
0
|
|
160
|
+
);
|
|
161
|
+
}
|
|
162
|
+
getFacetSelectionMode(e) {
|
|
163
|
+
return this.facets.find((t) => t.facetDetails.facetFieldName === e)?.facetDetails.selection ?? this.selection;
|
|
164
|
+
}
|
|
165
|
+
handleSelectionChange(e) {
|
|
166
|
+
const i = e.target.type;
|
|
167
|
+
if (!i)
|
|
168
|
+
return;
|
|
169
|
+
const l = this.getFacetSelectionMode(i) === v.Single;
|
|
170
|
+
let a = e.detail.selection;
|
|
171
|
+
if (l && a.length > 1) {
|
|
172
|
+
const n = new Set(this.internalSelection[i] ?? []), g = a.find(
|
|
173
|
+
(x) => !n.has(x.dataset.value ?? "")
|
|
174
|
+
);
|
|
175
|
+
a = g ? [g] : [a[a.length - 1]];
|
|
176
|
+
}
|
|
177
|
+
const s = a.reduce(
|
|
178
|
+
(n, g) => {
|
|
179
|
+
const x = g.dataset.type, b = g.dataset.value;
|
|
180
|
+
return !b || !x || (n[x] || (n[x] = []), n[x].push(b)), n;
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
...this.internalSelection,
|
|
184
|
+
[i]: []
|
|
185
|
+
}
|
|
186
|
+
);
|
|
187
|
+
this.internalSelection = s, this.emit("cx-faceted-filter-change", { detail: { selection: s } });
|
|
188
|
+
}
|
|
189
|
+
handleRemove(e) {
|
|
190
|
+
const t = e.target, i = t.dataset.type, l = t.dataset.value;
|
|
191
|
+
if (!l || !i)
|
|
192
|
+
return;
|
|
193
|
+
const a = { ...this.internalSelection };
|
|
194
|
+
a[i] && (a[i] = a[i].filter((s) => s !== l)), this.internalSelection = a, this.emit("cx-faceted-filter-change", { detail: { selection: a } });
|
|
195
|
+
}
|
|
196
|
+
handleClearAllClick() {
|
|
197
|
+
this.internalSelection = {}, this.emit("cx-faceted-filter-change", { detail: { selection: {} } });
|
|
198
|
+
}
|
|
199
|
+
renderAppliedFilters() {
|
|
200
|
+
return c`<cx-details open aria-busy=${this.loading ? "true" : "false"} class=${B({
|
|
201
|
+
"applied-filters": !0,
|
|
202
|
+
"applied-filters--empty": this.appliedFiltersCount === 0
|
|
203
|
+
})}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : f}</span>${h(
|
|
204
|
+
this.loading,
|
|
205
|
+
() => c`<span class="applied-filters__loading" role="status" aria-label=${this.localize.term("loading")}><cx-spinner></cx-spinner></span>`,
|
|
206
|
+
() => f
|
|
207
|
+
)}</span><cx-space direction="horizontal" spacing="small" class="applied-filters__tags">${y(
|
|
208
|
+
Object.entries(this.internalSelection),
|
|
209
|
+
([e]) => e,
|
|
210
|
+
([e, t]) => t.filter((i) => this.mappedDisplayNames[e]?.[i]).map(
|
|
211
|
+
(i) => c`<cx-tag removable data-value=${i} data-type=${e}>${this.mappedDisplayNames[e][i]}</cx-tag>`
|
|
212
|
+
)
|
|
213
|
+
)}</cx-space></cx-details>`;
|
|
214
|
+
}
|
|
215
|
+
renderFooter() {
|
|
216
|
+
return h(
|
|
217
|
+
this.appliedFiltersCount > 0,
|
|
218
|
+
() => c`<div class="panel__footer"><cx-button variant="text" @click=${this.handleClearAllClick} size="small" class="panel__clear-all-button">${this.localize.term("clear")}</cx-button></div>`,
|
|
219
|
+
() => f
|
|
220
|
+
);
|
|
221
|
+
}
|
|
222
|
+
render() {
|
|
223
|
+
return c`<cx-dropdown stay-open-on-select placement="bottom-start" distance="4" hoist @cx-selection-change=${this.handleSelectionChange} @cx-remove=${this.handleRemove}><div slot="trigger" class="faceted-filter__trigger-wrapper"><cx-icon-button name="filter_alt" label=${this.localize.term("filter")} class="faceted-filter__trigger"></cx-icon-button>${h(
|
|
224
|
+
this.appliedFiltersCount > 0,
|
|
225
|
+
() => c`<cx-badge class="faceted-filter__trigger-badge" pill size="small">${this.appliedFiltersCount}</cx-badge>`,
|
|
226
|
+
() => f
|
|
227
|
+
)}</div><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${h(
|
|
228
|
+
this.availableFacets.length > 0,
|
|
229
|
+
() => c`<div>${y(
|
|
230
|
+
this.availableFacets,
|
|
231
|
+
(e) => e.facetFieldName,
|
|
232
|
+
(e) => {
|
|
233
|
+
const t = this.facets.find(
|
|
234
|
+
(i) => i.facetDetails.facetFieldName === e.facetFieldName
|
|
235
|
+
);
|
|
236
|
+
return t ? c`<cx-faceted-filter-facet display-name=${t.facetDetails.displayName} type=${t.facetDetails.facetFieldName} selection=${e.selection ?? this.selection} .collections=${this.internalSelection[t.facetDetails.facetFieldName] ?? []} .values=${t.values}></cx-faceted-filter-facet>` : f;
|
|
237
|
+
}
|
|
238
|
+
)}</div>`,
|
|
239
|
+
() => f
|
|
240
|
+
)}</div>${this.renderFooter()}</div></div></cx-dropdown>`;
|
|
241
|
+
}
|
|
242
|
+
};
|
|
243
|
+
o.styles = [N, q];
|
|
244
|
+
o.dependencies = {
|
|
245
|
+
"cx-badge": P,
|
|
246
|
+
"cx-button": $,
|
|
247
|
+
"cx-details": C,
|
|
248
|
+
"cx-dropdown": A,
|
|
249
|
+
"cx-faceted-filter-facet": r,
|
|
250
|
+
"cx-icon": w,
|
|
251
|
+
"cx-icon-button": E,
|
|
252
|
+
"cx-space": F,
|
|
253
|
+
"cx-spinner": S,
|
|
254
|
+
"cx-tag": I,
|
|
255
|
+
"cx-tooltip": V
|
|
256
|
+
};
|
|
257
|
+
p([
|
|
258
|
+
d({ type: Array })
|
|
259
|
+
], o.prototype, "facets", 2);
|
|
260
|
+
p([
|
|
261
|
+
d({ attribute: "available-facets", type: Array })
|
|
262
|
+
], o.prototype, "availableFacets", 2);
|
|
263
|
+
p([
|
|
264
|
+
d({ attribute: "selected-facets", type: Object })
|
|
265
|
+
], o.prototype, "selectedFacets", 2);
|
|
266
|
+
p([
|
|
267
|
+
d({ type: String })
|
|
268
|
+
], o.prototype, "selection", 2);
|
|
269
|
+
p([
|
|
270
|
+
d({ type: Boolean })
|
|
271
|
+
], o.prototype, "loading", 2);
|
|
272
|
+
p([
|
|
273
|
+
u()
|
|
274
|
+
], o.prototype, "appliedFiltersCount", 2);
|
|
275
|
+
p([
|
|
276
|
+
u()
|
|
277
|
+
], o.prototype, "internalSelection", 2);
|
|
278
|
+
p([
|
|
279
|
+
u()
|
|
280
|
+
], o.prototype, "mappedDisplayNames", 2);
|
|
281
|
+
p([
|
|
282
|
+
_("facets")
|
|
283
|
+
], o.prototype, "handleFacetsChange", 1);
|
|
284
|
+
p([
|
|
285
|
+
_("selectedFacets")
|
|
286
|
+
], o.prototype, "handleSelectedFacetsChange", 1);
|
|
287
|
+
p([
|
|
288
|
+
_("internalSelection")
|
|
289
|
+
], o.prototype, "handleInternalSelectionChange", 1);
|
|
290
|
+
o = p([
|
|
291
|
+
O("cx-faceted-filter")
|
|
292
|
+
], o);
|
|
293
|
+
export {
|
|
294
|
+
o as default
|
|
295
|
+
};
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { C as K } from "../chunks/file-on-demand.
|
|
1
|
+
import { C as K } from "../chunks/file-on-demand.DLVH0DID.js";
|
|
2
2
|
import "./avatar.js";
|
|
3
|
-
import "../chunks/button.
|
|
4
|
-
import "../chunks/dialog.
|
|
3
|
+
import "../chunks/button.BvBgxmvw.js";
|
|
4
|
+
import "../chunks/dialog.BoCFGpPO.js";
|
|
5
5
|
import "./divider.js";
|
|
6
6
|
import "./format-bytes.js";
|
|
7
|
-
import "
|
|
8
|
-
import "../chunks/icon-button.
|
|
9
|
-
import "
|
|
7
|
+
import "../chunks/icon.DnBh6-56.js";
|
|
8
|
+
import "../chunks/icon-button.DO6DHXwo.js";
|
|
9
|
+
import "../chunks/input.B7SaYNrr.js";
|
|
10
10
|
import "./line-clamp.js";
|
|
11
|
-
import "../chunks/option.
|
|
11
|
+
import "../chunks/option.CA-HtVdP.js";
|
|
12
12
|
import "./relative-time.js";
|
|
13
13
|
import "./select.js";
|
|
14
14
|
import "./space.js";
|
|
15
15
|
import "./tab.js";
|
|
16
|
-
import "../chunks/tab-group.
|
|
16
|
+
import "../chunks/tab-group.DyxpVNOn.js";
|
|
17
17
|
import "./tab-panel.js";
|
|
18
18
|
import "./tooltip.js";
|
|
19
|
-
import "../chunks/tree.
|
|
19
|
+
import "../chunks/tree.jg0MjIB8.js";
|
|
20
20
|
import "../chunks/typography.DJC_UXgs.js";
|
|
21
21
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
22
|
-
import "../chunks/confirm-popover.
|
|
22
|
+
import "../chunks/confirm-popover.dyPIFLWa.js";
|
|
23
23
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
24
24
|
import "../chunks/debounce.CIEhztrj.js";
|
|
25
|
-
import "../chunks/i18n.
|
|
25
|
+
import "../chunks/i18n.BcD4Ohsq.js";
|
|
26
26
|
import "../chunks/watch.CThbualB.js";
|
|
27
27
|
import "../chunks/number.B4PQLJIg.js";
|
|
28
28
|
import "../chunks/string.DUgD4c9f.js";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import "
|
|
2
|
-
import "
|
|
1
|
+
import "../chunks/icon.DnBh6-56.js";
|
|
2
|
+
import "../chunks/input.B7SaYNrr.js";
|
|
3
3
|
import "./line-clamp.js";
|
|
4
4
|
import "./select.js";
|
|
5
5
|
import "./tag.js";
|
|
6
|
-
import "../chunks/tree.
|
|
6
|
+
import "../chunks/tree.jg0MjIB8.js";
|
|
7
7
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
8
|
-
import { C as h } from "../chunks/folder-select.
|
|
8
|
+
import { C as h } from "../chunks/folder-select.C2ruplAB.js";
|
|
9
9
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
10
10
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
11
|
-
import "../chunks/i18n.
|
|
11
|
+
import "../chunks/i18n.BcD4Ohsq.js";
|
|
12
12
|
import "../chunks/watch.CThbualB.js";
|
|
13
13
|
import "../chunks/endpoints.DBlquU2-.js";
|
|
14
14
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { C as u, n as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
|
|
3
|
-
import { L as m } from "../chunks/i18n.
|
|
3
|
+
import { L as m } from "../chunks/i18n.BcD4Ohsq.js";
|
|
4
4
|
var c = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (a, r, s, e) => {
|
|
5
5
|
for (var t = e > 1 ? void 0 : e ? f(r, s) : r, i = a.length - 1, n; i >= 0; i--)
|
|
6
6
|
(n = a[i]) && (t = (e ? n(r, s, t) : n(t)) || t);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { C as h, n as o } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
|
|
3
|
-
import { L as u } from "../chunks/i18n.
|
|
3
|
+
import { L as u } from "../chunks/i18n.BcD4Ohsq.js";
|
|
4
4
|
import { x as y } from "../chunks/lit-element.jLBm65_O.js";
|
|
5
5
|
var v = Object.defineProperty, c = Object.getOwnPropertyDescriptor, e = (i, a, m, s) => {
|
|
6
6
|
for (var r = s > 1 ? void 0 : s ? c(a, m) : a, n = i.length - 1, p; n >= 0; n--)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { C as p, n as r } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c } from "../chunks/custom-element.L4WJXn1j.js";
|
|
3
|
-
import { L as g } from "../chunks/i18n.
|
|
3
|
+
import { L as g } from "../chunks/i18n.BcD4Ohsq.js";
|
|
4
4
|
var y = Object.defineProperty, l = Object.getOwnPropertyDescriptor, t = (a, m, s, n) => {
|
|
5
5
|
for (var e = n > 1 ? void 0 : n ? l(m, s) : m, u = a.length - 1, o; u >= 0; u--)
|
|
6
6
|
(o = a[u]) && (e = (n ? o(m, s, e) : o(e)) || e);
|
|
@@ -2,7 +2,7 @@ import { n as l, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
|
2
2
|
import { c as y } from "../chunks/component.styles.CRO4Odto.js";
|
|
3
3
|
import { U as r, D as u, L as D, F as d, g as S, f as F, c as U, a as g, S as _ } from "../chunks/time.BiQnh9wt.js";
|
|
4
4
|
import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
|
|
5
|
-
import { L as N } from "../chunks/i18n.
|
|
5
|
+
import { L as N } from "../chunks/i18n.BcD4Ohsq.js";
|
|
6
6
|
import { w as m } from "../chunks/watch.CThbualB.js";
|
|
7
7
|
import { i as L, x as f } from "../chunks/lit-element.jLBm65_O.js";
|
|
8
8
|
import { r as M } from "../chunks/state.CSDxrqLd.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "./copy-button.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
|
-
import { C as x } from "../chunks/header.
|
|
4
|
+
import { C as x } from "../chunks/header.By_Mfx47.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
|
-
import "../chunks/i18n.
|
|
6
|
+
import "../chunks/i18n.BcD4Ohsq.js";
|
|
7
7
|
import "../chunks/watch.CThbualB.js";
|
|
8
8
|
import "../chunks/query.BBf1UFkC.js";
|
|
9
9
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C } from "../chunks/icon-button.
|
|
3
|
+
import { C } from "../chunks/icon-button.DO6DHXwo.js";
|
|
4
4
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
5
|
-
import "../chunks/i18n.
|
|
5
|
+
import "../chunks/i18n.BcD4Ohsq.js";
|
|
6
6
|
import "../chunks/state.CSDxrqLd.js";
|
|
7
7
|
import "../chunks/query.BBf1UFkC.js";
|
|
8
8
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
9
9
|
import "../chunks/if-defined.BRoBj_Rp.js";
|
|
10
10
|
import "../chunks/when.Dr1es41R.js";
|
|
11
11
|
import "../chunks/static.UA3G1Deq.js";
|
|
12
|
-
import "
|
|
12
|
+
import "../chunks/icon.DnBh6-56.js";
|
|
13
13
|
import "./spinner.js";
|
|
14
14
|
export {
|
|
15
15
|
C as default
|
|
@@ -1,111 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
["mailchimp", () => import("../chunks/mailchimp.Bs6uJVsf.js")],
|
|
11
|
-
["chatbot", () => import("../chunks/chatbot.BmpIu59L.js")],
|
|
12
|
-
["orangelogic", () => import("../chunks/orangelogic.TdFfoPUN.js")],
|
|
13
|
-
["amazon_s3", () => import("../chunks/amazon_s3.BEMtqafk.js")]
|
|
14
|
-
]), v = p`/*!
|
|
15
|
-
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
16
|
-
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
17
|
-
*/
|
|
18
|
-
.fa{font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.fa-lg{vertical-align:-15%;font-size:1.33333em;line-height:.75em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{text-align:center;width:1.28571em}.fa-ul{margin-left:2.14286em;padding-left:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{text-align:center;width:2.14286em;position:absolute;top:.142857em;left:-2.14286em}.fa-li.fa-lg{left:-1.85714em}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:2s linear infinite fa-spin;animation:2s linear infinite fa-spin}.fa-pulse{-webkit-animation:1s steps(8,end) infinite fa-spin;animation:1s steps(8,end) infinite fa-spin}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{vertical-align:middle;width:2em;height:2em;line-height:2em;display:inline-block;position:relative}.fa-stack-1x,.fa-stack-2x{text-align:center;width:100%;position:absolute;left:0}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\\f000"}.fa-music:before{content:"\\f001"}.fa-search:before{content:"\\f002"}.fa-envelope-o:before{content:"\\f003"}.fa-heart:before{content:"\\f004"}.fa-star:before{content:"\\f005"}.fa-star-o:before{content:"\\f006"}.fa-user:before{content:"\\f007"}.fa-film:before{content:"\\f008"}.fa-th-large:before{content:"\\f009"}.fa-th:before{content:"\\f00a"}.fa-th-list:before{content:"\\f00b"}.fa-check:before{content:"\\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\\f00d"}.fa-search-plus:before{content:"\\f00e"}.fa-search-minus:before{content:"\\f010"}.fa-power-off:before{content:"\\f011"}.fa-signal:before{content:"\\f012"}.fa-gear:before,.fa-cog:before{content:"\\f013"}.fa-trash-o:before{content:"\\f014"}.fa-home:before{content:"\\f015"}.fa-file-o:before{content:"\\f016"}.fa-clock-o:before{content:"\\f017"}.fa-road:before{content:"\\f018"}.fa-download:before{content:"\\f019"}.fa-arrow-circle-o-down:before{content:"\\f01a"}.fa-arrow-circle-o-up:before{content:"\\f01b"}.fa-inbox:before{content:"\\f01c"}.fa-play-circle-o:before{content:"\\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\\f01e"}.fa-refresh:before{content:"\\f021"}.fa-list-alt:before{content:"\\f022"}.fa-lock:before{content:"\\f023"}.fa-flag:before{content:"\\f024"}.fa-headphones:before{content:"\\f025"}.fa-volume-off:before{content:"\\f026"}.fa-volume-down:before{content:"\\f027"}.fa-volume-up:before{content:"\\f028"}.fa-qrcode:before{content:"\\f029"}.fa-barcode:before{content:"\\f02a"}.fa-tag:before{content:"\\f02b"}.fa-tags:before{content:"\\f02c"}.fa-book:before{content:"\\f02d"}.fa-bookmark:before{content:"\\f02e"}.fa-print:before{content:"\\f02f"}.fa-camera:before{content:"\\f030"}.fa-font:before{content:"\\f031"}.fa-bold:before{content:"\\f032"}.fa-italic:before{content:"\\f033"}.fa-text-height:before{content:"\\f034"}.fa-text-width:before{content:"\\f035"}.fa-align-left:before{content:"\\f036"}.fa-align-center:before{content:"\\f037"}.fa-align-right:before{content:"\\f038"}.fa-align-justify:before{content:"\\f039"}.fa-list:before{content:"\\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\\f03b"}.fa-indent:before{content:"\\f03c"}.fa-video-camera:before{content:"\\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\\f03e"}.fa-pencil:before{content:"\\f040"}.fa-map-marker:before{content:"\\f041"}.fa-adjust:before{content:"\\f042"}.fa-tint:before{content:"\\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\\f044"}.fa-share-square-o:before{content:"\\f045"}.fa-check-square-o:before{content:"\\f046"}.fa-arrows:before{content:"\\f047"}.fa-step-backward:before{content:"\\f048"}.fa-fast-backward:before{content:"\\f049"}.fa-backward:before{content:"\\f04a"}.fa-play:before{content:"\\f04b"}.fa-pause:before{content:"\\f04c"}.fa-stop:before{content:"\\f04d"}.fa-forward:before{content:"\\f04e"}.fa-fast-forward:before{content:"\\f050"}.fa-step-forward:before{content:"\\f051"}.fa-eject:before{content:"\\f052"}.fa-chevron-left:before{content:"\\f053"}.fa-chevron-right:before{content:"\\f054"}.fa-plus-circle:before{content:"\\f055"}.fa-minus-circle:before{content:"\\f056"}.fa-times-circle:before{content:"\\f057"}.fa-check-circle:before{content:"\\f058"}.fa-question-circle:before{content:"\\f059"}.fa-info-circle:before{content:"\\f05a"}.fa-crosshairs:before{content:"\\f05b"}.fa-times-circle-o:before{content:"\\f05c"}.fa-check-circle-o:before{content:"\\f05d"}.fa-ban:before{content:"\\f05e"}.fa-arrow-left:before{content:"\\f060"}.fa-arrow-right:before{content:"\\f061"}.fa-arrow-up:before{content:"\\f062"}.fa-arrow-down:before{content:"\\f063"}.fa-mail-forward:before,.fa-share:before{content:"\\f064"}.fa-expand:before{content:"\\f065"}.fa-compress:before{content:"\\f066"}.fa-plus:before{content:"\\f067"}.fa-minus:before{content:"\\f068"}.fa-asterisk:before{content:"\\f069"}.fa-exclamation-circle:before{content:"\\f06a"}.fa-gift:before{content:"\\f06b"}.fa-leaf:before{content:"\\f06c"}.fa-fire:before{content:"\\f06d"}.fa-eye:before{content:"\\f06e"}.fa-eye-slash:before{content:"\\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\\f071"}.fa-plane:before{content:"\\f072"}.fa-calendar:before{content:"\\f073"}.fa-random:before{content:"\\f074"}.fa-comment:before{content:"\\f075"}.fa-magnet:before{content:"\\f076"}.fa-chevron-up:before{content:"\\f077"}.fa-chevron-down:before{content:"\\f078"}.fa-retweet:before{content:"\\f079"}.fa-shopping-cart:before{content:"\\f07a"}.fa-folder:before{content:"\\f07b"}.fa-folder-open:before{content:"\\f07c"}.fa-arrows-v:before{content:"\\f07d"}.fa-arrows-h:before{content:"\\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\\f080"}.fa-twitter-square:before{content:"\\f081"}.fa-facebook-square:before{content:"\\f082"}.fa-camera-retro:before{content:"\\f083"}.fa-key:before{content:"\\f084"}.fa-gears:before,.fa-cogs:before{content:"\\f085"}.fa-comments:before{content:"\\f086"}.fa-thumbs-o-up:before{content:"\\f087"}.fa-thumbs-o-down:before{content:"\\f088"}.fa-star-half:before{content:"\\f089"}.fa-heart-o:before{content:"\\f08a"}.fa-sign-out:before{content:"\\f08b"}.fa-linkedin-square:before{content:"\\f08c"}.fa-thumb-tack:before{content:"\\f08d"}.fa-external-link:before{content:"\\f08e"}.fa-sign-in:before{content:"\\f090"}.fa-trophy:before{content:"\\f091"}.fa-github-square:before{content:"\\f092"}.fa-upload:before{content:"\\f093"}.fa-lemon-o:before{content:"\\f094"}.fa-phone:before{content:"\\f095"}.fa-square-o:before{content:"\\f096"}.fa-bookmark-o:before{content:"\\f097"}.fa-phone-square:before{content:"\\f098"}.fa-twitter:before{content:"\\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\\f09a"}.fa-github:before{content:"\\f09b"}.fa-unlock:before{content:"\\f09c"}.fa-credit-card:before{content:"\\f09d"}.fa-feed:before,.fa-rss:before{content:"\\f09e"}.fa-hdd-o:before{content:"\\f0a0"}.fa-bullhorn:before{content:"\\f0a1"}.fa-bell:before{content:"\\f0f3"}.fa-certificate:before{content:"\\f0a3"}.fa-hand-o-right:before{content:"\\f0a4"}.fa-hand-o-left:before{content:"\\f0a5"}.fa-hand-o-up:before{content:"\\f0a6"}.fa-hand-o-down:before{content:"\\f0a7"}.fa-arrow-circle-left:before{content:"\\f0a8"}.fa-arrow-circle-right:before{content:"\\f0a9"}.fa-arrow-circle-up:before{content:"\\f0aa"}.fa-arrow-circle-down:before{content:"\\f0ab"}.fa-globe:before{content:"\\f0ac"}.fa-wrench:before{content:"\\f0ad"}.fa-tasks:before{content:"\\f0ae"}.fa-filter:before{content:"\\f0b0"}.fa-briefcase:before{content:"\\f0b1"}.fa-arrows-alt:before{content:"\\f0b2"}.fa-group:before,.fa-users:before{content:"\\f0c0"}.fa-chain:before,.fa-link:before{content:"\\f0c1"}.fa-cloud:before{content:"\\f0c2"}.fa-flask:before{content:"\\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\\f0c5"}.fa-paperclip:before{content:"\\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\\f0c7"}.fa-square:before{content:"\\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\\f0c9"}.fa-list-ul:before{content:"\\f0ca"}.fa-list-ol:before{content:"\\f0cb"}.fa-strikethrough:before{content:"\\f0cc"}.fa-underline:before{content:"\\f0cd"}.fa-table:before{content:"\\f0ce"}.fa-magic:before{content:"\\f0d0"}.fa-truck:before{content:"\\f0d1"}.fa-pinterest:before{content:"\\f0d2"}.fa-pinterest-square:before{content:"\\f0d3"}.fa-google-plus-square:before{content:"\\f0d4"}.fa-google-plus:before{content:"\\f0d5"}.fa-money:before{content:"\\f0d6"}.fa-caret-down:before{content:"\\f0d7"}.fa-caret-up:before{content:"\\f0d8"}.fa-caret-left:before{content:"\\f0d9"}.fa-caret-right:before{content:"\\f0da"}.fa-columns:before{content:"\\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\\f0de"}.fa-envelope:before{content:"\\f0e0"}.fa-linkedin:before{content:"\\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\\f0e4"}.fa-comment-o:before{content:"\\f0e5"}.fa-comments-o:before{content:"\\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\\f0e7"}.fa-sitemap:before{content:"\\f0e8"}.fa-umbrella:before{content:"\\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\\f0ea"}.fa-lightbulb-o:before{content:"\\f0eb"}.fa-exchange:before{content:"\\f0ec"}.fa-cloud-download:before{content:"\\f0ed"}.fa-cloud-upload:before{content:"\\f0ee"}.fa-user-md:before{content:"\\f0f0"}.fa-stethoscope:before{content:"\\f0f1"}.fa-suitcase:before{content:"\\f0f2"}.fa-bell-o:before{content:"\\f0a2"}.fa-coffee:before{content:"\\f0f4"}.fa-cutlery:before{content:"\\f0f5"}.fa-file-text-o:before{content:"\\f0f6"}.fa-building-o:before{content:"\\f0f7"}.fa-hospital-o:before{content:"\\f0f8"}.fa-ambulance:before{content:"\\f0f9"}.fa-medkit:before{content:"\\f0fa"}.fa-fighter-jet:before{content:"\\f0fb"}.fa-beer:before{content:"\\f0fc"}.fa-h-square:before{content:"\\f0fd"}.fa-plus-square:before{content:"\\f0fe"}.fa-angle-double-left:before{content:"\\f100"}.fa-angle-double-right:before{content:"\\f101"}.fa-angle-double-up:before{content:"\\f102"}.fa-angle-double-down:before{content:"\\f103"}.fa-angle-left:before{content:"\\f104"}.fa-angle-right:before{content:"\\f105"}.fa-angle-up:before{content:"\\f106"}.fa-angle-down:before{content:"\\f107"}.fa-desktop:before{content:"\\f108"}.fa-laptop:before{content:"\\f109"}.fa-tablet:before{content:"\\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\\f10b"}.fa-circle-o:before{content:"\\f10c"}.fa-quote-left:before{content:"\\f10d"}.fa-quote-right:before{content:"\\f10e"}.fa-spinner:before{content:"\\f110"}.fa-circle:before{content:"\\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\\f112"}.fa-github-alt:before{content:"\\f113"}.fa-folder-o:before{content:"\\f114"}.fa-folder-open-o:before{content:"\\f115"}.fa-smile-o:before{content:"\\f118"}.fa-frown-o:before{content:"\\f119"}.fa-meh-o:before{content:"\\f11a"}.fa-gamepad:before{content:"\\f11b"}.fa-keyboard-o:before{content:"\\f11c"}.fa-flag-o:before{content:"\\f11d"}.fa-flag-checkered:before{content:"\\f11e"}.fa-terminal:before{content:"\\f120"}.fa-code:before{content:"\\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\\f123"}.fa-location-arrow:before{content:"\\f124"}.fa-crop:before{content:"\\f125"}.fa-code-fork:before{content:"\\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\\f127"}.fa-question:before{content:"\\f128"}.fa-info:before{content:"\\f129"}.fa-exclamation:before{content:"\\f12a"}.fa-superscript:before{content:"\\f12b"}.fa-subscript:before{content:"\\f12c"}.fa-eraser:before{content:"\\f12d"}.fa-puzzle-piece:before{content:"\\f12e"}.fa-microphone:before{content:"\\f130"}.fa-microphone-slash:before{content:"\\f131"}.fa-shield:before{content:"\\f132"}.fa-calendar-o:before{content:"\\f133"}.fa-fire-extinguisher:before{content:"\\f134"}.fa-rocket:before{content:"\\f135"}.fa-maxcdn:before{content:"\\f136"}.fa-chevron-circle-left:before{content:"\\f137"}.fa-chevron-circle-right:before{content:"\\f138"}.fa-chevron-circle-up:before{content:"\\f139"}.fa-chevron-circle-down:before{content:"\\f13a"}.fa-html5:before{content:"\\f13b"}.fa-css3:before{content:"\\f13c"}.fa-anchor:before{content:"\\f13d"}.fa-unlock-alt:before{content:"\\f13e"}.fa-bullseye:before{content:"\\f140"}.fa-ellipsis-h:before{content:"\\f141"}.fa-ellipsis-v:before{content:"\\f142"}.fa-rss-square:before{content:"\\f143"}.fa-play-circle:before{content:"\\f144"}.fa-ticket:before{content:"\\f145"}.fa-minus-square:before{content:"\\f146"}.fa-minus-square-o:before{content:"\\f147"}.fa-level-up:before{content:"\\f148"}.fa-level-down:before{content:"\\f149"}.fa-check-square:before{content:"\\f14a"}.fa-pencil-square:before{content:"\\f14b"}.fa-external-link-square:before{content:"\\f14c"}.fa-share-square:before{content:"\\f14d"}.fa-compass:before{content:"\\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\\f152"}.fa-euro:before,.fa-eur:before{content:"\\f153"}.fa-gbp:before{content:"\\f154"}.fa-dollar:before,.fa-usd:before{content:"\\f155"}.fa-rupee:before,.fa-inr:before{content:"\\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\\f158"}.fa-won:before,.fa-krw:before{content:"\\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\\f15a"}.fa-file:before{content:"\\f15b"}.fa-file-text:before{content:"\\f15c"}.fa-sort-alpha-asc:before{content:"\\f15d"}.fa-sort-alpha-desc:before{content:"\\f15e"}.fa-sort-amount-asc:before{content:"\\f160"}.fa-sort-amount-desc:before{content:"\\f161"}.fa-sort-numeric-asc:before{content:"\\f162"}.fa-sort-numeric-desc:before{content:"\\f163"}.fa-thumbs-up:before{content:"\\f164"}.fa-thumbs-down:before{content:"\\f165"}.fa-youtube-square:before{content:"\\f166"}.fa-youtube:before{content:"\\f167"}.fa-xing:before{content:"\\f168"}.fa-xing-square:before{content:"\\f169"}.fa-youtube-play:before{content:"\\f16a"}.fa-dropbox:before{content:"\\f16b"}.fa-stack-overflow:before{content:"\\f16c"}.fa-instagram:before{content:"\\f16d"}.fa-flickr:before{content:"\\f16e"}.fa-adn:before{content:"\\f170"}.fa-bitbucket:before{content:"\\f171"}.fa-bitbucket-square:before{content:"\\f172"}.fa-tumblr:before{content:"\\f173"}.fa-tumblr-square:before{content:"\\f174"}.fa-long-arrow-down:before{content:"\\f175"}.fa-long-arrow-up:before{content:"\\f176"}.fa-long-arrow-left:before{content:"\\f177"}.fa-long-arrow-right:before{content:"\\f178"}.fa-apple:before{content:"\\f179"}.fa-windows:before{content:"\\f17a"}.fa-android:before{content:"\\f17b"}.fa-linux:before{content:"\\f17c"}.fa-dribbble:before{content:"\\f17d"}.fa-skype:before{content:"\\f17e"}.fa-foursquare:before{content:"\\f180"}.fa-trello:before{content:"\\f181"}.fa-female:before{content:"\\f182"}.fa-male:before{content:"\\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\\f184"}.fa-sun-o:before{content:"\\f185"}.fa-moon-o:before{content:"\\f186"}.fa-archive:before{content:"\\f187"}.fa-bug:before{content:"\\f188"}.fa-vk:before{content:"\\f189"}.fa-weibo:before{content:"\\f18a"}.fa-renren:before{content:"\\f18b"}.fa-pagelines:before{content:"\\f18c"}.fa-stack-exchange:before{content:"\\f18d"}.fa-arrow-circle-o-right:before{content:"\\f18e"}.fa-arrow-circle-o-left:before{content:"\\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\\f191"}.fa-dot-circle-o:before{content:"\\f192"}.fa-wheelchair:before{content:"\\f193"}.fa-vimeo-square:before{content:"\\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\\f195"}.fa-plus-square-o:before{content:"\\f196"}.fa-space-shuttle:before{content:"\\f197"}.fa-slack:before{content:"\\f198"}.fa-envelope-square:before{content:"\\f199"}.fa-wordpress:before{content:"\\f19a"}.fa-openid:before{content:"\\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\\f19d"}.fa-yahoo:before{content:"\\f19e"}.fa-google:before{content:"\\f1a0"}.fa-reddit:before{content:"\\f1a1"}.fa-reddit-square:before{content:"\\f1a2"}.fa-stumbleupon-circle:before{content:"\\f1a3"}.fa-stumbleupon:before{content:"\\f1a4"}.fa-delicious:before{content:"\\f1a5"}.fa-digg:before{content:"\\f1a6"}.fa-pied-piper-pp:before{content:"\\f1a7"}.fa-pied-piper-alt:before{content:"\\f1a8"}.fa-drupal:before{content:"\\f1a9"}.fa-joomla:before{content:"\\f1aa"}.fa-language:before{content:"\\f1ab"}.fa-fax:before{content:"\\f1ac"}.fa-building:before{content:"\\f1ad"}.fa-child:before{content:"\\f1ae"}.fa-paw:before{content:"\\f1b0"}.fa-spoon:before{content:"\\f1b1"}.fa-cube:before{content:"\\f1b2"}.fa-cubes:before{content:"\\f1b3"}.fa-behance:before{content:"\\f1b4"}.fa-behance-square:before{content:"\\f1b5"}.fa-steam:before{content:"\\f1b6"}.fa-steam-square:before{content:"\\f1b7"}.fa-recycle:before{content:"\\f1b8"}.fa-automobile:before,.fa-car:before{content:"\\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\\f1ba"}.fa-tree:before{content:"\\f1bb"}.fa-spotify:before{content:"\\f1bc"}.fa-deviantart:before{content:"\\f1bd"}.fa-soundcloud:before{content:"\\f1be"}.fa-database:before{content:"\\f1c0"}.fa-file-pdf-o:before{content:"\\f1c1"}.fa-file-word-o:before{content:"\\f1c2"}.fa-file-excel-o:before{content:"\\f1c3"}.fa-file-powerpoint-o:before{content:"\\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\\f1c8"}.fa-file-code-o:before{content:"\\f1c9"}.fa-vine:before{content:"\\f1ca"}.fa-codepen:before{content:"\\f1cb"}.fa-jsfiddle:before{content:"\\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\\f1cd"}.fa-circle-o-notch:before{content:"\\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\\f1d0"}.fa-ge:before,.fa-empire:before{content:"\\f1d1"}.fa-git-square:before{content:"\\f1d2"}.fa-git:before{content:"\\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\\f1d4"}.fa-tencent-weibo:before{content:"\\f1d5"}.fa-qq:before{content:"\\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\\f1d9"}.fa-history:before{content:"\\f1da"}.fa-circle-thin:before{content:"\\f1db"}.fa-header:before{content:"\\f1dc"}.fa-paragraph:before{content:"\\f1dd"}.fa-sliders:before{content:"\\f1de"}.fa-share-alt:before{content:"\\f1e0"}.fa-share-alt-square:before{content:"\\f1e1"}.fa-bomb:before{content:"\\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\\f1e3"}.fa-tty:before{content:"\\f1e4"}.fa-binoculars:before{content:"\\f1e5"}.fa-plug:before{content:"\\f1e6"}.fa-slideshare:before{content:"\\f1e7"}.fa-twitch:before{content:"\\f1e8"}.fa-yelp:before{content:"\\f1e9"}.fa-newspaper-o:before{content:"\\f1ea"}.fa-wifi:before{content:"\\f1eb"}.fa-calculator:before{content:"\\f1ec"}.fa-paypal:before{content:"\\f1ed"}.fa-google-wallet:before{content:"\\f1ee"}.fa-cc-visa:before{content:"\\f1f0"}.fa-cc-mastercard:before{content:"\\f1f1"}.fa-cc-discover:before{content:"\\f1f2"}.fa-cc-amex:before{content:"\\f1f3"}.fa-cc-paypal:before{content:"\\f1f4"}.fa-cc-stripe:before{content:"\\f1f5"}.fa-bell-slash:before{content:"\\f1f6"}.fa-bell-slash-o:before{content:"\\f1f7"}.fa-trash:before{content:"\\f1f8"}.fa-copyright:before{content:"\\f1f9"}.fa-at:before{content:"\\f1fa"}.fa-eyedropper:before{content:"\\f1fb"}.fa-paint-brush:before{content:"\\f1fc"}.fa-birthday-cake:before{content:"\\f1fd"}.fa-area-chart:before{content:"\\f1fe"}.fa-pie-chart:before{content:"\\f200"}.fa-line-chart:before{content:"\\f201"}.fa-lastfm:before{content:"\\f202"}.fa-lastfm-square:before{content:"\\f203"}.fa-toggle-off:before{content:"\\f204"}.fa-toggle-on:before{content:"\\f205"}.fa-bicycle:before{content:"\\f206"}.fa-bus:before{content:"\\f207"}.fa-ioxhost:before{content:"\\f208"}.fa-angellist:before{content:"\\f209"}.fa-cc:before{content:"\\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\\f20b"}.fa-meanpath:before{content:"\\f20c"}.fa-buysellads:before{content:"\\f20d"}.fa-connectdevelop:before{content:"\\f20e"}.fa-dashcube:before{content:"\\f210"}.fa-forumbee:before{content:"\\f211"}.fa-leanpub:before{content:"\\f212"}.fa-sellsy:before{content:"\\f213"}.fa-shirtsinbulk:before{content:"\\f214"}.fa-simplybuilt:before{content:"\\f215"}.fa-skyatlas:before{content:"\\f216"}.fa-cart-plus:before{content:"\\f217"}.fa-cart-arrow-down:before{content:"\\f218"}.fa-diamond:before{content:"\\f219"}.fa-ship:before{content:"\\f21a"}.fa-user-secret:before{content:"\\f21b"}.fa-motorcycle:before{content:"\\f21c"}.fa-street-view:before{content:"\\f21d"}.fa-heartbeat:before{content:"\\f21e"}.fa-venus:before{content:"\\f221"}.fa-mars:before{content:"\\f222"}.fa-mercury:before{content:"\\f223"}.fa-intersex:before,.fa-transgender:before{content:"\\f224"}.fa-transgender-alt:before{content:"\\f225"}.fa-venus-double:before{content:"\\f226"}.fa-mars-double:before{content:"\\f227"}.fa-venus-mars:before{content:"\\f228"}.fa-mars-stroke:before{content:"\\f229"}.fa-mars-stroke-v:before{content:"\\f22a"}.fa-mars-stroke-h:before{content:"\\f22b"}.fa-neuter:before{content:"\\f22c"}.fa-genderless:before{content:"\\f22d"}.fa-facebook-official:before{content:"\\f230"}.fa-pinterest-p:before{content:"\\f231"}.fa-whatsapp:before{content:"\\f232"}.fa-server:before{content:"\\f233"}.fa-user-plus:before{content:"\\f234"}.fa-user-times:before{content:"\\f235"}.fa-hotel:before,.fa-bed:before{content:"\\f236"}.fa-viacoin:before{content:"\\f237"}.fa-train:before{content:"\\f238"}.fa-subway:before{content:"\\f239"}.fa-medium:before{content:"\\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\\f23b"}.fa-optin-monster:before{content:"\\f23c"}.fa-opencart:before{content:"\\f23d"}.fa-expeditedssl:before{content:"\\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\\f244"}.fa-mouse-pointer:before{content:"\\f245"}.fa-i-cursor:before{content:"\\f246"}.fa-object-group:before{content:"\\f247"}.fa-object-ungroup:before{content:"\\f248"}.fa-sticky-note:before{content:"\\f249"}.fa-sticky-note-o:before{content:"\\f24a"}.fa-cc-jcb:before{content:"\\f24b"}.fa-cc-diners-club:before{content:"\\f24c"}.fa-clone:before{content:"\\f24d"}.fa-balance-scale:before{content:"\\f24e"}.fa-hourglass-o:before{content:"\\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\\f253"}.fa-hourglass:before{content:"\\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\\f256"}.fa-hand-scissors-o:before{content:"\\f257"}.fa-hand-lizard-o:before{content:"\\f258"}.fa-hand-spock-o:before{content:"\\f259"}.fa-hand-pointer-o:before{content:"\\f25a"}.fa-hand-peace-o:before{content:"\\f25b"}.fa-trademark:before{content:"\\f25c"}.fa-registered:before{content:"\\f25d"}.fa-creative-commons:before{content:"\\f25e"}.fa-gg:before{content:"\\f260"}.fa-gg-circle:before{content:"\\f261"}.fa-tripadvisor:before{content:"\\f262"}.fa-odnoklassniki:before{content:"\\f263"}.fa-odnoklassniki-square:before{content:"\\f264"}.fa-get-pocket:before{content:"\\f265"}.fa-wikipedia-w:before{content:"\\f266"}.fa-safari:before{content:"\\f267"}.fa-chrome:before{content:"\\f268"}.fa-firefox:before{content:"\\f269"}.fa-opera:before{content:"\\f26a"}.fa-internet-explorer:before{content:"\\f26b"}.fa-tv:before,.fa-television:before{content:"\\f26c"}.fa-contao:before{content:"\\f26d"}.fa-500px:before{content:"\\f26e"}.fa-amazon:before{content:"\\f270"}.fa-calendar-plus-o:before{content:"\\f271"}.fa-calendar-minus-o:before{content:"\\f272"}.fa-calendar-times-o:before{content:"\\f273"}.fa-calendar-check-o:before{content:"\\f274"}.fa-industry:before{content:"\\f275"}.fa-map-pin:before{content:"\\f276"}.fa-map-signs:before{content:"\\f277"}.fa-map-o:before{content:"\\f278"}.fa-map:before{content:"\\f279"}.fa-commenting:before{content:"\\f27a"}.fa-commenting-o:before{content:"\\f27b"}.fa-houzz:before{content:"\\f27c"}.fa-vimeo:before{content:"\\f27d"}.fa-black-tie:before{content:"\\f27e"}.fa-fonticons:before{content:"\\f280"}.fa-reddit-alien:before{content:"\\f281"}.fa-edge:before{content:"\\f282"}.fa-credit-card-alt:before{content:"\\f283"}.fa-codiepie:before{content:"\\f284"}.fa-modx:before{content:"\\f285"}.fa-fort-awesome:before{content:"\\f286"}.fa-usb:before{content:"\\f287"}.fa-product-hunt:before{content:"\\f288"}.fa-mixcloud:before{content:"\\f289"}.fa-scribd:before{content:"\\f28a"}.fa-pause-circle:before{content:"\\f28b"}.fa-pause-circle-o:before{content:"\\f28c"}.fa-stop-circle:before{content:"\\f28d"}.fa-stop-circle-o:before{content:"\\f28e"}.fa-shopping-bag:before{content:"\\f290"}.fa-shopping-basket:before{content:"\\f291"}.fa-hashtag:before{content:"\\f292"}.fa-bluetooth:before{content:"\\f293"}.fa-bluetooth-b:before{content:"\\f294"}.fa-percent:before{content:"\\f295"}.fa-gitlab:before{content:"\\f296"}.fa-wpbeginner:before{content:"\\f297"}.fa-wpforms:before{content:"\\f298"}.fa-envira:before{content:"\\f299"}.fa-universal-access:before{content:"\\f29a"}.fa-wheelchair-alt:before{content:"\\f29b"}.fa-question-circle-o:before{content:"\\f29c"}.fa-blind:before{content:"\\f29d"}.fa-audio-description:before{content:"\\f29e"}.fa-volume-control-phone:before{content:"\\f2a0"}.fa-braille:before{content:"\\f2a1"}.fa-assistive-listening-systems:before{content:"\\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\\f2a4"}.fa-glide:before{content:"\\f2a5"}.fa-glide-g:before{content:"\\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\\f2a7"}.fa-low-vision:before{content:"\\f2a8"}.fa-viadeo:before{content:"\\f2a9"}.fa-viadeo-square:before{content:"\\f2aa"}.fa-snapchat:before{content:"\\f2ab"}.fa-snapchat-ghost:before{content:"\\f2ac"}.fa-snapchat-square:before{content:"\\f2ad"}.fa-pied-piper:before{content:"\\f2ae"}.fa-first-order:before{content:"\\f2b0"}.fa-yoast:before{content:"\\f2b1"}.fa-themeisle:before{content:"\\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\\f2b4"}.fa-handshake-o:before{content:"\\f2b5"}.fa-envelope-open:before{content:"\\f2b6"}.fa-envelope-open-o:before{content:"\\f2b7"}.fa-linode:before{content:"\\f2b8"}.fa-address-book:before{content:"\\f2b9"}.fa-address-book-o:before{content:"\\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\\f2bc"}.fa-user-circle:before{content:"\\f2bd"}.fa-user-circle-o:before{content:"\\f2be"}.fa-user-o:before{content:"\\f2c0"}.fa-id-badge:before{content:"\\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\\f2c3"}.fa-quora:before{content:"\\f2c4"}.fa-free-code-camp:before{content:"\\f2c5"}.fa-telegram:before{content:"\\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\\f2cb"}.fa-shower:before{content:"\\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\\f2cd"}.fa-podcast:before{content:"\\f2ce"}.fa-window-maximize:before{content:"\\f2d0"}.fa-window-minimize:before{content:"\\f2d1"}.fa-window-restore:before{content:"\\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\\f2d4"}.fa-bandcamp:before{content:"\\f2d5"}.fa-grav:before{content:"\\f2d6"}.fa-etsy:before{content:"\\f2d7"}.fa-imdb:before{content:"\\f2d8"}.fa-ravelry:before{content:"\\f2d9"}.fa-eercast:before{content:"\\f2da"}.fa-microchip:before{content:"\\f2db"}.fa-snowflake-o:before{content:"\\f2dc"}.fa-superpowers:before{content:"\\f2dd"}.fa-wpexplorer:before{content:"\\f2de"}.fa-meetup:before{content:"\\f2e0"}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}`, k = p`:host{min-width:1em;min-height:1em;line-height:1;font-size:var(--font-size,var(--cx-font-size-large));--weight:400;--grade:200;--optical-size:48;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-sizing:content-box!important}:host:has(.icon){max-width:var(--font-size,1em);max-height:var(--font-size,1em)}.icon{font-weight:var(--font-weight,normal);font-style:normal;line-height:inherit;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";visibility:hidden;opacity:0;font-variation-settings:"FILL" 0, "wght" var(--weight), "GRAD" var(--grade), "opsz" var(--optical-size);direction:ltr;font-family:Material Symbols Outlined;display:block}.icon--loaded{visibility:inherit;opacity:inherit}.icon--outlined{font-family:Material Symbols Outlined}.icon--filled{font-variation-settings:"FILL" 1, "wght" var(--weight), "GRAD" var(--grade), "opsz" var(--optical-size);font-family:Material Symbols Outlined}.icon--round{font-family:Material Symbols Rounded}.icon--sharp{font-family:Material Symbols Sharp}.icon--two-tone{font-family:Material Symbols Outlined}span.icon{width:100%;height:100%;display:block}span.custom-icon{width:1em;height:1em;display:block}span.custom-icon img{width:100%;height:100%}span.custom-icon--svg{justify-content:center;align-items:center;display:inline-flex}span.custom-icon--svg svg{width:100%;height:100%}`;
|
|
19
|
-
var x = Object.defineProperty, q = Object.getOwnPropertyDescriptor, t = (e, f, r, n) => {
|
|
20
|
-
for (var a = n > 1 ? void 0 : n ? q(f, r) : f, i = e.length - 1, s; i >= 0; i--)
|
|
21
|
-
(s = e[i]) && (a = (n ? s(f, r, a) : s(a)) || a);
|
|
22
|
-
return n && a && x(f, r, a), a;
|
|
23
|
-
};
|
|
24
|
-
let o = class extends u {
|
|
25
|
-
constructor() {
|
|
26
|
-
super(...arguments), this.name = "", this.src = "", this.label = "", this.variant = "outlined", this.iconClass = "", this.customIconSrc = null, this.customIconSvg = null, this.loadingIconName = null;
|
|
27
|
-
}
|
|
28
|
-
runFirstUpdated() {
|
|
29
|
-
this.handleNameChange();
|
|
30
|
-
}
|
|
31
|
-
async handleNameChange() {
|
|
32
|
-
const e = this.name, f = d.get(e);
|
|
33
|
-
if (f) {
|
|
34
|
-
this.loadingIconName = e;
|
|
35
|
-
try {
|
|
36
|
-
const r = await f();
|
|
37
|
-
if (this.loadingIconName === e) {
|
|
38
|
-
const n = r.default;
|
|
39
|
-
this.customIconSrc = n?.src || null, this.customIconSvg = n?.svg || null;
|
|
40
|
-
}
|
|
41
|
-
} catch {
|
|
42
|
-
this.loadingIconName === e && (this.customIconSrc = null, this.customIconSvg = null);
|
|
43
|
-
} finally {
|
|
44
|
-
this.loadingIconName === e && (this.loadingIconName = null);
|
|
45
|
-
}
|
|
46
|
-
} else
|
|
47
|
-
this.loadingIconName = null, this.customIconSrc = null, this.customIconSvg = null;
|
|
48
|
-
}
|
|
49
|
-
handleLabelChange() {
|
|
50
|
-
typeof this.label == "string" && this.label.length > 0 ? (this.setAttribute("role", "img"), this.setAttribute("aria-label", this.label), this.removeAttribute("aria-hidden")) : (this.removeAttribute("role"), this.removeAttribute("aria-label"), this.setAttribute("aria-hidden", "true"));
|
|
51
|
-
}
|
|
52
|
-
onLoad() {
|
|
53
|
-
this.emit("cx-load");
|
|
54
|
-
}
|
|
55
|
-
onError() {
|
|
56
|
-
this.emit("cx-error");
|
|
57
|
-
}
|
|
58
|
-
render() {
|
|
59
|
-
const e = this.src || this.customIconSrc, f = this.customIconSvg;
|
|
60
|
-
return this.name && d.has(this.name) || e || f ? b`<span class=${l({
|
|
61
|
-
"custom-icon": !0,
|
|
62
|
-
"custom-icon--svg": !!f
|
|
63
|
-
})} part="span">${y(
|
|
64
|
-
f,
|
|
65
|
-
() => f,
|
|
66
|
-
() => b`<img src=${e} @load=${this.onLoad} @error=${this.onError}>`
|
|
67
|
-
)}</span>` : this.variant === "fa" ? b`<i class=${`${this.name} ${this.iconClass}`.trim()}></i>` : b`<span class=${l({
|
|
68
|
-
icon: !0,
|
|
69
|
-
"icon--filled": this.variant === "filled",
|
|
70
|
-
"icon--loaded": !0,
|
|
71
|
-
"icon--outlined": this.variant === "outlined",
|
|
72
|
-
"icon--round": this.variant === "round",
|
|
73
|
-
"icon--sharp": this.variant === "sharp",
|
|
74
|
-
"icon--two-tone": this.variant === "two-tone"
|
|
75
|
-
})} part="span">${this.name}</span>`;
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
o.styles = [g, k, v];
|
|
79
|
-
t([
|
|
80
|
-
c({ type: String })
|
|
81
|
-
], o.prototype, "name", 2);
|
|
82
|
-
t([
|
|
83
|
-
c({ type: String })
|
|
84
|
-
], o.prototype, "src", 2);
|
|
85
|
-
t([
|
|
86
|
-
c({ type: String })
|
|
87
|
-
], o.prototype, "label", 2);
|
|
88
|
-
t([
|
|
89
|
-
c({ type: String })
|
|
90
|
-
], o.prototype, "variant", 2);
|
|
91
|
-
t([
|
|
92
|
-
c({ attribute: "icon-class", type: String })
|
|
93
|
-
], o.prototype, "iconClass", 2);
|
|
94
|
-
t([
|
|
95
|
-
h()
|
|
96
|
-
], o.prototype, "customIconSrc", 2);
|
|
97
|
-
t([
|
|
98
|
-
h()
|
|
99
|
-
], o.prototype, "customIconSvg", 2);
|
|
100
|
-
t([
|
|
101
|
-
m("name")
|
|
102
|
-
], o.prototype, "handleNameChange", 1);
|
|
103
|
-
t([
|
|
104
|
-
m("label")
|
|
105
|
-
], o.prototype, "handleLabelChange", 1);
|
|
106
|
-
o = t([
|
|
107
|
-
w("cx-icon")
|
|
108
|
-
], o);
|
|
1
|
+
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
|
+
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
+
import "../chunks/custom-element.L4WJXn1j.js";
|
|
4
|
+
import "../chunks/watch.CThbualB.js";
|
|
5
|
+
import "../chunks/lit-element.jLBm65_O.js";
|
|
6
|
+
import "../chunks/state.CSDxrqLd.js";
|
|
7
|
+
import "../chunks/class-map.BiVq-cVR.js";
|
|
8
|
+
import "../chunks/when.Dr1es41R.js";
|
|
9
|
+
import { C as l } from "../chunks/icon.DnBh6-56.js";
|
|
109
10
|
export {
|
|
110
|
-
|
|
11
|
+
l as default
|
|
111
12
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C as u } from "../chunks/iframe.
|
|
3
|
+
import { C as u } from "../chunks/iframe.C4jZSmOr.js";
|
|
4
4
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
5
|
-
import "../chunks/i18n.
|
|
5
|
+
import "../chunks/i18n.BcD4Ohsq.js";
|
|
6
6
|
import "../chunks/watch.CThbualB.js";
|
|
7
7
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
8
8
|
import "../chunks/query.BBf1UFkC.js";
|