@bagelink/vue 1.1.29 → 1.1.33

package/dist/style.css

@@ -1,4 +1,18 @@
 @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
+.expand-enter-active,
+.expand-leave-active {
+	transition: all 0.2s;
+	transition-delay: 0ms;
+}
+.expand-enter-from,
+.expand-leave-to {
+	max-height: 0;
+}
+.expand-enter-to,
+.expand-leave-from {
+	max-height: 300px;
+}
+
 .accordion-item[data-v-3334f637] {
 	border-bottom: 1px solid var(--border-color);
 	transition: all 0.2s;
@@ -41,20 +55,6 @@
 	text-decoration: underline;
 }
 
-.expand-enter-active,
-.expand-leave-active {
-	transition: all 0.2s;
-	transition-delay: 0ms;
-}
-.expand-enter-from,
-.expand-leave-to {
-	max-height: 0;
-}
-.expand-enter-to,
-.expand-leave-from {
-	max-height: 300px;
-}
-
 .bgl_btn[data-v-bfc435b3] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
@@ -250,10 +250,6 @@ display: block;
   object-fit: cover;
 }
 
-.inline[data-v-689f051f] {
-	display: inline;
-}
-
 .pill {
 	border-radius: 10px;
 	padding: 4px 8px;
@@ -296,6 +292,10 @@ display: block;
 	color: var(--bgl-red);
 }
 
+.inline[data-v-689f051f] {
+	display: inline;
+}
+
 .bgl_vid iframe[data-v-006552f6],
 .bgl_vid video[data-v-006552f6] {
 	width: 100%;
@@ -1031,22 +1031,22 @@ display: block;
 	text-align: center;
 }
 
-.table-list-wrap[data-v-6cf42b66] {
+.table-list-wrap[data-v-642a5cfe] {
 	min-height: 150px;
 }
-.selected[data-v-6cf42b66] {
+.selected[data-v-642a5cfe] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-6cf42b66]:hover {
+tbody tr.selected[data-v-642a5cfe]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-6cf42b66] {
+.loading-table[data-v-642a5cfe] {
 	position: relative;
 }
-.inset[data-v-6cf42b66] {
+.inset[data-v-642a5cfe] {
 	inset: 0;
 }
-.loading-table-animation[data-v-6cf42b66] {
+.loading-table-animation[data-v-642a5cfe] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -1054,9 +1054,9 @@ tbody tr.selected[data-v-6cf42b66]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-6cf42b66 1s linear infinite;
+	animation: loading-table-642a5cfe 1s linear infinite;
 }
-@keyframes loading-table-6cf42b66 {
+@keyframes loading-table-642a5cfe {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -1064,55 +1064,55 @@ tbody tr.selected[data-v-6cf42b66]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-6cf42b66] {
+.list-arrows[data-v-642a5cfe] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-6cf42b66] {
+.list-arrows .bgl_icon-font[data-v-642a5cfe] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-6cf42b66] {
+.list-arrows.sorted[data-v-642a5cfe] {
 	opacity: 1;
 }
-.col img[data-v-6cf42b66] {
+.col img[data-v-642a5cfe] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 	object-fit: cover;
 }
-.col[data-v-6cf42b66]:has(img) {
+.col[data-v-642a5cfe]:has(img) {
 	padding-inline-end: 0.5rem;
 }
-.list-arrows.sorted .desc[data-v-6cf42b66] {
+.list-arrows.sorted .desc[data-v-642a5cfe] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-6cf42b66] {
+table[data-v-642a5cfe] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-6cf42b66] {
+th[data-v-642a5cfe] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--104156b0);
+	height: var(--5e326637);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-6cf42b66] {
+.embedded-field[data-v-642a5cfe] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-6cf42b66] {
+.row[data-v-642a5cfe] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-6cf42b66] {
+.row.first-row[data-v-642a5cfe] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -1121,7 +1121,7 @@ th[data-v-6cf42b66] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-6cf42b66]::after {
+.row.first-row[data-v-642a5cfe]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1129,11 +1129,11 @@ th[data-v-6cf42b66] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-6cf42b66] {
+.first-row .col[data-v-642a5cfe] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-6cf42b66] {
+.col[data-v-642a5cfe] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -1143,19 +1143,19 @@ th[data-v-6cf42b66] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-6cf42b66]:has(.bagel-input) {
+.col[data-v-642a5cfe]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-6cf42b66] {
+.col > div[data-v-642a5cfe] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-6cf42b66] {
+.max-col-width[data-v-642a5cfe] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-6cf42b66] {
+.col.check .bgl_icon-font[data-v-642a5cfe] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -1166,35 +1166,35 @@ th[data-v-6cf42b66] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-6cf42b66] {
+.rows[data-v-642a5cfe] {
 	font-size: 0.88em;
 }
-.table-list[data-v-6cf42b66] {
+.table-list[data-v-642a5cfe] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-6cf42b66] {
+.BagelTable .table-list[data-v-642a5cfe] {
 	overflow: unset;
 }
-.row-item[data-v-6cf42b66] {
-	height: var(--104156b0);
+.row-item[data-v-642a5cfe] {
+	height: var(--5e326637);
 	transition: all 200ms ease;
 }
-.row-item[data-v-6cf42b66]:hover {
+.row-item[data-v-642a5cfe]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-6cf42b66] {
+.row-item input[type='checkbox'][data-v-642a5cfe] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-6cf42b66] {
+.infinite-wrapper[data-v-642a5cfe] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-6cf42b66] {
+input[type='checkbox'][data-v-642a5cfe] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -1206,7 +1206,7 @@ input[type='checkbox'][data-v-6cf42b66] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-6cf42b66]::before {
+input[type='checkbox'][data-v-642a5cfe]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -1219,18 +1219,18 @@ input[type='checkbox'][data-v-6cf42b66]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-6cf42b66]:hover::before {
+input[type='checkbox'][data-v-642a5cfe]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-6cf42b66] {
+[lang='he'] [dir='ltr'][data-v-642a5cfe] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-6cf42b66] {
+th input[type='checkbox'][data-v-642a5cfe] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-6cf42b66]::after {
+th[data-v-642a5cfe]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1238,24 +1238,24 @@ th[data-v-6cf42b66]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-6cf42b66] {
+tr[data-v-642a5cfe] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-6cf42b66],
-th[data-v-6cf42b66] {
+td[data-v-642a5cfe],
+th[data-v-642a5cfe] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-6cf42b66] {
+tbody tr[data-v-642a5cfe] {
 	font-size: 0.88em;
-	height: var(--104156b0);
+	height: var(--5e326637);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-6cf42b66]:hover {
+tbody tr[data-v-642a5cfe]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -2278,42 +2278,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-da5bc268] {
-	width: 100%;
-}
-.selectinput-option[data-v-da5bc268] {
-	padding: 6px 12px;
-	cursor: pointer;
-	border-radius: 5px;
-	transition: all 0.2s;
-	display: grid;
-	grid-template-columns:1fr;
-	justify-content: space-between;
-	width: 100%;
-	font-size: var(--input-font-size);
-	margin-block: 0.15rem;
-}
-.selectinput-option .bgl_icon-font[data-v-da5bc268]{
-	line-height: normal;
-}
-.selectinput-options.multiselect .selectinput-option[data-v-da5bc268] {
-	grid-template-columns: 10px 1fr;
-}
-.selectinput-options[data-v-da5bc268] {
-	max-height: 300px;
-	overflow-y: auto;
-}
-.selectinput-option[data-v-da5bc268]:hover, .highlight[data-v-da5bc268] {
-	background: var(--bgl-gray-20);
-}
-.isEmpty p[data-v-da5bc268] {
-	opacity: 0.3;
-}
-.selected[data-v-da5bc268]{
-	/* background: var(--bgl-primary-tint); */
-	background: var(--bgl-selected);
-}
-
 .bagel-input label {
 	font-size: var(--label-font-size);
 }
@@ -2354,6 +2318,42 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	/* color: var(--input-color); */
 }
 
+.selectinput[data-v-da5bc268] {
+	width: 100%;
+}
+.selectinput-option[data-v-da5bc268] {
+	padding: 6px 12px;
+	cursor: pointer;
+	border-radius: 5px;
+	transition: all 0.2s;
+	display: grid;
+	grid-template-columns:1fr;
+	justify-content: space-between;
+	width: 100%;
+	font-size: var(--input-font-size);
+	margin-block: 0.15rem;
+}
+.selectinput-option .bgl_icon-font[data-v-da5bc268]{
+	line-height: normal;
+}
+.selectinput-options.multiselect .selectinput-option[data-v-da5bc268] {
+	grid-template-columns: 10px 1fr;
+}
+.selectinput-options[data-v-da5bc268] {
+	max-height: 300px;
+	overflow-y: auto;
+}
+.selectinput-option[data-v-da5bc268]:hover, .highlight[data-v-da5bc268] {
+	background: var(--bgl-gray-20);
+}
+.isEmpty p[data-v-da5bc268] {
+	opacity: 0.3;
+}
+.selected[data-v-da5bc268]{
+	/* background: var(--bgl-primary-tint); */
+	background: var(--bgl-selected);
+}
+
 .bgl_input .canvas {
 	width: 100%;
 	height: 100%;
@@ -2369,6 +2369,40 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	border-radius: var(--input-border-radius);
 }
 
+.table-row .bagel-input input,
+.table-row .bagel-input textarea,
+.table-row .bagel-input .input {
+	border-radius: 0;
+	background: transparent;
+	color: var(--bgl-text-color);
+}
+.table-row .bagel-input textarea {
+	resize: none;
+	min-height: 40px;
+	overflow: auto;
+	margin: 0px;
+	padding: 0.64rem 0.7rem 0;
+}
+.table-row .bagel-input {
+	margin: 0;
+}
+.table-row .bagel-input input:focus-visible,
+.table-row .bagel-input textarea:focus-visible,
+.table-row .bagel-input .input:focus-visible {
+	background: var(--border-color);
+}
+.ghost {
+	opacity: 0;
+	background: #c8ebfb;
+}
+.sortable-chosen {
+	cursor: grabbing !important;
+	border-color: transparent;
+	background: var(--bgl-box-bg);
+	border-radius: 10px;
+	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
+}
+
 .table-side-scroll[data-v-e9632f79] {
 	overflow: auto;
 	margin-inline-start: -1rem;
@@ -2475,40 +2509,6 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	opacity: 1;
 }
 
-.table-row .bagel-input input,
-.table-row .bagel-input textarea,
-.table-row .bagel-input .input {
-	border-radius: 0;
-	background: transparent;
-	color: var(--bgl-text-color);
-}
-.table-row .bagel-input textarea {
-	resize: none;
-	min-height: 40px;
-	overflow: auto;
-	margin: 0px;
-	padding: 0.64rem 0.7rem 0;
-}
-.table-row .bagel-input {
-	margin: 0;
-}
-.table-row .bagel-input input:focus-visible,
-.table-row .bagel-input textarea:focus-visible,
-.table-row .bagel-input .input:focus-visible {
-	background: var(--border-color);
-}
-.ghost {
-	opacity: 0;
-	background: #c8ebfb;
-}
-.sortable-chosen {
-	cursor: grabbing !important;
-	border-color: transparent;
-	background: var(--bgl-box-bg);
-	border-radius: 10px;
-	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
-}
-
 .bagel-input.shrink,
 .bagel-input.shrink input {
 	min-width: unset !important;
@@ -6469,6 +6469,9 @@ to {
 .h100p,
 .h-100p {
     height: 100%;
+}.h100pi,
+.h-100pi {
+    height: 100% !important;
 }.vh-100,
 .h-100vh,
 .h100vh {

package/dist/types/TableSchema.d.ts

@@ -14,7 +14,7 @@ export interface SortingOptions<T> {
     onSort: (field: string, direction: SortDirectionsT) => void;
 }
 export interface TableSelectionOptions<T> {
-    selectable: boolean | undefined;
+    selectable?: boolean;
     selectedItems: {
         value: string[];
     };

package/dist/types/TableSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.d.ts","sourceRoot":"","sources":["../../src/types/TableSchema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;AAEvD,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpF,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;CAC3D;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,aAAa,EAAE;QAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC5C,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,eAAe,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;CACvB"}
+{"version":3,"file":"TableSchema.d.ts","sourceRoot":"","sources":["../../src/types/TableSchema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;AAEvD,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpF,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;CAC3D;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE;QAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC5C,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,eAAe,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;CACvB"}

package/dist/types/timeago.d.ts

@@ -0,0 +1,23 @@
+export interface TimeUnit {
+    singular: string;
+    plural: string;
+}
+export type TranslationValue = string | TimeUnit;
+export interface LanguageTranslations {
+    [key: string]: TranslationValue;
+}
+export type AvailableTimeLanguages = 'en' | 'es' | 'fr' | 'he';
+export type DayFormatTypes = 'DD' | 'DDD' | 'DDDD';
+export type MonthFormatTypes = 'MM' | 'MMM' | 'MMMM';
+export type YearFormatTypes = 'YY' | 'YYYY';
+export type HourFormatTypes = 'HH';
+export type MinuteFormatTypes = 'mm';
+export type SecondFormatTypes = 'ss';
+export type MillisecondFormatTypes = 'sss';
+export type AmPmFormatTypes = 'AmPm';
+export type DateFormatSeparatorTypes = '/' | '-' | ' ' | ':' | '.';
+export type CommonDateFormats = `${DayFormatTypes}${DateFormatSeparatorTypes}${MonthFormatTypes}${DateFormatSeparatorTypes}${YearFormatTypes}` | 'DD.MM.YY' | 'DD.MM.YYYY' | 'DD/MM/YY' | 'DD/MM/YYYY' | 'MM.DD.YY' | 'MM.DD.YYYY' | 'MM/DD/YY' | 'MM/DD/YYYY' | 'YYYY-MM-DD' | 'YY-MM-DD' | 'DD MMM YYYY' | 'DD MMMM YYYY' | 'DDD, DD MMM' | 'DDDD, DD MMMM' | 'MMM DD' | 'MMMM DD';
+export type CommonTimeFormats = 'HH:mm' | 'HH:mm:ss' | 'HH:mm:ss:sss' | 'HH:MM' | 'HH:mm AmPm';
+export type CommonDateTimeFormats = `${CommonDateFormats} ${CommonTimeFormats}` | `${CommonTimeFormats}, ${CommonDateFormats}` | 'YYYY-MM-DD HH:MM';
+export type DateTimeAcceptedFormats = CommonDateFormats | CommonTimeFormats | CommonDateTimeFormats;
+//# sourceMappingURL=timeago.d.ts.map

package/dist/types/timeago.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeago.d.ts","sourceRoot":"","sources":["../../src/types/timeago.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,oBAAoB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAClD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAA;AAC3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAA;AAClC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA;AAEpC,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAGlE,MAAM,MAAM,iBAAiB,GAC1B,GAAG,cAAc,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,wBAAwB,GAAG,eAAe,EAAE,GAC9G,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,YAAY,GAAG,UAAU,GACzB,aAAa,GAAG,cAAc,GAC9B,aAAa,GAAG,eAAe,GAC/B,QAAQ,GAAG,SAAS,CAAA;AAEvB,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GAAG,UAAU,GAAG,cAAc,GACrC,OAAO,GACP,YAAY,CAAA;AAGf,MAAM,MAAM,qBAAqB,GAC9B,GAAG,iBAAiB,IAAI,iBAAiB,EAAE,GAC3C,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,GAC5C,kBAAkB,CAAA;AAGrB,MAAM,MAAM,uBAAuB,GAChC,iBAAiB,GACjB,iBAAiB,GACjB,qBAAqB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.1.29",
+  "version": "1.1.33",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -51,7 +51,7 @@
     "./vite.config.ts"
   ],
   "devDependencies": {
-    "@types/leaflet": "^1.9.16",
+    "@types/leaflet": "^1.9.17",
     "@types/signature_pad": "^4.0.0",
     "@vue-macros/reactivity-transform": "^1.1.6",
     "vue": "^3.5.13",
@@ -82,7 +82,7 @@
   "dependencies": {
     "date-fns": "^4.1.0",
     "@vueuse/core": "^13.0.0",
-    "axios": "^1.8.3",
+    "axios": "^1.8.4",
     "floating-vue": "^5.2.2",
     "libphonenumber-js": "1.12.6",
     "signature_pad": "^5.0.7"

package/src/components/dataTable/DataTable.vue

@@ -61,6 +61,7 @@ const {
 	toggleSelectItem,
 	toggleSelectAll
 } = useTableSelection<T>({
+	data: computedData,
 	selectable: props.selectable,
 	selectedItems,
 	cleanData: cleanTransformedData,
@@ -108,12 +109,12 @@ watch(
 )
 
 watch(
-	computedSelectedItems,
+	() => computedSelectedItems.value.length,
 	() => { updateAllSelectorState() }
 )
 
 watch(
-	computedData,
+	() => computedData.value,
 	(newData, oldData) => {
 		if (newData.length === oldData.length || props.onLastItemVisible !== undefined) return
 		scrollTo(0)
@@ -146,8 +147,9 @@ const showLoading = computed(() => loading.value || schemaState.value === 'loadi
 							ref="allSelectorEl"
 							type="checkbox"
 							@click.stop
-							@change="toggleSelectAll"
+							@change="(e) => toggleSelectAll(e)"
 						>
+						<!-- @change="toggleSelectAll" -->
 					</th>
 					<th
 						v-for="field in computedSchema"

package/src/components/dataTable/useTableSelection.ts

@@ -1,21 +1,42 @@
+import type { ComputedRef, Ref } from 'vue'
 import type { TableSelectionOptions } from '../../types/TableSchema'
 import { computed, ref } from 'vue'
 
 export interface UseTableSelectionOptions<T> extends TableSelectionOptions<T> {
 	cleanData?: (item: T) => T
+	data: Ref<T[]> | ComputedRef<T[]>
 }
 
 export function useTableSelection<T extends Record<string, any>>(options: UseTableSelectionOptions<T>) {
 	const allSelectorEl = ref<HTMLInputElement>()
 	const computedSelectedItems = computed(() => options.selectedItems.value)
 	const isSelectable = computed(() => options.selectable === true && Array.isArray(options.selectedItems.value))
+	const allItems = $computed(() => options.data.value)
 
 	function updateAllSelectorState() {
-		if (!allSelectorEl.value) return
-		const allSelected = computedSelectedItems.value.length === options.selectedItems.value.length
-			&& computedSelectedItems.value.every(id => options.selectedItems.value.includes(id))
+		if (allSelectorEl.value === undefined) return
+
+		// If we don't know the total items, we can't determine if "all" are selected
+		if (!allItems) {
+			allSelectorEl.value.indeterminate = options.selectedItems.value.length > 0
+			return
+		}
+
+		// Get all possible item IDs
+		const allItemIds = allItems.map(item => item.id)
+
+		// Check if all items are selected
+		const allSelected
+    = allItemIds.length > 0
+    	&& options.selectedItems.value.length === allItemIds.length
+    	&& allItemIds.every(id => options.selectedItems.value.includes(id))
+
+		// Set checked state
 		allSelectorEl.value.checked = allSelected
-		allSelectorEl.value.indeterminate = !allSelected && computedSelectedItems.value.length > 0
+
+		// Set indeterminate state (some but not all items selected)
+		allSelectorEl.value.indeterminate
+    = !allSelected && options.selectedItems.value.length > 0
 	}
 
 	function toggleSelectItem(item: T) {
@@ -43,9 +64,15 @@ export function useTableSelection<T extends Record<string, any>>(options: UseTab
 		}
 	}
 
+	// Update toggleSelectAll to pass allItems to updateAllSelectorState
 	function toggleSelectAll(event: Event) {
 		const value = (event.target as HTMLInputElement).checked
-		options.selectedItems.value = value ? computedSelectedItems.value.map((d: any) => d.id) : []
+
+		if (allItems && value) {
+			options.selectedItems.value = allItems.map(item => item.id)
+		} else {
+			options.selectedItems.value = []
+		}
 	}
 
 	return {

package/src/styles/layout.css

@@ -2555,6 +2555,11 @@
     height: 100%;
 }
 
+.h100pi,
+.h-100pi {
+    height: 100% !important;
+}
+
 .vh-100,
 .h-100vh,
 .h100vh {