@bimdata/bcf-components 1.1.0-rc.20 → 1.1.0-rc.23
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/i18n/lang/fr.json +1 -0
- package/dist/vue2/bcf-components.es.js +512 -483
- package/dist/vue2/style.css +1 -1
- package/dist/vue3/bcf-components.es.js +135 -134
- package/dist/vue3/style.css +1 -1
- package/package.json +1 -1
|
@@ -213,11 +213,11 @@ const v$3 = { render: function(r, t) {
|
|
|
213
213
|
const B$5 = { render: function(r, t) {
|
|
214
214
|
return openBlock(), createElementBlock("path", D$5);
|
|
215
215
|
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Api.vue" }, _$6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.99856 2.98975H14.0663V6.55599H16.6753L11.4995 11.3798L6.32372 6.55599H8.99856V2.98975ZM8.47943 4.54312H4.53947L1.91832 12.2755H1.26615C0.566874 12.2755 0 12.8424 0 13.5417V20.7158C0 21.4151 0.566876 21.982 1.26615 21.982H21.7339C22.4331 21.982 23 21.4151 23 20.7158V13.5417C23 12.8424 22.4331 12.2755 21.7339 12.2755H21.0649L18.3821 4.54312H14.5607V5.38716H17.7816L20.1716 12.2755H2.80954L5.14457 5.38716H8.47943V4.54312ZM15.1789 16.378H7.82121V17.8795H15.1789V16.378Z" };
|
|
216
|
-
const m$
|
|
216
|
+
const m$9 = { render: function(r, t) {
|
|
217
217
|
return openBlock(), createElementBlock("path", _$6);
|
|
218
|
-
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Archive.vue" }, g$
|
|
218
|
+
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Archive.vue" }, g$5 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.5005 0L2.30076 9.19978L0 11.4995L2.30076 13.8002L11.5005 23L13.8002 20.7003L6.2268 13.1269H22.9995V11.5V9.8731H6.2268L13.8002 2.29967L11.5005 0Z" };
|
|
219
219
|
const y$6 = { render: function(r, t) {
|
|
220
|
-
return openBlock(), createElementBlock("path", g$
|
|
220
|
+
return openBlock(), createElementBlock("path", g$5);
|
|
221
221
|
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Arrow.vue" }, b$4 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.1353 0.97151C16.3653 -0.0111109 14.0902 0.591777 13.0536 2.3181L10.7744 6.11407C10.0103 7.38659 10.1326 8.91433 10.9585 10.0232L10.0988 11.5123C8.75683 11.4605 7.42339 12.1185 6.69746 13.3276L4.41822 17.1235C3.38168 18.8498 3.97626 21.0459 5.74626 22.0285C7.51626 23.0111 9.79142 22.4082 10.828 20.6819L13.1072 16.8859C13.8713 15.6134 13.749 14.0857 12.9231 12.9768L13.7828 11.4877C15.1248 11.5395 16.4582 10.8815 17.1842 9.67246L19.4634 5.87648C20.4999 4.15016 19.9053 1.95413 18.1353 0.97151ZM15.1171 8.66728C15.2354 8.56657 15.3391 8.44577 15.4225 8.30644L17.3449 5.09331C17.7532 4.41085 17.518 3.54214 16.8195 3.15299C16.121 2.76384 15.2238 3.00161 14.8155 3.68407L12.893 6.8972C12.8 7.0527 12.7404 7.21786 12.712 7.38482C13.1909 7.09804 13.8068 7.07256 14.3244 7.37143C14.8089 7.65111 15.0903 8.14736 15.1171 8.66728ZM8.76452 14.3326C8.79131 14.8525 9.07277 15.3488 9.55722 15.6285C10.0748 15.9273 10.6907 15.9019 11.1695 15.6152C11.1411 15.7821 11.0815 15.9473 10.9885 16.1028L9.06607 19.3159C8.65776 19.9984 7.76052 20.2361 7.06203 19.847C6.36354 19.4578 6.12831 18.5891 6.53662 17.9067L8.45904 14.6935C8.54242 14.5541 8.64621 14.4333 8.76452 14.3326Z" };
|
|
222
222
|
const w$6 = { render: function(r, t) {
|
|
223
223
|
return openBlock(), createElementBlock("path", b$4);
|
|
@@ -579,7 +579,7 @@ const el$1 = { render: function(r, t) {
|
|
|
579
579
|
const rl$1 = { render: function(r, t) {
|
|
580
580
|
return openBlock(), createElementBlock("g", null, nl$1);
|
|
581
581
|
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Zone.vue" };
|
|
582
|
-
var tl$1 = { addFile: L$3, addFolder: c$3, addUser: u$6, alphabeticalAscending: s$3, alphabeticalDescending: H$5, alphabeticalSort: p$5, alt: Z$5, angle: v$3, api: B$5, archive: m$
|
|
582
|
+
var tl$1 = { addFile: L$3, addFolder: c$3, addUser: u$6, alphabeticalAscending: s$3, alphabeticalDescending: H$5, alphabeticalSort: p$5, alt: Z$5, angle: v$3, api: B$5, archive: m$9, arrow: y$6, attach: w$6, backInTime: S$5, bcf: R$5, building: T$5, burgerMenu: N$6, calendar: z$5, caliper: P$5, camera: W$5, cancelCamera: Y$5, check: q$4, chevron: Q$4, classificationCategorie: J$4, classificationElement: ne$2, click: te$2, close: Ce$2, cloud: ae$2, color: ie$2, comment: de$2, cursor: Me$2, dateAscending: Ie$2, dateDescending: Ve$2, default: fe$2, delete: he$2, deniedFile: De$2, deploy: _e$2, detach: ge$2, distance: be$2, doubleChevron: xe$2, down: Se$2, download: Re$2, drag: Te$2, edit: Ne$2, ellipsis: ze$2, expanded: Pe$2, explosion: We$2, export: Ye$2, exportIfc: qe$2, failed: Qe$2, filter: Je$2, fitView: nn$4, folder: tn$2, folderMove: Cn$2, folderOpen: an$3, fullscreen: cn$2, grid: un$2, group: sn$2, hide: Hn$2, ifc: pn$2, ifcFile: Zn$2, import: vn$2, indexAscending: Bn$2, indexDescending: mn$2, information: yn$2, inProgressFile: wn$2, invitation: kn$2, isolate: An$2, key: Fn$2, left: En$2, linkedDocument: On$2, list: Un$2, listManage: Gn$2, location: jn$2, lock: Xn$2, logout: Kn$2, measure: $n$2, minus: er$2, model3d: rr$2, organization: lr$2, parameters: or$2, path: Lr$2, pieGraph: cr$2, plus: ur$2, project: sr$2, quickSelect: Hr$2, readonlyFolder: pr$2, redo: Zr$2, reduced: vr$2, refresh: Br$2, reprocessIfc: mr$2, reset: yr$2, right: wr$2, rules: kr$2, sandglass: Ar$2, save: Fr$2, screenConfig: Er$2, screenshot: Or$2, search: Ur$2, section: Gr$2, settings: jr$2, share: Xr$2, show: Kr$2, showSelected: $r$2, socotec: et$2, space: rt$2, split: lt$2, storey: ot$2, success: Lt$2, surface: ct$2, swap: ut$2, synchro2d: st$2, system: Ht$2, tag: ft$2, tree: ht$2, unarchive: Dt$2, undo: _t$2, union: gt$2, up: bt$2, user: xt$2, validate: St$2, validatedFile: Rt$2, versioning: Et$2, video: Ot$2, visa: Ut$2, warning: Gt$2, windowBottom: jt$2, windowed: Xt$2, windowLeft: Kt$2, windowRight: $t$2, windowTop: el$1, zone: rl$1 }, ll$1 = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
|
|
583
583
|
const Cl$1 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
|
|
584
584
|
var ol$1 = { name: "BIMDataIcon", components: __spreadValues({}, function(e2) {
|
|
585
585
|
return Object.entries(e2).reduce((e3, [n, r]) => __spreadProps(__spreadValues({}, e3), { ["bimdata-icon-" + n]: r }), {});
|
|
@@ -605,7 +605,7 @@ Ll$1(".icon-fill--black {\n fill: var(--color-black);\n}\n.icon-fill--default {
|
|
|
605
605
|
return openBlock(), createElementBlock("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: L2.fillColor, color: L2.color, class: normalizeClass(d2.classes), style: normalizeStyle(d2.style) }, [(openBlock(), createBlock(resolveDynamicComponent("bimdata-icon-" + L2.name)))], 14, al$1);
|
|
606
606
|
}, ol$1.__scopeId = "data-v-1312d4d1", ol$1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
|
|
607
607
|
let d$3 = 0;
|
|
608
|
-
var g$
|
|
608
|
+
var g$4 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { modelValue: { type: [String, Number, Boolean], default: "" }, placeholder: { type: String, default: "" }, error: { type: Boolean, default: false }, success: { type: Boolean, default: false }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, loading: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, margin: { type: String, default: "12px 0px" }, autocomplete: { type: Boolean, default: false } }, emits: ["update:modelValue", "blur", "keypress", "focus", "change"], computed: { style() {
|
|
609
609
|
return { margin: "" + this.margin };
|
|
610
610
|
} }, beforeCreate() {
|
|
611
611
|
this.uuid = d$3.toString(), d$3 += 1;
|
|
@@ -619,7 +619,7 @@ var g$3 = { model: { prop: "modelValue", event: "update:modelValue" }, props: {
|
|
|
619
619
|
}, blur() {
|
|
620
620
|
this.$refs.input && this.$refs.input.blur();
|
|
621
621
|
} } };
|
|
622
|
-
const u$5 = ["id", "disabled", "value", "autocomplete"], p$4 = { class: "bimdata-input__icon" }, m$
|
|
622
|
+
const u$5 = ["id", "disabled", "value", "autocomplete"], p$4 = { class: "bimdata-input__icon" }, m$8 = ["for"], f$6 = ((n) => (pushScopeId("data-v-5d42d486"), n = n(), popScopeId(), n))(() => createElementVNode("span", { class: "bar" }, null, -1)), h$5 = { key: 0, class: "error" }, y$5 = { key: 1, class: "success" };
|
|
623
623
|
function k$4(n, r) {
|
|
624
624
|
r === void 0 && (r = {});
|
|
625
625
|
var a2 = r.insertAt;
|
|
@@ -629,11 +629,11 @@ function k$4(n, r) {
|
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
631
|
k$4('/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-5d42d486] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n\n/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-5d42d486] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n.text-left[data-v-5d42d486] {\n text-align: left;\n}\n.text-center[data-v-5d42d486] {\n text-align: center;\n}\n.text-right[data-v-5d42d486] {\n text-align: right;\n}\n.bimdata-link[data-v-5d42d486] {\n color: var(--color-primary);\n border-bottom: 1px solid var(--color-primary);\n font-weight: 700;\n}\n\n/* BIMDATA FONT WEIGHT */\n.primary-font[data-v-5d42d486] {\n font-family: "roboto", sans-serif;\n}');
|
|
632
|
-
k$4('@-webkit-keyframes scaleX {\n0% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: -50%;\n}\n25% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 0;\n}\n50% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 50%;\n}\n75% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n100% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n}\n@keyframes scaleX {\n0% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: -50%;\n}\n25% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 0;\n}\n50% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 50%;\n}\n75% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n100% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n}\ninput:-webkit-autofill {\n -webkit-box-shadow: 0 0 0px 1000px var(--color-white) inset;\n box-shadow: 0 0 0px 1000px var(--color-white) inset;\n}\n.bimdata-input {\n min-height: 32px;\n position: relative;\n font-family: var(--primary-font);\n font-size: 16px;\n}\n.bimdata-input.not-empty label {\n top: -22px;\n color: var(--color-primary);\n font-size: 0.7142857143em;\n}\n.bimdata-input input {\n padding: 0;\n width: 100%;\n height: 32px;\n border: none;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n background-color: transparent;\n font-size: 1em;\n}\n.bimdata-input input:focus {\n outline: none;\n}\n.bimdata-input input:focus ~ label {\n top: -22px;\n font-size: 0.7142857143em;\n}\n.bimdata-input input:focus ~ .bar:after {\n width: 100%;\n -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n}\n.bimdata-input__icon {\n position: absolute;\n right: 0;\n top: 8px;\n}\n.bimdata-input label {\n position: absolute;\n top: 0;\n left: 0;\n font-size: 0.8571428571em;\n -webkit-transform: translateY(8px);\n transform: translateY(8px);\n -webkit-transition: 0.2s ease all;\n transition: 0.2s ease all;\n color: var(--color-granite-light);\n cursor: pointer;\n}\n.bimdata-input .bar {\n width: 100%;\n height: 1px;\n display: block;\n background: var(--color-silver);\n}\n.bimdata-input .bar::after, .bimdata-input .bar::before {\n width: 0;\n height: 2px;\n content: "";\n display: block;\n position: absolute;\n background-color: var(--color-primary);\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n}\n.bimdata-input.loading input ~ .bar:after {\n width: 50%;\n -webkit-animation: scaleX 2s linear infinite none;\n animation: scaleX 2s linear infinite none;\n -webkit-transform-origin: right;\n transform-origin: right;\n}\n.bimdata-input.loading input ~ .bar:before {\n width: 50%;\n -webkit-animation: scaleX 2s linear 1s infinite none;\n animation: scaleX 2s linear 1s infinite none;\n -webkit-transform-origin: right;\n transform-origin: right;\n}\n.bimdata-input .error {\n color: var(--color-high);\n font-size: 0.7857142857em;\n}\n.bimdata-input .success {\n color: var(--color-success);\n font-size: 0.7857142857em;\n}\n.bimdata-input.disabled {\n opacity: 0.6;\n}\n.bimdata-input.error label {\n color: var(--color-high);\n}\n.bimdata-input.error .bar {\n background-color: var(--color-high);\n}\n.bimdata-input.error .bar::before, .bimdata-input.error .bar::after {\n background-color: var(--color-high);\n}\n.bimdata-input.success label {\n color: var(--color-success);\n}\n.bimdata-input.success .bar {\n background-color: var(--color-success);\n}\n.bimdata-input.success .bar::before, .bimdata-input.success .bar::after {\n background-color: var(--color-success);\n}'), g$
|
|
632
|
+
k$4('@-webkit-keyframes scaleX {\n0% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: -50%;\n}\n25% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 0;\n}\n50% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 50%;\n}\n75% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n100% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n}\n@keyframes scaleX {\n0% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: -50%;\n}\n25% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 0;\n}\n50% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n left: 50%;\n}\n75% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n100% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n left: 50%;\n}\n}\ninput:-webkit-autofill {\n -webkit-box-shadow: 0 0 0px 1000px var(--color-white) inset;\n box-shadow: 0 0 0px 1000px var(--color-white) inset;\n}\n.bimdata-input {\n min-height: 32px;\n position: relative;\n font-family: var(--primary-font);\n font-size: 16px;\n}\n.bimdata-input.not-empty label {\n top: -22px;\n color: var(--color-primary);\n font-size: 0.7142857143em;\n}\n.bimdata-input input {\n padding: 0;\n width: 100%;\n height: 32px;\n border: none;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n background-color: transparent;\n font-size: 1em;\n}\n.bimdata-input input:focus {\n outline: none;\n}\n.bimdata-input input:focus ~ label {\n top: -22px;\n font-size: 0.7142857143em;\n}\n.bimdata-input input:focus ~ .bar:after {\n width: 100%;\n -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n}\n.bimdata-input__icon {\n position: absolute;\n right: 0;\n top: 8px;\n}\n.bimdata-input label {\n position: absolute;\n top: 0;\n left: 0;\n font-size: 0.8571428571em;\n -webkit-transform: translateY(8px);\n transform: translateY(8px);\n -webkit-transition: 0.2s ease all;\n transition: 0.2s ease all;\n color: var(--color-granite-light);\n cursor: pointer;\n}\n.bimdata-input .bar {\n width: 100%;\n height: 1px;\n display: block;\n background: var(--color-silver);\n}\n.bimdata-input .bar::after, .bimdata-input .bar::before {\n width: 0;\n height: 2px;\n content: "";\n display: block;\n position: absolute;\n background-color: var(--color-primary);\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n}\n.bimdata-input.loading input ~ .bar:after {\n width: 50%;\n -webkit-animation: scaleX 2s linear infinite none;\n animation: scaleX 2s linear infinite none;\n -webkit-transform-origin: right;\n transform-origin: right;\n}\n.bimdata-input.loading input ~ .bar:before {\n width: 50%;\n -webkit-animation: scaleX 2s linear 1s infinite none;\n animation: scaleX 2s linear 1s infinite none;\n -webkit-transform-origin: right;\n transform-origin: right;\n}\n.bimdata-input .error {\n color: var(--color-high);\n font-size: 0.7857142857em;\n}\n.bimdata-input .success {\n color: var(--color-success);\n font-size: 0.7857142857em;\n}\n.bimdata-input.disabled {\n opacity: 0.6;\n}\n.bimdata-input.error label {\n color: var(--color-high);\n}\n.bimdata-input.error .bar {\n background-color: var(--color-high);\n}\n.bimdata-input.error .bar::before, .bimdata-input.error .bar::after {\n background-color: var(--color-high);\n}\n.bimdata-input.success label {\n color: var(--color-success);\n}\n.bimdata-input.success .bar {\n background-color: var(--color-success);\n}\n.bimdata-input.success .bar::before, .bimdata-input.success .bar::after {\n background-color: var(--color-success);\n}'), g$4.render = function(c2, b2, d2, g2, k2, S2) {
|
|
633
633
|
return openBlock(), createElementBlock("div", { class: normalizeClass(["bimdata-input", { error: d2.error, success: d2.success, disabled: d2.disabled, loading: d2.loading, "not-empty": !!d2.modelValue }]), style: normalizeStyle(S2.style) }, [createElementVNode("input", mergeProps({ ref: "input", id: "bimdata-input-" + c2.uuid, onInput: b2[0] || (b2[0] = (n) => c2.$emit("update:modelValue", n.currentTarget.value)), disabled: d2.disabled, value: d2.modelValue, onFocus: b2[1] || (b2[1] = (n) => {
|
|
634
634
|
n.target.select(), c2.$emit("focus", n);
|
|
635
|
-
}), onBlur: b2[2] || (b2[2] = (n) => c2.$emit("blur", n)), onKeypress: b2[3] || (b2[3] = (n) => c2.$emit("keypress", n)), onChange: b2[4] || (b2[4] = (n) => c2.$emit("change", n)), autocomplete: d2.autocomplete ? "on" : "off" }, c2.$attrs), null, 16, u$5), createElementVNode("div", p$4, [renderSlot(c2.$slots, "inputIcon")]), createElementVNode("label", { for: "bimdata-input-" + c2.uuid }, toDisplayString(d2.placeholder), 9, m$
|
|
636
|
-
}, g$
|
|
635
|
+
}), onBlur: b2[2] || (b2[2] = (n) => c2.$emit("blur", n)), onKeypress: b2[3] || (b2[3] = (n) => c2.$emit("keypress", n)), onChange: b2[4] || (b2[4] = (n) => c2.$emit("change", n)), autocomplete: d2.autocomplete ? "on" : "off" }, c2.$attrs), null, 16, u$5), createElementVNode("div", p$4, [renderSlot(c2.$slots, "inputIcon")]), createElementVNode("label", { for: "bimdata-input-" + c2.uuid }, toDisplayString(d2.placeholder), 9, m$8), f$6, d2.error ? (openBlock(), createElementBlock("span", h$5, toDisplayString(d2.errorMessage), 1)) : createCommentVNode("v-if", true), d2.success ? (openBlock(), createElementBlock("span", y$5, toDisplayString(d2.successMessage), 1)) : createCommentVNode("v-if", true)], 6);
|
|
636
|
+
}, g$4.__scopeId = "data-v-5d42d486", g$4.__file = "src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
|
|
637
637
|
var _$5 = { beforeMount(n, o2) {
|
|
638
638
|
if (typeof o2.value != "function")
|
|
639
639
|
throw Error("click away directive needs function, got " + typeof o2.value);
|
|
@@ -794,7 +794,7 @@ const _sfc_main$j = {
|
|
|
794
794
|
components: {
|
|
795
795
|
BIMDataButton: l,
|
|
796
796
|
BIMDataIcon: ol$1,
|
|
797
|
-
BIMDataInput: g$
|
|
797
|
+
BIMDataInput: g$4,
|
|
798
798
|
BIMDataSelect: ln$2
|
|
799
799
|
},
|
|
800
800
|
props: {
|
|
@@ -1168,8 +1168,8 @@ function useService() {
|
|
|
1168
1168
|
deleteExtension
|
|
1169
1169
|
};
|
|
1170
1170
|
}
|
|
1171
|
-
const p$3 = Object.freeze({ bisque: "ffe4c4", orange: "ffa500", coral: "ff7f50", red: "ff3d1e", maroon: "800000", khaki: "f0e68c", tan: "d2b48c", peru: "cd853f", sienna: "a0522d", brown: "a52a2a", greenyellow: "adff2f", yellowgreen: "9acd32", forestgreen: "00af50", green: "008000", darkgreen: "006400", lightcyan: "e0ffff", skyblue: "87ceeb", steelblue: "4682b4", blue: "0000ff", darkblue: "00008b", mistyrose: "ffe4e1", hotpink: "ff69b4", magenta: "ff00ff", purple: "800080", indigo: "4b0082", whitesmoke: "f5f5f5", silver: "c0c0c0", darkgray: "a9a9a9", grey: "7a7a7a", black: "000000" }), m$
|
|
1172
|
-
Object.entries(p$3).filter(([r]) => !m$
|
|
1171
|
+
const p$3 = Object.freeze({ bisque: "ffe4c4", orange: "ffa500", coral: "ff7f50", red: "ff3d1e", maroon: "800000", khaki: "f0e68c", tan: "d2b48c", peru: "cd853f", sienna: "a0522d", brown: "a52a2a", greenyellow: "adff2f", yellowgreen: "9acd32", forestgreen: "00af50", green: "008000", darkgreen: "006400", lightcyan: "e0ffff", skyblue: "87ceeb", steelblue: "4682b4", blue: "0000ff", darkblue: "00008b", mistyrose: "ffe4e1", hotpink: "ff69b4", magenta: "ff00ff", purple: "800080", indigo: "4b0082", whitesmoke: "f5f5f5", silver: "c0c0c0", darkgray: "a9a9a9", grey: "7a7a7a", black: "000000" }), m$7 = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
|
|
1172
|
+
Object.entries(p$3).filter(([r]) => !m$7.includes(r));
|
|
1173
1173
|
var f$5 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), h$4 = { props: { text: { type: String } } };
|
|
1174
1174
|
const u$4 = { class: "bimdata-card__brand" }, y$4 = { class: "bimdata-card__brand--left" }, _$4 = { key: 0 };
|
|
1175
1175
|
function x$5(r, n) {
|
|
@@ -1206,7 +1206,7 @@ const _sfc_main$i = {
|
|
|
1206
1206
|
BIMDataButton: l,
|
|
1207
1207
|
BIMDataColorSelector: I$4,
|
|
1208
1208
|
BIMDataIcon: ol$1,
|
|
1209
|
-
BIMDataInput: g$
|
|
1209
|
+
BIMDataInput: g$4
|
|
1210
1210
|
},
|
|
1211
1211
|
props: {
|
|
1212
1212
|
project: {
|
|
@@ -1390,7 +1390,7 @@ const _sfc_main$h = {
|
|
|
1390
1390
|
components: {
|
|
1391
1391
|
BIMDataButton: l,
|
|
1392
1392
|
BIMDataIcon: ol$1,
|
|
1393
|
-
BIMDataInput: g$
|
|
1393
|
+
BIMDataInput: g$4,
|
|
1394
1394
|
SettingCardItem
|
|
1395
1395
|
},
|
|
1396
1396
|
props: {
|
|
@@ -1648,7 +1648,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1648
1648
|
]);
|
|
1649
1649
|
}
|
|
1650
1650
|
var BcfSettings = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-54aa64a7"]]);
|
|
1651
|
-
var u$3 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), m$
|
|
1651
|
+
var u$3 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), m$6 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: false }, outline: { type: Boolean, default: false }, ghost: { type: Boolean, default: false }, ripple: { type: Boolean, default: false }, radius: { type: Boolean, default: false }, square: { type: Boolean, default: false }, rounded: { type: Boolean, default: false }, icon: { type: Boolean, default: false }, color: { type: String, default: "default", validator: (n) => u$3.includes(n) } }, emits: ["click"], computed: { classes() {
|
|
1652
1652
|
return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, ["bimdata-btn__fill--" + this.color]: this.fill && this.color, ["bimdata-btn__outline--" + this.color]: this.outline && this.color, ["bimdata-btn__ghost--" + this.color]: this.ghost && this.color, ["bimdata-btn__ripple--" + this.color]: this.ripple && this.color };
|
|
1653
1653
|
}, style() {
|
|
1654
1654
|
return { "min-width": "" + this.width, "min-height": "" + this.height };
|
|
@@ -1663,9 +1663,9 @@ function k$2(n, r) {
|
|
|
1663
1663
|
}
|
|
1664
1664
|
}
|
|
1665
1665
|
k$2('/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-3f903003] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n\n/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-3f903003] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n.text-left[data-v-3f903003] {\n text-align: left;\n}\n.text-center[data-v-3f903003] {\n text-align: center;\n}\n.text-right[data-v-3f903003] {\n text-align: right;\n}\n.bimdata-link[data-v-3f903003] {\n color: var(--color-primary);\n border-bottom: 1px solid var(--color-primary);\n font-weight: 700;\n}\n\n/* BIMDATA FONT WEIGHT */\n.primary-font[data-v-3f903003] {\n font-family: "roboto", sans-serif;\n}');
|
|
1666
|
-
k$2(".bimdata-btn {\n padding: 0 var(--spacing-unit);\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n background-color: transparent;\n border: none;\n color: var(--color-primary);\n cursor: pointer;\n font-family: var(--primary-font);\n font-size: 12px;\n -webkit-transition: all 0.1s ease;\n transition: all 0.1s ease;\n /* style BIMDATA BTN RADIUS ------------------ */\n /* style BIMDATA BTN FILL -------------------- */\n}\n.bimdata-btn:hover {\n -webkit-transition: all 0.25s ease-in;\n transition: all 0.25s ease-in;\n}\n.bimdata-btn:focus {\n outline: none;\n}\n.bimdata-btn__icon {\n padding: 0;\n}\n.bimdata-btn__radius {\n border-radius: 3px;\n}\n.bimdata-btn__square {\n border-radius: 0;\n}\n.bimdata-btn__rounded {\n border-radius: 50%;\n}\n.bimdata-btn__fill {\n background-color: var(--color-white);\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n /* style BIMDATA BTN DEFAULT FILL ---------- */\n /* style BIMDATA BTN PRIMARY FILL ---------- */\n /* style BIMDATA BTN SECONDARY FILL ---------- */\n /* style BIMDATA BTN GREY FILL ------------- */\n /* style BIMDATA BTN RED FILL ------------- */\n /* style BIMDATA BTN GREEN FILL ------------- */\n /* style BIMDATA BTN FILL BTN ICON --------- */\n}\n.bimdata-btn__fill--default {\n -webkit-box-shadow: var(--box-shadow);\n box-shadow: var(--box-shadow);\n}\n.bimdata-btn__fill--default:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__fill--primary {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n.bimdata-btn__fill--primary:hover {\n background-color: var(--color-primary-light);\n}\n.bimdata-btn__fill--secondary {\n background-color: var(--color-secondary);\n color: var(--color-primary);\n}\n.bimdata-btn__fill--secondary:hover {\n background-color: var(--color-secondary-light);\n}\n.bimdata-btn__fill--granite {\n background-color: var(--color-granite);\n color: var(--color-white);\n}\n.bimdata-btn__fill--granite:hover {\n background-color: var(--color-granite);\n}\n.bimdata-btn__fill--high {\n background-color: var(--color-high);\n color: var(--color-white);\n}\n.bimdata-btn__fill--high:hover {\n background-color: var(--color-high-light);\n}\n.bimdata-btn__fill--success {\n background-color: var(--color-success);\n color: var(--color-white);\n}\n.bimdata-btn__fill--success:hover {\n background-color: var(--color-success-light);\n}\n.bimdata-btn__fill--btn-icon svg {\n margin: 0 6px;\n}\n.bimdata-btn__fill:disabled {\n background-color: var(--color-silver-dark);\n color: var(--color-white);\n cursor: auto;\n}\n.bimdata-btn__ripple {\n background-position: center;\n -webkit-transition: background 0.8s;\n transition: background 0.8s;\n}\n.bimdata-btn__ripple--default {\n background-color: transparent;\n color: var(--color-primary);\n}\n.bimdata-btn__ripple--default:hover {\n background: transparent radial-gradient(circle, transparent 1%, var(--color-silver-light) 1%) center/15000%;\n}\n.bimdata-btn__ripple--default:active:not(:disabled) {\n background-color: var(--color-silver-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--primary {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--primary:hover {\n background: var(--color-primary) radial-gradient(circle, transparent 1%, var(--color-primary) 1%) center/15000%;\n}\n.bimdata-btn__ripple--primary:active:not(:disabled) {\n background-color: var(--color-primary-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--secondary {\n background-color: var(--color-secondary);\n color: var(--color-primary);\n}\n.bimdata-btn__ripple--secondary:hover {\n background: var(--color-secondary) radial-gradient(circle, transparent 1%, var(--color-secondary) 1%) center/15000%;\n}\n.bimdata-btn__ripple--secondary:active:not(:disabled) {\n background-color: var(--color-secondary-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--granite {\n background-color: var(--color-granite);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--granite:hover {\n background: var(--color-granite) radial-gradient(circle, transparent 1%, var(--color-granite) 1%) center/15000%;\n}\n.bimdata-btn__ripple--granite:active:not(:disabled) {\n background-color: var(--color-granite-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--high {\n background-color: var(--color-high);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--high:hover {\n background: var(--color-high) radial-gradient(circle, transparent 1%, var(--color-high) 1%) center/15000%;\n}\n.bimdata-btn__ripple--high:active:not(:disabled) {\n background-color: var(--color-high-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--success {\n background-color: var(--color-success);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--success:hover {\n background: var(--color-success) radial-gradient(circle, transparent 1%, var(--color-success) 1%) center/15000%;\n}\n.bimdata-btn__ripple--success:active:not(:disabled) {\n background-color: var(--color-success-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple:disabled {\n background-color: var(--color-silver-dark);\n color: var(--color-white);\n cursor: auto;\n}\n.bimdata-btn__outline {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border: 1px solid;\n}\n.bimdata-btn__outline--default {\n border-color: var(--color-silver);\n color: var(--color-primary);\n}\n.bimdata-btn__outline--default:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__outline--primary {\n border-color: var(--color-primary);\n color: var(--color-primary);\n}\n.bimdata-btn__outline--primary:hover {\n background-color: var(--color-primary-lighter);\n}\n.bimdata-btn__outline--secondary {\n border-color: var(--color-secondary);\n color: var(--color-primary);\n}\n.bimdata-btn__outline--secondary:hover {\n background-color: var(--color-secondary-lighter);\n}\n.bimdata-btn__outline--granite {\n border-color: var(--color-granite);\n color: var(--color-granite);\n}\n.bimdata-btn__outline--granite:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__outline--high {\n border-color: var(--color-high);\n color: var(--color-high);\n}\n.bimdata-btn__outline--high:hover {\n background-color: var(--color-high-lighter);\n}\n.bimdata-btn__outline--success {\n border-color: var(--color-success);\n color: var(--color-success);\n}\n.bimdata-btn__outline--success:hover {\n background-color: var(--color-success-lighter);\n}\n.bimdata-btn__outline:disabled {\n border-color: var(--color-silver-dark);\n color: var(--color-silver-dark);\n cursor: auto;\n}\n.bimdata-btn__outline:disabled:hover {\n background-color: transparent;\n}\n.bimdata-btn__ghost {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.bimdata-btn__ghost svg {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.bimdata-btn__ghost--default {\n color: var(--color-primary);\n}\n.bimdata-btn__ghost--default:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__ghost--primary {\n color: var(--color-primary);\n}\n.bimdata-btn__ghost--primary:hover {\n background-color: var(--color-primary-lighter);\n}\n.bimdata-btn__ghost--secondary {\n color: var(--color-secondary);\n}\n.bimdata-btn__ghost--secondary:hover {\n background-color: var(--color-secondary-lighter);\n}\n.bimdata-btn__ghost--granite {\n color: var(--color-granite);\n}\n.bimdata-btn__ghost--granite:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__ghost--high {\n color: var(--color-high);\n}\n.bimdata-btn__ghost--high:hover {\n background-color: var(--color-high-lighter);\n}\n.bimdata-btn__ghost--success {\n color: var(--color-success);\n}\n.bimdata-btn__ghost--success:hover {\n background-color: var(--color-success-lighter);\n}\n.bimdata-btn__ghost:disabled {\n color: var(--color-silver-dark);\n cursor: auto;\n}"), m$
|
|
1666
|
+
k$2(".bimdata-btn {\n padding: 0 var(--spacing-unit);\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n background-color: transparent;\n border: none;\n color: var(--color-primary);\n cursor: pointer;\n font-family: var(--primary-font);\n font-size: 12px;\n -webkit-transition: all 0.1s ease;\n transition: all 0.1s ease;\n /* style BIMDATA BTN RADIUS ------------------ */\n /* style BIMDATA BTN FILL -------------------- */\n}\n.bimdata-btn:hover {\n -webkit-transition: all 0.25s ease-in;\n transition: all 0.25s ease-in;\n}\n.bimdata-btn:focus {\n outline: none;\n}\n.bimdata-btn__icon {\n padding: 0;\n}\n.bimdata-btn__radius {\n border-radius: 3px;\n}\n.bimdata-btn__square {\n border-radius: 0;\n}\n.bimdata-btn__rounded {\n border-radius: 50%;\n}\n.bimdata-btn__fill {\n background-color: var(--color-white);\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n /* style BIMDATA BTN DEFAULT FILL ---------- */\n /* style BIMDATA BTN PRIMARY FILL ---------- */\n /* style BIMDATA BTN SECONDARY FILL ---------- */\n /* style BIMDATA BTN GREY FILL ------------- */\n /* style BIMDATA BTN RED FILL ------------- */\n /* style BIMDATA BTN GREEN FILL ------------- */\n /* style BIMDATA BTN FILL BTN ICON --------- */\n}\n.bimdata-btn__fill--default {\n -webkit-box-shadow: var(--box-shadow);\n box-shadow: var(--box-shadow);\n}\n.bimdata-btn__fill--default:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__fill--primary {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n.bimdata-btn__fill--primary:hover {\n background-color: var(--color-primary-light);\n}\n.bimdata-btn__fill--secondary {\n background-color: var(--color-secondary);\n color: var(--color-primary);\n}\n.bimdata-btn__fill--secondary:hover {\n background-color: var(--color-secondary-light);\n}\n.bimdata-btn__fill--granite {\n background-color: var(--color-granite);\n color: var(--color-white);\n}\n.bimdata-btn__fill--granite:hover {\n background-color: var(--color-granite);\n}\n.bimdata-btn__fill--high {\n background-color: var(--color-high);\n color: var(--color-white);\n}\n.bimdata-btn__fill--high:hover {\n background-color: var(--color-high-light);\n}\n.bimdata-btn__fill--success {\n background-color: var(--color-success);\n color: var(--color-white);\n}\n.bimdata-btn__fill--success:hover {\n background-color: var(--color-success-light);\n}\n.bimdata-btn__fill--btn-icon svg {\n margin: 0 6px;\n}\n.bimdata-btn__fill:disabled {\n background-color: var(--color-silver-dark);\n color: var(--color-white);\n cursor: auto;\n}\n.bimdata-btn__ripple {\n background-position: center;\n -webkit-transition: background 0.8s;\n transition: background 0.8s;\n}\n.bimdata-btn__ripple--default {\n background-color: transparent;\n color: var(--color-primary);\n}\n.bimdata-btn__ripple--default:hover {\n background: transparent radial-gradient(circle, transparent 1%, var(--color-silver-light) 1%) center/15000%;\n}\n.bimdata-btn__ripple--default:active:not(:disabled) {\n background-color: var(--color-silver-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--primary {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--primary:hover {\n background: var(--color-primary) radial-gradient(circle, transparent 1%, var(--color-primary) 1%) center/15000%;\n}\n.bimdata-btn__ripple--primary:active:not(:disabled) {\n background-color: var(--color-primary-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--secondary {\n background-color: var(--color-secondary);\n color: var(--color-primary);\n}\n.bimdata-btn__ripple--secondary:hover {\n background: var(--color-secondary) radial-gradient(circle, transparent 1%, var(--color-secondary) 1%) center/15000%;\n}\n.bimdata-btn__ripple--secondary:active:not(:disabled) {\n background-color: var(--color-secondary-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--granite {\n background-color: var(--color-granite);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--granite:hover {\n background: var(--color-granite) radial-gradient(circle, transparent 1%, var(--color-granite) 1%) center/15000%;\n}\n.bimdata-btn__ripple--granite:active:not(:disabled) {\n background-color: var(--color-granite-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--high {\n background-color: var(--color-high);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--high:hover {\n background: var(--color-high) radial-gradient(circle, transparent 1%, var(--color-high) 1%) center/15000%;\n}\n.bimdata-btn__ripple--high:active:not(:disabled) {\n background-color: var(--color-high-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple--success {\n background-color: var(--color-success);\n color: var(--color-white);\n}\n.bimdata-btn__ripple--success:hover {\n background: var(--color-success) radial-gradient(circle, transparent 1%, var(--color-success) 1%) center/15000%;\n}\n.bimdata-btn__ripple--success:active:not(:disabled) {\n background-color: var(--color-success-light);\n background-size: 100%;\n -webkit-transition: background 0s;\n transition: background 0s;\n}\n.bimdata-btn__ripple:disabled {\n background-color: var(--color-silver-dark);\n color: var(--color-white);\n cursor: auto;\n}\n.bimdata-btn__outline {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border: 1px solid;\n}\n.bimdata-btn__outline--default {\n border-color: var(--color-silver);\n color: var(--color-primary);\n}\n.bimdata-btn__outline--default:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__outline--primary {\n border-color: var(--color-primary);\n color: var(--color-primary);\n}\n.bimdata-btn__outline--primary:hover {\n background-color: var(--color-primary-lighter);\n}\n.bimdata-btn__outline--secondary {\n border-color: var(--color-secondary);\n color: var(--color-primary);\n}\n.bimdata-btn__outline--secondary:hover {\n background-color: var(--color-secondary-lighter);\n}\n.bimdata-btn__outline--granite {\n border-color: var(--color-granite);\n color: var(--color-granite);\n}\n.bimdata-btn__outline--granite:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__outline--high {\n border-color: var(--color-high);\n color: var(--color-high);\n}\n.bimdata-btn__outline--high:hover {\n background-color: var(--color-high-lighter);\n}\n.bimdata-btn__outline--success {\n border-color: var(--color-success);\n color: var(--color-success);\n}\n.bimdata-btn__outline--success:hover {\n background-color: var(--color-success-lighter);\n}\n.bimdata-btn__outline:disabled {\n border-color: var(--color-silver-dark);\n color: var(--color-silver-dark);\n cursor: auto;\n}\n.bimdata-btn__outline:disabled:hover {\n background-color: transparent;\n}\n.bimdata-btn__ghost {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.bimdata-btn__ghost svg {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.bimdata-btn__ghost--default {\n color: var(--color-primary);\n}\n.bimdata-btn__ghost--default:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__ghost--primary {\n color: var(--color-primary);\n}\n.bimdata-btn__ghost--primary:hover {\n background-color: var(--color-primary-lighter);\n}\n.bimdata-btn__ghost--secondary {\n color: var(--color-secondary);\n}\n.bimdata-btn__ghost--secondary:hover {\n background-color: var(--color-secondary-lighter);\n}\n.bimdata-btn__ghost--granite {\n color: var(--color-granite);\n}\n.bimdata-btn__ghost--granite:hover {\n background-color: var(--color-silver-light);\n}\n.bimdata-btn__ghost--high {\n color: var(--color-high);\n}\n.bimdata-btn__ghost--high:hover {\n background-color: var(--color-high-lighter);\n}\n.bimdata-btn__ghost--success {\n color: var(--color-success);\n}\n.bimdata-btn__ghost--success:hover {\n background-color: var(--color-success-lighter);\n}\n.bimdata-btn__ghost:disabled {\n color: var(--color-silver-dark);\n cursor: auto;\n}"), m$6.render = function(e2, l2, i2, c2, s2, g2) {
|
|
1667
1667
|
return openBlock(), createElementBlock("button", { class: normalizeClass(["bimdata-btn", g2.classes]), style: normalizeStyle(g2.style), onClick: l2[0] || (l2[0] = (n) => e2.$emit("click", n)), color: i2.color, type: "button" }, [renderSlot(e2.$slots, "default")], 14, f$4);
|
|
1668
|
-
}, m$
|
|
1668
|
+
}, m$6.__scopeId = "data-v-3f903003", m$6.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
|
|
1669
1669
|
const y$3 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.0522 2.19676C5.9826 2.27217 5.9826 2.39544 6.0522 2.47105L14.4046 11.5192L6.08804 20.529C6.01825 20.6044 6.01825 20.7279 6.08804 20.8033L8.06344 22.9433C8.13304 23.0189 8.24702 23.0189 8.31662 22.9433L18.7257 11.667C18.7942 11.5928 18.795 11.4724 18.729 11.3968C18.7202 11.3736 18.7071 11.3518 18.6899 11.3331L8.28077 0.0565512C8.21117 -0.0188504 8.09719 -0.0188504 8.02759 0.0565512L6.0522 2.19676Z" };
|
|
1670
1670
|
const A$3 = { render: function(o2, a2) {
|
|
1671
1671
|
return openBlock(), createElementBlock("path", y$3);
|
|
@@ -1719,14 +1719,14 @@ k$2(".icon-fill--black {\n fill: var(--color-black);\n}\n.icon-fill--default {\
|
|
|
1719
1719
|
const d2 = resolveComponent("Search");
|
|
1720
1720
|
return openBlock(), createElementBlock("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: t.fillColor, color: t.color, class: normalizeClass(t.classes), style: normalizeStyle(t.style) }, [createVNode(d2)], 14, G$3);
|
|
1721
1721
|
}, P$3.__scopeId = "data-v-0993abf8", P$3.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
|
|
1722
|
-
var H$3 = { components: { BIMDataIconChevron: x$4, BIMDataIconDoubleChevron: w$4, BIMDataButton: m$
|
|
1722
|
+
var H$3 = { components: { BIMDataIconChevron: x$4, BIMDataIconDoubleChevron: w$4, BIMDataButton: m$6 }, props: { first: { type: Boolean, default: true }, last: { type: Boolean, default: true }, previous: { type: Boolean, default: true }, next: { type: Boolean, default: true }, firstDisabled: { type: Boolean, default: false }, lastDisabled: { type: Boolean, default: false }, previousDisabled: { type: Boolean, default: false }, nextDisabled: { type: Boolean, default: false }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] };
|
|
1723
1723
|
const U$3 = { class: "bimdata-navigation__left m-r-6" }, V$3 = { key: 0, class: "bimdata-navigation__item" }, F$3 = { key: 1, class: "bimdata-navigation__item" }, z$3 = { key: 2, class: "bimdata-navigation__item" }, Y$3 = { key: 3, class: "bimdata-navigation__item" }, X$3 = { class: "bimdata-navigation__right" };
|
|
1724
1724
|
k$2('/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-aa907072] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n.bimdata-list[data-v-aa907072] {\n margin: 0;\n padding: 0;\n}\n.bimdata-list li[data-v-aa907072] {\n list-style-type: none;\n}');
|
|
1725
1725
|
k$2(".bimdata-navigation[data-v-aa907072] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n width: 100%;\n height: 38px;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.bimdata-navigation__item[data-v-aa907072] {\n padding: 6px 2px;\n}\n.bimdata-navigation__item .bimdata-btn[data-v-aa907072] {\n padding: 0;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.bimdata-navigation__item.active .bimdata-btn[data-v-aa907072] {\n font-weight: 700;\n}\n.bimdata-navigation__left[data-v-aa907072], .bimdata-navigation__right[data-v-aa907072] {\n padding: 6px 2px;\n font-size: 10px;\n cursor: default;\n}"), H$3.render = function(g2, b2, d2, h2, p2, v2) {
|
|
1726
1726
|
const u2 = resolveComponent("BIMDataIconDoubleChevron"), m2 = resolveComponent("BIMDataButton"), f2 = resolveComponent("BIMDataIconChevron");
|
|
1727
1727
|
return openBlock(), createElementBlock("ul", { class: "bimdata-list bimdata-navigation", style: normalizeStyle({ "background-color": d2.backgroundColor }) }, [createElementVNode("li", U$3, [renderSlot(g2.$slots, "left")]), d2.first ? (openBlock(), createElementBlock("li", V$3, [createVNode(m2, { onClick: b2[0] || (b2[0] = (n) => g2.$emit("first")), disabled: d2.firstDisabled, ghost: "", class: normalizeClass({ disabled: d2.firstDisabled }), width: "21px", height: "21px" }, { default: withCtx(() => [createVNode(u2, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : createCommentVNode("v-if", true), d2.previous ? (openBlock(), createElementBlock("li", F$3, [createVNode(m2, { onClick: b2[1] || (b2[1] = (n) => g2.$emit("previous")), disabled: d2.previousDisabled, ghost: "", class: normalizeClass({ disabled: d2.previousDisabled }), width: "21px", height: "21px" }, { default: withCtx(() => [createVNode(f2, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : createCommentVNode("v-if", true), createElementVNode("li", null, [renderSlot(g2.$slots, "default")]), d2.next ? (openBlock(), createElementBlock("li", z$3, [createVNode(m2, { onClick: b2[2] || (b2[2] = (n) => g2.$emit("next")), disabled: d2.nextDisabled, ghost: "", class: normalizeClass({ disabled: d2.nextDisabled }), width: "21px", height: "21px" }, { default: withCtx(() => [createVNode(f2, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : createCommentVNode("v-if", true), d2.last ? (openBlock(), createElementBlock("li", Y$3, [createVNode(m2, { onClick: b2[3] || (b2[3] = (n) => g2.$emit("last")), disabled: d2.lastDisabled, ghost: "", class: normalizeClass({ disabled: d2.lastDisabled }), width: "21px", height: "21px" }, { default: withCtx(() => [createVNode(u2, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : createCommentVNode("v-if", true), createElementVNode("li", X$3, [renderSlot(g2.$slots, "right")])], 4);
|
|
1728
1728
|
}, H$3.__scopeId = "data-v-aa907072", H$3.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
|
|
1729
|
-
var W$3 = { components: { BIMDataNavigation: H$3, BIMDataButton: m$
|
|
1729
|
+
var W$3 = { components: { BIMDataNavigation: H$3, BIMDataButton: m$6 }, props: { length: { type: Number, required: true }, currentPage: { type: Number, required: true }, totalPages: { type: Number, required: true }, numberDataElements: { type: Boolean, default: true }, backgroundColor: { type: String, default: "var(--color-white)" }, perPage: { type: Number, required: true, validator: (n) => n > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
|
|
1730
1730
|
return this.perPage * (this.currentPage - 1) + 1;
|
|
1731
1731
|
}, lastIndex() {
|
|
1732
1732
|
return Math.min(this.firstIndex + this.perPage - 1, this.length);
|
|
@@ -1907,6 +1907,14 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1907
1907
|
]);
|
|
1908
1908
|
}
|
|
1909
1909
|
var BcfStatistics = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-763cac12"]]);
|
|
1910
|
+
function getPriorityColor(topic, detailedExtensions) {
|
|
1911
|
+
const priorityDetail = detailedExtensions.priorities.find((p2) => p2.priority === topic.priority);
|
|
1912
|
+
return (priorityDetail == null ? void 0 : priorityDetail.color) || DEFAULT_PRIORITY_COLOR;
|
|
1913
|
+
}
|
|
1914
|
+
function getStatusColor(topic, detailedExtensions) {
|
|
1915
|
+
const statusDetail = detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === topic.topicStatus);
|
|
1916
|
+
return (statusDetail == null ? void 0 : statusDetail.color) || DEFAULT_STATUS_COLOR;
|
|
1917
|
+
}
|
|
1910
1918
|
var s$1 = { props: { width: { type: String, default: "100%" }, minWidth: { type: String }, maxWidth: { type: String }, text: { type: String, default: "" }, cutPosition: { type: String, default: "middle", validator: (t) => ["start", "middle", "end"].includes(t) }, tooltip: { type: Boolean, default: true }, tooltipPosition: { type: String, default: "bottom", validator: (t) => ["top", "right", "bottom", "left"].includes(t) }, tooltipColor: { type: String, default: "primary", validator: (t) => ["white", "primary", "secondary", "granite-light", "silver-light"].includes(t) } }, data: () => ({ showTooltip: false, isOverflowing: false, textHead: "", textTail: "" }), watch: { width: "computeText", text: "computeText", cutPosition: "computeText" }, mounted() {
|
|
1911
1919
|
this.observer = new ResizeObserver(() => this.computeText()), this.observer.observe(this.$refs.textBox), this.computeText();
|
|
1912
1920
|
}, beforeUnmount() {
|
|
@@ -1969,24 +1977,8 @@ const _sfc_main$d = {
|
|
|
1969
1977
|
const viewpointsWithSnapshot = computed(() => {
|
|
1970
1978
|
return props.bcfTopic.viewpoints.filter((viewpoint) => Boolean(viewpoint.snapshot));
|
|
1971
1979
|
});
|
|
1972
|
-
const priorityColor = computed(() =>
|
|
1973
|
-
|
|
1974
|
-
const priorityDetail = props.detailedExtensions.priorities.find((p2) => p2.priority === props.bcfTopic.priority);
|
|
1975
|
-
if (priorityDetail && priorityDetail.color) {
|
|
1976
|
-
return priorityDetail.color;
|
|
1977
|
-
}
|
|
1978
|
-
}
|
|
1979
|
-
return DEFAULT_PRIORITY_COLOR;
|
|
1980
|
-
});
|
|
1981
|
-
const statusColor = computed(() => {
|
|
1982
|
-
if (props.bcfTopic.topicStatus) {
|
|
1983
|
-
const statusDetail = props.detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === props.bcfTopic.topicStatus);
|
|
1984
|
-
if (statusDetail && statusDetail.color) {
|
|
1985
|
-
return statusDetail.color;
|
|
1986
|
-
}
|
|
1987
|
-
}
|
|
1988
|
-
return DEFAULT_STATUS_COLOR;
|
|
1989
|
-
});
|
|
1980
|
+
const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
|
|
1981
|
+
const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
|
|
1990
1982
|
const topicElements = computed(() => {
|
|
1991
1983
|
var _a;
|
|
1992
1984
|
if (props.bcfTopic.components && props.bcfTopic.components.length > 0 && ((_a = props.bcfTopic.components[0]) == null ? void 0 : _a.selection)) {
|
|
@@ -2109,7 +2101,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2109
2101
|
])
|
|
2110
2102
|
]);
|
|
2111
2103
|
}
|
|
2112
|
-
var BcfTopicCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-
|
|
2104
|
+
var BcfTopicCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-482756ae"]]);
|
|
2113
2105
|
const _sfc_main$c = {};
|
|
2114
2106
|
const _hoisted_1$9 = {
|
|
2115
2107
|
width: "66",
|
|
@@ -2181,7 +2173,7 @@ x$3.render = function(s2, l2, c2, p2, g2, d2) {
|
|
|
2181
2173
|
return openBlock(), createBlock(resolveDynamicComponent(c2.component), { style: normalizeStyle(d2.style), class: normalizeClass(d2.classes) }, { default: withCtx(() => [renderSlot(s2.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
|
|
2182
2174
|
}, x$3.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
|
|
2183
2175
|
var b$3 = { components: { BIMDataText: x$3 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
|
|
2184
|
-
const m$
|
|
2176
|
+
const m$5 = { class: "bimdata-loading" }, w$3 = ((n) => (pushScopeId("data-v-6d3be186"), n = n(), popScopeId(), n))(() => createElementVNode("span", { class: "bimdata-loading--square" }, null, -1));
|
|
2185
2177
|
function f$3(n, o2) {
|
|
2186
2178
|
o2 === void 0 && (o2 = {});
|
|
2187
2179
|
var t = o2.insertAt;
|
|
@@ -2193,7 +2185,7 @@ function f$3(n, o2) {
|
|
|
2193
2185
|
f$3('/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-6d3be186] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}');
|
|
2194
2186
|
f$3('@-webkit-keyframes bimdataloading {\n0% {\n -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n20% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n40% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n60% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n}\n80% {\n -webkit-box-shadow: inset 0px -20px 0px 0px rgba(var(--color-white), 1);\n box-shadow: inset 0px -20px 0px 0px rgba(var(--color-white), 1);\n}\n100% {\n -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n}\n}\n@keyframes bimdataloading {\n0% {\n -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n20% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n40% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n60% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n}\n80% {\n -webkit-box-shadow: inset 0px -20px 0px 0px rgba(var(--color-white), 1);\n box-shadow: inset 0px -20px 0px 0px rgba(var(--color-white), 1);\n}\n100% {\n -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);\n}\n}\n.bimdata-loading {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n color: var(--color-white);\n font-family: var(--primary-font);\n z-index: 2;\n}\n.bimdata-loading::after {\n content: " ";\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--color-primary);\n opacity: 0.9;\n z-index: -1;\n}\n.bimdata-loading--square {\n width: 20px;\n height: 20px;\n position: relative;\n border: 2px var(--color-white) solid;\n -webkit-animation: bimdataloading 1.4s linear infinite;\n animation: bimdataloading 1.4s linear infinite;\n}\n.bimdata-loading--text {\n margin-top: 12px;\n display: block;\n}\n.bimdata-loading p {\n text-align: center;\n margin: 0;\n}'), b$3.render = function(o2, t, e2, r, i2, d2) {
|
|
2195
2187
|
const h2 = resolveComponent("BIMDataText");
|
|
2196
|
-
return openBlock(), createElementBlock("div", m$
|
|
2188
|
+
return openBlock(), createElementBlock("div", m$5, [w$3, createVNode(h2, { color: "color-white", margin: "12px 0 0" }, { default: withCtx(() => [createElementVNode("p", null, toDisplayString(e2.message), 1), createElementVNode("p", null, toDisplayString(e2.subMessage), 1)]), _: 1 })]);
|
|
2197
2189
|
}, b$3.__scopeId = "data-v-6d3be186", b$3.__file = "src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
|
|
2198
2190
|
const c = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.5312H14.4343V19.7656H12.2781V16.5312H9.04369V14.375H12.2781V11.1406H14.4343V14.375H17.6687V16.5312ZM4.01244 7.90625L10.1218 1.79688V5.97245V7.90625H4.01244ZM20.3885 2.3C20.3885 1.035 19.365 0 18.1 0H8.9L2 6.9V20.7C2 21.965 3.03464 23 4.3 23H18.1115C19.3765 23 20.4 21.965 20.4 20.7L20.3885 2.3Z" };
|
|
2199
2191
|
const d$1 = { render: function(r, t) {
|
|
@@ -2219,9 +2211,9 @@ const D$2 = { render: function(r, t) {
|
|
|
2219
2211
|
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Alt.vue" }, B$2 = [createElementVNode("path", { d: "M1.97143 0.989715L3.94286 3.61829L0 3.61829L1.97143 0.989715Z" }, null, -1), createElementVNode("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.62856 2.30405L2.62856 22.6755L1.31427 22.6755L1.31427 2.30405L2.62856 2.30405Z" }, null, -1), createElementVNode("path", { d: "M22.9999 22.0183L20.3713 23.9897L20.3713 20.0469L22.9999 22.0183Z" }, null, -1), createElementVNode("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.6856 22.6754H1.31421V21.3611H21.6856V22.6754Z" }, null, -1), createElementVNode("path", { d: "M17.7429 22.0183C17.7429 19.8609 17.3349 17.7246 16.5423 15.7314C15.7497 13.7381 14.588 11.9271 13.1235 10.4015C11.659 8.876 9.92038 7.66588 8.0069 6.84027C6.09342 6.01466 4.04257 5.58972 1.97144 5.58972L1.97144 22.0183H17.7429Z" }, null, -1)];
|
|
2220
2212
|
const _$2 = { render: function(r, t) {
|
|
2221
2213
|
return openBlock(), createElementBlock("g", null, B$2);
|
|
2222
|
-
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Angle.vue" }, m$
|
|
2223
|
-
const g$
|
|
2224
|
-
return openBlock(), createElementBlock("path", m$
|
|
2214
|
+
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Angle.vue" }, m$4 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.58497 3.93973L10.6402 3.62V2.00037H13.7601V3.59997L14.8315 3.91204C16.1242 4.28859 17.2929 4.94218 18.2616 5.80229L19.0793 6.52835L20.5167 5.73415L22.0766 8.32L20.636 9.11602L20.8775 10.1526C21.0158 10.7465 21.0891 11.3652 21.0891 12.002C21.0891 12.6666 21.0093 13.3115 20.859 13.9292L20.6047 14.9738L22.0774 15.7876L20.5175 18.3734L19.0168 17.5442L18.2001 18.2559C17.2436 19.0893 16.0969 19.7234 14.8315 20.092L13.7601 20.4041V22.1073H10.6402V20.384L9.58497 20.0643C8.34041 19.6872 7.21348 19.0525 6.27315 18.224L5.45582 17.5038L3.88196 18.3735L2.32201 15.7876L3.88637 14.9232L3.63966 13.8834C3.49644 13.2797 3.4205 12.6502 3.4205 12.002C3.4205 11.3816 3.49006 10.7784 3.62158 10.1986L3.8556 9.16688L2.32281 8.31994L3.88275 5.73409L5.39381 6.56903L6.21204 5.83441C7.16447 4.9793 8.31333 4.32502 9.58497 3.93973ZM12.1698 18.9829C16.1967 18.9829 19.4611 15.8587 19.4611 12.0048C19.4611 8.15092 16.1967 5.02673 12.1698 5.02673C8.14298 5.02673 4.87858 8.15092 4.87858 12.0048C4.87858 15.8587 8.14298 18.9829 12.1698 18.9829ZM10.3379 0.553833C9.67013 0.553833 9.12877 1.07194 9.12877 1.71106V2.56066C7.63716 3.0126 6.29183 3.77936 5.17793 4.77943L4.37669 4.33671C3.79836 4.01715 3.05884 4.20679 2.72494 4.76028L0.862703 7.84722C0.528802 8.40071 0.726954 9.10846 1.30529 9.42802L2.14453 9.89174C1.99029 10.5717 1.90904 11.2778 1.90904 12.002C1.90904 12.7587 1.99774 13.4956 2.16573 14.2037L1.30449 14.6795C0.726157 14.9991 0.528005 15.7069 0.861906 16.2603L2.72414 19.3473C3.05804 19.9008 3.79756 20.0904 4.37589 19.7709L5.24943 19.2882C6.34921 20.2572 7.66893 21.0011 9.12877 21.4434V22.3966C9.12877 23.0357 9.67014 23.5538 10.3379 23.5538H14.0624C14.7302 23.5538 15.2716 23.0357 15.2716 22.3966V21.4758C16.756 21.0434 18.0989 20.3003 19.2176 19.3255L20.0235 19.7708C20.6019 20.0904 21.3414 19.9007 21.6753 19.3472L23.5375 16.2603C23.8714 15.7068 23.6733 14.999 23.0949 14.6795L22.331 14.2574C22.5073 13.5329 22.6006 12.7779 22.6006 12.002C22.6006 11.2586 22.515 10.5344 22.3527 9.83776L23.0941 9.42808C23.6725 9.10852 23.8706 8.40077 23.5367 7.84728L21.6745 4.76034C21.3406 4.20685 20.6011 4.01721 20.0227 4.33677L19.2896 4.74185C18.1567 3.73592 16.788 2.9699 15.2716 2.52819V1.71106C15.2716 1.07194 14.7302 0.553833 14.0624 0.553833H10.3379ZM12.1698 17.5363C15.3619 17.5363 17.9496 15.0598 17.9496 12.0048C17.9496 8.94982 15.3619 6.47326 12.1698 6.47326C8.97774 6.47326 6.39003 8.94982 6.39003 12.0048C6.39003 15.0598 8.97774 17.5363 12.1698 17.5363ZM10.3429 13.3399H8.78295L8.48637 14.2046H7.54029L9.14773 10.0078H9.97221L11.5885 14.2046H10.6425L10.3429 13.3399ZM9.02317 12.6394H10.1027L9.55997 11.0685L9.02317 12.6394ZM12.8816 12.7259V14.2046H11.9919V10.0078H13.6764C14.0007 10.0078 14.2854 10.0655 14.5306 10.1808C14.7777 10.2961 14.9675 10.4603 15.1 10.6736C15.2325 10.885 15.2987 11.1262 15.2987 11.3971C15.2987 11.8084 15.1534 12.1331 14.8627 12.3714C14.5741 12.6077 14.1737 12.7259 13.6616 12.7259H12.8816ZM12.8816 12.0255H13.6764C13.9117 12.0255 14.0907 11.9717 14.2132 11.8641C14.3378 11.7565 14.4001 11.6027 14.4001 11.4029C14.4001 11.1973 14.3378 11.0311 14.2132 10.9042C14.0887 10.7774 13.9167 10.7121 13.6972 10.7082H12.8816V12.0255ZM15.969 14.2046H16.8587V10.0078H15.969V14.2046Z" };
|
|
2215
|
+
const g$3 = { render: function(r, t) {
|
|
2216
|
+
return openBlock(), createElementBlock("path", m$4);
|
|
2225
2217
|
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Api.vue" }, y$2 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.99856 2.98975H14.0663V6.55599H16.6753L11.4995 11.3798L6.32372 6.55599H8.99856V2.98975ZM8.47943 4.54312H4.53947L1.91832 12.2755H1.26615C0.566874 12.2755 0 12.8424 0 13.5417V20.7158C0 21.4151 0.566876 21.982 1.26615 21.982H21.7339C22.4331 21.982 23 21.4151 23 20.7158V13.5417C23 12.8424 22.4331 12.2755 21.7339 12.2755H21.0649L18.3821 4.54312H14.5607V5.38716H17.7816L20.1716 12.2755H2.80954L5.14457 5.38716H8.47943V4.54312ZM15.1789 16.378H7.82121V17.8795H15.1789V16.378Z" };
|
|
2226
2218
|
const b$2 = { render: function(r, t) {
|
|
2227
2219
|
return openBlock(), createElementBlock("path", y$2);
|
|
@@ -2589,7 +2581,7 @@ const tl = { render: function(r, t) {
|
|
|
2589
2581
|
const ol = { render: function(r, t) {
|
|
2590
2582
|
return openBlock(), createElementBlock("g", null, ll);
|
|
2591
2583
|
}, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Zone.vue" };
|
|
2592
|
-
var al = { addFile: d$1, addFolder: s, addUser: I$2, alphabeticalAscending: V$2, alphabeticalDescending: f$2, alphabeticalSort: h$2, alt: D$2, angle: _$2, api: g$
|
|
2584
|
+
var al = { addFile: d$1, addFolder: s, addUser: I$2, alphabeticalAscending: V$2, alphabeticalDescending: f$2, alphabeticalSort: h$2, alt: D$2, angle: _$2, api: g$3, archive: b$2, arrow: x$2, attach: S$2, backInTime: F$2, bcf: z$2, building: E$2, burgerMenu: U$2, calendar: G$2, caliper: j$1, camera: X$2, cancelCamera: q$1, check: Q$1, chevron: ee$1, classificationCategorie: re$1, classificationElement: le$1, click: ae$1, close: Le$1, cloud: ce$1, color: ue$1, comment: Me$1, cursor: He$1, dateAscending: pe$1, dateDescending: ve$1, default: Ze$1, delete: Be$1, deniedFile: me$1, deploy: ye$1, detach: we$1, distance: ke$1, doubleChevron: Ae$1, down: Fe$1, download: ze$1, drag: Ee$1, edit: Ue$1, ellipsis: Ge$1, expanded: je$1, explosion: Xe$1, export: qe$1, exportIfc: Qe$1, failed: en$1, filter: rn$1, fitView: ln$1, folder: an$1, folderMove: Ln$1, folderOpen: dn$1, fullscreen: sn$1, grid: In$1, group: Vn$1, hide: fn$1, ifc: hn$1, ifcFile: Dn$1, import: _n$1, indexAscending: gn$1, indexDescending: bn$1, information: xn$1, inProgressFile: Sn$1, invitation: Rn$1, isolate: Tn$1, key: Nn$1, left: On$1, linkedDocument: Pn$1, list: Wn$1, listManage: Yn$1, location: $n$1, lock: Kn$1, logout: Jn$1, measure: nr$1, minus: tr$1, model3d: or$1, organization: Cr$1, parameters: ir$1, path: dr$1, pieGraph: sr$1, plus: Ir$1, project: Vr$1, quickSelect: fr$1, readonlyFolder: hr$1, redo: Dr$1, reduced: _r$1, refresh: gr$1, reprocessIfc: br$1, reset: xr$1, right: Sr$1, rules: Rr$1, sandglass: Tr$1, save: Nr$1, screenConfig: Or$1, screenshot: Pr$1, search: Wr$1, section: Yr$1, settings: $r$1, share: Kr$1, show: Jr$1, showSelected: nt$1, socotec: tt$1, space: ot$1, split: Ct$1, storey: it$1, success: dt$1, surface: st$1, swap: It$1, synchro2d: Vt$1, system: ft$1, tag: Zt$1, tree: Bt$1, unarchive: mt$1, undo: yt$1, union: wt$1, up: kt$1, user: At$1, validate: Ft$1, validatedFile: zt$1, versioning: Ot$1, video: Pt$1, visa: Wt$1, warning: Yt$1, windowBottom: $t$1, windowed: Kt$1, windowLeft: Jt$1, windowRight: nl, windowTop: tl, zone: ol }, Cl = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
|
|
2593
2585
|
const Ll = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
|
|
2594
2586
|
var il = { name: "BIMDataIcon", components: __spreadValues({}, function(e2) {
|
|
2595
2587
|
return Object.entries(e2).reduce((e3, [n, r]) => __spreadProps(__spreadValues({}, e3), { ["bimdata-icon-" + n]: r }), {});
|
|
@@ -2636,7 +2628,7 @@ var b$1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: {
|
|
|
2636
2628
|
}, onInput(r) {
|
|
2637
2629
|
this.$emit("update:modelValue", r.currentTarget.value), this.fitContent && this.handleFitContent();
|
|
2638
2630
|
} } };
|
|
2639
|
-
const g$
|
|
2631
|
+
const g$2 = ["name", "id", "value", "placeholder"], d = ["for"], h$1 = ((r) => (pushScopeId("data-v-76eaf75a"), r = r(), popScopeId(), r))(() => createElementVNode("span", { class: "bar" }, null, -1)), u$1 = { key: 0, class: "error" }, m$3 = { key: 1, class: "success" };
|
|
2640
2632
|
function p$1(r, a2) {
|
|
2641
2633
|
a2 === void 0 && (a2 = {});
|
|
2642
2634
|
var e2 = a2.insertAt;
|
|
@@ -2647,8 +2639,26 @@ function p$1(r, a2) {
|
|
|
2647
2639
|
}
|
|
2648
2640
|
p$1('/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-76eaf75a] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n\n/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-76eaf75a] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n.text-left[data-v-76eaf75a] {\n text-align: left;\n}\n.text-center[data-v-76eaf75a] {\n text-align: center;\n}\n.text-right[data-v-76eaf75a] {\n text-align: right;\n}\n.bimdata-link[data-v-76eaf75a] {\n color: var(--color-primary);\n border-bottom: 1px solid var(--color-primary);\n font-weight: 700;\n}\n\n/* BIMDATA FONT WEIGHT */\n.primary-font[data-v-76eaf75a] {\n font-family: "roboto", sans-serif;\n}');
|
|
2649
2641
|
p$1('textarea:-webkit-autofill {\n -webkit-box-shadow: 0 0 0px 1000px var(--color-white) inset;\n box-shadow: 0 0 0px 1000px var(--color-white) inset;\n}\n.bimdata-textarea {\n margin: var(--spacing-unit) 0;\n position: relative;\n inline-size: -webkit-min-content;\n inline-size: -moz-min-content;\n inline-size: min-content;\n font-family: var(--primary-font);\n font-size: 1em;\n}\n.bimdata-textarea textarea {\n padding: 0px;\n width: 100%;\n min-width: inherit;\n max-width: 100%;\n min-height: inherit;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0px;\n border: none;\n}\n.bimdata-textarea textarea:disabled {\n background-color: transparent;\n}\n.bimdata-textarea textarea:disabled ~ label {\n color: var(--color-silver-dark);\n cursor: default;\n}\n.bimdata-textarea textarea:focus {\n outline: none;\n}\n.bimdata-textarea textarea:focus ~ label {\n top: -26px;\n font-size: 0.7142857143em;\n}\n.bimdata-textarea textarea:focus ~ .bar:after {\n width: 100%;\n -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n transition: transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), -webkit-transform 0.2s cubic-bezier(0.55, 0, 0.55, 0.2);\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n}\n.bimdata-textarea.not-empty label {\n top: -26px;\n color: var(--color-primary);\n font-size: 0.7142857143em;\n}\n.bimdata-textarea label {\n position: absolute;\n top: 0;\n left: 0;\n font-size: 0.8571428571em;\n -webkit-transform: translateY(8px);\n transform: translateY(8px);\n -webkit-transition: 0.2s ease all;\n transition: 0.2s ease all;\n color: var(--color-granite-light);\n cursor: pointer;\n}\n.bimdata-textarea .bar {\n width: 100%;\n height: 1px;\n display: block;\n background: var(--color-silver);\n}\n.bimdata-textarea .bar::after {\n width: 0;\n height: 2px;\n content: "";\n display: block;\n position: absolute;\n background-color: var(--color-primary);\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n}\n.bimdata-textarea .error {\n color: var(--color-high);\n font-size: 0.7857142857em;\n}\n.bimdata-textarea .success {\n color: var(--color-success);\n font-size: 0.7857142857em;\n}\n.bimdata-textarea.error label {\n color: var(--color-high);\n}\n.bimdata-textarea.error .bar {\n background-color: var(--color-high);\n}\n.bimdata-textarea.error .bar::before, .bimdata-textarea.error .bar::after {\n background-color: var(--color-high);\n}\n.bimdata-textarea.success label {\n color: var(--color-success);\n}\n.bimdata-textarea.success .bar {\n background-color: var(--color-success);\n}\n.bimdata-textarea.success .bar::before, .bimdata-textarea.success .bar::after {\n background-color: var(--color-success);\n}'), b$1.render = function(s2, c2, b2, p2, f2, x2) {
|
|
2650
|
-
return openBlock(), createElementBlock("div", { class: normalizeClass(["bimdata-textarea", { "not-empty": b2.modelValue !== null && b2.modelValue !== "" || b2.placeholder !== null, error: b2.error, success: b2.success }]), style: normalizeStyle({ "min-width": b2.width, "min-height": b2.height }) }, [createElementVNode("textarea", mergeProps({ ref: "textarea", name: b2.name, id: b2.name, value: b2.modelValue, placeholder: b2.placeholder, style: b2.resizable ? "" : "resize: none;", onInput: c2[0] || (c2[0] = (...r) => x2.onInput && x2.onInput(...r)) }, s2.$attrs), null, 16, g$
|
|
2642
|
+
return openBlock(), createElementBlock("div", { class: normalizeClass(["bimdata-textarea", { "not-empty": b2.modelValue !== null && b2.modelValue !== "" || b2.placeholder !== null, error: b2.error, success: b2.success }]), style: normalizeStyle({ "min-width": b2.width, "min-height": b2.height }) }, [createElementVNode("textarea", mergeProps({ ref: "textarea", name: b2.name, id: b2.name, value: b2.modelValue, placeholder: b2.placeholder, style: b2.resizable ? "" : "resize: none;", onInput: c2[0] || (c2[0] = (...r) => x2.onInput && x2.onInput(...r)) }, s2.$attrs), null, 16, g$2), createElementVNode("label", { for: b2.name }, toDisplayString(b2.label), 9, d), h$1, b2.error ? (openBlock(), createElementBlock("span", u$1, toDisplayString(b2.errorMessage), 1)) : createCommentVNode("v-if", true), b2.success ? (openBlock(), createElementBlock("span", m$3, toDisplayString(b2.successMessage), 1)) : createCommentVNode("v-if", true)], 6);
|
|
2651
2643
|
}, b$1.__scopeId = "data-v-76eaf75a", b$1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
|
|
2644
|
+
var g$1 = { props: { text: { type: String, default: "" }, maxWidth: { type: String, default: "240px" }, position: { type: String, default: "bottom", validator: (t) => ["top", "right", "bottom", "left"].includes(t) }, color: { type: String, default: "primary", validator: (t) => ["white", "primary", "secondary", "granite-light", "silver-light", "success", "warning", "high"].includes(t) }, disabled: { type: Boolean, default: false }, message: { type: String }, className: { type: [String, Array] } }, data: () => ({ width: null, height: null, parentHeight: null, hover: false }), computed: { isDisplayed() {
|
|
2645
|
+
return !this.disabled && this._text && this.hover;
|
|
2646
|
+
}, _text() {
|
|
2647
|
+
return this.text || this.message;
|
|
2648
|
+
}, _className() {
|
|
2649
|
+
return [this.className].flat();
|
|
2650
|
+
} } };
|
|
2651
|
+
const m$2 = { class: "bimdata-tooltip" };
|
|
2652
|
+
!function(t, o2) {
|
|
2653
|
+
o2 === void 0 && (o2 = {});
|
|
2654
|
+
var a2 = o2.insertAt;
|
|
2655
|
+
if (t && typeof document != "undefined") {
|
|
2656
|
+
var r = document.head || document.getElementsByTagName("head")[0], n = document.createElement("style");
|
|
2657
|
+
n.type = "text/css", a2 === "top" && r.firstChild ? r.insertBefore(n, r.firstChild) : r.appendChild(n), n.styleSheet ? n.styleSheet.cssText = t : n.appendChild(document.createTextNode(t));
|
|
2658
|
+
}
|
|
2659
|
+
}('/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-41eb8f46] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n\n/* base COLORS --------------------------------------------- */\n/* colors BRAND */\n/* colors GREY SHADES - NEUTRAL */\n/* color TEXT */\n/* state colors */\n/* base FONT SIZE ----------------------------------------- */\n/* base BOX-SHADOW ----------------------------------------- */\n/* base SPACING UNIT -------------------------------------- */\n/* base FONTS -------------------------------------- */\nhtml[data-v-41eb8f46] {\n /* base COLORS ------------------------------------------- */\n /* --------------------------------\n color PRIMARY & VARIANTS -------------------------------- */\n --color-primary-lighter: rgba(248, 249, 250, 1);\n --color-primary-light: rgba(67, 78, 105, 1);\n --color-primary: rgba(47, 55, 74, 1);\n --color-primary-dark: rgba(27, 32, 43, 1);\n /* --------------------------------\n color SECONDARY & VARIANTS -------------------------------- */\n --color-secondary-lighter: rgba(255, 252, 242, 1);\n --color-secondary-light: rgba(250, 212, 94, 1);\n --color-secondary: rgba(249, 199, 44, 1);\n --color-secondary-dark: rgba(235, 180, 7, 1);\n /* --------------------------------\n color GREY SHADES - NEUTRAL\n -------------------------------- */\n --color-white: rgba(255, 255, 255, 1);\n --color-silver-light: rgba(247, 247, 247, 1);\n --color-silver: rgba(216, 216, 216, 1);\n --color-silver-dark: rgba(189, 189, 189, 1);\n --color-granite-light: rgba(122, 122, 122, 1);\n --color-granite: rgba(96, 96, 96, 1);\n --color-black: rgba(0, 0, 0, 1);\n /* --------------------------------\n color TEXT -------------------------------- */\n --color-text: rgba(47, 55, 74, 1);\n /* --------------------------------\n color BLACK & VARIANTS -------------------------------- */\n --color-black-100: rgba(0, 0, 0, 0.1);\n /* --------------------------------\n color SUCCESS & VARIANTS -------------------------------- */\n --color-success-lighter: rgba(226, 255, 239, 1);\n --color-success-light: rgba(0, 200, 92, 1);\n --color-success: rgba(0, 175, 80, 1);\n --color-success-dark: rgba(0, 149, 68, 1);\n /* --------------------------------\n color WARNING & VARIANTS -------------------------------- */\n --color-warning-lighter: rgba(255, 233, 204, 1);\n --color-warning-light: rgba(255, 167, 51, 1);\n --color-warning: rgba(255, 145, 0, 1);\n --color-warning-dark: rgba(204, 116, 0, 1);\n /* --------------------------------\n color HIGH & VARIANTS -------------------------------- */\n --color-high-lighter: rgba(255, 237, 234, 1);\n --color-high-light: rgba(255, 104, 81, 1);\n --color-high: rgba(255, 61, 30, 1);\n --color-high-dark: rgba(234, 31, 0, 1);\n /* base FONT SIZE ----------------------------------------- */\n --font-size: 14px;\n /* base BOX-SHADOW ----------------------------------------- */\n --box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);\n /* base BORDER RADIUS ----------------------------------------- */\n --border-radius-tiny: 3px;\n /* base SPACING UNIT -------------------------------------- */\n --spacing-unit: 12px;\n --size-btn-options: 45px;\n /* base FONTS -------------------------------------- */\n --primary-font: "roboto", sans-serif;\n}\n.text-left[data-v-41eb8f46] {\n text-align: left;\n}\n.text-center[data-v-41eb8f46] {\n text-align: center;\n}\n.text-right[data-v-41eb8f46] {\n text-align: right;\n}\n.bimdata-link[data-v-41eb8f46] {\n color: var(--color-primary);\n border-bottom: 1px solid var(--color-primary);\n font-weight: 700;\n}\n\n/* BIMDATA FONT WEIGHT */\n.primary-font[data-v-41eb8f46] {\n font-family: "roboto", sans-serif;\n}\n.bimdata-tooltip[data-v-41eb8f46] {\n position: relative;\n}\n.bimdata-tooltip__tooltip[data-v-41eb8f46] {\n position: absolute;\n z-index: 2;\n min-width: 60px;\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n padding: calc(var(--spacing-unit) / 3) calc(var(--spacing-unit) / 2);\n border-radius: 3px;\n text-align: center;\n white-space: normal;\n word-wrap: break-word;\n}\n.bimdata-tooltip__tooltip[data-v-41eb8f46]::before {\n content: "";\n position: absolute;\n border-style: solid;\n border-width: 8px 0 0 8px;\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--up[data-v-41eb8f46], .bimdata-tooltip__tooltip--top[data-v-41eb8f46] {\n top: -8px;\n left: 50%;\n -webkit-transform: translateX(-50%) translateY(-100%);\n transform: translateX(-50%) translateY(-100%);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--up[data-v-41eb8f46]::before, .bimdata-tooltip__tooltip--top[data-v-41eb8f46]::before {\n top: calc(100% - 4px);\n left: calc(50% - 4px);\n -webkit-transform: rotate(135deg);\n transform: rotate(135deg);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--left[data-v-41eb8f46], .bimdata-tooltip__tooltip--right[data-v-41eb8f46] {\n top: 50%;\n left: calc(100% + 8px);\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--left[data-v-41eb8f46]::before, .bimdata-tooltip__tooltip--right[data-v-41eb8f46]::before {\n top: calc(50% - 4px);\n left: -4px;\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--bottom[data-v-41eb8f46], .bimdata-tooltip__tooltip--bottom[data-v-41eb8f46] {\n top: calc(100% + 8px);\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--bottom[data-v-41eb8f46]::before, .bimdata-tooltip__tooltip--bottom[data-v-41eb8f46]::before {\n top: -4px;\n left: calc(50% - 4px);\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--right[data-v-41eb8f46], .bimdata-tooltip__tooltip--left[data-v-41eb8f46] {\n top: 50%;\n left: -8px;\n -webkit-transform: translateX(-100%) translateY(-50%);\n transform: translateX(-100%) translateY(-50%);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--right[data-v-41eb8f46]::before, .bimdata-tooltip__tooltip--left[data-v-41eb8f46]::before {\n top: calc(50% - 4px);\n left: calc(100% - 4px);\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n.bimdata-tooltip__tooltip--white[data-v-41eb8f46] {\n background-color: var(--color-white);\n color: var(--color-primary);\n}\n.bimdata-tooltip__tooltip--white[data-v-41eb8f46]::before {\n border-color: var(--color-white) transparent transparent;\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--primary[data-v-41eb8f46], .bimdata-tooltip__tooltip--primary[data-v-41eb8f46] {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--primary[data-v-41eb8f46]::before, .bimdata-tooltip__tooltip--primary[data-v-41eb8f46]::before {\n border-color: var(--color-primary) transparent transparent;\n}\n.bimdata-tooltip__tooltip--secondary[data-v-41eb8f46] {\n background-color: rgb(249, 199, 44);\n color: rgb(47, 55, 74);\n}\n.bimdata-tooltip__tooltip--secondary[data-v-41eb8f46]::before {\n border-color: var(--color-secondary) transparent transparent;\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--grey[data-v-41eb8f46], .bimdata-tooltip__tooltip--granite-light[data-v-41eb8f46] {\n background-color: var(--color-granite-light);\n color: var(--color-white);\n}\n.bimdata-tooltip__tooltip.bimdata-tooltip--grey[data-v-41eb8f46]::before, .bimdata-tooltip__tooltip--granite-light[data-v-41eb8f46]::before {\n border-color: var(--color-granite-light) transparent transparent;\n}\n.bimdata-tooltip__tooltip--silver-light[data-v-41eb8f46] {\n background-color: var(--color-silver-light);\n color: var(--color-primary);\n}\n.bimdata-tooltip__tooltip--silver-light[data-v-41eb8f46]::before {\n border-color: var(--color-silver-light) transparent transparent;\n}\n.bimdata-tooltip__tooltip--success[data-v-41eb8f46] {\n background-color: var(--color-success);\n color: var(--color-white);\n}\n.bimdata-tooltip__tooltip--success[data-v-41eb8f46]::before {\n border-color: var(--color-success) transparent transparent;\n}\n.bimdata-tooltip__tooltip--warning[data-v-41eb8f46] {\n background-color: var(--color-warning);\n color: var(--color-white);\n}\n.bimdata-tooltip__tooltip--warning[data-v-41eb8f46]::before {\n border-color: var(--color-warning) transparent transparent;\n}\n.bimdata-tooltip__tooltip--high[data-v-41eb8f46] {\n background-color: var(--color-high);\n color: var(--color-white);\n}\n.bimdata-tooltip__tooltip--high[data-v-41eb8f46]::before {\n border-color: var(--color-high) transparent transparent;\n}'), g$1.render = function(g2, f2, h2, v2, _2, u2) {
|
|
2660
|
+
return openBlock(), createElementBlock("div", m$2, [createElementVNode("div", { class: "bimdata-tooltip__content", onMouseover: f2[0] || (f2[0] = (t) => _2.hover = true), onMouseleave: f2[1] || (f2[1] = (t) => _2.hover = false) }, [createCommentVNode(' slot "content" for retro-compatibility '), renderSlot(g2.$slots, "content"), renderSlot(g2.$slots, "default")], 32), createVNode(Transition, { name: "fade" }, { default: withCtx(() => [withDirectives(createElementVNode("div", { ref: "tooltipText", class: normalizeClass(["bimdata-tooltip__tooltip", ["bimdata-tooltip__tooltip--" + h2.position, "bimdata-tooltip__tooltip--" + h2.color, ...u2._className]]), style: normalizeStyle({ maxWidth: h2.maxWidth }) }, toDisplayString(u2._text), 7), [[vShow, u2.isDisplayed]])]), _: 1 })]);
|
|
2661
|
+
}, g$1.__scopeId = "data-v-41eb8f46", g$1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
|
|
2652
2662
|
var BcfTopicImages_scss_vue_type_style_index_0_src_scoped_true_lang = "";
|
|
2653
2663
|
const _sfc_main$a = {
|
|
2654
2664
|
components: {
|
|
@@ -2656,19 +2666,16 @@ const _sfc_main$a = {
|
|
|
2656
2666
|
BIMDataIcon: ol$1
|
|
2657
2667
|
},
|
|
2658
2668
|
props: {
|
|
2659
|
-
|
|
2660
|
-
type:
|
|
2669
|
+
viewpoints: {
|
|
2670
|
+
type: Array,
|
|
2671
|
+
default: () => []
|
|
2661
2672
|
}
|
|
2662
2673
|
},
|
|
2663
2674
|
emits: [
|
|
2664
|
-
"add-
|
|
2675
|
+
"add-viewpoint",
|
|
2665
2676
|
"delete-viewpoint"
|
|
2666
2677
|
],
|
|
2667
|
-
setup(
|
|
2668
|
-
const viewpoints = ref([]);
|
|
2669
|
-
watch(() => props.bcfTopic, (topic) => {
|
|
2670
|
-
viewpoints.value = ((topic == null ? void 0 : topic.viewpoints) || []).filter((v2) => v2.snapshot);
|
|
2671
|
-
}, { immediate: true });
|
|
2678
|
+
setup(_2, { emit }) {
|
|
2672
2679
|
const addImage = (event) => {
|
|
2673
2680
|
[...event.target.files].forEach((file) => {
|
|
2674
2681
|
const reader = new FileReader();
|
|
@@ -2679,19 +2686,15 @@ const _sfc_main$a = {
|
|
|
2679
2686
|
snapshotData: reader.result
|
|
2680
2687
|
}
|
|
2681
2688
|
};
|
|
2682
|
-
|
|
2683
|
-
emit("add-image", viewpoint);
|
|
2689
|
+
emit("add-viewpoint", viewpoint);
|
|
2684
2690
|
});
|
|
2685
2691
|
reader.readAsDataURL(file);
|
|
2686
2692
|
});
|
|
2687
2693
|
};
|
|
2688
2694
|
const deleteViewpoint2 = (viewpoint) => {
|
|
2689
|
-
let index = viewpoints.value.indexOf(viewpoint);
|
|
2690
|
-
viewpoints.value.splice(index, 1);
|
|
2691
2695
|
emit("delete-viewpoint", viewpoint);
|
|
2692
2696
|
};
|
|
2693
2697
|
return {
|
|
2694
|
-
viewpoints,
|
|
2695
2698
|
addImage,
|
|
2696
2699
|
deleteViewpoint: deleteViewpoint2
|
|
2697
2700
|
};
|
|
@@ -2712,11 +2715,11 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2712
2715
|
const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
|
|
2713
2716
|
const _component_BIMDataButton = resolveComponent("BIMDataButton");
|
|
2714
2717
|
return openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
2715
|
-
$
|
|
2718
|
+
$props.viewpoints.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
2716
2719
|
createElementVNode("div", _hoisted_2$5, [
|
|
2717
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList($
|
|
2720
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList($props.viewpoints.slice(0, 4), (viewpoint, i2) => {
|
|
2718
2721
|
return openBlock(), createElementBlock("div", {
|
|
2719
|
-
class: normalizeClass(["image-preview", { single: $
|
|
2722
|
+
class: normalizeClass(["image-preview", { single: $props.viewpoints.length === 1 }]),
|
|
2720
2723
|
key: viewpoint.guid || i2
|
|
2721
2724
|
}, [
|
|
2722
2725
|
viewpoint.snapshot.snapshotData ? (openBlock(), createElementBlock("img", {
|
|
@@ -2744,7 +2747,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2744
2747
|
}), 128))
|
|
2745
2748
|
]),
|
|
2746
2749
|
createVNode(_component_BIMDataButton, {
|
|
2747
|
-
disabled: $
|
|
2750
|
+
disabled: $props.viewpoints.length >= 4,
|
|
2748
2751
|
class: "btn-upload",
|
|
2749
2752
|
width: "100%",
|
|
2750
2753
|
color: "primary",
|
|
@@ -2761,7 +2764,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2761
2764
|
createTextVNode(" " + toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.addPictureButton")), 1)
|
|
2762
2765
|
]),
|
|
2763
2766
|
createElementVNode("input", {
|
|
2764
|
-
disabled: $
|
|
2767
|
+
disabled: $props.viewpoints.length >= 4,
|
|
2765
2768
|
hidden: "",
|
|
2766
2769
|
id: "files",
|
|
2767
2770
|
type: "file",
|
|
@@ -2801,7 +2804,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2801
2804
|
]))
|
|
2802
2805
|
]);
|
|
2803
2806
|
}
|
|
2804
|
-
var BcfTopicImages = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-
|
|
2807
|
+
var BcfTopicImages = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-29b59353"]]);
|
|
2805
2808
|
var BcfTopicSnapshots_scss_vue_type_style_index_0_src_scoped_true_lang = "";
|
|
2806
2809
|
const _sfc_main$9 = {
|
|
2807
2810
|
components: {
|
|
@@ -2809,28 +2812,22 @@ const _sfc_main$9 = {
|
|
|
2809
2812
|
BIMDataIcon: ol$1
|
|
2810
2813
|
},
|
|
2811
2814
|
props: {
|
|
2812
|
-
|
|
2813
|
-
type:
|
|
2815
|
+
viewpoints: {
|
|
2816
|
+
type: Array,
|
|
2817
|
+
default: () => []
|
|
2814
2818
|
}
|
|
2815
2819
|
},
|
|
2816
2820
|
emits: [
|
|
2817
2821
|
"add-viewpoint",
|
|
2818
2822
|
"delete-viewpoint"
|
|
2819
2823
|
],
|
|
2820
|
-
setup(
|
|
2824
|
+
setup(_2, { emit }) {
|
|
2821
2825
|
const getViewers = inject("getViewers", () => {
|
|
2822
2826
|
});
|
|
2823
|
-
const viewpoints = ref([]);
|
|
2824
|
-
watch(() => props.bcfTopic, (topic) => {
|
|
2825
|
-
viewpoints.value = ((topic == null ? void 0 : topic.viewpoints) || []).filter((v2) => v2.snapshot);
|
|
2826
|
-
}, { immediate: true });
|
|
2827
2827
|
const addViewpoint = (viewpoint) => {
|
|
2828
|
-
viewpoints.value.push(viewpoint);
|
|
2829
2828
|
emit("add-viewpoint", viewpoint);
|
|
2830
2829
|
};
|
|
2831
2830
|
const deleteViewpoint2 = (viewpoint) => {
|
|
2832
|
-
let index = viewpoints.value.indexOf(viewpoint);
|
|
2833
|
-
viewpoints.value.splice(index, 1);
|
|
2834
2831
|
emit("delete-viewpoint", viewpoint);
|
|
2835
2832
|
};
|
|
2836
2833
|
const takeSnapshots = async () => {
|
|
@@ -2841,7 +2838,6 @@ const _sfc_main$9 = {
|
|
|
2841
2838
|
});
|
|
2842
2839
|
};
|
|
2843
2840
|
return {
|
|
2844
|
-
viewpoints,
|
|
2845
2841
|
deleteViewpoint: deleteViewpoint2,
|
|
2846
2842
|
takeSnapshots
|
|
2847
2843
|
};
|
|
@@ -2857,10 +2853,10 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2857
2853
|
const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
|
|
2858
2854
|
const _component_BIMDataButton = resolveComponent("BIMDataButton");
|
|
2859
2855
|
return openBlock(), createElementBlock("div", _hoisted_1$6, [
|
|
2860
|
-
$
|
|
2861
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList($
|
|
2856
|
+
$props.viewpoints.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
|
|
2857
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList($props.viewpoints.slice(0, 4), (viewpoint, i2) => {
|
|
2862
2858
|
return openBlock(), createElementBlock("div", {
|
|
2863
|
-
class: normalizeClass(["snapshot-preview", { single: $
|
|
2859
|
+
class: normalizeClass(["snapshot-preview", { single: $props.viewpoints.length === 1 }]),
|
|
2864
2860
|
key: viewpoint.guid || i2
|
|
2865
2861
|
}, [
|
|
2866
2862
|
viewpoint.snapshot.snapshotData ? (openBlock(), createElementBlock("img", {
|
|
@@ -2898,7 +2894,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2898
2894
|
]))
|
|
2899
2895
|
]);
|
|
2900
2896
|
}
|
|
2901
|
-
var BcfTopicSnapshots = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-
|
|
2897
|
+
var BcfTopicSnapshots = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-7e063fcc"]]);
|
|
2902
2898
|
var BcfTopicForm_scss_vue_type_style_index_0_src_scoped_true_lang = "";
|
|
2903
2899
|
const _sfc_main$8 = {
|
|
2904
2900
|
components: {
|
|
@@ -2906,12 +2902,13 @@ const _sfc_main$8 = {
|
|
|
2906
2902
|
BcfTopicSnapshots,
|
|
2907
2903
|
BIMDataButton: l,
|
|
2908
2904
|
BIMDataIcon: ol$1,
|
|
2909
|
-
BIMDataInput: g$
|
|
2905
|
+
BIMDataInput: g$4,
|
|
2910
2906
|
BIMDataLoading: b$3,
|
|
2911
2907
|
BIMDataSafeZoneModal: ul,
|
|
2912
2908
|
BIMDataSelect: ln$2,
|
|
2913
2909
|
BIMDataTextarea: b$1,
|
|
2914
|
-
BIMDataTextbox: s$1
|
|
2910
|
+
BIMDataTextbox: s$1,
|
|
2911
|
+
BIMDataTooltip: g$1
|
|
2915
2912
|
},
|
|
2916
2913
|
props: {
|
|
2917
2914
|
viewerMode: {
|
|
@@ -2922,6 +2919,10 @@ const _sfc_main$8 = {
|
|
|
2922
2919
|
type: Object,
|
|
2923
2920
|
required: true
|
|
2924
2921
|
},
|
|
2922
|
+
extensions: {
|
|
2923
|
+
type: Object,
|
|
2924
|
+
reuiqred: true
|
|
2925
|
+
},
|
|
2925
2926
|
bcfTopics: {
|
|
2926
2927
|
type: Array,
|
|
2927
2928
|
required: true
|
|
@@ -2938,15 +2939,11 @@ const _sfc_main$8 = {
|
|
|
2938
2939
|
},
|
|
2939
2940
|
providedPins: {
|
|
2940
2941
|
type: Array
|
|
2941
|
-
},
|
|
2942
|
-
extensions: {
|
|
2943
|
-
type: Object,
|
|
2944
|
-
reuiqred: true
|
|
2945
2942
|
}
|
|
2946
2943
|
},
|
|
2947
2944
|
emits: [
|
|
2948
|
-
"add-
|
|
2949
|
-
"add-
|
|
2945
|
+
"add-components",
|
|
2946
|
+
"add-pins",
|
|
2950
2947
|
"bcf-topic-created",
|
|
2951
2948
|
"bcf-topic-updated",
|
|
2952
2949
|
"close"
|
|
@@ -2973,6 +2970,7 @@ const _sfc_main$8 = {
|
|
|
2973
2970
|
const viewpointsToCreate = ref([]);
|
|
2974
2971
|
const viewpointsToUpdate = ref([]);
|
|
2975
2972
|
const viewpointsToDelete = ref([]);
|
|
2973
|
+
const viewpointsToDisplay = computed(() => viewpoints.value.filter((v2) => v2.snapshot).concat(viewpointsToCreate.value));
|
|
2976
2974
|
const loading = ref(false);
|
|
2977
2975
|
const isOpenModal = ref(false);
|
|
2978
2976
|
const hasErrorTitle = ref(false);
|
|
@@ -3002,6 +3000,9 @@ const _sfc_main$8 = {
|
|
|
3002
3000
|
topicDescription.value = "";
|
|
3003
3001
|
topicLabels.value = [];
|
|
3004
3002
|
viewpoints.value = [];
|
|
3003
|
+
viewpointsToCreate.value = [];
|
|
3004
|
+
viewpointsToUpdate.value = [];
|
|
3005
|
+
viewpointsToDelete.value = [];
|
|
3005
3006
|
loading.value = false;
|
|
3006
3007
|
isOpenModal.value = false;
|
|
3007
3008
|
hasErrorTitle.value = false;
|
|
@@ -3032,8 +3033,14 @@ const _sfc_main$8 = {
|
|
|
3032
3033
|
loading.value = true;
|
|
3033
3034
|
viewpointsToUpdate.value = viewpoints.value.map((viewpoint) => __spreadProps(__spreadValues({}, viewpoint), { snapshot: void 0 }));
|
|
3034
3035
|
if (props.providedComponents) {
|
|
3035
|
-
viewpointsToUpdate.value.
|
|
3036
|
-
|
|
3036
|
+
if (viewpointsToUpdate.value.length > 0 || viewpointsToCreate.value.length > 0) {
|
|
3037
|
+
viewpointsToUpdate.value.forEach((viewpoint) => viewpoint.components = props.providedComponents);
|
|
3038
|
+
viewpointsToCreate.value.forEach((viewpoint) => viewpoint.components = props.providedComponents);
|
|
3039
|
+
} else {
|
|
3040
|
+
viewpointsToCreate.value.push({
|
|
3041
|
+
components: props.providedComponents
|
|
3042
|
+
});
|
|
3043
|
+
}
|
|
3037
3044
|
}
|
|
3038
3045
|
if (props.providedPins) {
|
|
3039
3046
|
viewpointsToUpdate.value.forEach((viewpoint) => viewpoint.pins = props.providedPins);
|
|
@@ -3087,8 +3094,7 @@ const _sfc_main$8 = {
|
|
|
3087
3094
|
topicLabels,
|
|
3088
3095
|
topicTitle,
|
|
3089
3096
|
topicType,
|
|
3090
|
-
|
|
3091
|
-
viewpointsToCreate,
|
|
3097
|
+
viewpointsToDisplay,
|
|
3092
3098
|
addViewpoint,
|
|
3093
3099
|
delViewpoint,
|
|
3094
3100
|
submit
|
|
@@ -3112,6 +3118,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3112
3118
|
const _component_BcfTopicSnapshots = resolveComponent("BcfTopicSnapshots");
|
|
3113
3119
|
const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
|
|
3114
3120
|
const _component_BIMDataButton = resolveComponent("BIMDataButton");
|
|
3121
|
+
const _component_BIMDataTooltip = resolveComponent("BIMDataTooltip");
|
|
3115
3122
|
const _component_BcfTopicImages = resolveComponent("BcfTopicImages");
|
|
3116
3123
|
const _component_BIMDataInput = resolveComponent("BIMDataInput");
|
|
3117
3124
|
const _component_BIMDataSelect = resolveComponent("BIMDataSelect");
|
|
@@ -3126,15 +3133,15 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3126
3133
|
]),
|
|
3127
3134
|
$props.viewerMode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
3128
3135
|
createVNode(_component_BcfTopicSnapshots, {
|
|
3129
|
-
|
|
3136
|
+
viewpoints: $setup.viewpointsToDisplay,
|
|
3130
3137
|
onAddViewpoint: $setup.addViewpoint,
|
|
3131
3138
|
onDeleteViewpoint: $setup.delViewpoint
|
|
3132
|
-
}, null, 8, ["
|
|
3139
|
+
}, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"]),
|
|
3133
3140
|
createElementVNode("div", _hoisted_6$3, [
|
|
3134
3141
|
createVNode(_component_BIMDataButton, {
|
|
3135
3142
|
fill: "",
|
|
3136
3143
|
radius: "",
|
|
3137
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("add-
|
|
3144
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("add-components", $props.bcfTopic))
|
|
3138
3145
|
}, {
|
|
3139
3146
|
default: withCtx(() => [
|
|
3140
3147
|
createVNode(_component_BIMDataIcon, {
|
|
@@ -3146,30 +3153,40 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3146
3153
|
]),
|
|
3147
3154
|
_: 1
|
|
3148
3155
|
}),
|
|
3149
|
-
createVNode(
|
|
3150
|
-
|
|
3151
|
-
|
|
3152
|
-
|
|
3153
|
-
disabled: $setup.viewpoints.length === 0 && $setup.viewpointsToCreate.length === 0,
|
|
3154
|
-
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("add-annotation", $props.bcfTopic))
|
|
3156
|
+
createVNode(_component_BIMDataTooltip, {
|
|
3157
|
+
disabled: $setup.viewpointsToDisplay.length > 0,
|
|
3158
|
+
text: _ctx.$t("BcfComponents.BcfTopicForm.annotationButtonTooltip"),
|
|
3159
|
+
color: "granite-light"
|
|
3155
3160
|
}, {
|
|
3156
3161
|
default: withCtx(() => [
|
|
3157
|
-
createVNode(
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3162
|
+
createVNode(_component_BIMDataButton, {
|
|
3163
|
+
width: "100%",
|
|
3164
|
+
color: "primary",
|
|
3165
|
+
fill: "",
|
|
3166
|
+
radius: "",
|
|
3167
|
+
disabled: $setup.viewpointsToDisplay.length === 0,
|
|
3168
|
+
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("add-pins", $props.bcfTopic))
|
|
3169
|
+
}, {
|
|
3170
|
+
default: withCtx(() => [
|
|
3171
|
+
createVNode(_component_BIMDataIcon, {
|
|
3172
|
+
name: "plus",
|
|
3173
|
+
size: "xxxs",
|
|
3174
|
+
margin: "0 6px 0 0"
|
|
3175
|
+
}),
|
|
3176
|
+
createTextVNode(" " + toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.addAnnotationButton")), 1)
|
|
3177
|
+
]),
|
|
3178
|
+
_: 1
|
|
3179
|
+
}, 8, ["disabled"])
|
|
3163
3180
|
]),
|
|
3164
3181
|
_: 1
|
|
3165
|
-
}, 8, ["disabled"])
|
|
3182
|
+
}, 8, ["disabled", "text"])
|
|
3166
3183
|
])
|
|
3167
3184
|
], 64)) : (openBlock(), createBlock(_component_BcfTopicImages, {
|
|
3168
3185
|
key: 1,
|
|
3169
|
-
|
|
3170
|
-
|
|
3186
|
+
viewpoints: $setup.viewpointsToDisplay,
|
|
3187
|
+
onAddViewpoint: $setup.addViewpoint,
|
|
3171
3188
|
onDeleteViewpoint: $setup.delViewpoint
|
|
3172
|
-
}, null, 8, ["
|
|
3189
|
+
}, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"])),
|
|
3173
3190
|
createElementVNode("div", _hoisted_7$3, [
|
|
3174
3191
|
createVNode(_component_BIMDataInput, {
|
|
3175
3192
|
placeholder: _ctx.$t("BcfComponents.BcfTopicForm.titlePlaceholder"),
|
|
@@ -3294,7 +3311,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3294
3311
|
})) : createCommentVNode("", true)
|
|
3295
3312
|
]);
|
|
3296
3313
|
}
|
|
3297
|
-
var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-
|
|
3314
|
+
var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-23b5fbf3"]]);
|
|
3298
3315
|
var u = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), M$1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: false }, outline: { type: Boolean, default: false }, ghost: { type: Boolean, default: false }, ripple: { type: Boolean, default: false }, radius: { type: Boolean, default: false }, square: { type: Boolean, default: false }, rounded: { type: Boolean, default: false }, icon: { type: Boolean, default: false }, color: { type: String, default: "default", validator: (n) => u.includes(n) } }, emits: ["click"], computed: { classes() {
|
|
3299
3316
|
return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, ["bimdata-btn__fill--" + this.color]: this.fill && this.color, ["bimdata-btn__outline--" + this.color]: this.outline && this.color, ["bimdata-btn__ghost--" + this.color]: this.ghost && this.color, ["bimdata-btn__ripple--" + this.color]: this.ripple && this.color };
|
|
3300
3317
|
}, style() {
|
|
@@ -4840,15 +4857,7 @@ const _sfc_main$2 = {
|
|
|
4840
4857
|
}
|
|
4841
4858
|
},
|
|
4842
4859
|
setup(props) {
|
|
4843
|
-
const priorityColor = computed(() =>
|
|
4844
|
-
if (props.bcfTopic.priority) {
|
|
4845
|
-
const priorityDetail = props.detailedExtensions.priorities.find((priority) => priority.priority === props.bcfTopic.priority);
|
|
4846
|
-
if (priorityDetail == null ? void 0 : priorityDetail.color) {
|
|
4847
|
-
return `#${priorityDetail.color}`;
|
|
4848
|
-
}
|
|
4849
|
-
}
|
|
4850
|
-
return `#${DEFAULT_PRIORITY_COLOR}`;
|
|
4851
|
-
});
|
|
4860
|
+
const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
|
|
4852
4861
|
return {
|
|
4853
4862
|
priorityColor
|
|
4854
4863
|
};
|
|
@@ -4857,10 +4866,10 @@ const _sfc_main$2 = {
|
|
|
4857
4866
|
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4858
4867
|
return openBlock(), createElementBlock("span", {
|
|
4859
4868
|
class: "bcf-topic-priority-cell",
|
|
4860
|
-
style: normalizeStyle({ color: $setup.priorityColor })
|
|
4869
|
+
style: normalizeStyle({ color: `#${$setup.priorityColor}` })
|
|
4861
4870
|
}, toDisplayString($props.bcfTopic.priority || _ctx.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
|
|
4862
4871
|
}
|
|
4863
|
-
var BcfTopicPriorityCell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-
|
|
4872
|
+
var BcfTopicPriorityCell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-691e94e8"]]);
|
|
4864
4873
|
var BcfTopicStatusCell_scss_vue_type_style_index_0_src_scoped_true_lang = "";
|
|
4865
4874
|
const _sfc_main$1 = {
|
|
4866
4875
|
props: {
|
|
@@ -4874,15 +4883,7 @@ const _sfc_main$1 = {
|
|
|
4874
4883
|
}
|
|
4875
4884
|
},
|
|
4876
4885
|
setup(props) {
|
|
4877
|
-
const statusColor = computed(() =>
|
|
4878
|
-
if (props.bcfTopic.topicStatus) {
|
|
4879
|
-
const statusDetail = props.detailedExtensions.topicStatuses.find((status) => status.topicStatus === props.bcfTopic.topicStatus);
|
|
4880
|
-
if (statusDetail == null ? void 0 : statusDetail.color) {
|
|
4881
|
-
return `#${statusDetail.color}`;
|
|
4882
|
-
}
|
|
4883
|
-
}
|
|
4884
|
-
return `#${DEFAULT_STATUS_COLOR}`;
|
|
4885
|
-
});
|
|
4886
|
+
const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
|
|
4886
4887
|
return {
|
|
4887
4888
|
statusColor,
|
|
4888
4889
|
adjustTextColor
|
|
@@ -4893,12 +4894,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4893
4894
|
return openBlock(), createElementBlock("span", {
|
|
4894
4895
|
class: "bcf-topic-status-cell",
|
|
4895
4896
|
style: normalizeStyle({
|
|
4896
|
-
backgroundColor: $setup.statusColor
|
|
4897
|
+
backgroundColor: `#${$setup.statusColor}`,
|
|
4897
4898
|
color: $setup.adjustTextColor($setup.statusColor, "#ffffff", "var(--color-text)")
|
|
4898
4899
|
})
|
|
4899
4900
|
}, toDisplayString($props.bcfTopic.topicStatus), 5);
|
|
4900
4901
|
}
|
|
4901
|
-
var BcfTopicStatusCell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-
|
|
4902
|
+
var BcfTopicStatusCell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-41224f82"]]);
|
|
4902
4903
|
const _sfc_main = {
|
|
4903
4904
|
components: {
|
|
4904
4905
|
BcfTopicActionsCell,
|