@sava-info-systems/api-maker-with-extensions 1.11.0 → 1.12.0

package/dist/assets/images/icons/api-maker-deployment.svg

@@ -0,0 +1,5 @@
+<svg width="482" height="382" viewBox="0 0 482 382" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M243.817 235.186C257.633 222.994 226.994 225.448 243.817 235.186L248.845 220.024V159.974C248.845 153.759 245.52 147.979 240.136 144.892L186.3 113.897V87.3351C203.797 81.3973 216.385 64.8507 216.385 45.3353C216.385 20.8321 196.553 1 172.05 1C147.546 1 127.714 20.8321 127.714 45.3353C127.714 64.8507 140.302 81.3973 157.799 87.3351V113.897L103.963 144.892C98.5797 147.979 95.2545 153.759 95.2545 159.974V219.985L74.2745 232.137C60.4593 219.945 39.9146 217.332 23.1305 227.07C1.95252 239.342 -5.25196 266.418 6.90066 287.596C19.0929 308.774 46.0503 316.058 67.1491 303.826C83.9728 294.088 91.969 274.929 88.3667 256.799L107.645 245.596L163.301 277.66C165.993 279.204 169.002 279.996 172.01 279.996C175.018 279.996 178.027 279.204 180.719 277.66L236.336 245.636L243.817 235.186C227.033 225.448 240.215 253.276 243.817 235.186C231.665 256.404 264.916 247.418 243.817 235.186C264.916 247.418 256.01 213.968 243.817 235.186ZM54.5611 281.896C52.411 283.141 50.0359 283.949 47.5724 284.272C45.1089 284.596 42.6057 284.429 40.2068 283.782C37.808 283.134 35.561 282.019 33.595 280.499C31.629 278.98 29.983 277.087 28.7516 274.929C23.5264 265.864 26.614 254.226 35.679 249C37.8291 247.755 40.2042 246.947 42.6677 246.624C45.1312 246.3 47.6344 246.467 50.0332 247.114C52.4321 247.762 54.6791 248.877 56.6451 250.397C58.6111 251.916 60.2571 253.809 61.4885 255.967C66.7137 265.032 63.6261 276.67 54.5611 281.896ZM153.009 45.3353C153.111 40.3631 155.157 35.6288 158.709 32.1483C162.262 28.6678 167.037 26.7184 172.01 26.7184C176.983 26.7184 181.758 28.6678 185.311 32.1483C188.863 35.6288 190.909 40.3631 191.011 45.3353C190.909 50.3075 188.863 55.0417 185.311 58.5223C181.758 62.0028 176.983 63.9522 172.01 63.9522C167.037 63.9522 162.262 62.0028 158.709 58.5223C155.157 55.0417 153.111 50.3075 153.009 45.3353ZM220.304 221.964L172.01 249.792L123.716 221.964V166.386L172.01 138.558L220.304 166.386V221.964Z" fill="#8F3B3F"/>
+<path d="M243.817 235.186C226.994 225.448 257.633 222.994 243.817 235.186ZM243.817 235.186L248.845 220.024V159.974C248.845 153.759 245.52 147.979 240.136 144.892L186.3 113.897V87.3351C203.797 81.3973 216.385 64.8507 216.385 45.3353C216.385 20.8321 196.553 1 172.05 1C147.546 1 127.714 20.8321 127.714 45.3353C127.714 64.8507 140.302 81.3973 157.799 87.3351V113.897L103.963 144.892C98.5797 147.979 95.2545 153.759 95.2545 159.974V219.985L74.2745 232.137C60.4593 219.945 39.9146 217.332 23.1305 227.07C1.95252 239.342 -5.25196 266.418 6.90066 287.596C19.0929 308.774 46.0503 316.058 67.1491 303.826C83.9728 294.088 91.969 274.929 88.3667 256.799L107.645 245.596L163.301 277.66C165.993 279.204 169.002 279.996 172.01 279.996C175.018 279.996 178.027 279.204 180.719 277.66L236.336 245.636L243.817 235.186ZM243.817 235.186C240.215 253.276 227.033 225.448 243.817 235.186ZM243.817 235.186C264.916 247.418 231.665 256.404 243.817 235.186ZM243.817 235.186C256.01 213.968 264.916 247.418 243.817 235.186ZM54.5611 281.896C52.411 283.141 50.0359 283.949 47.5724 284.272C45.1089 284.596 42.6057 284.429 40.2068 283.782C37.808 283.134 35.561 282.019 33.595 280.499C31.629 278.98 29.983 277.087 28.7516 274.929C23.5264 265.864 26.614 254.226 35.679 249C37.8291 247.755 40.2042 246.947 42.6677 246.624C45.1312 246.3 47.6344 246.467 50.0332 247.114C52.4321 247.762 54.6791 248.877 56.6451 250.397C58.6111 251.916 60.2571 253.809 61.4885 255.967C66.7137 265.032 63.6261 276.67 54.5611 281.896ZM153.009 45.3353C153.111 40.3631 155.157 35.6288 158.709 32.1483C162.262 28.6678 167.037 26.7184 172.01 26.7184C176.983 26.7184 181.758 28.6678 185.311 32.1483C188.863 35.6288 190.909 40.3631 191.011 45.3353C190.909 50.3075 188.863 55.0417 185.311 58.5223C181.758 62.0028 176.983 63.9522 172.01 63.9522C167.037 63.9522 162.262 62.0028 158.709 58.5223C155.157 55.0417 153.111 50.3075 153.009 45.3353ZM220.304 221.964L172.01 249.792L123.716 221.964V166.386L172.01 138.558L220.304 166.386V221.964Z" stroke="#8F3B3F"/>
+<path d="M458.687 298.403C441.864 288.665 421.359 291.278 407.543 303.47L386.563 291.317V231.267C386.563 225.052 383.238 219.272 377.855 216.185L324.019 185.19V158.628C341.516 152.69 354.104 136.144 354.104 116.628C354.104 92.1251 334.271 72.293 309.768 72.293C285.265 72.293 265.433 92.1251 265.433 116.628C265.433 136.144 278.021 152.69 295.518 158.628V185.19L241.682 216.185C236.298 219.272 232.973 225.052 232.973 231.267V291.278L211.993 303.43C198.178 291.238 177.633 288.625 160.849 298.363C139.671 310.635 132.467 337.711 144.619 358.889C156.812 380.067 183.769 387.351 204.868 375.119C221.692 365.381 229.688 346.222 226.085 328.092L245.363 316.889L301.02 348.953C303.712 350.497 306.72 351.289 309.729 351.289C312.737 351.289 315.746 350.497 318.437 348.953L374.055 316.929L393.332 328.131C389.73 346.222 397.766 365.42 414.55 375.158C435.649 387.39 462.646 380.146 474.799 358.928C486.991 337.711 479.786 310.635 458.687 298.403ZM192.28 353.189C190.13 354.434 187.755 355.242 185.291 355.565C182.828 355.889 180.324 355.722 177.926 355.075C175.527 354.427 173.28 353.312 171.314 351.792C169.348 350.273 167.702 348.38 166.47 346.222C161.245 337.157 164.333 325.519 173.398 320.293C175.548 319.048 177.923 318.24 180.386 317.917C182.85 317.593 185.353 317.76 187.752 318.407C190.151 319.055 192.398 320.17 194.364 321.69C196.33 323.209 197.976 325.102 199.207 327.26C204.432 336.325 201.345 347.963 192.28 353.189ZM290.728 116.628C290.829 111.656 292.876 106.922 296.428 103.441C299.98 99.9607 304.756 98.0113 309.729 98.0113C314.702 98.0113 319.477 99.9607 323.029 103.441C326.582 106.922 328.628 111.656 328.73 116.628C328.628 121.6 326.582 126.335 323.029 129.815C319.477 133.296 314.702 135.245 309.729 135.245C304.756 135.245 299.98 133.296 296.428 129.815C292.876 126.335 290.829 121.6 290.728 116.628ZM358.023 293.257L309.729 321.085L261.435 293.257V237.679L309.729 209.851L358.023 237.679V293.257ZM452.987 346.261C447.762 355.326 436.203 358.453 427.178 353.228C418.152 348.003 415.025 336.365 420.25 327.3C425.476 318.235 437.034 315.108 446.06 320.333C455.125 325.558 458.212 337.157 452.987 346.261Z" fill="#E6E6E6" stroke="#E6E6E6"/>
+</svg>

package/dist/assets/schema-types/types.ts

@@ -329,7 +329,7 @@ export interface IPropertyConversionDefaults {
     /** This default value will converted to type and applied. */
     defaultValue?: any;
 
-    /** defaultValue has higher priority. If defaultValue is not present, system will execution this function and returned value will be set. */
+    /** defaultValue has higher priority compare to defaultFun. If defaultValue is not present, system will execution this function and returned value will be set. */
     defaultFun?: Function;
 
     /** If true, it will apply default value when value is also null. */
@@ -1788,7 +1788,7 @@ export interface IDBMasterConfig {
          * */
         showOtherFieldErrors?: boolean;
 
-        /** If it is empty, and operation.add is true, then it will generate form based on schema with all fields. */
+        /** Generates UI controls. */
         fields?: IDBMasterConfigFormField[][];
     };
 
@@ -2127,8 +2127,17 @@ export interface IDBMasterConfigFormField {
     /** This text will be displayed under control in small. HTML supported. */
     helpText?: string;
 
+    /** database field name, UI control value will be saved on this property in save/update object. */
     path?: string;
-    control: EDBMasterFormControl;
+
+    /** UI control type */
+    control?: EDBMasterFormControl;
+
+    /**
+     * Default : col-lg mt-4 col-md-{ 12 / ((columns.length === 2 ? 4 : columns.length) / 2) } <br/>
+     * It will be applied to parent div which holds UI control in it.
+     * */
+    cssClassDiv?: string;
 
     /** if true, that control will take focus automatically. */
     autofocus?: boolean;
@@ -2139,6 +2148,9 @@ export interface IDBMasterConfigFormField {
     /** if true or undefined, control will be visible. If string provides, it will evaluate that string and make it visible/invisible based on that. */
     visible?: boolean | string;
 
+    /** Generates UI controls. */
+    fields?: IDBMasterConfigFormField[][];
+
     validations?: Pick<IPropertyValidation, 'required'>;
     validationErrors?: {
         required?: string;
@@ -2161,6 +2173,13 @@ export interface IDBMasterConfigFormField {
         /** Maximum number of character allows in the input field. */
         maxLength?: number;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2215,6 +2234,13 @@ export interface IDBMasterConfigFormField {
         /** Minimum number of character allows in the input field. */
         minLength?: number;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2293,6 +2319,13 @@ export interface IDBMasterConfigFormField {
         /** Minimum number of character allows in the input field. */
         minLength?: number;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2365,6 +2398,13 @@ export interface IDBMasterConfigFormField {
         /** Maximum number of character allows in the input field. */
         maxLength?: number;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2416,6 +2456,13 @@ export interface IDBMasterConfigFormField {
 
         /** Number of characters to initiate. */
         length?: number;
+
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
     };
     // inputOtpSettings : end
 
@@ -2432,6 +2479,13 @@ export interface IDBMasterConfigFormField {
         /** Maximum number of character allows in the input field. */
         maxLength?: number;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2469,6 +2523,13 @@ export interface IDBMasterConfigFormField {
 
     // checkboxSettings : start
     checkboxSettings?: {
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2504,12 +2565,92 @@ export interface IDBMasterConfigFormField {
     };
     // checkboxSettings : end
 
+    // ratingSettings : start
+    ratingSettings?: {
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
+        /** When specified a cancel icon is displayed to allow removing the value. */
+        cancel?: boolean;
+
+        /** Style class of the on icon. */
+        iconOnClass?: string;
+
+        /** Inline style of the on icon. */
+        iconOnStyle?: any;
+
+        /** Style class of the off icon. */
+        iconOffClass?: string;
+
+        /** Inline style of the off icon. */
+        iconOffStyle?: any;
+
+        /** Style class of the cancel icon. */
+        iconCancelClass?: string;
+
+        /** Inline style of the cancel icon. */
+        iconCancelStyle?: any;
+
+        /** Number of stars. */
+        stars?: number;
+
+        /** cancel rating custom HTML */
+        cancelIconHTML?: string;
+        onIconHTML?: string;
+        offIconHTML?: string;
+
+        jsCode?: {
+            /**
+             * Available variables:<br/>
+             * formData: any = Entire form object<br/>
+             * column: IDBMasterConfigFormField = Configuration of that form column. column.dropdownSettings?.dbData?.find will be query to get data. <br/>
+             * allDropdownDataMap: {[path: string]: any[]} = Map of all dropdown data<br/>
+             * globalData: any = User will send it using SET_GLOBAL_DATA_TO_USE_IN_ANY_SCRIPT event from parent. <br/>
+             * utils: any = Common utility functions for user to use. <br/>
+             * queryParams: any = Query params received from URL. <br/>
+             * config: IDBMasterConfigFormField <br/>
+             * event: any <br/>
+             */
+            appendTo: EDBMasterRatingAppendTo,
+            /**
+             * // dropdownData is available to use.
+             *
+             * // Return promise for long awaiting tasks.
+             * new Promise(async (resolve, reject) => {
+             *     await new Promise(r => setTimeout(r, 3000));
+             *     dropdownData[0].name = 'Sample data';
+             *     resolve();
+             * });
+             *
+             * // Directly modify data of grid
+             * dropdownData[0].name = 'Sample data';
+             *
+             * // Return function
+             * (function setData() { dropdownData[0].name = 'Sample data'; } );
+             *
+             */
+            code: string,
+        }[],
+    };
+    // ratingSettings : end
+
     // radioSettings : start
     radioSettings?: {
         displayType?: 'inline' | 'new_line';
         displayInCenter?: boolean;
         options: { label: string; value: any }[];
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2579,6 +2720,13 @@ export interface IDBMasterConfigFormField {
          */
         view?: 'date' | 'month' | 'year';
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2624,6 +2772,13 @@ export interface IDBMasterConfigFormField {
 
         format?: 'hex' | 'rgb' | 'hsb';
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -2699,12 +2854,19 @@ export interface IDBMasterConfigFormField {
         /** Default : false, Make it true to handle huge amount of data. */
         virtualScroll?: boolean;
 
-        /** on value change of current dropdown, it will change values of these dropdowns and reload them. */
+        /** on value change of current dropdown | auto complete | multi select, it will change values of these dropdowns | auto completes | multi selects and reload them. */
         reloadDropdownsOfPath?: string[];
 
         /** API call will happen when these values of path are present in formData */
         isDependentOnPath?: string[];
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * modifyDropdownRequest = It will run before hitting API call. So we can do whatever we want.<br/>
@@ -2761,7 +2923,7 @@ export interface IDBMasterConfigFormField {
         showClear?: boolean;
 
         /** Minimum number of characters to initiate a search. */
-        minLength?: number;
+        minLengthForSearch?: number;
 
         /** Delay between keystrokes to wait before sending a query. */
         delay?: number;
@@ -2784,7 +2946,7 @@ export interface IDBMasterConfigFormField {
         optionLabel?: string;
 
         /** Default : value */
-        optionValue?: string;
+        // optionValue?: string;
 
         /** one field or multiple comma separated fields are supported without any space in between. */
         filterBy?: string;
@@ -2796,14 +2958,25 @@ export interface IDBMasterConfigFormField {
         /** Default : false, Make it true to handle huge amount of data. */
         virtualScroll?: boolean;
 
-        /** on value change of current dropdown, it will change values of these dropdowns and reload them. */
+        /** on value change of current dropdown | auto complete | multi select, it will change values of these dropdowns | auto completes | multi selects and reload them. */
         reloadDropdownsOfPath?: string[];
 
         /** API call will happen when these values of path are present in formData */
         isDependentOnPath?: string[];
 
+        /** Displays a button next to the input field when enabled. */
         dropdown?: boolean;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
+        /** Maximum number of character allows in the input field. */
+        maxLength?: number;
+
         addNewFormConfig?: IDBMasterConfig;
 
         apiCallOverrides?: IDBMasterAPICallOverrides;
@@ -2883,12 +3056,17 @@ export interface IDBMasterConfigFormField {
         /** Default : value */
         optionValue?: string;
 
+        /** Whether to show the header. */
+        showHeader?: boolean;
+
         /** Enable filter */
         filter?: boolean;
 
         /** one field or multiple comma separated fields are supported without any space in between. */
         filterBy?: string;
-        filterMatchMode?: 'contains' | 'startsWith' | 'endsWith';
+
+        /** Default: 'contains', Defines how the items are filtered.  */
+        filterMatchMode?: 'endsWith' | 'startsWith' | 'contains' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte';
 
         /** Default : false, if true it will get latest data when form opens for add/edit operation. */
         alwaysGetLatestDataOnFormOpen?: boolean;
@@ -2896,7 +3074,41 @@ export interface IDBMasterConfigFormField {
         /** Default : false, Make it true to handle huge amount of data. */
         virtualScroll?: boolean;
 
-        /** on value change of current dropdown, it will change values of these dropdowns and reload them. */
+        /** Decides how many selected item labels to show at most. */
+        maxSelectedLabels?: number;
+
+        /** Decides how many items can be selected at most. */
+        selectionLimit?: number;
+
+        /** Ex: "{0} items selected", Label to display after exceeding max selected labels. defaults "ellipsis" keyword to indicate a text-overflow. */
+        selectedItemsLabel?: string;
+
+        /** Whether to show the checkbox at header to toggle all items at once. */
+        showToggleAll?: boolean;
+
+        /** Name of the disabled field of an option. */
+        optionDisabled?: string;
+
+        /** Name of the label field of an option group. */
+        optionGroupLabel?: string;
+
+        /** Name of the options field of an option group. */
+        optionGroupChildren?: string;
+
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
+        /**
+         * Defines how the selected items are displayed.
+         * @group Props
+         */
+        display: 'comma' | 'chip';
+
+        /** on value change of current dropdown | auto complete | multi select, it will change values of these dropdowns | auto completes | multi selects and reload them. */
         reloadDropdownsOfPath?: string[];
 
         /** API call will happen when these values of path are present in formData */
@@ -2991,6 +3203,13 @@ export interface IDBMasterConfigFormField {
 
         /** internal use only */
         _fileSelectEvent?: any;
+
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
     };
     // fileUploadSettings : end
 
@@ -3191,6 +3410,13 @@ export interface IDBMasterConfigFormField {
         /** Style class of the badge. */
         size?: 'small' | 'large' | undefined | null;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -3254,6 +3480,13 @@ export interface IDBMasterConfigFormField {
         /** The source path for the preview image. */
         previewImageSrc?: string;
 
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
         jsCode?: {
             /**
              * Available variables:<br/>
@@ -3295,6 +3528,83 @@ export interface IDBMasterConfigFormField {
     };
     // customHTMLSettings : end
 
+    // knobSettings : start
+    knobSettings?: {
+        /** Advisory information to display in a tooltip on hover. */
+        tooltip?: string;
+
+        /** Type of CSS position. */
+        tooltipPosition?: 'left' | 'top' | 'bottom' | 'right';
+        tooltipStyleClass?: string;
+
+        /** Style class of the component. */
+        cssClass?: string | undefined;
+
+        /** Inline style of the component. */
+        style?: any;
+
+        /** Background of the value. */
+        valueColor?: string | undefined;
+
+        /** Background color of the range. */
+        rangeColor?: string;
+
+        /** Color of the value text. */
+        textColor?: string;
+
+        /** Template string of the value. */
+        valueTemplate?: string;
+
+        /** Size of the component in pixels. */
+        size?: number;
+
+        /** Step factor to increment/decrement the value. */
+        step?: number;
+
+        /** Minimum boundary value. */
+        min?: number;
+
+        /** Maximum boundary value. */
+        max?: number;
+
+        /** Width of the knob stroke. */
+        strokeWidth?: number;
+
+        jsCode?: {
+            /**
+             * Available variables:<br/>
+             * formData: any = Entire form object<br/>
+             * column: IDBMasterConfigFormField = Configuration of that form column. column.dropdownSettings?.dbData?.find will be query to get data. <br/>
+             * allDropdownDataMap: {[path: string]: any[]} = Map of all dropdown data<br/>
+             * globalData: any = User will send it using SET_GLOBAL_DATA_TO_USE_IN_ANY_SCRIPT event from parent. <br/>
+             * utils: any = Common utility functions for user to use. <br/>
+             * queryParams: any = Query params received from URL. <br/>
+             * config: IDBMasterConfigFormField <br/>
+             * event: any <br/>
+             */
+            appendTo: EDBMasterKnobAppendTo,
+            /**
+             * // dropdownData is available to use.
+             *
+             * // Return promise for long awaiting tasks.
+             * new Promise(async (resolve, reject) => {
+             *     await new Promise(r => setTimeout(r, 3000));
+             *     dropdownData[0].name = 'Sample data';
+             *     resolve();
+             * });
+             *
+             * // Directly modify data of grid
+             * dropdownData[0].name = 'Sample data';
+             *
+             * // Return function
+             * (function setData() { dropdownData[0].name = 'Sample data'; } );
+             *
+             */
+            code: string,
+        }[],
+    };
+    // knobSettings : end
+
 // genericConfig : start
 }
 
@@ -3335,6 +3645,14 @@ export enum EDBMasterAutoCompleteAppendTo {
     disabled = 'disabled',
     modifyAutoCompleteRequest = 'modifyAutoCompleteRequest',
     onceAutoCompleteDataLoaded = 'onceAutoCompleteDataLoaded',
+    focus = 'focus',
+    blur = 'blur',
+    keyUp = 'keyUp',
+    keyDown = 'keyDown',
+    onShow = 'onShow',
+    onHide = 'onHide',
+    onClear = 'onClear',
+    onDropdownClick = 'onDropdownClick',
 }
 
 // autocompleteSettings : end
@@ -3346,6 +3664,12 @@ export enum EDBMasterMultiSelectAppendTo {
     modifyMultiSelectRequest = 'modifyMultiSelectRequest',
     onceMultiSelectDataLoaded = 'onceMultiSelectDataLoaded',
     onChange = 'onChange',
+    focus = 'focus',
+    blur = 'blur',
+    keyUp = 'keyUp',
+    keyDown = 'keyDown',
+    onClear = 'onClear',
+    onSelectAllChange = 'onSelectAllChange',
 }
 
 // multiselectSettings : end
@@ -3485,6 +3809,28 @@ export enum EDBMasterCheckboxAppendTo {
 
 // checkboxSettings : end
 
+// ratingSettings : start
+export enum EDBMasterRatingAppendTo {
+    visible = 'visible',
+    disabled = 'disabled',
+    ngModelChange = 'ngModelChange',
+    onRate = 'onRate',
+    onCancel = 'onCancel',
+    onFocus = 'onFocus',
+    onBlur = 'onBlur',
+}
+
+// ratingSettings : end
+
+// knobSettings : start
+export enum EDBMasterKnobAppendTo {
+    visible = 'visible',
+    disabled = 'disabled',
+    ngModelChange = 'ngModelChange',
+}
+
+// knobSettings : end
+
 // radioSettings : start
 export enum EDBMasterRadioAppendTo {
     visible = 'visible',
@@ -3562,6 +3908,8 @@ export enum EDBMasterFormControl {
     file_upload = 'file_upload',
     grid = 'grid',
     divider = 'divider',
+    rating = 'rating',
+    knob = 'knob',
 
     // Field holder controls
     accordion = 'accordion',

package/dist/assets/styles/out/styles.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Verdana;src:url(../fonts/Verdana.ttf)}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMonoRegular.ttf)}body{min-width:1349px}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:#5b5b5b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5b5b5b}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadein{0%{opacity:0}to{opacity:1}}.cursor-pointer{cursor:pointer}.text-v-small{font-size:70%}.mt-1px{margin-top:1px}.mt--1px{margin-top:-1px}.mt--2px{margin-top:-2px}.dialog-text{margin:30px;text-align:center}.full-body{height:calc(100vh - 56px)}.line-height-1-3{line-height:1.3rem}.line-height-1{line-height:1rem}.line-height-1-plain{line-height:1}.icon-inside-table-cell{height:30px;padding:0!important;text-align:center!important;vertical-align:middle!important;width:30px}.icon-inside-table-cell img{height:20px;width:20px}.font-monospaced{font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-verdana{font-family:Verdana,sans-serif}.font-jetbrains-mono{font-family:JetBrains Mono,Monaco,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic{font-style:italic}.w-10-nowrap{white-space:nowrap;width:10px}.btn-xsm-custom{height:23px;line-height:.5;padding:0;width:30px}.text-yellow{color:#dbdb37}textarea{resize:none}.request-cancel-button{left:calc(50% - 50px);margin:0;position:absolute;text-transform:uppercase;top:calc(50% + 40px);width:100px;z-index:2}.maximize-testing-tab{height:calc(100vh - 26px);left:0;position:absolute;top:0;width:100%}.maximize-testing-panel{border:0;position:absolute;top:0;width:100%}.panel-body-h{height:calc(100vh - 75px)}.tab-content-h{height:calc(100vh - 80px)}.tab-content-h-maximize{height:calc(100vh - 64px)}.tab-content-h-maximize .monaco-code-h{height:calc(100vh - 100px)!important}.api-list .monaco-code-h{height:calc(100vh - 238px)}.api-list-test-hook .monaco-code-h{height:calc(100vh - 360px)}.modal-full{max-width:calc(100vw - 100px)}.table-no-padding td{height:30px;padding:0}.table-no-padding td div{min-height:30px;padding:.2rem .75rem}.table-no-padding td div.selected-row{background-color:rgba(47,100,115,.341)}.font-label{font-size:.875rem}.highlightMatchedWord{background:#ff0!important;color:#000!important;font-weight:700!important}.highlightLineHavingError{border-bottom:1px dashed red}.parent-notes-modal .child-notes-grid{height:calc(100% - 10px)!important}.prevent-text-selection{-webkit-user-select:none;-moz-user-select:none;user-select:none}.logs-collapse-div{background:#3d3d3d;height:25px}.preHookCounter{right:.5em;rotate:270deg}.postHookCounter,.preHookCounter{align-items:center;background-color:grey;border-radius:.8em;color:#fff;display:flex;font-size:.8em;height:1.5em;justify-content:center;min-width:1.5em;position:absolute}.postHookCounter{right:-.5em;rotate:90deg}div.delta-to-html .ql-size-huge{font-size:xx-large}div.delta-to-html pre{background:#1d1d1d;color:inherit;display:block;font-size:87.5%;padding:10px}div.delta-to-html table,div.delta-to-html td,div.delta-to-html th{border:1px solid grey;text-align:left}div.delta-to-html table{background:#3b3b3b;border-collapse:collapse;border-color:grey;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}div.delta-to-html td,div.delta-to-html th{padding:6px}div.delta-to-html tr:nth-of-type(odd){background:rgba(40,40,40,.78)}app-fun-man-layout .custom-api-grid-height{height:calc(100vh - 82px)}app-db-cell-layout app-w-instances .instance-grid-height{height:calc(100vh - 94px)}app-db-cell-layout app-w-collections .collection-grid-height,app-db-cell-layout app-w-databases .database-grid-height{height:calc(50vh - 68px)}app-system-api-layout app-system-api-w .system-api-grid-height{height:calc(100vh - 82px)}app-event-man-layout app-events-grid .events-grid-height,app-tp-api-layout app-w-supported-tp-api .system-api-grid-height{height:calc(100vh - 94px)}app-scheduler-man-layout app-scheduler-man-w .schedulers-grid-height,app-web-socket-events-layout-grid app-web-socket-events-grid .ws-events-grid-height{height:calc(100vh - 82px)}app-logprofile-layout app-w-logprofiles .log-profile-grid-height,app-utility-classes-layout app-utility-classes-list .utility-classes-grid-height{height:calc(100vh - 94px)}app-notes-layout app-notes-list .notes-grid-height{height:calc(100vh - 86px)}app-notes-layout app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-notes-modal app-notes-list .notes-grid-height{height:calc(100vh - 102px)}app-notes-modal app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-code-finder-modal app-code-finder-w .code-finder-height{height:calc(100vh - 72px)!important}app-root app-code-finder-w .code-finder-height{height:calc(100vh - 52px)}.dropdown-menu{z-index:1051}a{color:#aaa}.p-tree-empty-message{padding-top:20px;position:absolute;text-align:center;width:100%}.json-key{color:#9d74af}.json-val{color:#6aab73}#svgContainerId svg{height:calc(100vh - 88px);width:calc(100vw - 20px)}#svgContainerId rect,#svgContainerId text{cursor:grab}.p-datatable-header{padding:0!important}.width-300{width:300px}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:none!important;color:inherit!important}p-radioButton.inline-small-radio .p-radiobutton-label{margin-bottom:0!important}.word-break-all{word-break:break-all}
+@font-face{font-family:Verdana;src:url(../fonts/Verdana.ttf)}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMonoRegular.ttf)}body{min-width:1349px}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:#5b5b5b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5b5b5b}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadein{0%{opacity:0}to{opacity:1}}.cursor-pointer{cursor:pointer}.text-v-small{font-size:70%}.mt-1px{margin-top:1px}.mt--1px{margin-top:-1px}.mt--2px{margin-top:-2px}.dialog-text{margin:30px;text-align:center}.full-body{height:calc(100vh - 56px)}.line-height-1-3{line-height:1.3rem}.line-height-1{line-height:1rem}.line-height-1-plain{line-height:1}.icon-inside-table-cell{height:30px;padding:0!important;text-align:center!important;vertical-align:middle!important;width:30px}.icon-inside-table-cell img{height:20px;width:20px}.font-monospaced{font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-verdana{font-family:Verdana,sans-serif}.font-jetbrains-mono{font-family:JetBrains Mono,Monaco,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic{font-style:italic}.w-10-nowrap{white-space:nowrap;width:10px}.btn-xsm-custom{height:23px;line-height:.5;padding:0;width:30px}.text-yellow{color:#dbdb37}textarea{resize:none}.request-cancel-button{left:calc(50% - 50px);margin:0;position:absolute;text-transform:uppercase;top:calc(50% + 40px);width:100px;z-index:2}.maximize-testing-tab{height:calc(100vh - 26px);left:0;position:absolute;top:0;width:100%}.maximize-testing-panel{border:0;position:absolute;top:0;width:100%}.panel-body-h{height:calc(100vh - 75px)}.tab-content-h{height:calc(100vh - 80px)}.tab-content-h-maximize{height:calc(100vh - 64px)}.tab-content-h-maximize .monaco-code-h{height:calc(100vh - 100px)!important}.api-list .monaco-code-h{height:calc(100vh - 238px)}.api-list-test-hook .monaco-code-h{height:calc(100vh - 360px)}.modal-full{max-width:calc(100vw - 100px)}.table-no-padding td{height:30px;padding:0}.table-no-padding td div{min-height:30px;padding:.2rem .75rem}.table-no-padding td div.selected-row{background-color:rgba(47,100,115,.341)}.font-label{font-size:.875rem}.highlightMatchedWord{background:#ff0!important;color:#000!important;font-weight:700!important}.highlightLineHavingError{border-bottom:1px dashed red}.parent-notes-modal .child-notes-grid{height:calc(100% - 10px)!important}.prevent-text-selection{-webkit-user-select:none;-moz-user-select:none;user-select:none}.logs-collapse-div{background:#3d3d3d;height:25px}.preHookCounter{right:.5em;rotate:270deg}.postHookCounter,.preHookCounter{align-items:center;background-color:grey;border-radius:.8em;color:#fff;display:flex;font-size:.8em;height:1.5em;justify-content:center;min-width:1.5em;position:absolute}.postHookCounter{right:-.5em;rotate:90deg}div.delta-to-html .ql-size-huge{font-size:xx-large}div.delta-to-html pre{background:#1d1d1d;color:inherit;display:block;font-size:87.5%;padding:10px}div.delta-to-html table,div.delta-to-html td,div.delta-to-html th{border:1px solid grey;text-align:left}div.delta-to-html table{background:#3b3b3b;border-collapse:collapse;border-color:grey;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}div.delta-to-html td,div.delta-to-html th{padding:6px}div.delta-to-html tr:nth-of-type(odd){background:rgba(40,40,40,.78)}app-fun-man-layout .custom-api-grid-height{height:calc(100vh - 82px)}app-db-cell-layout app-w-instances .instance-grid-height{height:calc(100vh - 94px)}app-db-cell-layout app-w-collections .collection-grid-height,app-db-cell-layout app-w-databases .database-grid-height{height:calc(50vh - 68px)}app-system-api-layout app-system-api-w .system-api-grid-height{height:calc(100vh - 82px)}app-event-man-layout app-events-grid .events-grid-height,app-tp-api-layout app-w-supported-tp-api .system-api-grid-height{height:calc(100vh - 94px)}app-scheduler-man-layout app-scheduler-man-w .schedulers-grid-height,app-web-socket-events-layout-grid app-web-socket-events-grid .ws-events-grid-height{height:calc(100vh - 82px)}app-logprofile-layout app-w-logprofiles .log-profile-grid-height,app-utility-classes-layout app-utility-classes-list .utility-classes-grid-height{height:calc(100vh - 94px)}app-notes-layout app-notes-list .notes-grid-height{height:calc(100vh - 86px)}app-notes-layout app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-notes-modal app-notes-list .notes-grid-height{height:calc(100vh - 102px)}app-notes-modal app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-code-finder-modal app-code-finder-w .code-finder-height{height:calc(100vh - 72px)!important}app-root app-code-finder-w .code-finder-height{height:calc(100vh - 52px)}.dropdown-menu{z-index:1051}a{color:#aaa}.p-tree-empty-message{padding-top:20px;position:absolute;text-align:center;width:100%}.json-key{color:#9d74af}.json-val{color:#6aab73}#svgContainerId svg{height:calc(100vh - 88px);width:calc(100vw - 20px)}#svgContainerId rect,#svgContainerId text{cursor:grab}.p-datatable-header{padding:0!important}.width-300{width:300px}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:none!important;color:inherit!important}p-radioButton.inline-small-radio .p-radiobutton-label{margin-bottom:0!important}.word-break-all{word-break:break-all}#id_api_maker_deploy_file_upload .p-fileupload-content{padding:10px 0;text-align:left}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:first-of-type{display:none}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(2){padding:0 0 0 10px;width:75%}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(3){padding:0;text-align:center}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(4){padding:0 10px 0 0;width:74px}.id_ptree_db_master_config_outline .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{height:1.5rem;margin-right:0;width:1.5rem}
 /*# sourceMappingURL=styles.css.map */