@bagelink/vue 0.0.524 → 0.0.528

package/dist/components/form/inputs/ToggleInput.vue.d.ts

@@ -4,14 +4,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string>;
         required: true;
     };
-    id: {
-        type: import('vue').PropType<string>;
+    small: {
+        type: import('vue').PropType<boolean>;
     };
     title: {
         type: import('vue').PropType<string>;
     };
-    small: {
+    id: {
+        type: import('vue').PropType<string>;
+    };
+    defaultValue: {
         type: import('vue').PropType<boolean>;
+        default: boolean;
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<boolean>;
@@ -19,15 +23,21 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<string>;
         required: true;
     };
-    id: {
-        type: import('vue').PropType<string>;
+    small: {
+        type: import('vue').PropType<boolean>;
     };
     title: {
         type: import('vue').PropType<string>;
     };
-    small: {
+    id: {
+        type: import('vue').PropType<string>;
+    };
+    defaultValue: {
         type: import('vue').PropType<boolean>;
+        default: boolean;
     };
-}>>, {}, {}>;
+}>>, {
+    defaultValue: boolean;
+}, {}>;
 export default _default;
 //# sourceMappingURL=ToggleInput.vue.d.ts.map

package/dist/components/form/inputs/ToggleInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/ToggleInput.vue"],"names":[],"mappings":";gBAac,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;kBAsIwJ,IAAI;;;;;;;;;;;;gBAtI3L,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;kBAsIwJ,IAAI;;;;;;;;;;;;AAhBzM,wBAcG"}
+{"version":3,"file":"ToggleInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/ToggleInput.vue"],"names":[],"mappings":";gBAqBc,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;kBAwIwJ,IAAI;;;;;;;;;;;;;;;;gBAxI3L,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;;kBAwIwJ,IAAI;;;;;;;;;;;;;;;;kBANzL,OAAO;;AAXvB,wBAeG"}

package/dist/index.cjs

@@ -28584,7 +28584,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const $el = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-82316bcb"]]);
-const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-c7810f72"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-a2891e6f"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$g = ["title"];
 const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
 const _hoisted_3$9 = [
@@ -28597,14 +28597,19 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     label: {},
     id: {},
     title: {},
-    small: { type: Boolean }
+    small: { type: Boolean },
+    defaultValue: { type: Boolean, default: false }
   }, {
     "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const props2 = __props;
     const checked = vue.useModel(__props, "modelValue");
+    vue.onMounted(() => {
+      if (props2.defaultValue) checked.value = props2.defaultValue;
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["bagel-input bgl-checkbox justify-content-center gap-1", { small: _ctx.small }]),
@@ -28627,7 +28632,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c7810f72"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a2891e6f"]]);
 function OrderedMap(content) {
   this.content = content;
 }

package/dist/index.mjs

@@ -28582,7 +28582,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const $el = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-82316bcb"]]);
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-c7810f72"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-a2891e6f"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$g = ["title"];
 const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
 const _hoisted_3$9 = [
@@ -28595,14 +28595,19 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     label: {},
     id: {},
     title: {},
-    small: { type: Boolean }
+    small: { type: Boolean },
+    defaultValue: { type: Boolean, default: false }
   }, {
     "modelValue": { type: Boolean, ...{ default: false } },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const props2 = __props;
     const checked = useModel(__props, "modelValue");
+    onMounted(() => {
+      if (props2.defaultValue) checked.value = props2.defaultValue;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["bagel-input bgl-checkbox justify-content-center gap-1", { small: _ctx.small }]),
@@ -28625,7 +28630,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c7810f72"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a2891e6f"]]);
 function OrderedMap(content) {
   this.content = content;
 }

package/dist/style.css

@@ -1791,6 +1791,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .dp__calendar_row>div:last-child {
 	pointer-events: auto !important;
 }
+.dp__time_input {
+	direction: ltr;
+}
 
 .bagel-input textarea[data-v-1cbaeab2] {
 	font-family: monospace;
@@ -2340,27 +2343,27 @@ img.preview.single[data-v-82316bcb]{
 	color: var(--bgl-green);
 }
 
-.bgl-checkbox[data-v-c7810f72] {
+.bgl-checkbox[data-v-a2891e6f] {
   position: relative;
   transition: var(--bgl-transition);
 }
-.bgl-checkbox input[type=checkbox][data-v-c7810f72] {
+.bgl-checkbox input[type=checkbox][data-v-a2891e6f] {
   display: none;
 }
-.bgl-checkbox label[data-v-c7810f72] {
+.bgl-checkbox label[data-v-a2891e6f] {
   padding-inline-start: calc(var(--input-height) + 0.25rem);
   transition: var(--bgl-transition);
   cursor: pointer;
   user-select: none;
   line-height: var(--input-height);
 }
-.bgl-checkbox[data-v-c7810f72]:hover {
+.bgl-checkbox[data-v-a2891e6f]:hover {
   filter: brightness(90%);
 }
-.bgl-checkbox[data-v-c7810f72]:active {
+.bgl-checkbox[data-v-a2891e6f]:active {
   filter: var(--bgl-active-filter);
 }
-.switch[data-v-c7810f72] {
+.switch[data-v-a2891e6f] {
   position: absolute;
   display: inline-block;
   height: calc(var(--input-height) / 2);
@@ -2371,12 +2374,12 @@ img.preview.single[data-v-82316bcb]{
   margin-top: 0.15rem;
   pointer-events: none;
 }
-.switch input[data-v-c7810f72] {
+.switch input[data-v-a2891e6f] {
   opacity: 0;
   width: 0;
   height: 0;
 }
-.slider[data-v-c7810f72] {
+.slider[data-v-a2891e6f] {
   position: absolute;
   cursor: pointer;
   top: 0;
@@ -2390,7 +2393,7 @@ img.preview.single[data-v-82316bcb]{
   box-shadow: inset 0 0 10px #00000020;
   background: var(--input-bg);
 }
-.slider[data-v-c7810f72]:before {
+.slider[data-v-a2891e6f]:before {
   position: absolute;
   content: "";
   height: calc(var(--input-height) / 2 - 2px);
@@ -2403,10 +2406,10 @@ img.preview.single[data-v-82316bcb]{
   transition: 0.2s;
   box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
 }
-.checked .slider[data-v-c7810f72] {
+.checked .slider[data-v-a2891e6f] {
   background: var(--bgl-primary);
 }
-.checked .slider[data-v-c7810f72]:before {
+.checked .slider[data-v-a2891e6f]:before {
   margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
 }
 
@@ -2952,7 +2955,8 @@ p {
     min-height: 100%;
 }
 .w-100,
-.width-100 {
+.w-100p,
+.w100p .width-100 {
     width: 100%;
 }
 .w300,
@@ -3125,6 +3129,36 @@ p {
 .w1600 {
     max-width: 1600px;
 }
+.vw10 {
+    width: 10vw;
+}
+.vw20 {
+    width: 20vw;
+}
+.vw30 {
+    width: 30vw;
+}
+.vw40 {
+    width: 40vw;
+}
+.vw50 {
+    width: 50vw;
+}
+.vw60 {
+    width: 60vw;
+}
+.vw70 {
+    width: 70vw;
+}
+.vw80 {
+    width: 80vw;
+}
+.vw90 {
+    width: 90vw;
+}
+.vw100 {
+    width: 100vw;
+}
 .w-all,
 .wall {
     width: -webkit-fill-available;
@@ -4434,10 +4468,12 @@ p {
     }
 
     .m_w-100,
-    .m_width-100 {
+    .m_w100p,
+    .m_w100p .m_width-100 {
         width: 100% !important;
     }
 
+
     .m_w300,
     .m_w350,
     .m_w400,
@@ -4565,6 +4601,47 @@ p {
         max-width: 850px;
     }
 
+    .m_vw10 {
+        width: 10vw;
+    }
+
+    .m_vw20 {
+        width: 20vw;
+    }
+
+    .m_vw30 {
+        width: 30vw;
+    }
+
+    .m_vw40 {
+        width: 40vw;
+    }
+
+    .m_vw50 {
+        width: 50vw;
+    }
+
+    .m_vw60 {
+        width: 60vw;
+    }
+
+    .m_vw70 {
+        width: 70vw;
+    }
+
+    .m_vw80 {
+        width: 80vw;
+    }
+
+    .m_vw90 {
+        width: 90vw;
+    }
+
+    .m_vw100 {
+        width: 100vw;
+    }
+
+
     .m_w-all,
     .m_wall {
         width: -webkit-fill-available;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.524",
+  "version": "0.0.528",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/inputs/DateInput.vue

@@ -81,4 +81,8 @@ onMounted(() => {
 .dp__calendar_row>div:last-child {
 	pointer-events: auto !important;
 }
+
+.dp__time_input {
+	direction: ltr;
+}
 </style>

package/src/components/form/inputs/ToggleInput.vue

@@ -1,12 +1,19 @@
 <script setup lang="ts">
-defineProps<{
+import { onMounted } from 'vue'
+
+const props = withDefaults(defineProps<{
 	label: string
 	id?: string
 	title?: string
 	small?: boolean
-}>()
+	defaultValue?: boolean
+}>(), { defaultValue: false })
 
 const checked = defineModel<boolean>('modelValue', { default: false })
+
+onMounted(() => {
+	if (props.defaultValue) checked.value = props.defaultValue
+})
 </script>
 
 <template>

package/src/styles/layout.css

@@ -167,7 +167,8 @@
 }
 
 .w-100,
-.width-100 {
+.w-100p,
+.w100p .width-100 {
     width: 100%;
 }
 
@@ -387,6 +388,47 @@
     max-width: 1600px;
 }
 
+.vw10 {
+    width: 10vw;
+}
+
+.vw20 {
+    width: 20vw;
+}
+
+.vw30 {
+    width: 30vw;
+}
+
+.vw40 {
+    width: 40vw;
+}
+
+.vw50 {
+    width: 50vw;
+}
+
+.vw60 {
+    width: 60vw;
+}
+
+.vw70 {
+    width: 70vw;
+}
+
+.vw80 {
+    width: 80vw;
+}
+
+.vw90 {
+    width: 90vw;
+}
+
+.vw100 {
+    width: 100vw;
+}
+
+
 .w-all,
 .wall {
     width: -webkit-fill-available;

package/src/styles/mobilLayout.css

@@ -186,10 +186,12 @@
     }
 
     .m_w-100,
-    .m_width-100 {
+    .m_w100p,
+    .m_w100p .m_width-100 {
         width: 100% !important;
     }
 
+
     .m_w300,
     .m_w350,
     .m_w400,
@@ -317,6 +319,47 @@
         max-width: 850px;
     }
 
+    .m_vw10 {
+        width: 10vw;
+    }
+
+    .m_vw20 {
+        width: 20vw;
+    }
+
+    .m_vw30 {
+        width: 30vw;
+    }
+
+    .m_vw40 {
+        width: 40vw;
+    }
+
+    .m_vw50 {
+        width: 50vw;
+    }
+
+    .m_vw60 {
+        width: 60vw;
+    }
+
+    .m_vw70 {
+        width: 70vw;
+    }
+
+    .m_vw80 {
+        width: 80vw;
+    }
+
+    .m_vw90 {
+        width: 90vw;
+    }
+
+    .m_vw100 {
+        width: 100vw;
+    }
+
+
     .m_w-all,
     .m_wall {
         width: -webkit-fill-available;