@ldmjs/ui 1.0.0-dev-5 → 1.0.0-dev-7

package/dist/index.js

@@ -33,6 +33,29 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.loader[data-v-a5beedac]{width:100%;he
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 523:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.ld-splitter[data-v-c282e58e]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-c282e58e]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-c282e58e]{display:flex;align-items:center;width:7px;background-color:var(--white) !important;border-width:0 1px;border-color:var(--grey-l-5);border-style:solid}.ld-splitter.splitter[data-v-c282e58e]{width:100%;border-left:none;border-right:none}
+`, ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 314:
@@ -516,6 +539,25 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "vue"
 var external_vue_ = __webpack_require__(380);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-icon/ld-icon.vue?vue&type=template&id=0a1862ae
+
+
+const _hoisted_1 = { key: 1 }
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_svg_icon = (0,external_vue_.resolveComponent)("svg-icon")
+
+  return (_ctx.array)
+    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_svg_icon, (0,external_vue_.mergeProps)({
+        key: 0,
+        icon: _ctx.array[1],
+        class: _ctx.className,
+        path: _ctx.path
+      }, _ctx.props), null, 16 /* FULL_PROPS */, ["icon", "class", "path"]))
+    : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", _hoisted_1, " icon is not found: " + (0,external_vue_.toDisplayString)(_ctx.current), 1 /* TEXT */))
+}
+;// CONCATENATED MODULE: ./src/ld-icon/ld-icon.vue?vue&type=template&id=0a1862ae
+
 // EXTERNAL MODULE: external "vue-class-component"
 var external_vue_class_component_ = __webpack_require__(299);
 // EXTERNAL MODULE: external "vue-property-decorator"
@@ -523,11 +565,11 @@ var external_vue_property_decorator_ = __webpack_require__(70);
 ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-icon/svg-icon.vue?vue&type=template&id=65e09608
 
 
-const _hoisted_1 = { style: {"fill":"transparent","stroke":"transparent"} }
+const svg_iconvue_type_template_id_65e09608_hoisted_1 = { style: {"fill":"transparent","stroke":"transparent"} }
 const _hoisted_2 = ["href"]
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("svg", _hoisted_1, [
+function svg_iconvue_type_template_id_65e09608_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("svg", svg_iconvue_type_template_id_65e09608_hoisted_1, [
     (0,external_vue_.createElementVNode)("use", { href: _ctx.href }, null, 8 /* PROPS */, _hoisted_2)
   ]))
 }
@@ -568,7 +610,7 @@ var exportHelper = __webpack_require__(262);
 
 
 ;
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(SvgIconComponent, [['render',render]])
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(SvgIconComponent, [['render',svg_iconvue_type_template_id_65e09608_render]])
 
 /* harmony default export */ const svg_icon = (__exports__);
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-icon/ld-icon.ts?vue&type=script&lang=js&external
@@ -656,10 +698,6 @@ IconButtonComponent = ld_iconvue_type_script_lang_js_external_decorate([
         components: {
             'svg-icon': svg_icon,
         },
-        template: `
-    <svg-icon v-if="array" :icon="array[1]" :class="className" :path="path" v-bind="props" />
-    <span v-else> icon is not found: {{ current }} </span>
-  `,
     })
 ], IconButtonComponent);
 /* harmony default export */ const ld_iconvue_type_script_lang_js_external = (IconButtonComponent);
@@ -670,29 +708,24 @@ IconButtonComponent = ld_iconvue_type_script_lang_js_external_decorate([
 
 
 
-const ld_icon_exports_ = ld_iconvue_type_script_lang_js_external;
+
+;
+const ld_icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_iconvue_type_script_lang_js_external, [['render',render]])
 
 /* harmony default export */ const ld_icon = (ld_icon_exports_);
 ;// CONCATENATED MODULE: ./src/ld-icon/index.ts
 
-
 function reg(vue, options) {
-    if (false) {}
-    let cmp = (0,external_vue_.defineComponent)(ld_icon);
-    cmp = cmp.setup.__vccOpts;
-    cmp = {
-        ...cmp,
-        props: {
-            ...cmp.props,
-            path: {
-                default: options?.path ?? 'icons',
-            },
-            map: {
-                default: options?.map ?? { icons: [] }
-            }
+    ld_icon.props = {
+        ...ld_icon.props,
+        path: {
+            default: options?.LdIcon?.path ?? 'icons',
+        },
+        map: {
+            default: options?.LdIcon?.map ?? { icons: [] }
         }
     };
-    vue.component('ld-icon', (0,external_vue_.defineComponent)(cmp));
+    vue.component(options?.aliases?.['ld-icon'] ? options.aliases['ld-icon'] : 'ld-icon', ld_icon);
 }
 /* harmony default export */ const src_ld_icon = (reg);
 
@@ -939,11 +972,1172 @@ const ld_loader_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(Loader,
 /* harmony default export */ const ld_loader = (ld_loader_exports_);
 ;// CONCATENATED MODULE: ./src/ld-loader/index.ts
 
-function ld_loader_reg(vue) {
-    vue.component('loader', ld_loader);
+function ld_loader_reg(vue, options) {
+    vue.component(options?.aliases?.['ld-loader'] ? options.aliases['ld-loader'] : 'ld-loader', ld_loader);
 }
 /* harmony default export */ const src_ld_loader = (ld_loader_reg);
 
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-button/ld-button.vue?vue&type=template&id=2f14fde1
+
+
+const ld_buttonvue_type_template_id_2f14fde1_hoisted_1 = { class: "d-inline-flex" }
+
+function ld_buttonvue_type_template_id_2f14fde1_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
+  const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip")
+  const _component_small_button = (0,external_vue_.resolveComponent)("small-button")
+  const _directive_active = (0,external_vue_.resolveDirective)("active")
+
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_buttonvue_type_template_id_2f14fde1_hoisted_1, [
+    (_ctx.isTabletView || _ctx.isTabletGlobal)
+      ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_tooltip, {
+          key: 0,
+          disabled: _ctx.tooltipDisabled
+        }, {
+          activator: (0,external_vue_.withCtx)(({ props }) => [
+            (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, (0,external_vue_.mergeProps)(props, {
+              "data-testid": _ctx.testid,
+              variant: _ctx.variant,
+              color: _ctx.color,
+              disabled: _ctx.disabled,
+              loading: _ctx.loading,
+              onClick: _ctx.onClick
+            }), {
+              default: (0,external_vue_.withCtx)(() => [
+                (0,external_vue_.renderSlot)(_ctx.$slots, "icon"),
+                (0,external_vue_.createTextVNode)(),
+                (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["data-testid", "variant", "color", "disabled", "loading", "onClick"])), [
+              [_directive_active, _ctx.active]
+            ])
+          ]),
+          default: (0,external_vue_.withCtx)(() => [
+            (0,external_vue_.createTextVNode)(),
+            (0,external_vue_.renderSlot)(_ctx.$slots, "text")
+          ]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["disabled"]))
+      : (_ctx.isDesktopView || _ctx.isDesktopGlobal)
+        ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_button, {
+            key: 1,
+            "data-testid": _ctx.testid,
+            variant: _ctx.variant,
+            color: _ctx.color,
+            disabled: _ctx.disabled,
+            loading: _ctx.loading,
+            onClick: _ctx.onClick
+          }, {
+            default: (0,external_vue_.withCtx)(() => [
+              (0,external_vue_.renderSlot)(_ctx.$slots, "icon"),
+              (0,external_vue_.createTextVNode)(),
+              (0,external_vue_.renderSlot)(_ctx.$slots, "text"),
+              (0,external_vue_.createTextVNode)(),
+              (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
+            ]),
+            _: 3 /* FORWARDED */
+          }, 8 /* PROPS */, ["data-testid", "variant", "color", "disabled", "loading", "onClick"])), [
+            [_directive_active, _ctx.active]
+          ])
+        : (_ctx.isMobileView || _ctx.isMobileGlobal)
+          ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+              key: 2,
+              "data-testid": _ctx.testid,
+              color: _ctx.color,
+              disabled: _ctx.disabled,
+              loading: _ctx.loading,
+              variant: _ctx.variant,
+              onClick: _ctx.onClick
+            }, {
+              default: (0,external_vue_.withCtx)(() => [
+                (0,external_vue_.renderSlot)(_ctx.$slots, "icon"),
+                (0,external_vue_.createTextVNode)(),
+                (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
+              ]),
+              _: 3 /* FORWARDED */
+            }, 8 /* PROPS */, ["data-testid", "color", "disabled", "loading", "variant", "onClick"])), [
+              [_directive_active, _ctx.active]
+            ])
+          : (0,external_vue_.createCommentVNode)("v-if", true)
+  ]))
+}
+;// CONCATENATED MODULE: ./src/ld-button/ld-button.vue?vue&type=template&id=2f14fde1
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-button/ld-button.ts?vue&type=script&lang=js&external
+var ld_buttonvue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_buttonvue_type_script_lang_js_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+/**
+ * isDesktop - кнопка отображатеся как стандартная кнопка с иконкой и надписью
+ * isTablet - на кнопке остается одна иконка, надпись уходит в tooltip
+ * isMobile - кнопка с одной иконкой без tooltip
+ *
+ * slot name=icon - иконка кнопки
+ * slot name=text - надпись на кнопке или tooltip
+ * slot name=hidden - для вспомогательных скрытых элементов
+ */
+let ResponsiveButtonComponent = class ResponsiveButtonComponent extends external_vue_property_decorator_.Vue {
+    onClick(value) {
+        this.$emit('click', value);
+    }
+    get isMobileGlobal() {
+        if (this.$utils.isDefined(this.isDesktopView) && this.isDesktopView) {
+            return false;
+        }
+        if (this.$utils.isDefined(this.isTabletView) && this.isTabletView) {
+            return false;
+        }
+        return this.globalMobileKey ? this[this.globalMobileKey] : false;
+    }
+    get isTabletGlobal() {
+        if (this.$utils.isDefined(this.isDesktopView) && this.isDesktopView) {
+            return false;
+        }
+        if (this.$utils.isDefined(this.isMobileView) && this.isMobileView) {
+            return false;
+        }
+        return this.globalTabletKey ? this[this.globalTabletKey] : false;
+    }
+    get isDesktopGlobal() {
+        if (this.$utils.isDefined(this.isTabletView) && this.isTabletView) {
+            return false;
+        }
+        if (this.$utils.isDefined(this.isMobileView) && this.isMobileView) {
+            return false;
+        }
+        return this.globalDesktopKey ? this[this.globalDesktopKey] : false;
+    }
+};
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: 'flat' }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
+], ResponsiveButtonComponent.prototype, "variant", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "text", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: 'primary' }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
+], ResponsiveButtonComponent.prototype, "color", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
+], ResponsiveButtonComponent.prototype, "testid", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "disabled", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "loading", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "active", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "tooltipDisabled", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: null }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "isDesktopView", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: null }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "isTabletView", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: null }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], ResponsiveButtonComponent.prototype, "isMobileView", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
+], ResponsiveButtonComponent.prototype, "globalMobileKey", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
+], ResponsiveButtonComponent.prototype, "globalTabletKey", void 0);
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
+], ResponsiveButtonComponent.prototype, "globalDesktopKey", void 0);
+ResponsiveButtonComponent = ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Options)({
+        emits: ['click'],
+    })
+], ResponsiveButtonComponent);
+/* harmony default export */ const ld_buttonvue_type_script_lang_js_external = (ResponsiveButtonComponent);
+
+;// CONCATENATED MODULE: ./src/ld-button/ld-button.ts?vue&type=script&lang=js&external
+ 
+;// CONCATENATED MODULE: ./src/ld-button/ld-button.vue
+
+
+
+
+;
+const ld_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_buttonvue_type_script_lang_js_external, [['render',ld_buttonvue_type_template_id_2f14fde1_render]])
+
+/* harmony default export */ const ld_button = (ld_button_exports_);
+;// CONCATENATED MODULE: ./src/ld-button/index.ts
+
+function ld_button_reg(vue, options) {
+    ld_button.props = {
+        ...ld_button.props,
+        globalMobileKey: {
+            default: options?.LdBtn?.isMobile
+        },
+        globalTabletKey: {
+            default: options?.LdBtn?.isTablet
+        },
+        globalDesktopKey: {
+            default: options?.LdBtn?.isDesktop
+        }
+    };
+    vue.component(options?.aliases?.['ld-button'] ? options.aliases['ld-button'] : 'ld-button', ld_button);
+}
+/* harmony default export */ const src_ld_button = (ld_button_reg);
+
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-splitter/ld-splitter.vue?vue&type=template&id=c282e58e&scoped=true
+
+
+const ld_splittervue_type_template_id_c282e58e_scoped_true_withScopeId = n => ((0,external_vue_.pushScopeId)("data-v-c282e58e"),n=n(),(0,external_vue_.popScopeId)(),n)
+const ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_1 = /*#__PURE__*/ ld_splittervue_type_template_id_c282e58e_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_vue_.createElementVNode)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  version: "1.1",
+  viewBox: "0 0 1.5875 8.4666668",
+  height: "32",
+  width: "6"
+}, [
+  /*#__PURE__*/(0,external_vue_.createElementVNode)("g", null, [
+    /*#__PURE__*/(0,external_vue_.createElementVNode)("path", {
+      transform: "scale(0.26458333)",
+      d: "M 0.38476562 0.7265625 L 0.38476562 3.2910156 L 2.53125 3.2910156 L 2.53125 0.7265625 L 0.38476562 0.7265625 z M 3.4941406 0.7265625 L 3.4941406 3.2910156 L 5.6699219 3.2910156 L 5.6699219 0.7265625 L 3.4941406 0.7265625 z M 0.38476562 4.2519531 L 0.38476562 6.8144531 L 2.53125 6.8144531 L 2.53125 4.2519531 L 0.38476562 4.2519531 z M 3.4941406 4.2519531 L 3.4941406 6.8144531 L 5.6699219 6.8144531 L 5.6699219 4.2519531 L 3.4941406 4.2519531 z M 0.38476562 7.7753906 L 0.38476562 10.339844 L 2.53125 10.339844 L 2.53125 7.7753906 L 0.38476562 7.7753906 z M 3.4941406 7.7753906 L 3.4941406 10.339844 L 5.6699219 10.339844 L 5.6699219 7.7753906 L 3.4941406 7.7753906 z M 0.38476562 11.298828 L 0.38476562 13.863281 L 2.53125 13.863281 L 2.53125 11.298828 L 0.38476562 11.298828 z M 3.4941406 11.298828 L 3.4941406 13.863281 L 5.6699219 13.863281 L 5.6699219 11.298828 L 3.4941406 11.298828 z M 0.38476562 14.822266 L 0.38476562 17.386719 L 2.53125 17.386719 L 2.53125 14.822266 L 0.38476562 14.822266 z M 3.4941406 14.822266 L 3.4941406 17.386719 L 5.6699219 17.386719 L 5.6699219 14.822266 L 3.4941406 14.822266 z M 0.38476562 18.347656 L 0.38476562 20.910156 L 2.53125 20.910156 L 2.53125 18.347656 L 0.38476562 18.347656 z M 3.4941406 18.347656 L 3.4941406 20.910156 L 5.6699219 20.910156 L 5.6699219 18.347656 L 3.4941406 18.347656 z M 0.38476562 21.871094 L 0.38476562 24.435547 L 2.53125 24.435547 L 2.53125 21.871094 L 0.38476562 21.871094 z M 3.4941406 21.871094 L 3.4941406 24.435547 L 5.6699219 24.435547 L 5.6699219 21.871094 L 3.4941406 21.871094 z M 0.38476562 25.394531 L 0.38476562 27.958984 L 2.53125 27.958984 L 2.53125 25.394531 L 0.38476562 25.394531 z M 3.4941406 25.394531 L 3.4941406 27.958984 L 5.6699219 27.958984 L 5.6699219 25.394531 L 3.4941406 25.394531 z M 0.38476562 28.917969 L 0.38476562 31.482422 L 2.53125 31.482422 L 2.53125 28.917969 L 0.38476562 28.917969 z M 3.4941406 28.917969 L 3.4941406 31.482422 L 5.6699219 31.482422 L 5.6699219 28.917969 L 3.4941406 28.917969 z ",
+      style: {"fill":"#cccccc","stroke-width":"0.831496"}
+    })
+  ])
+], -1 /* HOISTED */))
+const ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_2 = [
+  ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_1
+]
+
+function ld_splittervue_type_template_id_c282e58e_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+    style: (0,external_vue_.normalizeStyle)({
+      cursor: _ctx.active ? (_ctx.horizontal ? 'ns-resize' : 'ew-resize') : '',
+      'user-select': _ctx.active ? 'none' : 'unset',
+      'flex-direction': _ctx.horizontal ? 'column' : 'row',
+    }),
+    class: (0,external_vue_.normalizeClass)(['ld-splitter', _ctx.mainClass]),
+    onMouseup: _cache[3] || (_cache[3] = (...args) => (_ctx.onUp && _ctx.onUp(...args))),
+    onMousemove: _cache[4] || (_cache[4] = (...args) => (_ctx.onMouseMove && _ctx.onMouseMove(...args))),
+    onTouchmove: _cache[5] || (_cache[5] = (...args) => (_ctx.onTouchMove && _ctx.onTouchMove(...args))),
+    onTouchend: _cache[6] || (_cache[6] = (...args) => (_ctx.onUp && _ctx.onUp(...args)))
+  }, [
+    (0,external_vue_.withDirectives)((0,external_vue_.createElementVNode)("div", {
+      style: (0,external_vue_.normalizeStyle)(_ctx.leftPaneStyle),
+      class: "left-pane splitter-pane"
+    }, [
+      (0,external_vue_.renderSlot)(_ctx.$slots, "left-pane", {}, undefined, true)
+    ], 4 /* STYLE */), [
+      [external_vue_.vShow, _ctx.leftVisibled]
+    ]),
+    (0,external_vue_.createTextVNode)(),
+    (0,external_vue_.withDirectives)((0,external_vue_.createElementVNode)("div", {
+      class: (0,external_vue_.normalizeClass)(["splitter", {active: _ctx.active}]),
+      style: (0,external_vue_.normalizeStyle)(_ctx.splitterStyle),
+      onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args))),
+      onTouchstart: _cache[1] || (_cache[1] = (0,external_vue_.withModifiers)((...args) => (_ctx.onDown && _ctx.onDown(...args)), ["prevent"])),
+      onMousedown: _cache[2] || (_cache[2] = (...args) => (_ctx.onDown && _ctx.onDown(...args)))
+    }, ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_2, 38 /* CLASS, STYLE, NEED_HYDRATION */), [
+      [external_vue_.vShow, _ctx.leftVisibled && _ctx.rightVisibled]
+    ]),
+    (0,external_vue_.createTextVNode)(),
+    (0,external_vue_.withDirectives)((0,external_vue_.createElementVNode)("div", {
+      style: (0,external_vue_.normalizeStyle)(_ctx.rightPaneStyle),
+      class: "right-pane splitter-pane"
+    }, [
+      (0,external_vue_.renderSlot)(_ctx.$slots, "right-pane", {}, undefined, true)
+    ], 4 /* STYLE */), [
+      [external_vue_.vShow, _ctx.rightVisibled]
+    ])
+  ], 38 /* CLASS, STYLE, NEED_HYDRATION */))
+}
+;// CONCATENATED MODULE: ./src/ld-splitter/ld-splitter.vue?vue&type=template&id=c282e58e&scoped=true
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/isObject.js
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+
+/* harmony default export */ const lodash_es_isObject = (isObject);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_freeGlobal.js
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
+
+/* harmony default export */ const _freeGlobal = (freeGlobal);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_root.js
+
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = _freeGlobal || freeSelf || Function('return this')();
+
+/* harmony default export */ const _root = (root);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/now.js
+
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now = function() {
+  return _root.Date.now();
+};
+
+/* harmony default export */ const lodash_es_now = (now);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_trimmedEndIndex.js
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+/* harmony default export */ const _trimmedEndIndex = (trimmedEndIndex);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_baseTrim.js
+
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim(string) {
+  return string
+    ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+/* harmony default export */ const _baseTrim = (baseTrim);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_Symbol.js
+
+
+/** Built-in value references. */
+var Symbol = _root.Symbol;
+
+/* harmony default export */ const _Symbol = (Symbol);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_getRawTag.js
+
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var _getRawTag_hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/** Built-in value references. */
+var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag(value) {
+  var isOwn = _getRawTag_hasOwnProperty.call(value, symToStringTag),
+      tag = value[symToStringTag];
+
+  try {
+    value[symToStringTag] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag] = tag;
+    } else {
+      delete value[symToStringTag];
+    }
+  }
+  return result;
+}
+
+/* harmony default export */ const _getRawTag = (getRawTag);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_objectToString.js
+/** Used for built-in method references. */
+var _objectToString_objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var _objectToString_nativeObjectToString = _objectToString_objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return _objectToString_nativeObjectToString.call(value);
+}
+
+/* harmony default export */ const _objectToString = (objectToString);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/_baseGetTag.js
+
+
+
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var _baseGetTag_symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (_baseGetTag_symToStringTag && _baseGetTag_symToStringTag in Object(value))
+    ? _getRawTag(value)
+    : _objectToString(value);
+}
+
+/* harmony default export */ const _baseGetTag = (baseGetTag);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/isObjectLike.js
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+/* harmony default export */ const lodash_es_isObjectLike = (isObjectLike);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/isSymbol.js
+
+
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (lodash_es_isObjectLike(value) && _baseGetTag(value) == symbolTag);
+}
+
+/* harmony default export */ const lodash_es_isSymbol = (isSymbol);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/toNumber.js
+
+
+
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (lodash_es_isSymbol(value)) {
+    return NAN;
+  }
+  if (lodash_es_isObject(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = lodash_es_isObject(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = _baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+/* harmony default export */ const lodash_es_toNumber = (toNumber);
+
+;// CONCATENATED MODULE: ./node_modules/lodash-es/debounce.js
+
+
+
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max,
+    nativeMin = Math.min;
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = lodash_es_toNumber(wait) || 0;
+  if (lodash_es_isObject(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(lodash_es_toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
+
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time;
+    // Start the timer for the trailing edge.
+    timerId = setTimeout(timerExpired, wait);
+    // Invoke the leading edge.
+    return leading ? invokeFunc(time) : result;
+  }
+
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        timeWaiting = wait - timeSinceLastCall;
+
+    return maxing
+      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+      : timeWaiting;
+  }
+
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime;
+
+    // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+  }
+
+  function timerExpired() {
+    var time = lodash_es_now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    // Restart the timer.
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+
+  function trailingEdge(time) {
+    timerId = undefined;
+
+    // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(lodash_es_now());
+  }
+
+  function debounced() {
+    var time = lodash_es_now(),
+        isInvoking = shouldInvoke(time);
+
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+/* harmony default export */ const lodash_es_debounce = (debounce);
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-splitter/ld-splitter.ts?vue&type=script&lang=js&external
+var ld_splittervue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_splittervue_type_script_lang_js_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+let Splitter = class Splitter extends external_vue_property_decorator_.Vue {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+        this.percent = 50;
+        this.hasMoved = false;
+        this.emitResizeDebounced = null;
+    }
+    emitResize(value) {
+        this.$emit('resize', value);
+    }
+    leftSizePercentChanged() {
+        this.percent = this.leftSizePercent;
+    }
+    created() {
+        this.emitResizeDebounced = lodash_es_debounce(this.emitResizeEvent.bind(this), 200);
+    }
+    onClick() {
+        if (this.resizeDisabled) {
+            return;
+        }
+        if (!this.hasMoved) {
+            this.percent = 50;
+            this.emitResize(this.percent);
+        }
+    }
+    onDown() {
+        this.active = true;
+        this.hasMoved = false;
+    }
+    onUp() {
+        this.active = false;
+    }
+    onMove(e) {
+        let offset = 0;
+        let target = e.currentTarget;
+        let percent = 0;
+        if (this.active) {
+            if (this.horizontal) {
+                while (target) {
+                    offset += target.offsetTop;
+                    target = target.offsetParent;
+                }
+                percent = Math.floor(((e.pageY - offset) / e.currentTarget.offsetHeight) * 10000) / 100;
+            }
+            else {
+                while (target) {
+                    offset += target.offsetLeft;
+                    target = target.offsetParent;
+                }
+                percent = Math.floor(((e.pageX - offset) / e.currentTarget.offsetWidth) * 10000) / 100;
+            }
+            // последнее условие не позволяет расширять левую часть, если при этом правая станет меньше, чем rightSizeMin
+            if (percent > this.margin && percent < 100 - this.margin && percent <= 100 - Number(this.rightSizeMin)) {
+                this.percent = percent;
+                this.emitResizeDebounced();
+            }
+            this.hasMoved = true;
+        }
+    }
+    onMouseMove(e) {
+        if (this.resizeDisabled) {
+            return;
+        }
+        if (e.buttons === 0 || e.which === 0) {
+            this.active = false;
+        }
+        this.onMove(e);
+    }
+    onTouchMove(e) {
+        this.onMove(e);
+    }
+    emitResizeEvent() {
+        this.emitResize(this.percent);
+    }
+    get mainClass() {
+        return this.$ldmui.options?.aliases?.['ld-splitter'] ? this.$ldmui.options?.aliases?.['ld-splitter'] : '';
+    }
+    get flexDirection() {
+        return this.horizontal ? 'column' : 'row';
+    }
+    get splitterStyle() {
+        const dim = this.resizeDisabled ? 1 : 7;
+        /* eslint-disable-next-line no-nested-ternary */
+        const cursor = this.resizeDisabled ? 'default' : this.horizontal ? 'ns-resize' : 'ew-resize';
+        const styles = this.horizontal
+            ? { width: '100%', height: `${dim}px`, cursor, borderWidth: '1px 0' }
+            : { width: `${dim}px`, cursor };
+        if (this.resizeDisabled) {
+            styles.borderLeft = 'none';
+        }
+        return styles;
+    }
+    get leftPaneStyle() {
+        const unit = this.leftSizeMin.indexOf('px') > -1 ? '' : '%';
+        return this.horizontal
+            ? { height: this.rightVisibled ? this.percent + '%' : '100%', 'min-height': `${this.leftSizeMin}${unit}` }
+            : { width: this.rightVisibled ? this.percent + '%' : '100%', 'min-width': `${this.leftSizeMin}${unit}` };
+    }
+    get rightPaneStyle() {
+        const unit = this.rightSizeMin.indexOf('px') > -1 ? '' : '%';
+        return this.horizontal
+            ? { height: 100 - this.percent + '%', 'min-height': `${this.rightSizeMin}${unit}` }
+            : {
+                width: this.leftVisibled ? 100 - this.percent + '%' : '100%',
+                'min-width': `${this.rightSizeMin}${unit}`,
+            };
+    }
+};
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Number, default: 10 }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", Number)
+], Splitter.prototype, "margin", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], Splitter.prototype, "horizontal", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], Splitter.prototype, "leftVisibled", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], Splitter.prototype, "rightVisibled", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Number, default: 50 }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", Number)
+], Splitter.prototype, "leftSizePercent", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: '25' }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", String)
+], Splitter.prototype, "leftSizeMin", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: '0' }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", String)
+], Splitter.prototype, "rightSizeMin", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], Splitter.prototype, "resizeDisabled", void 0);
+ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('leftSizePercent', { immediate: true }),
+    ld_splittervue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_splittervue_type_script_lang_js_external_metadata("design:paramtypes", []),
+    ld_splittervue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], Splitter.prototype, "leftSizePercentChanged", null);
+Splitter = ld_splittervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Options)({
+        emits: ['resize'],
+    })
+], Splitter);
+/* harmony default export */ const ld_splittervue_type_script_lang_js_external = (Splitter);
+
+;// CONCATENATED MODULE: ./src/ld-splitter/ld-splitter.ts?vue&type=script&lang=js&external
+ 
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-splitter/ld-splitter.vue?vue&type=style&index=0&id=c282e58e&lang=scss&scoped=true
+var ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true = __webpack_require__(523);
+;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-splitter/ld-splitter.vue?vue&type=style&index=0&id=c282e58e&lang=scss&scoped=true
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_options = {};
+
+ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_options.styleTagTransform = (styleTagTransform_default());
+ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_options.setAttributes = (setAttributesWithoutAttributes_default());
+
+      ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_options.insert = insertBySelector_default().bind(null, "head");
+    
+ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_options.domAPI = (styleDomAPI_default());
+ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_options.insertStyleElement = (insertStyleElement_default());
+
+var ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true/* default */.A, ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true_options);
+
+
+
+
+       /* harmony default export */ const ld_splitter_ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true = (ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true/* default */.A && ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true/* default */.A.locals ? ld_splittervue_type_style_index_0_id_c282e58e_lang_scss_scoped_true/* default */.A.locals : undefined);
+
+;// CONCATENATED MODULE: ./src/ld-splitter/ld-splitter.vue?vue&type=style&index=0&id=c282e58e&lang=scss&scoped=true
+
+;// CONCATENATED MODULE: ./src/ld-splitter/ld-splitter.vue
+
+
+
+
+;
+
+
+const ld_splitter_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_splittervue_type_script_lang_js_external, [['render',ld_splittervue_type_template_id_c282e58e_scoped_true_render],['__scopeId',"data-v-c282e58e"]])
+
+/* harmony default export */ const ld_splitter = (ld_splitter_exports_);
+;// CONCATENATED MODULE: ./src/ld-splitter/index.ts
+
+function ld_splitter_reg(vue, options) {
+    vue.component(options?.aliases?.['ld-splitter'] ? options.aliases['ld-splitter'] : 'ld-splitter', ld_splitter);
+}
+/* harmony default export */ const src_ld_splitter = (ld_splitter_reg);
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-toggle-buttons/ld-toggle-buttons.vue?vue&type=template&id=2b80b384&ts=true
+
+const ld_toggle_buttonsvue_type_template_id_2b80b384_ts_true_hoisted_1 = {
+    class: "d-flex align-center",
+    style: { "grid-template-columns": "repeat(var(--input-height))" }
+};
+function ld_toggle_buttonsvue_type_template_id_2b80b384_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon");
+    const _component_square_button = (0,external_vue_.resolveComponent)("square-button");
+    const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip");
+    const _directive_active = (0,external_vue_.resolveDirective)("active");
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_toggle_buttonsvue_type_template_id_2b80b384_ts_true_hoisted_1, [
+        ((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.items, (item, index) => {
+            return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_tooltip, null, {
+                activator: (0,external_vue_.withCtx)(({ props }) => [
+                    (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, (0,external_vue_.mergeProps)(props, {
+                        id: item.id,
+                        color: _ctx.modelValue === index ? 'primary' : 'grey',
+                        variant: _ctx.modelValue === index ? 'outlined' : 'text',
+                        class: { 'ml-1': index > 0 },
+                        onClick: ($event) => (_ctx.emitUpdate(index))
+                    }), {
+                        default: (0,external_vue_.withCtx)(() => [
+                            (0,external_vue_.createVNode)(_component_ld_icon, {
+                                icon: item.icon,
+                                color: _ctx.modelValue === index ? 'primary' : 'grey'
+                            }, null, 8 /* PROPS */, ["icon", "color"])
+                        ]),
+                        _: 2 /* DYNAMIC */
+                    }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["id", "color", "variant", "class", "onClick"])), [
+                        [_directive_active, _ctx.modelValue === index]
+                    ])
+                ]),
+                default: (0,external_vue_.withCtx)(() => [
+                    (0,external_vue_.createTextVNode)(),
+                    (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(item.tooltip), 1 /* TEXT */)
+                ]),
+                _: 2 /* DYNAMIC */
+            }, 1024 /* DYNAMIC_SLOTS */));
+        }), 256 /* UNKEYED_FRAGMENT */))
+    ]));
+}
+
+;// CONCATENATED MODULE: ./src/ld-toggle-buttons/ld-toggle-buttons.vue?vue&type=template&id=2b80b384&ts=true
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-toggle-buttons/ld-toggle-buttons.ts?vue&type=script&lang=ts&external
+var ld_toggle_buttonsvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_toggle_buttonsvue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var _a;
+
+let ToggleButtonsComponent = class ToggleButtonsComponent extends external_vue_property_decorator_.Vue {
+    emitUpdate(value) {
+        this.$emit('update:model-value', value);
+    }
+};
+ld_toggle_buttonsvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_toggle_buttonsvue_type_script_lang_ts_external_metadata("design:type", Number)
+], ToggleButtonsComponent.prototype, "modelValue", void 0);
+ld_toggle_buttonsvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_toggle_buttonsvue_type_script_lang_ts_external_metadata("design:type", typeof (_a = typeof Array !== "undefined" && Array) === "function" ? _a : Object)
+], ToggleButtonsComponent.prototype, "items", void 0);
+ToggleButtonsComponent = ld_toggle_buttonsvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Options)({
+        emits: ['update:model-value'],
+    })
+], ToggleButtonsComponent);
+/* harmony default export */ const ld_toggle_buttonsvue_type_script_lang_ts_external = (ToggleButtonsComponent);
+
+;// CONCATENATED MODULE: ./src/ld-toggle-buttons/ld-toggle-buttons.ts?vue&type=script&lang=ts&external
+ 
+;// CONCATENATED MODULE: ./src/ld-toggle-buttons/ld-toggle-buttons.vue
+
+
+
+
+;
+const ld_toggle_buttons_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_toggle_buttonsvue_type_script_lang_ts_external, [['render',ld_toggle_buttonsvue_type_template_id_2b80b384_ts_true_render]])
+
+/* harmony default export */ const ld_toggle_buttons = (ld_toggle_buttons_exports_);
+;// CONCATENATED MODULE: ./src/ld-toggle-buttons/index.ts
+
+function ld_toggle_buttons_reg(vue, options) {
+    vue.component(options?.aliases?.['ld-toggle-buttons'] ? options.aliases['ld-toggle-buttons'] : 'ld-toggle-buttons', ld_toggle_buttons);
+}
+/* harmony default export */ const src_ld_toggle_buttons = (ld_toggle_buttons_reg);
+
 ;// CONCATENATED MODULE: ./src/vuetify.ts
 const aliases = {
     SmallButton: 'VBtn',
@@ -952,6 +2146,10 @@ const aliases = {
     SmallBadge: 'VChip',
 };
 const defaults = {
+    global: {
+        ripple: false,
+        density: 'compact',
+    },
     SmallButton: {
         variant: 'flat',
         color: 'primary',
@@ -984,19 +2182,44 @@ function getVuetifyAliases(components) {
 /* harmony default export */ const vuetify = (getVuetifyAliases);
 
 
+;// CONCATENATED MODULE: ./src/directives/active.directive.ts
+const ActiveDirectiveOptions = {
+    beforeMount(el, binding) {
+        const className = '--active';
+        const value = binding.value;
+        el.classList[value ? 'add' : 'remove'](className);
+    },
+    updated(el, binding) {
+        const className = '--active';
+        const value = binding.value;
+        el.classList[value ? 'add' : 'remove'](className);
+    },
+};
+
 ;// CONCATENATED MODULE: ./src/index.ts
 
 
 
 
 
+
+
+
+
 const ldmuiPlugin = {
     install(vue, options) {
-        src_ld_icon(vue, options?.LdIcon);
-        src_ld_loader(vue);
+        src_ld_icon(vue, options);
+        src_ld_loader(vue, options);
+        src_ld_button(vue, options);
+        src_ld_splitter(vue, options);
+        src_ld_toggle_buttons(vue, options);
         vue.config.globalProperties.$utils = {
             isDefined: isDefined
         };
+        vue.config.globalProperties.$ldmui = {
+            options
+        };
+        vue.directive('active', ActiveDirectiveOptions);
     },
 };
 /* harmony default export */ const src = (ldmuiPlugin);