@ldmjs/ui 1.0.1 → 1.0.2

package/README.md

@@ -383,6 +383,21 @@ const comboboxItems = [
 ```html
 <ld-edit-masked-text v-model="maskedText" mask="000-000-000 00" label="Ld Edit Masked Text" />
 ```
+## ld-text-markup
+
+### use text markup
+
+```html
+<ld-text-markup v-model="textMarkup" required label="Ld Text Markup" />
+```
+
+## ld-switch
+
+### use switch
+
+```html
+<ld-switch label="Ld Switch" v-model="toggle" />
+```
 
 # Utilities
 

package/dist/css/index.css

@@ -34,3 +34,5 @@
 
 .ld-text-markup[data-v-d0f0d7f0]{display:flex;flex-direction:column;min-width:100%;max-width:100%;width:100%;min-height:180px;padding-bottom:18px}.ld-text-markup-validate[data-v-d0f0d7f0]{overflow:hidden;height:20px;flex-grow:0}.content-wrapper[data-v-d0f0d7f0]{display:flex;flex-direction:column;position:relative;background-color:var(--grey-l-6);border-radius:4px}.tabs-wrapper[data-v-d0f0d7f0]{position:relative;display:flex;width:50%;max-width:155px;margin-bottom:-1px;z-index:1;flex-shrink:0}.tabs-wrapper .v-btn[data-v-d0f0d7f0]{border:1px solid var(--grey-l-5);height:30px !important;opacity:0.6;border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.tabs-wrapper .v-btn[data-v-d0f0d7f0]:before,.tabs-wrapper .v-btn[data-v-d0f0d7f0]:after{display:none}.tabs-wrapper .v-btn.active[data-v-d0f0d7f0]{background-color:var(--white);border:1px solid var(--grey-l-4);border-bottom:none;opacity:1}.content[data-v-d0f0d7f0]{position:relative;z-index:0;flex-basis:100%;font-size:var(--font-size);color:var(--text)}.content .md-editor[data-v-d0f0d7f0]{height:100%}.contentbox[data-v-d0f0d7f0]{border:1px solid var(--grey-l-4);background-color:var(--white);border-radius:0 4px 4px 4px;padding:10px}[data-v-d0f0d7f0] .contentbox ul{padding:0 12px;list-style:disc;margin-bottom:8px}[data-v-d0f0d7f0] .contentbox ol{list-style:decimal;padding:0 12px;margin-bottom:8px}[data-v-d0f0d7f0] .contentbox p{margin-bottom:8px}[data-v-d0f0d7f0] .contentbox pre{padding:4px}[data-v-d0f0d7f0] .contentbox code{background:none;color:var(--text);padding:0;font-size:100%}[data-v-d0f0d7f0] .md-editor{border:1px solid var(--grey-l-4)}
 
+.ld-switch[data-v-76d5423c] .v-switch{display:block}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control{min-height:var(--input-height) !important}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control .v-selection-control__wrapper{width:40px}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control:not(.v-selection-control--dirty) .v-selection-control__input{transform:translateX(-12px)}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control:not(.v-selection-control--dirty) .v-switch__track{color:var(--grey-l-4) !important;background-color:var(--grey-l-4) !important}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control .v-switch__track{opacity:1;width:40px}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control--dirty .v-selection-control__input{transform:translateX(12px)}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control--dirty .v-switch__thumb{color:var(--primary-l-3) !important;background-color:var(--primary-l-3) !important}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control--dirty .v-switch__track{opacity:1;background-color:var(--primary-l-2) !important}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control--dirty .v-label{color:var(--primary-l-2) !important}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control .v-switch__thumb{color:var(--white) !important}.ld-switch[data-v-76d5423c] .v-switch .v-selection-control .v-label{padding-inline-start:4px}
+

package/dist/index.js

@@ -2723,8 +2723,8 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
             this.form?.unregister(this, null);
         }
     }
-    onValueChanged(newVal, oldVal) {
-        if (!newVal && !oldVal) {
+    onValueChanged(newVal) {
+        if (newVal === '') {
             return;
         }
         const emitData = this.$utils.isDefined(newVal) ? Number(newVal) : null;
@@ -2748,6 +2748,9 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
     }
     onBlur(e) {
         this.emitBlur(e);
+        if (this.value === '') {
+            this.value = '0';
+        }
         this.validate();
     }
     onFocus(e) {
@@ -2969,7 +2972,7 @@ ld_edit_textvue_type_script_lang_ts_external_decorate([
 ld_edit_textvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Watch)('value'),
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:type", Function),
-    ld_edit_textvue_type_script_lang_ts_external_metadata("design:paramtypes", [String, String]),
+    ld_edit_textvue_type_script_lang_ts_external_metadata("design:paramtypes", [String]),
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
 ], EditTextComponent.prototype, "onValueChanged", null);
 EditTextComponent = ld_edit_textvue_type_script_lang_ts_external_decorate([
@@ -10723,6 +10726,88 @@ function ld_text_markup_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_text_markup = (ld_text_markup_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-switch/ld-switch.vue?vue&type=template&id=76d5423c&scoped=true
+
+
+const ld_switchvue_type_template_id_76d5423c_scoped_true_withScopeId = n => (_pushScopeId("data-v-76d5423c"),n=n(),_popScopeId(),n)
+const ld_switchvue_type_template_id_76d5423c_scoped_true_hoisted_1 = { class: "ld-switch" }
+
+function ld_switchvue_type_template_id_76d5423c_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_v_switch = (0,external_vue_.resolveComponent)("v-switch")
+
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_switchvue_type_template_id_76d5423c_scoped_true_hoisted_1, [
+    (0,external_vue_.createVNode)(_component_v_switch, {
+      modelValue: _ctx.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.value) = $event)),
+      readonly: _ctx.readonly,
+      label: _ctx.label,
+      "hide-details": _ctx.hideDetails
+    }, null, 8, ["modelValue", "readonly", "label", "hide-details"])
+  ]))
+}
+;// CONCATENATED MODULE: ./src/ld-switch/ld-switch.vue?vue&type=template&id=76d5423c&scoped=true
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-switch/ld-switch.ts?vue&type=script&lang=js&external
+var ld_switchvue_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_switchvue_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);
+};
+
+
+class SwitchComponent extends (0,external_vue_property_decorator_.mixins)(InputMixin) {
+    constructor() {
+        super(...arguments);
+        this.value = false;
+    }
+    onModelChanged() {
+        this.value = this.modelValue;
+    }
+    onValueChanged(val) {
+        this.$emit('update:model-value', val);
+    }
+}
+ld_switchvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_switchvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], SwitchComponent.prototype, "modelValue", void 0);
+ld_switchvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('modelValue', { immediate: true }),
+    ld_switchvue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_switchvue_type_script_lang_js_external_metadata("design:paramtypes", []),
+    ld_switchvue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], SwitchComponent.prototype, "onModelChanged", null);
+ld_switchvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('value'),
+    ld_switchvue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_switchvue_type_script_lang_js_external_metadata("design:paramtypes", [Boolean]),
+    ld_switchvue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], SwitchComponent.prototype, "onValueChanged", null);
+
+;// CONCATENATED MODULE: ./src/ld-switch/ld-switch.ts?vue&type=script&lang=js&external
+ 
+;// CONCATENATED MODULE: ./src/ld-switch/ld-switch.vue
+
+
+
+
+;
+
+
+const ld_switch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(SwitchComponent, [['render',ld_switchvue_type_template_id_76d5423c_scoped_true_render],['__scopeId',"data-v-76d5423c"]])
+
+/* harmony default export */ const ld_switch = (ld_switch_exports_);
+;// CONCATENATED MODULE: ./src/ld-switch/index.ts
+
+function ld_switch_reg(vue, options) {
+    vue.component(options.aliases['ld-switch'], ld_switch);
+}
+/* harmony default export */ const src_ld_switch = (ld_switch_reg);
+
 ;// CONCATENATED MODULE: ./src/utils/delay.ts
 async function delay(timeout) {
     return new Promise(resolve => setTimeout(() => resolve(), timeout));
@@ -11149,6 +11234,7 @@ const ActiveDirectiveOptions = {
 
 
 
+
 
 
 const ldmuiPlugin = {
@@ -11180,6 +11266,7 @@ const ldmuiPlugin = {
             'ld-text-viewer': options.aliases?.['ld-text-viewer'] ?? 'ld-text-viewer',
             'ld-edit-masked-text': options.aliases?.['ld-edit-masked-text'] ?? 'ld-edit-masked-text',
             'ld-text-markup': options.aliases?.['ld-text-markup'] ?? 'ld-text-markup',
+            'ld-switch': options.aliases?.['ld-switch'] ?? 'ld-switch',
         };
         vue.config.globalProperties.$utils = {
             ...utils_namespaceObject,
@@ -11217,6 +11304,7 @@ const ldmuiPlugin = {
         src_ld_text_viewer(vue, options);
         src_ld_edit_masked_text(vue, options);
         src_ld_text_markup(vue, options);
+        src_ld_switch(vue, options);
     },
 };
 /* harmony default export */ const src = (ldmuiPlugin);

package/dist/scss/_colors.scss

@@ -61,13 +61,3 @@ body,
   }
 }
 
-.main-gradient-h {
-  background: var(--primary);
-  background: linear-gradient(90deg, var(--primary) 0%, var(--primary-d-1) 100%);
-}
-
-.main-gradient-v {
-  background: var(--primary);
-  background: linear-gradient(180deg, var(--primary) 0%, var(--primary-d-1) 100%);
-}
-

package/dist/types/options.d.ts

@@ -22,6 +22,7 @@ export interface ldmuiOptions {
     'ld-text-viewer'?: string;
     'ld-edit-masked-text'?: string;
     'ld-text-markup'?: string;
+    'ld-switch'?: string;
   },
   viewport?: {
     isMobile: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -11,6 +11,7 @@
     "dev": "cross-env NODE_ENV=development webpack serve --config config/webpack.config.dev.js --progress --profile --stats-error-details",
     "build": "cross-env NODE_ENV=production webpack --config config/webpack.config.build.js --stats-error-details",
     "serve": "cross-env NODE_ENV=development webpack serve --config config/webpack.config.serve.js --progress --profile",
+    "demo": "cross-env NODE_ENV=development webpack serve --config config/webpack.config.demo.js --progress --profile",
     "test": "jest --runInBand --no-cache",
     "pub": "node config/publish.js && npm publish --access=public"
   },
@@ -52,7 +53,7 @@
     "@types/lodash-es": "^4",
     "@typescript-eslint/eslint-plugin": "5.41.0",
     "@typescript-eslint/parser": "5.41.0",
-    "@vue/test-utils": "2.4.3",
+    "@vue/test-utils": "2.4.6",
     "@vue/vue3-jest": "29.2.6",
     "@vuelidate/core": "2.0.2",
     "@vuelidate/validators": "2.0.2",