@zeedhi/common 1.41.0 → 1.42.0

package/dist/zd-common.esm.js

@@ -5963,11 +5963,12 @@ class Select extends TextInput {
     overrideGet() {
         const oldGet = this.datasource.get;
         this.datasource.get = () => __awaiter(this, void 0, void 0, function* () {
-            yield oldGet.call(this.datasource);
-            if (this.indexOf(this.value) !== -1 || this.datasource.search || this.isFocused)
-                return;
-            yield this.setValue(this.value, false);
-            this.removePushedValue();
+            const response = yield oldGet.call(this.datasource);
+            if (this.indexOf(this.value) === -1 && !this.datasource.search && !this.isFocused) {
+                yield this.setValue(this.value, false);
+                this.removePushedValue();
+            }
+            return response;
         });
     }
     get search() {
@@ -8926,6 +8927,40 @@ class SelectTreeMultiple extends SelectTree {
     }
 }
 
+/**
+ * Base class for SelectableList component.
+ */
+class SelectableList extends List {
+    constructor(props) {
+        super(props);
+        /**
+         * Specifies whether at least one element must be selected
+         */
+        this.mandatory = false;
+        /**
+         * Defines the maximum number of elements the list has
+         */
+        this.max = undefined;
+        /**
+         * Defines how many elements of the list can be selected at the same time
+         */
+        this.multiple = undefined;
+        /**
+         * Sets the active list-item inside the list-group
+         */
+        this.value = undefined;
+        this.activeClass = this.getInitValue('activeClass', props.activeClass, this.activeClass);
+        this.mandatory = this.getInitValue('mandatory', props.mandatory, this.mandatory);
+        this.max = this.getInitValue('max', props.max, this.max);
+        this.multiple = this.getInitValue('multiple', props.multiple, this.multiple);
+        this.value = this.getInitValue('value', props.value, this.value);
+        this.createAccessors();
+    }
+    change(event, element) {
+        this.callEvent('change', { event, element, component: this });
+    }
+}
+
 /**
  * Base class for SpeedDial component.
  */
@@ -9283,6 +9318,31 @@ class Tabs extends ComponentRender {
         }
         return tab;
     }
+    /**
+     * Method for navigating to the next tab
+     * @param loop Defines if want a loop navigation
+     */
+    nextTab(loop = false) {
+        if (loop) {
+            this.activeTab = (this.activeTab + 1) % this.tabs.length;
+        }
+        else if (this.activeTab < this.tabs.length - 1) {
+            this.activeTab += 1;
+        }
+    }
+    /**
+     * Method for navigating to the previous tab
+     * @param loop Defines if want a loop navigation
+     */
+    previousTab(loop = false) {
+        if (loop) {
+            const newTabIndex = (this.activeTab - 1) % this.tabs.length;
+            this.activeTab = newTabIndex >= 0 ? newTabIndex : newTabIndex + this.tabs.length;
+        }
+        else if (this.activeTab > 0) {
+            this.activeTab -= 1;
+        }
+    }
     /**
      * Triggered before tab is change.
      * @param event DOM event
@@ -11691,4 +11751,4 @@ class Report {
 
 const AutoNumeric = require('@zeedhi/autonumeric/dist/autoNumeric');
 
-export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };
+export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SelectableList, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };

package/dist/zd-common.umd.js

@@ -5970,11 +5970,12 @@
       overrideGet() {
           const oldGet = this.datasource.get;
           this.datasource.get = () => __awaiter(this, void 0, void 0, function* () {
-              yield oldGet.call(this.datasource);
-              if (this.indexOf(this.value) !== -1 || this.datasource.search || this.isFocused)
-                  return;
-              yield this.setValue(this.value, false);
-              this.removePushedValue();
+              const response = yield oldGet.call(this.datasource);
+              if (this.indexOf(this.value) === -1 && !this.datasource.search && !this.isFocused) {
+                  yield this.setValue(this.value, false);
+                  this.removePushedValue();
+              }
+              return response;
           });
       }
       get search() {
@@ -8933,6 +8934,40 @@
       }
   }
 
+  /**
+   * Base class for SelectableList component.
+   */
+  class SelectableList extends List {
+      constructor(props) {
+          super(props);
+          /**
+           * Specifies whether at least one element must be selected
+           */
+          this.mandatory = false;
+          /**
+           * Defines the maximum number of elements the list has
+           */
+          this.max = undefined;
+          /**
+           * Defines how many elements of the list can be selected at the same time
+           */
+          this.multiple = undefined;
+          /**
+           * Sets the active list-item inside the list-group
+           */
+          this.value = undefined;
+          this.activeClass = this.getInitValue('activeClass', props.activeClass, this.activeClass);
+          this.mandatory = this.getInitValue('mandatory', props.mandatory, this.mandatory);
+          this.max = this.getInitValue('max', props.max, this.max);
+          this.multiple = this.getInitValue('multiple', props.multiple, this.multiple);
+          this.value = this.getInitValue('value', props.value, this.value);
+          this.createAccessors();
+      }
+      change(event, element) {
+          this.callEvent('change', { event, element, component: this });
+      }
+  }
+
   /**
    * Base class for SpeedDial component.
    */
@@ -9290,6 +9325,31 @@
           }
           return tab;
       }
+      /**
+       * Method for navigating to the next tab
+       * @param loop Defines if want a loop navigation
+       */
+      nextTab(loop = false) {
+          if (loop) {
+              this.activeTab = (this.activeTab + 1) % this.tabs.length;
+          }
+          else if (this.activeTab < this.tabs.length - 1) {
+              this.activeTab += 1;
+          }
+      }
+      /**
+       * Method for navigating to the previous tab
+       * @param loop Defines if want a loop navigation
+       */
+      previousTab(loop = false) {
+          if (loop) {
+              const newTabIndex = (this.activeTab - 1) % this.tabs.length;
+              this.activeTab = newTabIndex >= 0 ? newTabIndex : newTabIndex + this.tabs.length;
+          }
+          else if (this.activeTab > 0) {
+              this.activeTab -= 1;
+          }
+      }
       /**
        * Triggered before tab is change.
        * @param event DOM event
@@ -11780,6 +11840,7 @@
   exports.SelectMultiple = SelectMultiple;
   exports.SelectTree = SelectTree;
   exports.SelectTreeMultiple = SelectTreeMultiple;
+  exports.SelectableList = SelectableList;
   exports.SpeedDial = SpeedDial;
   exports.Steppers = Steppers;
   exports.SvgMap = SvgMap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.41.0",
+  "version": "1.42.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -37,5 +37,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "8ca8a393eef096d9012bb2730f60588db71db828"
+  "gitHead": "1b3927e4fa74176f8c1dcfa909db8d89d39711e5"
 }

package/types/components/index.d.ts

@@ -121,6 +121,8 @@ export * from './zd-select-tree/select-tree';
 export * from './zd-select-tree/interfaces';
 export * from './zd-select-tree-multiple/select-tree-multiple';
 export * from './zd-select-tree-multiple/interfaces';
+export * from './zd-selectable-list/selectable-list';
+export * from './zd-selectable-list/interfaces';
 export * from './zd-speed-dial/speed-dial';
 export * from './zd-speed-dial/interfaces';
 export * from './zd-steppers/steppers';

package/types/components/zd-selectable-list/interfaces.d.ts

@@ -4,4 +4,5 @@ export interface ISelectableList extends IList {
     mandatory?: boolean;
     max?: number;
     multiple?: boolean;
+    value?: any;
 }

package/types/components/zd-selectable-list/selectable-list.d.ts

@@ -16,14 +16,14 @@ export declare class SelectableList extends List implements ISelectableList {
      * Defines the maximum number of elements the list has
      */
     max?: number;
-    /**
-     * Defines the maximum number of elements the list has
-     */
-    value?: string;
     /**
      * Defines how many elements of the list can be selected at the same time
      */
     multiple?: boolean;
+    /**
+     * Sets the active list-item inside the list-group
+     */
+    value?: any;
     constructor(props: ISelectableList);
     change(event?: Event, element?: HTMLElement): void;
 }

package/types/components/zd-tabs/tabs.d.ts

@@ -15,6 +15,16 @@ export declare class Tabs extends ComponentRender implements ITabs {
     constructor(props: ITabs);
     private getTabs;
     getTab(name: string): Tab;
+    /**
+     * Method for navigating to the next tab
+     * @param loop Defines if want a loop navigation
+     */
+    nextTab(loop?: boolean): void;
+    /**
+     * Method for navigating to the previous tab
+     * @param loop Defines if want a loop navigation
+     */
+    previousTab(loop?: boolean): void;
     /**
      * Triggered before tab is change.
      * @param event DOM event