@bagelink/vue 0.0.1151 → 0.0.1155

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.
Files changed (10) hide show
  1. package/dist/components/form/inputs/SelectInput.vue.d.ts +4 -4
  2. package/dist/components/form/inputs/TextInput.vue.d.ts +1 -1
  3. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  4. package/dist/components/layout/Layout.vue.d.ts +1 -1
  5. package/dist/components/layout/Layout.vue.d.ts.map +1 -1
  6. package/dist/index.cjs +6 -6
  7. package/dist/index.mjs +6 -6
  8. package/dist/style.css +13 -13
  9. package/package.json +1 -1
  10. package/src/components/form/inputs/TextInput.vue +5 -5
package/dist/components/form/inputs/SelectInput.vue.d.ts CHANGED
@@ -652,7 +652,7 @@ declare function __VLS_template(): {
652
652
  multiline?: boolean;
653
653
  autoheight?: boolean;
654
654
  code?: boolean;
655
- lines?: number | string;
655
+ rows?: number | string;
656
656
  autocomplete?: AutoFillField;
657
657
  autofocus?: boolean;
658
658
  onFocusout?: (e: FocusEvent) => void;
@@ -699,7 +699,7 @@ declare function __VLS_template(): {
699
699
  multiline?: boolean;
700
700
  autoheight?: boolean;
701
701
  code?: boolean;
702
- lines?: number | string;
702
+ rows?: number | string;
703
703
  autocomplete?: AutoFillField;
704
704
  autofocus?: boolean;
705
705
  onFocusout?: (e: FocusEvent) => void;
@@ -1355,7 +1355,7 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
1355
1355
  multiline?: boolean;
1356
1356
  autoheight?: boolean;
1357
1357
  code?: boolean;
1358
- lines?: number | string;
1358
+ rows?: number | string;
1359
1359
  autocomplete?: AutoFillField;
1360
1360
  autofocus?: boolean;
1361
1361
  onFocusout?: (e: FocusEvent) => void;
@@ -1402,7 +1402,7 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
1402
1402
  multiline?: boolean;
1403
1403
  autoheight?: boolean;
1404
1404
  code?: boolean;
1405
- lines?: number | string;
1405
+ rows?: number | string;
1406
1406
  autocomplete?: AutoFillField;
1407
1407
  autofocus?: boolean;
1408
1408
  onFocusout?: (e: FocusEvent) => void;
package/dist/components/form/inputs/TextInput.vue.d.ts CHANGED
@@ -21,7 +21,7 @@ type __VLS_Props = {
21
21
  multiline?: boolean;
22
22
  autoheight?: boolean;
23
23
  code?: boolean;
24
- lines?: number | string;
24
+ rows?: number | string;
25
25
  autocomplete?: AutoFillField;
26
26
  autofocus?: boolean;
27
27
  onFocusout?: (e: FocusEvent) => void;
package/dist/components/form/inputs/TextInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA4NA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAQ7C,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC,CAAC;;;;;;;;;;;UAXM,MAAM;gBARA,MAAM,GAAG,MAAM;;;;AA8M9B,wBAWG"}
1
+ {"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA4NA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAQ7C,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC,CAAC;;;;;;;;;;;UAXM,MAAM;gBARA,MAAM,GAAG,MAAM;;;;AA8M9B,wBAWG"}
package/dist/components/layout/Layout.vue.d.ts CHANGED
@@ -16,9 +16,9 @@ declare function __VLS_template(): {
16
16
  };
17
17
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
18
18
  declare const __VLS_component: import('vue').DefineComponent<LayoutProrps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutProrps> & Readonly<{}>, {
19
+ rows: string[];
19
20
  h100: boolean;
20
21
  gap: number;
21
- rows: string[];
22
22
  columns: string[];
23
23
  mColumns: string[];
24
24
  mRows: string[];
package/dist/components/layout/Layout.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.vue"],"names":[],"mappings":"AA0DA,UAAU,YAAY;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;AAoCD,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA/Fb,OAAO;SADR,MAAM;UAKL,MAAM,EAAE;aAHL,MAAM,EAAE;cACP,MAAM,EAAE;WACX,MAAM,EAAE;wFAoGf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.vue"],"names":[],"mappings":"AA0DA,UAAU,YAAY;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CACf;AAoCD,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA3Fb,MAAM,EAAE;UAJR,OAAO;SADR,MAAM;aAEF,MAAM,EAAE;cACP,MAAM,EAAE;WACX,MAAM,EAAE;wFAoGf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/index.cjs CHANGED
@@ -32104,7 +32104,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
32104
32104
  multiline: { type: Boolean },
32105
32105
  autoheight: { type: Boolean },
32106
32106
  code: { type: Boolean },
32107
- lines: {},
32107
+ rows: {},
32108
32108
  autocomplete: {},
32109
32109
  autofocus: { type: Boolean },
32110
32110
  onFocusout: {}
@@ -32115,9 +32115,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
32115
32115
  const emit2 = __emit;
32116
32116
  let inputVal = vue.ref();
32117
32117
  const input = vue.ref();
32118
- const rows = vue.computed(() => {
32119
- if (props2.lines) return props2.lines;
32120
- if (props2.autoheight) return `${inputVal.value}`.split("\n").length || 1;
32118
+ const inputRows = vue.computed(() => {
32119
+ if (props2.autoheight) return `${inputVal.value}`.split("\n").length || props2.rows || 1;
32120
+ if (props2.rows) return props2.rows;
32121
32121
  if (props2.multiline || props2.code) return 4;
32122
32122
  return 1;
32123
32123
  });
@@ -32195,7 +32195,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
32195
32195
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
32196
32196
  title: _ctx.title,
32197
32197
  type: _ctx.type,
32198
- rows: rows.value,
32198
+ rows: inputRows.value,
32199
32199
  placeholder: _ctx.placeholder || _ctx.label,
32200
32200
  disabled: _ctx.disabled,
32201
32201
  required: _ctx.required,
@@ -32222,7 +32222,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
32222
32222
  };
32223
32223
  }
32224
32224
  });
32225
- const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-cc17f96e"]]);
32225
+ const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c2bd3e03"]]);
32226
32226
  const _hoisted_1$l = ["title"];
32227
32227
  const _hoisted_2$b = ["id", "required"];
32228
32228
  const _hoisted_3$8 = ["for"];
package/dist/index.mjs CHANGED
@@ -32102,7 +32102,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
32102
32102
  multiline: { type: Boolean },
32103
32103
  autoheight: { type: Boolean },
32104
32104
  code: { type: Boolean },
32105
- lines: {},
32105
+ rows: {},
32106
32106
  autocomplete: {},
32107
32107
  autofocus: { type: Boolean },
32108
32108
  onFocusout: {}
@@ -32113,9 +32113,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
32113
32113
  const emit2 = __emit;
32114
32114
  let inputVal = ref();
32115
32115
  const input = ref();
32116
- const rows = computed(() => {
32117
- if (props2.lines) return props2.lines;
32118
- if (props2.autoheight) return `${inputVal.value}`.split("\n").length || 1;
32116
+ const inputRows = computed(() => {
32117
+ if (props2.autoheight) return `${inputVal.value}`.split("\n").length || props2.rows || 1;
32118
+ if (props2.rows) return props2.rows;
32119
32119
  if (props2.multiline || props2.code) return 4;
32120
32120
  return 1;
32121
32121
  });
@@ -32193,7 +32193,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
32193
32193
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
32194
32194
  title: _ctx.title,
32195
32195
  type: _ctx.type,
32196
- rows: rows.value,
32196
+ rows: inputRows.value,
32197
32197
  placeholder: _ctx.placeholder || _ctx.label,
32198
32198
  disabled: _ctx.disabled,
32199
32199
  required: _ctx.required,
@@ -32220,7 +32220,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
32220
32220
  };
32221
32221
  }
32222
32222
  });
32223
- const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-cc17f96e"]]);
32223
+ const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c2bd3e03"]]);
32224
32224
  const _hoisted_1$l = ["title"];
32225
32225
  const _hoisted_2$b = ["id", "required"];
32226
32226
  const _hoisted_3$8 = ["for"];
package/dist/style.css CHANGED
@@ -1791,58 +1791,58 @@ line-height: 1.65;
1791
1791
  font-size: var(--label-font-size);
1792
1792
  }
1793
1793
 
1794
- .bagel-input textarea[data-v-cc17f96e] {
1794
+ .bagel-input textarea[data-v-c2bd3e03] {
1795
1795
  min-height: unset;
1796
1796
  font-size: var(--input-font-size);
1797
1797
  }
1798
- .bagel-input.text-input textarea[data-v-cc17f96e] {
1798
+ .bagel-input.text-input textarea[data-v-c2bd3e03] {
1799
1799
  resize: none;
1800
1800
  }
1801
- .code textarea[data-v-cc17f96e] {
1801
+ .code textarea[data-v-c2bd3e03] {
1802
1802
  font-family: 'Inconsolata', monospace;
1803
1803
  background: var(--bgl-code-bg) !important;
1804
1804
  color: var(--bgl-light-text) !important;
1805
1805
  }
1806
- .code textarea[data-v-cc17f96e]::placeholder {
1806
+ .code textarea[data-v-c2bd3e03]::placeholder {
1807
1807
  color: var(--bgl-light-text) !important;
1808
1808
  opacity: 0.3;
1809
1809
  }
1810
- .bagel-input.small[data-v-cc17f96e] {
1810
+ .bagel-input.small[data-v-c2bd3e03] {
1811
1811
  margin-bottom: 0;
1812
1812
  height: 30px;
1813
1813
  }
1814
- .bagel-input.dense label[data-v-cc17f96e] {
1814
+ .bagel-input.dense label[data-v-c2bd3e03] {
1815
1815
  display: flex;
1816
1816
  align-items: center;
1817
1817
  gap: 0.5rem;
1818
1818
  }
1819
- .bagel-input input[data-v-cc17f96e]:disabled {
1819
+ .bagel-input input[data-v-c2bd3e03]:disabled {
1820
1820
  background: #f5f5f5;
1821
1821
  }
1822
- .bagel-input label[data-v-cc17f96e] {
1822
+ .bagel-input label[data-v-c2bd3e03] {
1823
1823
  font-size: var(--label-font-size);
1824
1824
  }
1825
- .textInputIconWrap .bgl_icon-font[data-v-cc17f96e] {
1825
+ .textInputIconWrap .bgl_icon-font[data-v-c2bd3e03] {
1826
1826
  color: var(--input-color);
1827
1827
  position: absolute;
1828
1828
  inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
1829
1829
  margin-top: calc(var(--input-height) / 2 + 0.1rem);
1830
1830
  line-height: 0;
1831
1831
  }
1832
- .textInputIconWrap input[data-v-cc17f96e]{
1832
+ .textInputIconWrap input[data-v-c2bd3e03]{
1833
1833
  padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
1834
1834
  }
1835
- .txtInputIconStart .iconStart[data-v-cc17f96e] {
1835
+ .txtInputIconStart .iconStart[data-v-c2bd3e03] {
1836
1836
  color: var(--input-color);
1837
1837
  position: absolute;
1838
1838
  inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
1839
1839
  margin-top: calc(var(--input-height) / 2 );
1840
1840
  line-height: 0;
1841
1841
  }
1842
- .txtInputIconStart input[data-v-cc17f96e], .txtInputIconStart textarea[data-v-cc17f96e]{
1842
+ .txtInputIconStart input[data-v-c2bd3e03], .txtInputIconStart textarea[data-v-c2bd3e03]{
1843
1843
  padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
1844
1844
  }
1845
- .bagel-input.small textarea[data-v-cc17f96e] {
1845
+ .bagel-input.small textarea[data-v-c2bd3e03] {
1846
1846
  height: 30px;
1847
1847
  }
1848
1848
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.1151",
4
+ "version": "0.0.1155",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/form/inputs/TextInput.vue CHANGED
@@ -28,7 +28,7 @@ const props = withDefaults(
28
28
  multiline?: boolean
29
29
  autoheight?: boolean
30
30
  code?: boolean
31
- lines?: number | string
31
+ rows?: number | string
32
32
  autocomplete?: AutoFillField
33
33
  autofocus?: boolean
34
34
  onFocusout?: (e: FocusEvent) => void
@@ -43,9 +43,9 @@ let inputVal = $ref<string | number>()
43
43
 
44
44
  const input = $ref<HTMLInputElement>()
45
45
 
46
- const rows = $computed(() => {
47
- if (props.lines) return props.lines
48
- if (props.autoheight) return `${inputVal}`.split('\n').length || 1
46
+ const inputRows = $computed(() => {
47
+ if (props.autoheight) return `${inputVal}`.split('\n').length || props.rows || 1
48
+ if (props.rows) return props.rows
49
49
  if (props.multiline || props.code) return 4
50
50
  return 1
51
51
  })
@@ -115,7 +115,7 @@ onMounted(() => {
115
115
  v-model="inputVal"
116
116
  :title
117
117
  :type
118
- :rows
118
+ :rows="inputRows"
119
119
  :placeholder="placeholder || label"
120
120
  :disabled
121
121
  :required