@bimdata/bcf-components 1.1.0-rc.20 → 1.1.0-rc.21
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 +479 -415
- package/dist/vue2/style.css +1 -1
- package/dist/vue3/bcf-components.es.js +90 -54
- 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);
|
|
@@ -2181,7 +2181,7 @@ x$3.render = function(s2, l2, c2, p2, g2, d2) {
|
|
|
2181
2181
|
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
2182
|
}, x$3.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
|
|
2183
2183
|
var b$3 = { components: { BIMDataText: x$3 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
|
|
2184
|
-
const m$
|
|
2184
|
+
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
2185
|
function f$3(n, o2) {
|
|
2186
2186
|
o2 === void 0 && (o2 = {});
|
|
2187
2187
|
var t = o2.insertAt;
|
|
@@ -2193,7 +2193,7 @@ function f$3(n, o2) {
|
|
|
2193
2193
|
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
2194
|
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
2195
|
const h2 = resolveComponent("BIMDataText");
|
|
2196
|
-
return openBlock(), createElementBlock("div", m$
|
|
2196
|
+
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
2197
|
}, b$3.__scopeId = "data-v-6d3be186", b$3.__file = "src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
|
|
2198
2198
|
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
2199
|
const d$1 = { render: function(r, t) {
|
|
@@ -2219,9 +2219,9 @@ const D$2 = { render: function(r, t) {
|
|
|
2219
2219
|
}, __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
2220
|
const _$2 = { render: function(r, t) {
|
|
2221
2221
|
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$
|
|
2222
|
+
}, __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" };
|
|
2223
|
+
const g$3 = { render: function(r, t) {
|
|
2224
|
+
return openBlock(), createElementBlock("path", m$4);
|
|
2225
2225
|
}, __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
2226
|
const b$2 = { render: function(r, t) {
|
|
2227
2227
|
return openBlock(), createElementBlock("path", y$2);
|
|
@@ -2589,7 +2589,7 @@ const tl = { render: function(r, t) {
|
|
|
2589
2589
|
const ol = { render: function(r, t) {
|
|
2590
2590
|
return openBlock(), createElementBlock("g", null, ll);
|
|
2591
2591
|
}, __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$
|
|
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$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
2593
|
const Ll = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
|
|
2594
2594
|
var il = { name: "BIMDataIcon", components: __spreadValues({}, function(e2) {
|
|
2595
2595
|
return Object.entries(e2).reduce((e3, [n, r]) => __spreadProps(__spreadValues({}, e3), { ["bimdata-icon-" + n]: r }), {});
|
|
@@ -2636,7 +2636,7 @@ var b$1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: {
|
|
|
2636
2636
|
}, onInput(r) {
|
|
2637
2637
|
this.$emit("update:modelValue", r.currentTarget.value), this.fitContent && this.handleFitContent();
|
|
2638
2638
|
} } };
|
|
2639
|
-
const g$
|
|
2639
|
+
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
2640
|
function p$1(r, a2) {
|
|
2641
2641
|
a2 === void 0 && (a2 = {});
|
|
2642
2642
|
var e2 = a2.insertAt;
|
|
@@ -2647,8 +2647,26 @@ function p$1(r, a2) {
|
|
|
2647
2647
|
}
|
|
2648
2648
|
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
2649
|
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$
|
|
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$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
2651
|
}, b$1.__scopeId = "data-v-76eaf75a", b$1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
|
|
2652
|
+
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() {
|
|
2653
|
+
return !this.disabled && this._text && this.hover;
|
|
2654
|
+
}, _text() {
|
|
2655
|
+
return this.text || this.message;
|
|
2656
|
+
}, _className() {
|
|
2657
|
+
return [this.className].flat();
|
|
2658
|
+
} } };
|
|
2659
|
+
const m$2 = { class: "bimdata-tooltip" };
|
|
2660
|
+
!function(t, o2) {
|
|
2661
|
+
o2 === void 0 && (o2 = {});
|
|
2662
|
+
var a2 = o2.insertAt;
|
|
2663
|
+
if (t && typeof document != "undefined") {
|
|
2664
|
+
var r = document.head || document.getElementsByTagName("head")[0], n = document.createElement("style");
|
|
2665
|
+
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));
|
|
2666
|
+
}
|
|
2667
|
+
}('/* 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) {
|
|
2668
|
+
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 })]);
|
|
2669
|
+
}, g$1.__scopeId = "data-v-41eb8f46", g$1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
|
|
2652
2670
|
var BcfTopicImages_scss_vue_type_style_index_0_src_scoped_true_lang = "";
|
|
2653
2671
|
const _sfc_main$a = {
|
|
2654
2672
|
components: {
|
|
@@ -2906,12 +2924,13 @@ const _sfc_main$8 = {
|
|
|
2906
2924
|
BcfTopicSnapshots,
|
|
2907
2925
|
BIMDataButton: l,
|
|
2908
2926
|
BIMDataIcon: ol$1,
|
|
2909
|
-
BIMDataInput: g$
|
|
2927
|
+
BIMDataInput: g$4,
|
|
2910
2928
|
BIMDataLoading: b$3,
|
|
2911
2929
|
BIMDataSafeZoneModal: ul,
|
|
2912
2930
|
BIMDataSelect: ln$2,
|
|
2913
2931
|
BIMDataTextarea: b$1,
|
|
2914
|
-
BIMDataTextbox: s$1
|
|
2932
|
+
BIMDataTextbox: s$1,
|
|
2933
|
+
BIMDataTooltip: g$1
|
|
2915
2934
|
},
|
|
2916
2935
|
props: {
|
|
2917
2936
|
viewerMode: {
|
|
@@ -2922,6 +2941,10 @@ const _sfc_main$8 = {
|
|
|
2922
2941
|
type: Object,
|
|
2923
2942
|
required: true
|
|
2924
2943
|
},
|
|
2944
|
+
extensions: {
|
|
2945
|
+
type: Object,
|
|
2946
|
+
reuiqred: true
|
|
2947
|
+
},
|
|
2925
2948
|
bcfTopics: {
|
|
2926
2949
|
type: Array,
|
|
2927
2950
|
required: true
|
|
@@ -2938,15 +2961,11 @@ const _sfc_main$8 = {
|
|
|
2938
2961
|
},
|
|
2939
2962
|
providedPins: {
|
|
2940
2963
|
type: Array
|
|
2941
|
-
},
|
|
2942
|
-
extensions: {
|
|
2943
|
-
type: Object,
|
|
2944
|
-
reuiqred: true
|
|
2945
2964
|
}
|
|
2946
2965
|
},
|
|
2947
2966
|
emits: [
|
|
2948
|
-
"add-
|
|
2949
|
-
"add-
|
|
2967
|
+
"add-components",
|
|
2968
|
+
"add-pins",
|
|
2950
2969
|
"bcf-topic-created",
|
|
2951
2970
|
"bcf-topic-updated",
|
|
2952
2971
|
"close"
|
|
@@ -2973,6 +2992,7 @@ const _sfc_main$8 = {
|
|
|
2973
2992
|
const viewpointsToCreate = ref([]);
|
|
2974
2993
|
const viewpointsToUpdate = ref([]);
|
|
2975
2994
|
const viewpointsToDelete = ref([]);
|
|
2995
|
+
const viewpointsToDisplay = computed(() => viewpoints.value.filter((v2) => v2.snapshot).concat(viewpointsToCreate.value));
|
|
2976
2996
|
const loading = ref(false);
|
|
2977
2997
|
const isOpenModal = ref(false);
|
|
2978
2998
|
const hasErrorTitle = ref(false);
|
|
@@ -3032,8 +3052,14 @@ const _sfc_main$8 = {
|
|
|
3032
3052
|
loading.value = true;
|
|
3033
3053
|
viewpointsToUpdate.value = viewpoints.value.map((viewpoint) => __spreadProps(__spreadValues({}, viewpoint), { snapshot: void 0 }));
|
|
3034
3054
|
if (props.providedComponents) {
|
|
3035
|
-
viewpointsToUpdate.value.
|
|
3036
|
-
|
|
3055
|
+
if (viewpointsToUpdate.value.length > 0 || viewpointsToCreate.value.length > 0) {
|
|
3056
|
+
viewpointsToUpdate.value.forEach((viewpoint) => viewpoint.components = props.providedComponents);
|
|
3057
|
+
viewpointsToCreate.value.forEach((viewpoint) => viewpoint.components = props.providedComponents);
|
|
3058
|
+
} else {
|
|
3059
|
+
viewpointsToCreate.value.push({
|
|
3060
|
+
components: props.providedComponents
|
|
3061
|
+
});
|
|
3062
|
+
}
|
|
3037
3063
|
}
|
|
3038
3064
|
if (props.providedPins) {
|
|
3039
3065
|
viewpointsToUpdate.value.forEach((viewpoint) => viewpoint.pins = props.providedPins);
|
|
@@ -3087,8 +3113,7 @@ const _sfc_main$8 = {
|
|
|
3087
3113
|
topicLabels,
|
|
3088
3114
|
topicTitle,
|
|
3089
3115
|
topicType,
|
|
3090
|
-
|
|
3091
|
-
viewpointsToCreate,
|
|
3116
|
+
viewpointsToDisplay,
|
|
3092
3117
|
addViewpoint,
|
|
3093
3118
|
delViewpoint,
|
|
3094
3119
|
submit
|
|
@@ -3112,6 +3137,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3112
3137
|
const _component_BcfTopicSnapshots = resolveComponent("BcfTopicSnapshots");
|
|
3113
3138
|
const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
|
|
3114
3139
|
const _component_BIMDataButton = resolveComponent("BIMDataButton");
|
|
3140
|
+
const _component_BIMDataTooltip = resolveComponent("BIMDataTooltip");
|
|
3115
3141
|
const _component_BcfTopicImages = resolveComponent("BcfTopicImages");
|
|
3116
3142
|
const _component_BIMDataInput = resolveComponent("BIMDataInput");
|
|
3117
3143
|
const _component_BIMDataSelect = resolveComponent("BIMDataSelect");
|
|
@@ -3134,7 +3160,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3134
3160
|
createVNode(_component_BIMDataButton, {
|
|
3135
3161
|
fill: "",
|
|
3136
3162
|
radius: "",
|
|
3137
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("add-
|
|
3163
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("add-components", $props.bcfTopic))
|
|
3138
3164
|
}, {
|
|
3139
3165
|
default: withCtx(() => [
|
|
3140
3166
|
createVNode(_component_BIMDataIcon, {
|
|
@@ -3146,23 +3172,33 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3146
3172
|
]),
|
|
3147
3173
|
_: 1
|
|
3148
3174
|
}),
|
|
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))
|
|
3175
|
+
createVNode(_component_BIMDataTooltip, {
|
|
3176
|
+
disabled: $setup.viewpointsToDisplay.length > 0,
|
|
3177
|
+
text: _ctx.$t("BcfComponents.BcfTopicForm.annotationButtonTooltip"),
|
|
3178
|
+
color: "granite-light"
|
|
3155
3179
|
}, {
|
|
3156
3180
|
default: withCtx(() => [
|
|
3157
|
-
createVNode(
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3181
|
+
createVNode(_component_BIMDataButton, {
|
|
3182
|
+
width: "100%",
|
|
3183
|
+
color: "primary",
|
|
3184
|
+
fill: "",
|
|
3185
|
+
radius: "",
|
|
3186
|
+
disabled: $setup.viewpointsToDisplay.length === 0,
|
|
3187
|
+
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("add-pins", $props.bcfTopic))
|
|
3188
|
+
}, {
|
|
3189
|
+
default: withCtx(() => [
|
|
3190
|
+
createVNode(_component_BIMDataIcon, {
|
|
3191
|
+
name: "plus",
|
|
3192
|
+
size: "xxxs",
|
|
3193
|
+
margin: "0 6px 0 0"
|
|
3194
|
+
}),
|
|
3195
|
+
createTextVNode(" " + toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.addAnnotationButton")), 1)
|
|
3196
|
+
]),
|
|
3197
|
+
_: 1
|
|
3198
|
+
}, 8, ["disabled"])
|
|
3163
3199
|
]),
|
|
3164
3200
|
_: 1
|
|
3165
|
-
}, 8, ["disabled"])
|
|
3201
|
+
}, 8, ["disabled", "text"])
|
|
3166
3202
|
])
|
|
3167
3203
|
], 64)) : (openBlock(), createBlock(_component_BcfTopicImages, {
|
|
3168
3204
|
key: 1,
|
|
@@ -3294,7 +3330,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3294
3330
|
})) : createCommentVNode("", true)
|
|
3295
3331
|
]);
|
|
3296
3332
|
}
|
|
3297
|
-
var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-
|
|
3333
|
+
var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-14fe5f92"]]);
|
|
3298
3334
|
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
3335
|
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
3336
|
}, style() {
|