nwl-components 1.0.7 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nwl-components.es.js +11 -4
- package/dist/nwl-components.umd.js +40 -40
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -10476,8 +10476,8 @@ var vueResizable_umd_min = { exports: {} };
|
|
|
10476
10476
|
});
|
|
10477
10477
|
})(vueResizable_umd_min);
|
|
10478
10478
|
var VueResizable = /* @__PURE__ */ getDefaultExportFromCjs(vueResizable_umd_min.exports);
|
|
10479
|
-
var Editor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".area[data-v-
|
|
10480
|
-
const _withScopeId$2 = (n) => (pushScopeId("data-v-
|
|
10479
|
+
var Editor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".area[data-v-07dd413e]{position:relative}.show-tools[data-v-07dd413e]{width:32px;height:32px;border:thin solid #777;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center}.show-tools img[data-v-07dd413e]{width:28px}.tools[data-v-07dd413e]{position:absolute;z-index:11}.tools .palette[data-v-07dd413e]{width:100%;height:100%;min-width:274px;background-color:#000000b3;box-shadow:2px 2px 5px gray}.tools .palette .content[data-v-07dd413e] button,.tools .palette .content[data-v-07dd413e] .group{flex-grow:1;flex-shrink:1;margin:1px}.tools .palette .content[data-v-07dd413e] button{padding:3px 6px}.tools .palette .content[data-v-07dd413e] .group button{padding:3px 6px;margin:0}.tools .content[data-v-07dd413e]{padding:5px 10px;height:100%;display:flex;flex-direction:column}.header[data-v-07dd413e]{display:flex;background:#333;user-select:none;align-items:center}.header button[data-v-07dd413e]{appearance:none;border:0;background:transparent;padding:5px;display:flex;align-items:center}.header button img[data-v-07dd413e]{max-height:14px}.title[data-v-07dd413e]{margin-left:5px;margin-right:auto}.content-wrapper[data-v-07dd413e]{position:relative;width:100%;height:100%}\n")();
|
|
10480
|
+
const _withScopeId$2 = (n) => (pushScopeId("data-v-07dd413e"), n = n(), popScopeId(), n);
|
|
10481
10481
|
const _hoisted_1$8 = { class: "content-wrapper" };
|
|
10482
10482
|
const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
|
|
10483
10483
|
src: _imports_0$2,
|
|
@@ -10516,12 +10516,19 @@ const _sfc_main$9 = {
|
|
|
10516
10516
|
__name: "Editor",
|
|
10517
10517
|
props: { title: String, dense: Boolean },
|
|
10518
10518
|
setup(__props) {
|
|
10519
|
+
const props = __props;
|
|
10519
10520
|
const drag = ref(false);
|
|
10520
10521
|
const position = ref({ top: 5, left: 5, right: "auto" });
|
|
10521
10522
|
const relativeCoords = ref({ left: 0, top: 0 });
|
|
10522
10523
|
const toggled = ref(true);
|
|
10523
10524
|
const toolsRect = ref({});
|
|
10524
10525
|
const area = ref(null);
|
|
10526
|
+
watch(props, () => {
|
|
10527
|
+
if (props.dense) {
|
|
10528
|
+
const resizable = area.value.querySelector(".resizable-component");
|
|
10529
|
+
resizable.style.height = "auto";
|
|
10530
|
+
}
|
|
10531
|
+
});
|
|
10525
10532
|
const handleMouseDown = (event) => {
|
|
10526
10533
|
const headerRect = event.target.getBoundingClientRect();
|
|
10527
10534
|
relativeCoords.value = {
|
|
@@ -10592,7 +10599,7 @@ const _sfc_main$9 = {
|
|
|
10592
10599
|
withDirectives(createVNode(unref(VueResizable), {
|
|
10593
10600
|
active: __props.dense ? ["r"] : ["rb", "b", "r"],
|
|
10594
10601
|
"min-width": 275,
|
|
10595
|
-
"min-height": __props.dense ?
|
|
10602
|
+
"min-height": __props.dense ? 0 : 320,
|
|
10596
10603
|
width: 275,
|
|
10597
10604
|
height: __props.dense ? "auto" : 320,
|
|
10598
10605
|
"onResize:end": onResizeEnd
|
|
@@ -10631,7 +10638,7 @@ const _sfc_main$9 = {
|
|
|
10631
10638
|
};
|
|
10632
10639
|
}
|
|
10633
10640
|
};
|
|
10634
|
-
var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-
|
|
10641
|
+
var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-07dd413e"]]);
|
|
10635
10642
|
var RangeSlider_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".range-slider[data-v-7b4d1dd8]{display:flex;align-items:center;justify-content:center;width:100%}input[type=range][data-v-7b4d1dd8]{-webkit-appearance:none;margin:18px 5px;width:100%;background:transparent}input[type=range][data-v-7b4d1dd8]:focus{outline:none}input[type=range][data-v-7b4d1dd8]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;background:white;border:0}input[type=range][data-v-7b4d1dd8]::-webkit-slider-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:50%;background:#ffffff;cursor:pointer;-webkit-appearance:none;margin-top:-10px}input[type=range][data-v-7b4d1dd8]:focus::-webkit-slider-runnable-track{background:white}input[type=range][data-v-7b4d1dd8]::-moz-range-track{width:100%;height:1px;background:#ffffff;cursor:pointer;box-shadow:none;border:none}input[type=range][data-v-7b4d1dd8]::-moz-range-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:50%;background:white;cursor:pointer}input[type=range][data-v-7b4d1dd8]::-ms-track{width:100%;height:1px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range][data-v-7b4d1dd8]::-ms-thumb{box-shadow:none;border:none;height:20px;width:20px;border-radius:50%;background:#ffffff;cursor:pointer}input[type=range][data-v-7b4d1dd8]:focus::-ms-fill-lower{background:white}input[type=range][data-v-7b4d1dd8]:focus::-ms-fill-upper{background:white}\n")();
|
|
10636
10643
|
const _hoisted_1$7 = { class: "range-slider" };
|
|
10637
10644
|
const _hoisted_2$3 = /* @__PURE__ */ createTextVNode("-");
|