@koobiq/components 17.0.0-rc.2 → 17.0.0-rc.3

package/fesm2022/koobiq-components-core.mjs

@@ -55,10 +55,10 @@ const kbqSelectAnimations = {
             opacity: 0
         })),
         transition('void => *', group([
-            animate('150ms cubic-bezier(0.25, 0.8, 0.25, 1)')
+            animate('0ms cubic-bezier(0.25, 0.8, 0.25, 1)')
         ])),
         transition('* => void', [
-            animate('250ms 100ms linear', style({ opacity: 0 }))
+            animate('0ms 0ms linear', style({ opacity: 0 }))
         ])
     ]),
     /**
@@ -70,7 +70,7 @@ const kbqSelectAnimations = {
         state('showing', style({ opacity: 1 })),
         transition('void => showing', [
             style({ opacity: 0 }),
-            animate('150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)')
+            animate('0ms 0ms cubic-bezier(0.55, 0, 0.55, 0.2)')
         ])
     ])
 };
@@ -726,6 +726,22 @@ const enUSFormattersData = {
             groupSeparator: [','],
             fractionSeparator: '.'
         }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['B', 'KB', 'MB', 'GB', 'TB'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['B', 'KiB', 'MiB', 'GiB', 'TiB'],
+                base: 2,
+                power: 10
+            }
+        }
     }
 };
 const esLAFormattersData = {
@@ -748,6 +764,22 @@ const esLAFormattersData = {
             groupSeparator: [' ', ' '],
             fractionSeparator: ','
         }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
     }
 };
 const faIRFormattersData = {
@@ -769,6 +801,22 @@ const faIRFormattersData = {
             groupSeparator: ['\u066C'],
             fractionSeparator: '\u066B'
         }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
     }
 };
 const ptBRFormattersData = {
@@ -789,6 +837,22 @@ const ptBRFormattersData = {
             groupSeparator: ['.'],
             fractionSeparator: ','
         }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
     }
 };
 const ruRUFormattersData = {
@@ -812,6 +876,22 @@ const ruRUFormattersData = {
             fractionSeparator: ',',
             startFormattingFrom: 4
         }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
     }
 };
 const zhCNFormattersData = {
@@ -831,6 +911,22 @@ const zhCNFormattersData = {
             groupSeparator: [','],
             fractionSeparator: '.'
         }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
     }
 };
 
@@ -2596,20 +2692,17 @@ class KbqPopUpTrigger {
         this.clearListeners();
         if (this.trigger.includes(PopUpTriggers.Click)) {
             this.listeners
-                .set('click', () => this.show())
-                .forEach(this.addEventListener);
+                .set(...this.createListener('click', this.show));
         }
         if (this.trigger.includes(PopUpTriggers.Hover)) {
             this.listeners
-                .set('mouseenter', () => this.show())
-                .set('mouseleave', () => this.hide())
-                .forEach(this.addEventListener);
+                .set(...this.createListener('mouseenter', this.show))
+                .set(...this.createListener('mouseleave', this.hide));
         }
         if (this.trigger.includes(PopUpTriggers.Focus)) {
             this.listeners
-                .set('focus', () => this.show())
-                .set('blur', () => this.hide())
-                .forEach(this.addEventListener);
+                .set(...this.createListener('focus', this.show))
+                .set(...this.createListener('blur', this.hide));
         }
         if (this.trigger.includes(PopUpTriggers.Keydown)) {
             this.listeners
@@ -2617,9 +2710,10 @@ class KbqPopUpTrigger {
                 if (event instanceof KeyboardEvent && [ENTER, SPACE].includes(event.keyCode)) {
                     this.show();
                 }
-            })
-                .forEach(this.addEventListener);
+            });
         }
+        this.listeners
+            .forEach(this.addEventListener);
     }
     /** Updates the position of the current popover. */
     updatePosition(reapplyPosition = false) {
@@ -2657,6 +2751,15 @@ class KbqPopUpTrigger {
         this.listeners.forEach(this.removeEventListener);
         this.listeners.clear();
     }
+    createListener(name, listener) {
+        return [
+            name,
+            () => {
+                this.triggerName = name;
+                return listener.call(this);
+            }
+        ];
+    }
     subscribeOnClosingActions() {
         this.closingActionsSubscription?.unsubscribe();
         this.closingActionsSubscription = this.closingActions()
@@ -2841,32 +2944,19 @@ var MeasurementSystem;
     MeasurementSystem["SI"] = "SI";
     MeasurementSystem["IEC"] = "IEC";
 })(MeasurementSystem || (MeasurementSystem = {}));
-const sizeUnitsConfig = {
-    defaultUnitSystem: MeasurementSystem.SI,
-    defaultPrecision: 2,
-    unitSystems: {
-        [MeasurementSystem.SI]: {
-            abbreviations: ['B', 'KB', 'MB', 'GB', 'TB'],
-            base: 10,
-            power: 3
-        },
-        [MeasurementSystem.IEC]: {
-            abbreviations: ['B', 'KiB', 'MiB', 'GiB', 'TiB'],
-            base: 2,
-            power: 10
-        }
-    }
-};
+const KBQ_SIZE_UNITS_DEFAULT_CONFIG = enUSFormattersData.sizeUnits;
+const KBQ_SIZE_UNITS_CONFIG = new InjectionToken('KbqSizeUnitsConfig');
 
-const formatDataSize = (value, systemCode = sizeUnitsConfig.defaultUnitSystem, precision = sizeUnitsConfig.defaultPrecision) => {
-    const system = sizeUnitsConfig.unitSystems[systemCode];
-    const { result, unit } = getHumanizedBytes(value, systemCode);
+const formatDataSize = (value, precision, system) => {
+    const { result, unit } = getHumanizedBytes(value, system);
     let volume;
     if (system.abbreviations[0] === unit) {
         volume = result.toString();
     }
     else {
-        volume = result.toFixed(precision).replace(/\./g, ',');
+        volume = result
+            .toFixed(precision)
+            .replace(/\./g, ',');
     }
     return {
         value: volume,
@@ -2877,25 +2967,21 @@ const formatDataSize = (value, systemCode = sizeUnitsConfig.defaultUnitSystem, p
  * Переводит байты в Кб, Мб, Гб
  *
  * @param value количество байт
- * @param systemCode система измерения
+ * @param system система измерения
  * @param threshold нижний порог подсчета
  */
-const getHumanizedBytes = (value, systemCode = sizeUnitsConfig.defaultUnitSystem, threshold) => {
-    const system = sizeUnitsConfig.unitSystems[systemCode];
-    if (!system) {
-        throw new Error(`Unit system "${systemCode}" not configured!`);
-    }
+const getHumanizedBytes = (value, system, threshold) => {
     if (!Number.isFinite(value)) {
         throw new Error('Argument "value" must be number!');
     }
-    const caculatedThreshold = Number.isFinite(threshold)
+    const calculatedThreshold = Number.isFinite(threshold)
         ? threshold : Math.pow(system.base, system.power);
     const orderOfMagnitude = Math.pow(system.base, system.power);
     let result = value;
     let step = 0;
     const len = system.abbreviations.length - 1;
     while (step < len) {
-        if (caculatedThreshold !== undefined && result < caculatedThreshold) {
+        if (calculatedThreshold !== undefined && result < calculatedThreshold) {
             break;
         }
         step++;
@@ -2908,42 +2994,54 @@ const getHumanizedBytes = (value, systemCode = sizeUnitsConfig.defaultUnitSystem
 };
 
 class KbqDataSizePipe {
-    transform(source, precision = 2, measurementSystem = MeasurementSystem.SI) {
-        const { value, unit } = formatDataSize(source, measurementSystem, precision);
+    constructor(externalConfig, localeService) {
+        this.externalConfig = externalConfig;
+        this.localeService = localeService;
+        this.updateLocaleParams = () => {
+            this.config = this.externalConfig || this.localeService?.getParams('sizeUnits');
+        };
+        this.localeService?.changes
+            .subscribe(this.updateLocaleParams);
+        if (!localeService) {
+            this.config = KBQ_SIZE_UNITS_DEFAULT_CONFIG;
+        }
+    }
+    transform(source, precision, unitSystemName) {
+        const unitSystem = this.config.unitSystems[unitSystemName || this.config.defaultUnitSystem];
+        const { value, unit } = formatDataSize(source, precision || this.config.defaultPrecision, unitSystem);
         return `${value} ${unit}`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizePipe, name: "kbqDataSize" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizePipe, deps: [{ token: KBQ_SIZE_UNITS_CONFIG, optional: true }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizePipe, isStandalone: true, name: "kbqDataSize", pure: false }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'kbqDataSize'
-                }]
-        }] });
-class KbqDataSizeModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizeModule, declarations: [KbqDataSizePipe], exports: [KbqDataSizePipe] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizeModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDataSizeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [KbqDataSizePipe],
-                    declarations: [KbqDataSizePipe]
+                    name: 'kbqDataSize',
+                    standalone: true,
+                    pure: false
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [KBQ_SIZE_UNITS_CONFIG]
+                }] }, { type: KbqLocaleService, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [KBQ_LOCALE_SERVICE]
+                }] }] });
 
 const validationTooltipShowDelay = 10;
 const validationTooltipHideDelay = 3000;
 const KBQ_VALIDATION = new InjectionToken('KbqUseValidation', { factory: () => ({ useValidation: true }) });
 
-const VERSION = new Version('17.0.0-rc.2+sha-3793045');
+const VERSION = new Version('17.0.0-rc.3+sha-be6ab54');
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, DateAdapter, DateFormatter, EXTENDED_OVERLAY_POSITIONS, ErrorStateMatcher, KBQ_CUSTOM_SCROLL_STRATEGY_PROVIDER, KBQ_DATE_FORMATS, KBQ_DATE_LOCALE, KBQ_DATE_LOCALE_FACTORY, KBQ_DEFAULT_LOCALE_DATA_FACTORY, KBQ_DEFAULT_LOCALE_ID, KBQ_FORM_FIELD_REF, KBQ_LABEL_GLOBAL_OPTIONS, KBQ_LOCALE_DATA, KBQ_LOCALE_ID, KBQ_LOCALE_SERVICE, KBQ_NUMBER_FORMATTER_DEFAULT_OPTIONS, KBQ_NUMBER_FORMATTER_OPTIONS, KBQ_OPTION_ACTION_PARENT, KBQ_OPTION_PARENT_COMPONENT, KBQ_PARENT_ANIMATION_COMPONENT, KBQ_SANITY_CHECKS, KBQ_SELECT_SCROLL_STRATEGY, KBQ_SELECT_SCROLL_STRATEGY_PROVIDER, KBQ_TITLE_TEXT_REF, KBQ_VALIDATION, KbqCommonModule, KbqComponentColors, KbqDataSizeModule, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightModule, KbqHighlightPipe, KbqLine, KbqLineModule, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqOptgroup, KbqOptgroupBase, KbqOptgroupMixinBase, KbqOption, KbqOptionActionBase, KbqOptionActionComponent, KbqOptionActionMixinBase, KbqOptionBase, KbqOptionModule, KbqOptionSelectionChange, KbqPopUp, KbqPopUpTrigger, KbqPseudoCheckbox, KbqPseudoCheckboxBase, KbqPseudoCheckboxMixinBase, KbqPseudoCheckboxModule, KbqRoundDecimalPipe, KbqTableNumberPipe, KbqVirtualOption, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MeasurementSystem, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterPipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterPipe, SELECT_PANEL_INDENT_PADDING_X, SELECT_PANEL_MAX_HEIGHT, SELECT_PANEL_PADDING_X, SELECT_PANEL_VIEWPORT_PADDING, ShowOnDirtyErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, ThemeService, VERSION, countGroupLabelsBeforeOption, enUSFormattersData, enUSLocaleData, esLAFormattersData, esLALocaleData, escapeRegExp, faIRFormattersData, faIRLocaleData, fadeAnimation, formatDataSize, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, isWithin, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, ptBRFormattersData, ptBRLocaleData, ruRUFormattersData, ruRULocaleData, selectEvents, sizeUnitsConfig, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay, zhCNFormattersData, zhCNLocaleData };
+export { AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, DateAdapter, DateFormatter, EXTENDED_OVERLAY_POSITIONS, ErrorStateMatcher, KBQ_CUSTOM_SCROLL_STRATEGY_PROVIDER, KBQ_DATE_FORMATS, KBQ_DATE_LOCALE, KBQ_DATE_LOCALE_FACTORY, KBQ_DEFAULT_LOCALE_DATA_FACTORY, KBQ_DEFAULT_LOCALE_ID, KBQ_FORM_FIELD_REF, KBQ_LABEL_GLOBAL_OPTIONS, KBQ_LOCALE_DATA, KBQ_LOCALE_ID, KBQ_LOCALE_SERVICE, KBQ_NUMBER_FORMATTER_DEFAULT_OPTIONS, KBQ_NUMBER_FORMATTER_OPTIONS, KBQ_OPTION_ACTION_PARENT, KBQ_OPTION_PARENT_COMPONENT, KBQ_PARENT_ANIMATION_COMPONENT, KBQ_SANITY_CHECKS, KBQ_SELECT_SCROLL_STRATEGY, KBQ_SELECT_SCROLL_STRATEGY_PROVIDER, KBQ_SIZE_UNITS_CONFIG, KBQ_SIZE_UNITS_DEFAULT_CONFIG, KBQ_TITLE_TEXT_REF, KBQ_VALIDATION, KbqCommonModule, KbqComponentColors, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightModule, KbqHighlightPipe, KbqLine, KbqLineModule, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqOptgroup, KbqOptgroupBase, KbqOptgroupMixinBase, KbqOption, KbqOptionActionBase, KbqOptionActionComponent, KbqOptionActionMixinBase, KbqOptionBase, KbqOptionModule, KbqOptionSelectionChange, KbqPopUp, KbqPopUpTrigger, KbqPseudoCheckbox, KbqPseudoCheckboxBase, KbqPseudoCheckboxMixinBase, KbqPseudoCheckboxModule, KbqRoundDecimalPipe, KbqTableNumberPipe, KbqVirtualOption, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MeasurementSystem, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterPipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterPipe, SELECT_PANEL_INDENT_PADDING_X, SELECT_PANEL_MAX_HEIGHT, SELECT_PANEL_PADDING_X, SELECT_PANEL_VIEWPORT_PADDING, ShowOnDirtyErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, ThemeService, VERSION, countGroupLabelsBeforeOption, enUSFormattersData, enUSLocaleData, esLAFormattersData, esLALocaleData, escapeRegExp, faIRFormattersData, faIRLocaleData, fadeAnimation, formatDataSize, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, isWithin, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, ptBRFormattersData, ptBRLocaleData, ruRUFormattersData, ruRULocaleData, selectEvents, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay, zhCNFormattersData, zhCNLocaleData };
 //# sourceMappingURL=koobiq-components-core.mjs.map