@bimdata/bcf-components 2.0.0-rc.5 → 2.0.0-rc.6
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.
|
@@ -882,7 +882,7 @@ const g$3 = o$a({ render: function() {
|
|
|
882
882
|
} } }, [e2.isOptionGroup(t3) ? [e2._v("\n " + e2._s(e2.optionLabel(t3)) + "\n ")] : o2("BIMDataCheckbox", { attrs: { modelValue: e2.isSelected(t3), disabled: e2.isDisabled(t3), text: e2.optionLabel(t3) } })], 2);
|
|
883
883
|
}), 0)])], 1);
|
|
884
884
|
}, staticRenderFns: [] }, function(e2) {
|
|
885
|
-
e2 && e2("data-v-09766700_0", { source: 'html[data-v-09766700]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}.bimdata-select[data-v-09766700]{position:relative;font-family:var(--primary-font);font-size:1em;user-select:none}.bimdata-select__content[data-v-09766700]{height:32px}.bimdata-select__content__value[data-v-09766700]{width:100%;height:32px;position:absolute;z-index:
|
|
885
|
+
e2 && e2("data-v-09766700_0", { source: 'html[data-v-09766700]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}.bimdata-select[data-v-09766700]{position:relative;font-family:var(--primary-font);font-size:1em;user-select:none}.bimdata-select__content[data-v-09766700]{height:32px}.bimdata-select__content__value[data-v-09766700]{width:100%;height:32px;position:absolute;z-index:1;top:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.bimdata-select__content__value span[data-v-09766700]{width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bimdata-select__content__label[data-v-09766700]{position:absolute;top:6px;left:0;font-size:.8571428571em;transition:.2s ease all;color:var(--color-granite-light);transition:.2s ease all}.bimdata-select__content__underline[data-v-09766700]{width:100%;height:1px;position:absolute;bottom:0;display:block;background:var(--color-silver)}.bimdata-select.disabled[data-v-09766700]{opacity:.6}.bimdata-select.active .bimdata-select__content .bimdata-select__content__label[data-v-09766700],.bimdata-select.not-empty .bimdata-select__content .bimdata-select__content__label[data-v-09766700]{top:-18px;font-size:.7142857143em;color:var(--color-primary)}.bimdata-select__option-list[data-v-09766700]{position:absolute;z-index:2;top:-3px;width:100%;max-height:220px;padding:calc(var(--spacing-unit)/ 2) 0;overflow:auto;box-shadow:var(--box-shadow);background-color:var(--color-white)}.bimdata-select__option-list__entry[data-v-09766700]{height:29px;padding:0 var(--spacing-unit);display:flex;align-items:center;font-size:.8571428571em;cursor:pointer}.bimdata-select__option-list__entry[data-v-09766700]:hover{background-color:var(--color-silver-light);transition:all .2s ease}.bimdata-select__option-list__entry.selected[data-v-09766700]{background-color:var(--color-silver-light)}.bimdata-select__option-list__entry.selected[data-v-09766700]:hover{background-color:var(--color-silver)}.bimdata-select__option-list__entry.disabled[data-v-09766700]{color:var(--color-silver-dark);cursor:default}.bimdata-select__option-list__entry.option-group[data-v-09766700]{color:var(--color-granite);font-weight:700}.bimdata-select__option-list__entry.option-group[data-v-09766700]:hover{background-color:transparent;cursor:default}.bimdata-select__option-list__entry.option-group~.bimdata-select__option-list__entry[data-v-09766700]:not(.option-group){padding-left:calc(var(--spacing-unit) * 2)}', map: void 0, media: void 0 });
|
|
886
886
|
}, { components: { BIMDataCheckbox: n$7, BIMDataIconChevron: p }, directives: { clickaway: e$a }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: Array }, nullLabel: { type: String }, disabled: { type: Boolean, default: false } }, emits: ["update:modelValue"], data: () => ({ isOpen: false }), computed: { displayedValue() {
|
|
887
887
|
return this.modelValue.map(this.optionLabel).join(", ");
|
|
888
888
|
} }, methods: { toggle() {
|
|
@@ -920,7 +920,7 @@ const g$3 = o$a({ render: function() {
|
|
|
920
920
|
} } }, [e2._v("\n " + e2._s(e2.optionLabel(t3)) + "\n ")]);
|
|
921
921
|
})], 2)])], 1);
|
|
922
922
|
}, staticRenderFns: [] }, function(e2) {
|
|
923
|
-
e2 && e2("data-v-1b2410f3_0", { source: 'html[data-v-1b2410f3]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}.bimdata-select[data-v-1b2410f3]{position:relative;font-family:var(--primary-font);font-size:1em;user-select:none}.bimdata-select__content[data-v-1b2410f3]{height:32px}.bimdata-select__content__value[data-v-1b2410f3]{width:100%;height:32px;position:absolute;z-index:
|
|
923
|
+
e2 && e2("data-v-1b2410f3_0", { source: 'html[data-v-1b2410f3]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}.bimdata-select[data-v-1b2410f3]{position:relative;font-family:var(--primary-font);font-size:1em;user-select:none}.bimdata-select__content[data-v-1b2410f3]{height:32px}.bimdata-select__content__value[data-v-1b2410f3]{width:100%;height:32px;position:absolute;z-index:1;top:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.bimdata-select__content__value span[data-v-1b2410f3]{width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bimdata-select__content__label[data-v-1b2410f3]{position:absolute;top:6px;left:0;font-size:.8571428571em;transition:.2s ease all;color:var(--color-granite-light);transition:.2s ease all}.bimdata-select__content__underline[data-v-1b2410f3]{width:100%;height:1px;position:absolute;bottom:0;display:block;background:var(--color-silver)}.bimdata-select.disabled[data-v-1b2410f3]{opacity:.6}.bimdata-select.active .bimdata-select__content .bimdata-select__content__label[data-v-1b2410f3],.bimdata-select.not-empty .bimdata-select__content .bimdata-select__content__label[data-v-1b2410f3]{top:-18px;font-size:.7142857143em;color:var(--color-primary)}.bimdata-select__option-list[data-v-1b2410f3]{position:absolute;z-index:2;top:-3px;width:100%;max-height:220px;padding:calc(var(--spacing-unit)/ 2) 0;overflow:auto;box-shadow:var(--box-shadow);background-color:var(--color-white)}.bimdata-select__option-list__entry[data-v-1b2410f3]{height:29px;padding:0 var(--spacing-unit);display:flex;align-items:center;font-size:.8571428571em;cursor:pointer}.bimdata-select__option-list__entry[data-v-1b2410f3]:hover{background-color:var(--color-silver-light);transition:all .2s ease}.bimdata-select__option-list__entry.selected[data-v-1b2410f3]{background-color:var(--color-silver-light)}.bimdata-select__option-list__entry.selected[data-v-1b2410f3]:hover{background-color:var(--color-silver)}.bimdata-select__option-list__entry.disabled[data-v-1b2410f3]{color:var(--color-silver-dark);cursor:default}.bimdata-select__option-list__entry.option-group[data-v-1b2410f3]{color:var(--color-granite);font-weight:700}.bimdata-select__option-list__entry.option-group[data-v-1b2410f3]:hover{background-color:transparent;cursor:default}.bimdata-select__option-list__entry.option-group~.bimdata-select__option-list__entry[data-v-1b2410f3]:not(.option-group){padding-left:calc(var(--spacing-unit) * 2)}', map: void 0, media: void 0 });
|
|
924
924
|
}, { components: { BIMDataIconChevron: p }, directives: { clickaway: e$a }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object] }, nullValue: { type: Boolean, default: false }, nullLabel: { type: String }, disabled: { type: Boolean, default: false } }, emits: ["update:modelValue"], data: () => ({ isOpen: false }), computed: { displayedValue() {
|
|
925
925
|
return this.optionLabel(this.modelValue);
|
|
926
926
|
} }, methods: { toggle() {
|
|
@@ -784,7 +784,7 @@ var W$4 = { components: { BIMDataCheckbox: A$5, BIMDataIconChevron: E$4 }, direc
|
|
|
784
784
|
this.$emit("update:modelValue", o2);
|
|
785
785
|
} } };
|
|
786
786
|
const Z$4 = { class: "bimdata-select__content" }, j$3 = { class: "bimdata-select__content__label" }, $$4 = ((n) => (pushScopeId("data-v-2c3115dc"), n = n(), popScopeId(), n))(() => createElementVNode("span", { class: "bimdata-select__content__underline" }, null, -1)), q$3 = { class: "bimdata-select__option-list" }, J$3 = ["onClick"];
|
|
787
|
-
N$5('/* 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-2c3115dc] {\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-select[data-v-2c3115dc] {\n position: relative;\n font-family: var(--primary-font);\n font-size: 1em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.bimdata-select__content[data-v-2c3115dc] {\n height: 32px;\n}\n.bimdata-select__content__value[data-v-2c3115dc] {\n width: 100%;\n height: 32px;\n position: absolute;\n z-index:
|
|
787
|
+
N$5('/* 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-2c3115dc] {\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-select[data-v-2c3115dc] {\n position: relative;\n font-family: var(--primary-font);\n font-size: 1em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.bimdata-select__content[data-v-2c3115dc] {\n height: 32px;\n}\n.bimdata-select__content__value[data-v-2c3115dc] {\n width: 100%;\n height: 32px;\n position: absolute;\n z-index: 1;\n top: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n}\n.bimdata-select__content__value span[data-v-2c3115dc] {\n width: 100%;\n height: auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bimdata-select__content__label[data-v-2c3115dc] {\n position: absolute;\n top: 6px;\n left: 0;\n font-size: 0.8571428571em;\n -webkit-transition: 0.2s ease all;\n transition: 0.2s ease all;\n color: var(--color-granite-light);\n transition: 0.2s ease all;\n}\n.bimdata-select__content__underline[data-v-2c3115dc] {\n width: 100%;\n height: 1px;\n position: absolute;\n bottom: 0;\n display: block;\n background: var(--color-silver);\n}\n.bimdata-select.disabled[data-v-2c3115dc] {\n opacity: 0.6;\n}\n.bimdata-select.active .bimdata-select__content .bimdata-select__content__label[data-v-2c3115dc], .bimdata-select.not-empty .bimdata-select__content .bimdata-select__content__label[data-v-2c3115dc] {\n top: -18px;\n font-size: 0.7142857143em;\n color: var(--color-primary);\n}\n.bimdata-select__option-list[data-v-2c3115dc] {\n position: absolute;\n z-index: 2;\n top: -3px;\n width: 100%;\n max-height: 220px;\n padding: calc(var(--spacing-unit) / 2) 0;\n overflow: auto;\n -webkit-box-shadow: var(--box-shadow);\n box-shadow: var(--box-shadow);\n background-color: var(--color-white);\n}\n.bimdata-select__option-list__entry[data-v-2c3115dc] {\n height: 29px;\n padding: 0 var(--spacing-unit);\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 font-size: 0.8571428571em;\n cursor: pointer;\n}\n.bimdata-select__option-list__entry[data-v-2c3115dc]:hover {\n background-color: var(--color-silver-light);\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n}\n.bimdata-select__option-list__entry.selected[data-v-2c3115dc] {\n background-color: var(--color-silver-light);\n}\n.bimdata-select__option-list__entry.selected[data-v-2c3115dc]:hover {\n background-color: var(--color-silver);\n}\n.bimdata-select__option-list__entry.disabled[data-v-2c3115dc] {\n color: var(--color-silver-dark);\n cursor: default;\n}\n.bimdata-select__option-list__entry.option-group[data-v-2c3115dc] {\n color: var(--color-granite);\n font-weight: 700;\n}\n.bimdata-select__option-list__entry.option-group[data-v-2c3115dc]:hover {\n background-color: transparent;\n cursor: default;\n}\n.bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-2c3115dc]:not(.option-group) {\n padding-left: calc(var(--spacing-unit) * 2);\n}'), W$4.render = function(a2, i2, c2, s2, S2, x2) {
|
|
788
788
|
const _2 = resolveComponent("BIMDataIconChevron"), A2 = resolveComponent("BIMDataCheckbox"), I2 = resolveDirective("clickaway");
|
|
789
789
|
return withDirectives((openBlock(), createElementBlock("div", { class: normalizeClass(["bimdata-select", { disabled: c2.disabled, active: S2.isOpen, "not-empty": c2.modelValue.length > 0 }]), style: normalizeStyle({ width: c2.width }) }, [createElementVNode("div", Z$4, [createElementVNode("div", { class: "bimdata-select__content__value", onClick: i2[0] || (i2[0] = (...n) => x2.toggle && x2.toggle(...n)) }, [createElementVNode("span", null, toDisplayString(x2.displayedValue), 1), createVNode(_2, { size: "xxs", rotate: S2.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), createElementVNode("label", j$3, toDisplayString(c2.label), 1), $$4]), createVNode(Transition, { name: "slide-fade-down", persisted: "" }, { default: withCtx(() => [withDirectives(createElementVNode("ul", q$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(c2.options, (e2, a3) => (openBlock(), createElementBlock("li", { class: normalizeClass(["bimdata-select__option-list__entry", { selected: x2.isSelected(e2), disabled: x2.isDisabled(e2), "option-group": x2.isOptionGroup(e2) }]), key: a3, onClick: (n) => x2.onOptionClick(e2) }, [x2.isOptionGroup(e2) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(x2.optionLabel(e2)), 1)], 64)) : (openBlock(), createBlock(A2, { key: 1, modelValue: x2.isSelected(e2), disabled: x2.isDisabled(e2), text: x2.optionLabel(e2) }, null, 8, ["modelValue", "disabled", "text"]))], 10, J$3))), 128))], 512), [[vShow, !c2.disabled && S2.isOpen]])]), _: 1 })], 6)), [[I2, () => S2.isOpen = false]]);
|
|
790
790
|
}, W$4.__scopeId = "data-v-2c3115dc", W$4.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
|
|
@@ -809,7 +809,7 @@ var Q$3 = { components: { BIMDataIconChevron: E$4 }, directives: { clickaway: _$
|
|
|
809
809
|
this.$emit("update:modelValue", null), this.isOpen = false;
|
|
810
810
|
} } };
|
|
811
811
|
const nn$3 = { class: "bimdata-select__content" }, on$2 = { class: "bimdata-select__content__label" }, rn$2 = ((n) => (pushScopeId("data-v-41a0d93f"), n = n(), popScopeId(), n))(() => createElementVNode("span", { class: "bimdata-select__content__underline" }, null, -1)), en$2 = { class: "bimdata-select__option-list" }, an$2 = ["onClick"];
|
|
812
|
-
N$5('/* 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-41a0d93f] {\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-select[data-v-41a0d93f] {\n position: relative;\n font-family: var(--primary-font);\n font-size: 1em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.bimdata-select__content[data-v-41a0d93f] {\n height: 32px;\n}\n.bimdata-select__content__value[data-v-41a0d93f] {\n width: 100%;\n height: 32px;\n position: absolute;\n z-index:
|
|
812
|
+
N$5('/* 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-41a0d93f] {\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-select[data-v-41a0d93f] {\n position: relative;\n font-family: var(--primary-font);\n font-size: 1em;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.bimdata-select__content[data-v-41a0d93f] {\n height: 32px;\n}\n.bimdata-select__content__value[data-v-41a0d93f] {\n width: 100%;\n height: 32px;\n position: absolute;\n z-index: 1;\n top: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n}\n.bimdata-select__content__value span[data-v-41a0d93f] {\n width: 100%;\n height: auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bimdata-select__content__label[data-v-41a0d93f] {\n position: absolute;\n top: 6px;\n left: 0;\n font-size: 0.8571428571em;\n -webkit-transition: 0.2s ease all;\n transition: 0.2s ease all;\n color: var(--color-granite-light);\n transition: 0.2s ease all;\n}\n.bimdata-select__content__underline[data-v-41a0d93f] {\n width: 100%;\n height: 1px;\n position: absolute;\n bottom: 0;\n display: block;\n background: var(--color-silver);\n}\n.bimdata-select.disabled[data-v-41a0d93f] {\n opacity: 0.6;\n}\n.bimdata-select.active .bimdata-select__content .bimdata-select__content__label[data-v-41a0d93f], .bimdata-select.not-empty .bimdata-select__content .bimdata-select__content__label[data-v-41a0d93f] {\n top: -18px;\n font-size: 0.7142857143em;\n color: var(--color-primary);\n}\n.bimdata-select__option-list[data-v-41a0d93f] {\n position: absolute;\n z-index: 2;\n top: -3px;\n width: 100%;\n max-height: 220px;\n padding: calc(var(--spacing-unit) / 2) 0;\n overflow: auto;\n -webkit-box-shadow: var(--box-shadow);\n box-shadow: var(--box-shadow);\n background-color: var(--color-white);\n}\n.bimdata-select__option-list__entry[data-v-41a0d93f] {\n height: 29px;\n padding: 0 var(--spacing-unit);\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 font-size: 0.8571428571em;\n cursor: pointer;\n}\n.bimdata-select__option-list__entry[data-v-41a0d93f]:hover {\n background-color: var(--color-silver-light);\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n}\n.bimdata-select__option-list__entry.selected[data-v-41a0d93f] {\n background-color: var(--color-silver-light);\n}\n.bimdata-select__option-list__entry.selected[data-v-41a0d93f]:hover {\n background-color: var(--color-silver);\n}\n.bimdata-select__option-list__entry.disabled[data-v-41a0d93f] {\n color: var(--color-silver-dark);\n cursor: default;\n}\n.bimdata-select__option-list__entry.option-group[data-v-41a0d93f] {\n color: var(--color-granite);\n font-weight: 700;\n}\n.bimdata-select__option-list__entry.option-group[data-v-41a0d93f]:hover {\n background-color: transparent;\n cursor: default;\n}\n.bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-41a0d93f]:not(.option-group) {\n padding-left: calc(var(--spacing-unit) * 2);\n}'), Q$3.render = function(a2, l2, c2, s2, f2, S2) {
|
|
813
813
|
const x2 = resolveComponent("BIMDataIconChevron"), _2 = resolveDirective("clickaway");
|
|
814
814
|
return withDirectives((openBlock(), createElementBlock("div", { class: normalizeClass(["bimdata-select", { disabled: c2.disabled, active: f2.isOpen, "not-empty": c2.modelValue !== void 0 && c2.modelValue !== null }]), style: normalizeStyle({ width: c2.width }) }, [createElementVNode("div", nn$3, [createElementVNode("div", { class: "bimdata-select__content__value", onClick: l2[0] || (l2[0] = (...n) => S2.toggle && S2.toggle(...n)) }, [createElementVNode("span", null, toDisplayString(S2.displayedValue), 1), createVNode(x2, { size: "xxs", rotate: f2.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), createElementVNode("label", on$2, toDisplayString(c2.label), 1), rn$2]), createVNode(Transition, { name: "slide-fade-down", persisted: "" }, { default: withCtx(() => [withDirectives(createElementVNode("ul", en$2, [c2.nullValue ? (openBlock(), createElementBlock("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: l2[1] || (l2[1] = (n) => S2.onNullValueClick()) }, toDisplayString(c2.nullLabel || "None"), 1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(c2.options, (e2, a3) => (openBlock(), createElementBlock("li", { class: normalizeClass(["bimdata-select__option-list__entry", { selected: S2.isSelected(e2), disabled: S2.isDisabled(e2), "option-group": S2.isOptionGroup(e2) }]), key: a3, onClick: (n) => S2.onOptionClick(e2) }, toDisplayString(S2.optionLabel(e2)), 11, an$2))), 128))], 512), [[vShow, !c2.disabled && f2.isOpen]])]), _: 1 })], 6)), [[_2, () => f2.isOpen = false]]);
|
|
815
815
|
}, Q$3.__scopeId = "data-v-41a0d93f", Q$3.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bimdata/bcf-components",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.6",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"vue2-plugin.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"release": "semantic-release"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@bimdata/design-system": "1.4.0-rc.
|
|
19
|
+
"@bimdata/design-system": "1.4.0-rc.22"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"vue": "^2.7 || ^3.0"
|