@koobiq/components 18.2.1 → 18.3.0

package/fesm2022/koobiq-components-core.mjs

@@ -269,21 +269,38 @@ class DateAdapter extends DateAdapter$1 {
 
 const KBQ_DATE_FORMATS = new InjectionToken('kbq-date-formats');
 
-/** Error state matcher that matches when a control is invalid and dirty. */
-class ShowOnDirtyErrorStateMatcher {
+/**
+ * Error state matcher that matches when a control is invalid and form is submitted.
+ * Requires use FormGroupDirective or NgForm.
+ */
+class ShowOnFormSubmitErrorStateMatcher {
     isErrorState(control, form) {
-        return !!(control && control.invalid && (control.dirty || (form && form.submitted)));
+        return !!(control?.invalid && form?.submitted);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnDirtyErrorStateMatcher }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnFormSubmitErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnFormSubmitErrorStateMatcher }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnFormSubmitErrorStateMatcher, decorators: [{
             type: Injectable
         }] });
-/** Provider that defines how form controls behave with regards to displaying error messages. */
+/** Error state matcher that matches when a control is invalid and dirty or form is submitted. */
+class ShowOnControlDirtyErrorStateMatcher {
+    isErrorState(control, form) {
+        return !!(control?.invalid && (control.dirty || form?.submitted));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnControlDirtyErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnControlDirtyErrorStateMatcher }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnControlDirtyErrorStateMatcher, decorators: [{
+            type: Injectable
+        }] });
+/**
+ * Provider that defines how form controls behave with regards to displaying error messages.
+ * Error state matcher that matches when a control is invalid and touched or form is submitted.
+ */
 class ErrorStateMatcher {
     isErrorState(control, form) {
-        return !!(control && control.invalid && (control.touched || (form && form.submitted)));
+        return !!(control?.invalid && (control.touched || form?.submitted));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ErrorStateMatcher, providedIn: 'root' }); }
@@ -293,6 +310,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+/**
+ * @TODO move into form-field.ts, add correct type for `InjectionToken<KbqFormField>` (#DS-2915)
+ */
 /**
  * Injection token that can be used to inject an instances of `KbqFormField`. It serves
  * as alternative token to the actual `KbqFormField` class which would cause unnecessary
@@ -996,6 +1016,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                     type: Inject,
                     args: [KBQ_LOCALE_DATA]
                 }] }] });
+/**
+ * Function that returns a string representation of a number without localized separators
+ */
+function normalizeNumber(value, customConfig) {
+    if (value === null || value === undefined)
+        return '';
+    const { groupSeparator, fractionSeparator } = customConfig;
+    const groupSeparatorRegexp = new RegExp(`[${groupSeparator.join('')}]`, 'g');
+    const fractionSeparatorRegexp = new RegExp(`\\${fractionSeparator}`, 'g');
+    return value.toString().replace(groupSeparatorRegexp, '').replace(fractionSeparatorRegexp, '.');
+}
+/**
+ * Function that parse string and return a number. The string can be in any locale.
+ */
+function checkAndNormalizeLocalizedNumber(num) {
+    if (num === null || num === undefined)
+        return null;
+    /* if some locale input config satisfies pasted number, try to normalise with selected locale config */
+    let numberOutput = null;
+    const locales = KBQ_DEFAULT_LOCALE_DATA_FACTORY();
+    for (const config of locales.items.map(({ id }) => locales[id].input.number)) {
+        const normalized = +normalizeNumber(num, config);
+        if (!Number.isNaN(normalized)) {
+            numberOutput = normalized;
+            break;
+        }
+    }
+    return numberOutput;
+}
 
 class KbqLocaleServiceModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -1517,6 +1566,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 }]
         }] });
 
+/** Provides a set of validators for password form controls. */
+class PasswordValidators {
+    /**
+     * Validator that requires the control's value length to be at least `min` characters.
+     *
+     * `min` - number of characters.
+     *
+     * ## Usage:
+     *
+     * ```typescript
+     * const control = new FormControl('password', PasswordValidators.minLength(10));
+     * console.log(control.errors); // {minLength: {min: 10, actual: 8}}
+     * ```
+     */
+    static minLength(min) {
+        return ({ value }) => {
+            if (typeof value !== 'string') {
+                return null;
+            }
+            return value.length >= min ? null : { minLength: { min, actual: value.length } };
+        };
+    }
+    /**
+     * Validator that requires the control's value length to be at most `max` characters.
+     *
+     * `max` - number of characters.
+     *
+     * ## Usage:
+     * ```typescript
+     * const control = new FormControl('password', PasswordValidators.maxLength(6));
+     * console.log(control.errors); // {maxLength: {max: 6, actual: 8}}
+     * ```
+     */
+    static maxLength(max) {
+        return ({ value }) => {
+            if (typeof value !== 'string') {
+                return null;
+            }
+            return value.length <= max ? null : { maxLength: { max, actual: value.length } };
+        };
+    }
+    /**
+     * Validator that requires the control's value to be at least `min` uppercase characters.
+     *
+     * `min` - number of uppercase characters.
+     *
+     * ### Usage:
+     *
+     * ```typescript
+     * const control = new FormControl('Password', PasswordValidators.minUppercase(2));
+     * console.log(control.errors); // {minUppercase: {min: 2, actual: 1}}
+     * ```
+     */
+    static minUppercase(min) {
+        return ({ value }) => {
+            if (typeof value !== 'string') {
+                return null;
+            }
+            const matches = (value.match(/[A-Z]/g) || []).length;
+            return matches >= min ? null : { minUppercase: { min, actual: matches } };
+        };
+    }
+    /**
+     * Validator that requires the control's value to be at least `min` lowercase characters.
+     *
+     * `min` - number of lowercase characters.
+     *
+     * ### Usage:
+     *
+     * ```typescript
+     * const control = new FormControl('PASSWORD', PasswordValidators.minLowercase());
+     * console.log(control.errors); // {minLowercase: {min: 1, actual: 0}}
+     * ```
+     */
+    static minLowercase(min) {
+        return ({ value }) => {
+            if (typeof value !== 'string') {
+                return null;
+            }
+            const matches = (value.match(/[a-z]/g) || []).length;
+            return matches >= min ? null : { minLowercase: { min, actual: matches } };
+        };
+    }
+    /**
+     * Validator that requires the control's value to be at least `min` number characters.
+     *
+     * `min` - number of number characters.
+     *
+     * ### Usage:
+     *
+     * ```typescript
+     * const control = new FormControl('passw0rd', PasswordValidators.minNumber(2));
+     * console.log(control.errors); // {minNumber: {min: 2, actual: 1}}
+     * ```
+     */
+    static minNumber(min) {
+        return ({ value }) => {
+            if (typeof value !== 'string') {
+                return null;
+            }
+            const matches = (value.match(/[\d]/g) || []).length;
+            return matches >= min ? null : { minNumber: { min, actual: matches } };
+        };
+    }
+    /**
+     * Validator that requires the control's value to be at least `min` special characters.
+     *
+     * `min` - number of special characters.
+     *
+     * ### Special characters:
+     * ```js
+     * ['!','@','#','$','%','^','&','*']
+     * ```
+     *
+     * ### Usage:
+     *
+     * ```typescript
+     * const control = new FormControl('pa$sword', PasswordValidators.minSpecial(2));
+     * console.log(control.errors); // {minSpecial: {min: 2, actual: 1}}
+     * ```
+     */
+    static minSpecial(min) {
+        return ({ value }) => {
+            if (typeof value !== 'string') {
+                return null;
+            }
+            const matches = (value.match(/[!@#$%^&*]/g) || []).length;
+            return matches >= min ? null : { minSpecial: { min, actual: matches } };
+        };
+    }
+}
+
 function escapeRegExp(value) {
     if (value) {
         return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
@@ -1552,9 +1733,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 }]
         }] });
 
-/** InjectionToken that can be used to specify the global label options. */
-const KBQ_LABEL_GLOBAL_OPTIONS = new InjectionToken('kbq-label-global-options');
-
 /**
  * Shared directive to count lines inside a text area, such as a list item.
  * Line elements can be extracted with a @ContentChildren(KbqLine) query, then
@@ -3180,15 +3358,16 @@ function toBoolean(value) {
 
 const validationTooltipShowDelay = 10;
 const validationTooltipHideDelay = 3000;
+/** @deprecated Will be removed in next major release (#DS-2838) */
 const KBQ_VALIDATION = new InjectionToken('KbqUseValidation', {
     factory: () => ({ useValidation: true })
 });
 
-const VERSION = new Version('18.2.1+sha-782536d');
+const VERSION = new Version('18.3.0+sha-4400726');
 
 /**
  * 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_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, KbqSelectFooter, KbqSelectMatcher, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqSelectTrigger, KbqTableNumberPipe, KbqThemeSelector, 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, applyPopupMargins, 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 };
+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_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, KbqSelectFooter, KbqSelectMatcher, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqSelectTrigger, KbqTableNumberPipe, KbqThemeSelector, 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, PasswordValidators, 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, ShowOnControlDirtyErrorStateMatcher, ShowOnFormSubmitErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, ThemeService, VERSION, applyPopupMargins, checkAndNormalizeLocalizedNumber, countGroupLabelsBeforeOption, enUSFormattersData, enUSLocaleData, esLAFormattersData, esLALocaleData, escapeRegExp, faIRFormattersData, faIRLocaleData, fadeAnimation, formatDataSize, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, isWithin, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, normalizeNumber, ptBRFormattersData, ptBRLocaleData, ruRUFormattersData, ruRULocaleData, selectEvents, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay, zhCNFormattersData, zhCNLocaleData };
 //# sourceMappingURL=koobiq-components-core.mjs.map