@ldmjs/ui 1.0.19 → 1.0.21

package/dist/scss/_iterator.scss

@@ -0,0 +1,89 @@
+.ld-data-iterator {
+  display: flex;
+  flex-flow: column nowrap;
+  position: relative;
+  height: 100%;
+
+  .iterator-list {
+    height: 100%;
+    overflow-y: auto;
+    overflow-anchor: auto;
+    contain: content;
+  }
+
+  .scroller {
+    position: relative;
+    transform: translateZ(0);
+    &.mobile {
+      scroll-snap-type: y mandatory;
+    }
+  }
+
+  .item {
+    position: absolute;
+    width: 100%;
+    &.mobile {
+      scroll-snap-align: start;
+    }
+
+    &.blink {
+      animation: blinker 0.5s linear;
+    }
+
+    @keyframes blinker {
+      5% {
+        left: -5%;
+      }
+      15% {
+        left: -15%;
+      }
+      25% {
+        opacity: 75%;
+        left: -25%;
+      }
+      50% {
+        opacity: 50%;
+        left: -50%;
+      }
+      75% {
+        opacity: 25%;
+        left: -75%;
+      }
+      100% {
+        opacity: 0;
+        left: -100%;
+      }
+    }
+  }
+
+  .top-fixed-item-wrapper {
+    position: relative;
+    flex: none;
+    margin-bottom: 5px;
+    box-shadow: 0px 0px 15px 0px var(--grey);
+  }
+
+  .top-fixed-item {
+    position: relative;
+    width: 100%;
+  }
+
+  .empty-item {
+    position: absolute;
+    width: 100%;
+
+    .empty {
+      display: flex;
+      flex-flow: column;
+      background-color: var(--white);
+      border: 1px solid var(--grey-l-5);
+      border-radius: 4px;
+
+      .empty-actions {
+        height: 50px;
+        margin-top: auto;
+        background-color: var(--grey-l-6);
+      }
+    }
+  }
+}

package/dist/scss/_pager.scss

@@ -0,0 +1,20 @@
+.pager {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--pager-height);
+  padding: 2px 12px !important;
+  background-color: var(--white);
+  font-size: var(--font-size);
+
+  &--border-top {
+    border-top: 1px solid var(--grey-l-5);
+  }
+
+  .v-btn {
+    &.--active {
+      font-weight: 700 !important;
+      color: var(--primary) !important;
+    }
+  }
+}

package/dist/scss/_variables.scss

@@ -4,6 +4,7 @@ $border-radius: 4px !default; // радиус скругления атомар
 $chip-height: 20px !default; // высота элемента chip
 $toolbar-height: 44px !default; // высота тулбара
 $toolbar-border-radius: 8px !default; // радиус скругления тулбара
+$pager-height: 32px !default;
 
 $ld-tab-height: $input-height + 10px; // высота элемента ld-tab
 
@@ -22,6 +23,7 @@ $shadow-4: 0px 16px 20px 0px rgba(0, 0, 0, 0.20);
   --ld-tab-height: #{$ld-tab-height};
   --toolbar-height: #{$toolbar-height};
   --toolbar-border-radius: #{$toolbar-border-radius};
+  --pager-height: #{$pager-height};
   --shadow-1: #{$shadow-1};
   --shadow-2: #{$shadow-2};
   --shadow-3: #{$shadow-3};

package/dist/scss/index.scss

@@ -10,3 +10,5 @@
 @import 'multiselect';
 @import 'toasted';
 @import 'dialogs';
+@import 'iterator';
+@import 'pager';

package/dist/types/iterator.d.ts

@@ -0,0 +1,11 @@
+export interface IIteratorRemovedItem<T> {
+  id: number | string;
+  index: number;
+  item: T;
+}
+
+export interface IIteratorSortField {
+  prop: string;
+  direction: 'asc' | 'desc';
+  type: 'date' | 'string' | 'number';
+}

package/dist/types/options.d.ts

@@ -24,6 +24,8 @@ export interface ldmuiOptions {
     'ld-text-markup'?: string;
     'ld-switch'?: string;
     'ld-dialog'?: string;
+    'ld-data-iterator'?: string;
+    'ld-pager'?: string;
   },
   viewport?: {
     isMobile: string;
@@ -46,4 +48,7 @@ export interface ldmuiOptions {
   LdTabs?: {
     header: string;
   }
+  LdPager?: {
+    entityName: (contentType: unknown, count: number) => string;
+  }
 }

package/dist/types/pager.d.ts

@@ -0,0 +1,10 @@
+export interface IPagerOptions {
+  page: number;
+  pageSize: number;
+  total: number;
+}
+
+export interface IPage {
+  number: number;
+  text: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "7.23.3",
     "@floating-ui/dom": "^1.6.3",
     "@ldmjs/core": "1.0.0",
-    "@ldmjs/datatable": "1.0.6",
+    "@ldmjs/datatable": "1.0.7",
     "@popperjs/core": "^2.11.8",
     "@types/babel__core": "^7",
     "@types/babel__plugin-transform-runtime": "^7",