@bagelink/vue 1.2.149 → 1.2.151

package/dist/components/lightbox/Lightbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/Lightbox.vue"],"names":[],"mappings":"AAyRA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAUpD,iBAAS,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,QAK5D;AAED,iBAAS,KAAK,SAGb;;;;;AAkkBD,wBAOG"}
+{"version":3,"file":"Lightbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/Lightbox.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAUpD,iBAAS,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,QAK5D;AAED,iBAAS,KAAK,SAGb;;;;;AAkkBD,wBAOG"}

package/dist/index.cjs

@@ -27278,7 +27278,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-eeb2bf31"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-9b37d57d"]]);
 const _hoisted_1$q = ["title"];
 const _hoisted_2$h = ["id", "required"];
 const _hoisted_3$e = ["for"];
@@ -38499,7 +38499,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fd40019"]]);
+const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e4e35b2"]]);
 const groups = {};
 let clickHandler = (_e2) => void 0;
 const lightboxDirective = {

package/dist/index.mjs

@@ -27276,7 +27276,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-eeb2bf31"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-9b37d57d"]]);
 const _hoisted_1$q = ["title"];
 const _hoisted_2$h = ["id", "required"];
 const _hoisted_3$e = ["for"];
@@ -38497,7 +38497,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fd40019"]]);
+const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e4e35b2"]]);
 const groups = {};
 let clickHandler = (_e2) => void 0;
 const lightboxDirective = {

package/dist/style.css

@@ -2267,58 +2267,58 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-eeb2bf31] {
+.bagel-input textarea[data-v-9b37d57d] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-eeb2bf31] {
+.bagel-input.text-input textarea[data-v-9b37d57d] {
 	resize: none;
 }
-.code textarea[data-v-eeb2bf31] {
+.code textarea[data-v-9b37d57d] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-eeb2bf31]::placeholder {
+.code textarea[data-v-9b37d57d]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-eeb2bf31] {
+.bagel-input.small[data-v-9b37d57d] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-eeb2bf31] {
+.bagel-input.dense label[data-v-9b37d57d] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-eeb2bf31]:disabled {
+.bagel-input input[data-v-9b37d57d]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-eeb2bf31] {
+.bagel-input label[data-v-9b37d57d] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-eeb2bf31] {
+.textInputIconWrap .bgl_icon-font[data-v-9b37d57d] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 + 0.1rem);
 	line-height: 0;
 }
-.textInputIconWrap input[data-v-eeb2bf31]{
+.textInputIconWrap input[data-v-9b37d57d]{
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-eeb2bf31] {
+.txtInputIconStart .iconStart[data-v-9b37d57d] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.txtInputIconStart input[data-v-eeb2bf31], .txtInputIconStart textarea[data-v-eeb2bf31]{
+.txtInputIconStart input[data-v-9b37d57d], .txtInputIconStart textarea[data-v-9b37d57d]{
 	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-eeb2bf31] {
+.bagel-input.small textarea[data-v-9b37d57d] {
 	height: 30px;
 }
 
@@ -4548,25 +4548,30 @@ body>div:has(.spreadsheet) ::-webkit-scrollbar-track {
   -moz-user-drag: none;
 }
 
-.bgl-lightbox[data-v-1fd40019]:has(.bgl_vid) {
+.bgl-lightbox[data-v-7e4e35b2]:has(.bgl_vid) {
 	width: 90vw;
 }
-.bgl-lightbox[data-v-1fd40019]:has(.vid_short) {
-	width: unset;
+.bgl-lightbox[data-v-7e4e35b2]:has(.vid_short) {
+	width: auto;
+	aspect-ratio: 9/16;
+	height: 90vh;
+}
+.bgl-lightbox:has(.vid_short) .bgl-lightbox-item[data-v-7e4e35b2] * {
+    max-height:unset !important;
 }
-.lightbox-image[data-v-1fd40019]{
+.lightbox-image[data-v-7e4e35b2]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-1fd40019] {
+.bgl-lightbox-overlay[data-v-7e4e35b2] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-1fd40019] {
+.bgl-lightbox[data-v-7e4e35b2] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-1fd40019]{
-	animation: 500ms ease bgl-lightbox-load-1fd40019;
+.bgl-lightbox-item[data-v-7e4e35b2]{
+	animation: 500ms ease bgl-lightbox-load-7e4e35b2;
 }
-@keyframes bgl-lightbox-load-1fd40019 {
+@keyframes bgl-lightbox-load-7e4e35b2 {
 from {
     scale:0.7;
 }
@@ -4574,44 +4579,44 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-1fd40019] * {
+.bgl-lightbox-item[data-v-7e4e35b2] * {
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-1fd40019;
+	animation: 200ms ease bgl-lightbox-load-7e4e35b2;
 	transition: max-height 200ms ease;
 }
-.bgl-lightbox-item.zoomed[data-v-1fd40019] * {
+.bgl-lightbox-item.zoomed[data-v-7e4e35b2] * {
 	max-height: calc(100vh - 90px);
 	height: calc(100vh - 90px);
 }
-.navigation[data-v-1fd40019] {
+.navigation[data-v-7e4e35b2] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.thumbnail[data-v-1fd40019] {
+.thumbnail[data-v-7e4e35b2] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-1fd40019]:hover {
+.thumbnail[data-v-7e4e35b2]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-1fd40019]:active {
+.thumbnail[data-v-7e4e35b2]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-1fd40019] {
+.thumbnail.active[data-v-7e4e35b2] {
 	opacity: 1;
 	outline: 2px solid white;
 }
-.file-info[data-v-1fd40019]{
+.file-info[data-v-7e4e35b2]{
 	max-width: 420px
 }
 @media screen and (max-width: 910px) {
-.file-info[data-v-1fd40019]{
+.file-info[data-v-7e4e35b2]{
 	max-width: 220px;
 	text-align: center !important;
 }
-.file-info[data-v-1fd40019] *{
+.file-info[data-v-7e4e35b2] *{
 	text-align: center !important;
 	margin-inline: 0 !important;
 	max-width: 100% !important;
@@ -15502,6 +15507,9 @@ select {
 }.txt12,
 .txt-12 {
     font-size: 12px;
+}.txt11,
+.txt-11 {
+    font-size: 11px;
 }.txt10,
 .txt-10 {
     font-size: 10px;

package/package.json

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

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

@@ -103,18 +103,18 @@ onMounted(() => {
 
 			<input
 				v-if="!multiline && !autoheight && !code && inputRows < 2"
-				:id="id"
+				:id
 				ref="input"
 				v-model.trim="inputVal"
-				:name="name"
-				:title="title"
-				:autocomplete="autocomplete"
-				:type="type"
+				:name
+				:title
+				:autocomplete
+				:type
 				:rows="1"
 				:placeholder="placeholder || label"
-				:disabled="disabled"
-				:required="required"
-				:pattern="pattern"
+				:disabled
+				:required
+				:pattern
 				v-bind="nativeInputAttrs"
 				@focusout="onFocusout"
 				@focus="onFocus"
@@ -122,17 +122,17 @@ onMounted(() => {
 			>
 			<textarea
 				v-else
-				:id="id"
+				:id
 				ref="input"
 				v-model="inputVal"
-				:name="name"
-				:title="title"
-				:type="type"
+				:name
+				:title
+				:type
 				:rows="inputRows"
 				:placeholder="placeholder || label"
-				:disabled="disabled"
-				:required="required"
-				:pattern="pattern"
+				:disabled
+				:required
+				:pattern
 				v-bind="nativeInputAttrs"
 				@input="updateInputVal"
 				@focusout="onFocusout"
@@ -145,7 +145,7 @@ onMounted(() => {
 			/>
 			<Icon
 				v-if="icon"
-				:icon="icon"
+				:icon
 			/>
 		</label>
 	</div>

package/src/components/lightbox/Lightbox.vue

@@ -201,7 +201,12 @@ defineExpose({ open, close })
 	width: 90vw;
 }
 .bgl-lightbox:has(.vid_short) {
-	width: unset;
+	width: auto;
+	aspect-ratio: 9/16;
+	height: 90vh;
+}
+.bgl-lightbox:has(.vid_short) .bgl-lightbox-item * {
+    max-height:unset !important;
 }
 .lightbox-image{
 	object-fit: contain;

package/src/styles/text.css

@@ -159,6 +159,11 @@
     font-size: 12px;
 }
 
+.txt11,
+.txt-11 {
+    font-size: 11px;
+}
+
 .txt10,
 .txt-10 {
     font-size: 10px;