@wlcm/angular 18.2.22 → 18.2.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button/esm2022/index.mjs +3 -0
- package/button/esm2022/lib/button.module.mjs +16 -0
- package/button/esm2022/lib/components/button/button.component.mjs +37 -0
- package/button/esm2022/lib/models/button.models.mjs +2 -0
- package/button/esm2022/wlcm-angular-button.mjs +5 -0
- package/button/fesm2022/wlcm-angular-button.mjs +7 -7
- package/button/fesm2022/wlcm-angular-button.mjs.map +1 -1
- package/core/esm2022/index.mjs +17 -0
- package/core/esm2022/lib/components/default-loader/default-loader.component.mjs +12 -0
- package/core/esm2022/lib/components/icons/calendar-icon/calendar-icon.component.mjs +12 -0
- package/core/esm2022/lib/components/icons/chevron-down-icon/chevron-down-icon.component.mjs +12 -0
- package/core/esm2022/lib/components/icons/close-icon/close-icon.component.mjs +12 -0
- package/core/esm2022/lib/components/icons/search-icon/search-icon.component.mjs +12 -0
- package/core/esm2022/lib/components/loader/loader.component.mjs +32 -0
- package/core/esm2022/lib/constants/_index.mjs +3 -0
- package/core/esm2022/lib/constants/http.constants.mjs +6 -0
- package/core/esm2022/lib/constants/icon.contants.mjs +15 -0
- package/core/esm2022/lib/constants/loader.constants.mjs +7 -0
- package/core/esm2022/lib/directives/_index.mjs +2 -0
- package/core/esm2022/lib/directives/icon.directive.mjs +49 -0
- package/core/esm2022/lib/models/_index.mjs +3 -0
- package/core/esm2022/lib/models/icon.models.mjs +7 -0
- package/core/esm2022/lib/models/option.models.mjs +17 -0
- package/core/esm2022/lib/services/scroll-detection.api.mjs +27 -0
- package/core/esm2022/lib/utils/paginated-data-emulator.utils.mjs +20 -0
- package/core/esm2022/lib/utils/stream.utils.mjs +16 -0
- package/core/esm2022/wlcm-angular-core.mjs +5 -0
- package/core/fesm2022/wlcm-angular-core.mjs +24 -24
- package/core/fesm2022/wlcm-angular-core.mjs.map +1 -1
- package/datepicker/esm2022/index.mjs +14 -0
- package/datepicker/esm2022/lib/components/calendar-header/calendar-header.component.mjs +63 -0
- package/datepicker/esm2022/lib/components/range/date-range-calendar-header/date-range-calendar-header.component.mjs +87 -0
- package/datepicker/esm2022/lib/components/range/date-range-picker-bottom-panel/date-range-picker-bottom-panel.component.mjs +19 -0
- package/datepicker/esm2022/lib/components/range/date-range-picker-input/date-range-picker-input.component.mjs +126 -0
- package/datepicker/esm2022/lib/components/range/double-calendar-range-picker/double-calendar-range-picker.component.mjs +168 -0
- package/datepicker/esm2022/lib/components/range/single-calendar-range-picker/single-calendar-range-picker.component.mjs +95 -0
- package/datepicker/esm2022/lib/components/single/datepicker-input-container/datepicker-input-container.component.mjs +92 -0
- package/datepicker/esm2022/lib/components/single/datepicker-panel/datepicker-panel.component.mjs +33 -0
- package/datepicker/esm2022/lib/constants/datepicker.constants.mjs +23 -0
- package/datepicker/esm2022/lib/constants/range/date-range-picker.constants.mjs +5 -0
- package/datepicker/esm2022/lib/constants/range/date-range-selection-model.constants.mjs +10 -0
- package/datepicker/esm2022/lib/constants/range/date-range-trigger-selection-model.constants.mjs +10 -0
- package/datepicker/esm2022/lib/datepicker.module.mjs +33 -0
- package/datepicker/esm2022/lib/directives/calendar.directive.mjs +15 -0
- package/datepicker/esm2022/lib/directives/datepicker-input.base.mjs +103 -0
- package/datepicker/esm2022/lib/directives/datepicker-trigger.base.mjs +105 -0
- package/datepicker/esm2022/lib/directives/ragne/date-range-picker-input-end.directive.mjs +81 -0
- package/datepicker/esm2022/lib/directives/ragne/date-range-picker-input-start.directive.mjs +81 -0
- package/datepicker/esm2022/lib/directives/ragne/date-range-picker-input.base.mjs +58 -0
- package/datepicker/esm2022/lib/directives/ragne/left-calendar.directive.mjs +51 -0
- package/datepicker/esm2022/lib/directives/ragne/right-calendar.directive.mjs +64 -0
- package/datepicker/esm2022/lib/directives/single/datepicker-input.directive.mjs +67 -0
- package/datepicker/esm2022/lib/models/date-picker.models.mjs +29 -0
- package/datepicker/esm2022/lib/models/range/data-range-calendar.models.mjs +61 -0
- package/datepicker/esm2022/lib/models/range/date-range-picker.models.mjs +27 -0
- package/datepicker/esm2022/lib/models/range/date-range-validation.models.mjs +5 -0
- package/datepicker/esm2022/lib/utils/range/date-range-input.validators.mjs +16 -0
- package/datepicker/esm2022/lib/utils/range/date-range-picker-errors.mjs +9 -0
- package/datepicker/esm2022/wlcm-angular-datepicker.mjs +5 -0
- package/datepicker/fesm2022/wlcm-angular-datepicker.mjs +63 -63
- package/datepicker/fesm2022/wlcm-angular-datepicker.mjs.map +1 -1
- package/datepicker/lib/directives/datepicker-input.base.d.ts +1 -1
- package/datepicker/lib/directives/datepicker-trigger.base.d.ts +1 -1
- package/datepicker/lib/directives/ragne/date-range-picker-input.base.d.ts +1 -1
- package/datepicker/lib/models/range/data-range-calendar.models.d.ts +1 -1
- package/filters/esm2022/index.mjs +6 -0
- package/filters/esm2022/lib/components/filters-group/filters-group.component.mjs +13 -0
- package/filters/esm2022/lib/constants/filter.constants.mjs +3 -0
- package/filters/esm2022/lib/constants/index.mjs +2 -0
- package/filters/esm2022/lib/directives/filter.directive.mjs +11 -0
- package/filters/esm2022/lib/directives/index.mjs +2 -0
- package/filters/esm2022/lib/filters.module.mjs +20 -0
- package/filters/esm2022/lib/models/array-filter.models.mjs +73 -0
- package/filters/esm2022/lib/models/filter.models.mjs +39 -0
- package/filters/esm2022/lib/models/filters-group.models.mjs +60 -0
- package/filters/esm2022/lib/models/index.mjs +4 -0
- package/filters/esm2022/wlcm-angular-filters.mjs +5 -0
- package/filters/fesm2022/wlcm-angular-filters.mjs +13 -13
- package/filters/fesm2022/wlcm-angular-filters.mjs.map +1 -1
- package/filters/lib/models/filters-group.models.d.ts +1 -1
- package/forms/esm2022/index.mjs +13 -0
- package/forms/esm2022/lib/forms/components/autocomplete/autocomplete.component.mjs +243 -0
- package/forms/esm2022/lib/forms/components/checkbox/checkbox.component.mjs +85 -0
- package/forms/esm2022/lib/forms/components/checkbox-group/checkbox-group.component.mjs +87 -0
- package/forms/esm2022/lib/forms/components/error/error.component.mjs +12 -0
- package/forms/esm2022/lib/forms/components/form-field/form-field.component.mjs +137 -0
- package/forms/esm2022/lib/forms/components/index.mjs +9 -0
- package/forms/esm2022/lib/forms/components/label/label.component.mjs +23 -0
- package/forms/esm2022/lib/forms/components/partials/autocomplete-suffix/autocomplete-suffix.component.mjs +19 -0
- package/forms/esm2022/lib/forms/components/partials/index.mjs +2 -0
- package/forms/esm2022/lib/forms/components/select/select.component.mjs +330 -0
- package/forms/esm2022/lib/forms/constants/form-elements.constants.mjs +5 -0
- package/forms/esm2022/lib/forms/constants/form-errors.constants.mjs +7 -0
- package/forms/esm2022/lib/forms/constants/form-field.constants.mjs +2 -0
- package/forms/esm2022/lib/forms/constants/form-state-handlers.constants.mjs +13 -0
- package/forms/esm2022/lib/forms/constants/index.mjs +6 -0
- package/forms/esm2022/lib/forms/constants/select.constants.mjs +3 -0
- package/forms/esm2022/lib/forms/directives/autocomplete.directive.mjs +64 -0
- package/forms/esm2022/lib/forms/directives/form-field-custom-container.directive.mjs +17 -0
- package/forms/esm2022/lib/forms/directives/form-field-hint.directive.mjs +15 -0
- package/forms/esm2022/lib/forms/directives/form-field-prefix.directive.mjs +22 -0
- package/forms/esm2022/lib/forms/directives/form-field-suffix.directive.mjs +14 -0
- package/forms/esm2022/lib/forms/directives/input.directive.mjs +47 -0
- package/forms/esm2022/lib/forms/directives/select-input-binder.directive.mjs +33 -0
- package/forms/esm2022/lib/forms/forms.module.mjs +64 -0
- package/forms/esm2022/lib/forms/models/_index.mjs +6 -0
- package/forms/esm2022/lib/forms/models/autocomplete.models.mjs +10 -0
- package/forms/esm2022/lib/forms/models/form-errors.models.mjs +2 -0
- package/forms/esm2022/lib/forms/models/form.models.mjs +2 -0
- package/forms/esm2022/lib/forms/models/input.models.mjs +2 -0
- package/forms/esm2022/lib/forms/models/select.models.mjs +2 -0
- package/forms/esm2022/lib/forms/pipes/errors-mapper.pipe.mjs +53 -0
- package/forms/esm2022/lib/forms/services/form-state-handler.service.mjs +19 -0
- package/forms/esm2022/lib/forms/services/index.mjs +3 -0
- package/forms/esm2022/lib/forms/services/places.api.mjs +62 -0
- package/forms/esm2022/wlcm-angular-forms.mjs +5 -0
- package/forms/fesm2022/wlcm-angular-forms.mjs +76 -67
- package/forms/fesm2022/wlcm-angular-forms.mjs.map +1 -1
- package/forms/lib/forms/components/select/select.component.d.ts +1 -0
- package/forms/lib/forms/models/autocomplete.models.d.ts +1 -1
- package/package.json +1 -1
- package/phone-input/esm2022/index.mjs +5 -0
- package/phone-input/esm2022/lib/components/country-code-select/country-code-select.component.mjs +32 -0
- package/phone-input/esm2022/lib/components/phone-input-container/phone-input-container.component.mjs +107 -0
- package/phone-input/esm2022/lib/constants/country-code-options.constants.mjs +20 -0
- package/phone-input/esm2022/lib/constants/phone-adapter.constants.mjs +3 -0
- package/phone-input/esm2022/lib/directives/phone-input.directive.mjs +155 -0
- package/phone-input/esm2022/lib/models/country-code.models.mjs +10 -0
- package/phone-input/esm2022/lib/models/phone-adapter.models.mjs +3 -0
- package/phone-input/esm2022/lib/models/phone.models.mjs +5 -0
- package/phone-input/esm2022/lib/phone-input.module.mjs +20 -0
- package/phone-input/esm2022/lib/pipes/phone-code.pipe.mjs +18 -0
- package/phone-input/esm2022/wlcm-angular-phone-input.mjs +5 -0
- package/phone-input/fesm2022/wlcm-angular-phone-input.mjs +16 -16
- package/phone-input/fesm2022/wlcm-angular-phone-input.mjs.map +1 -1
- package/search-field/esm2022/index.mjs +3 -0
- package/search-field/esm2022/lib/components/search-field/search-field.component.mjs +39 -0
- package/search-field/esm2022/lib/search-field.module.mjs +18 -0
- package/search-field/esm2022/wlcm-angular-search-field.mjs +5 -0
- package/search-field/fesm2022/wlcm-angular-search-field.mjs +7 -7
- package/search-field/fesm2022/wlcm-angular-search-field.mjs.map +1 -1
- package/stepper/esm2022/index.mjs +11 -0
- package/stepper/esm2022/lib/components/step/step.component.mjs +53 -0
- package/stepper/esm2022/lib/components/step-header/step-header.component.mjs +81 -0
- package/stepper/esm2022/lib/components/stepper/stepper.component.mjs +15 -0
- package/stepper/esm2022/lib/components/stepper-header/stepper-header.component.mjs +16 -0
- package/stepper/esm2022/lib/constants/step.constants.mjs +9 -0
- package/stepper/esm2022/lib/constants/stepper.stepper.mjs +3 -0
- package/stepper/esm2022/lib/directives/load-on-active-step.directive.mjs +51 -0
- package/stepper/esm2022/lib/models/step.models.mjs +60 -0
- package/stepper/esm2022/lib/models/stepper.models.mjs +114 -0
- package/stepper/esm2022/lib/stepper.module.mjs +34 -0
- package/stepper/esm2022/wlcm-angular-stepper.mjs +5 -0
- package/stepper/fesm2022/wlcm-angular-stepper.mjs +25 -25
- package/stepper/fesm2022/wlcm-angular-stepper.mjs.map +1 -1
- package/stepper/lib/models/step.models.d.ts +1 -1
- package/stepper/lib/models/stepper.models.d.ts +1 -1
- package/table/esm2022/index.mjs +9 -0
- package/table/esm2022/lib/components/table/table.component.mjs +79 -0
- package/table/esm2022/lib/components/table-head/table-head.component.mjs +18 -0
- package/table/esm2022/lib/components/table-head-actions/table-head-actions.component.mjs +41 -0
- package/table/esm2022/lib/components/table-head-data/table-head-data.component.mjs +12 -0
- package/table/esm2022/lib/components/table-row/table-row.component.mjs +87 -0
- package/table/esm2022/lib/components/table-row-actions/table-row-actions.component.mjs +12 -0
- package/table/esm2022/lib/components/table-row-data/table-row-data.component.mjs +12 -0
- package/table/esm2022/lib/components/table-row-spacer/table-row-spacer.component.mjs +12 -0
- package/table/esm2022/lib/constants/table-row.constants.mjs +3 -0
- package/table/esm2022/lib/constants/table.constants.mjs +5 -0
- package/table/esm2022/lib/directives/scrollable-table-container.directive.mjs +46 -0
- package/table/esm2022/lib/models/table-config-manager.models.mjs +18 -0
- package/table/esm2022/lib/models/table-row.models.mjs +2 -0
- package/table/esm2022/lib/models/table-selection-model.mjs +48 -0
- package/table/esm2022/lib/models/table.models.mjs +2 -0
- package/table/esm2022/lib/pipes/table-row-injector.pipe.mjs +24 -0
- package/table/esm2022/lib/table.module.mjs +38 -0
- package/table/esm2022/lib/utils/table-errors.utils.mjs +6 -0
- package/table/esm2022/wlcm-angular-table.mjs +5 -0
- package/table/fesm2022/wlcm-angular-table.mjs +34 -34
- package/table/fesm2022/wlcm-angular-table.mjs.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"wlcm-angular-phone-input.mjs","sources":["../../../../modules/phone-input/src/lib/constants/phone-adapter.constants.ts","../../../../modules/phone-input/src/lib/models/phone-adapter.models.ts","../../../../modules/phone-input/src/lib/models/phone.models.ts","../../../../modules/phone-input/src/lib/directives/phone-input.directive.ts","../../../../modules/phone-input/src/lib/models/country-code.models.ts","../../../../modules/phone-input/src/lib/constants/country-code-options.constants.ts","../../../../modules/phone-input/src/lib/pipes/phone-code.pipe.ts","../../../../modules/phone-input/src/lib/components/country-code-select/country-code-select.component.ts","../../../../modules/phone-input/src/lib/components/country-code-select/country-code-select.component.html","../../../../modules/phone-input/src/lib/components/phone-input-container/phone-input-container.component.ts","../../../../modules/phone-input/src/lib/components/phone-input-container/phone-input-container.component.html","../../../../modules/phone-input/src/lib/phone-input.module.ts","../../../../modules/phone-input/src/wlcm-angular-phone-input.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { WlcmPhoneAdapter } from '../models/phone-adapter.models';\n\nexport const WLCM_PHONE_ADAPTER: InjectionToken<WlcmPhoneAdapter> = new InjectionToken('WLCM_PHONE_ADAPTER');\n","import { CountryCode } from 'libphonenumber-js';\n\nexport interface WlcmParsedPhone {\n countryCode: string;\n\n phoneNumber: string;\n}\n\nexport abstract class WlcmPhoneAdapter {\n abstract getCurrentCountryCode(): CountryCode;\n\n abstract parseValue(value: string): string;\n\n abstract formatValue(value: string): string;\n}\n","export enum WlcmPhoneValidationErrorType {\n InvalidPhoneNumber = 'InvalidPhoneNumber',\n}\n","import {\n Directive,\n ElementRef,\n HostListener,\n Inject,\n InputSignal,\n OnDestroy,\n effect,\n forwardRef,\n input,\n} from '@angular/core';\nimport {\n AbstractControl,\n ControlValueAccessor,\n FormControl,\n NG_VALIDATORS,\n NG_VALUE_ACCESSOR,\n ValidationErrors,\n Validator,\n} from '@angular/forms';\nimport IMask, { InputMask } from 'imask';\nimport { WLCM_PHONE_ADAPTER } from '../constants/phone-adapter.constants';\nimport { WlcmPhoneAdapter } from '../models/phone-adapter.models';\nimport { WlcmPhoneValidationErrorType } from '../models/phone.models';\nimport { isValidNumber, getExampleNumber, CountryCode } from 'libphonenumber-js';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport examples from 'libphonenumber-js/mobile/examples';\nimport { Subject, fromEvent, takeUntil } from 'rxjs';\n\n@UntilDestroy()\n@Directive({\n selector: '[wlcmPhoneInput]',\n host: { class: 'wlcm-form-field-input' },\n standalone: true,\n providers: [\n { provide: NG_VALIDATORS, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },\n ],\n})\nexport class WlcmPhoneInputDirective implements OnDestroy, ControlValueAccessor, Validator {\n readonly control: FormControl = new FormControl();\n\n private _changed?: (value: string) => void;\n\n private _touched?: () => void;\n\n private _validatorChanged?: () => void;\n\n private destroyInputObserver$: Subject<void> = new Subject();\n\n private _imaskRef?: InputMask;\n\n applyMask: InputSignal<boolean> = input(true);\n\n @HostListener('blur', ['$event']) handleBlur(): void {\n this._touched?.();\n }\n\n constructor(\n private _elementRef: ElementRef<HTMLInputElement>,\n @Inject(WLCM_PHONE_ADAPTER) private phoneAdapter: WlcmPhoneAdapter,\n ) {\n effect(() => {\n if (this.applyMask()) {\n if (!this._imaskRef) this.initializeMask();\n\n this._imaskRef!.mask = this.getMask();\n\n this._imaskRef!.updateControl();\n\n this._imaskRef!.on('accept', () => this.handleInput());\n\n this.destroyInputObserver$.next();\n } else {\n this.subscribeToInputEvent();\n }\n });\n\n this._updateMaskByCountryCode();\n\n this.subscribeToPasteEvent();\n }\n\n ngOnDestroy(): void {\n this.destroyInputObserver$.next();\n this.destroyInputObserver$.complete();\n }\n\n writeValue(value: string): void {\n const parsedValue: string = this.phoneAdapter.parseValue(value);\n\n this.updateValue(parsedValue);\n }\n\n registerOnChange(callback: (value: string) => void): void {\n this._changed = callback;\n }\n\n registerOnTouched(callback: () => void): void {\n this._touched = callback;\n }\n\n registerOnValidatorChange(callback: () => void): void {\n this._validatorChanged = callback;\n }\n\n validate(control: AbstractControl): ValidationErrors | null {\n const isValid: boolean = isValidNumber(control.value ?? '');\n\n if (!isValid) {\n return { [WlcmPhoneValidationErrorType.InvalidPhoneNumber]: true };\n }\n\n return null;\n }\n\n setDisabledState(isDisabled: boolean): void {\n if (isDisabled) {\n return this.control.disable();\n }\n\n this.control.enable();\n }\n\n _updateControl(): void {\n this.handleInput();\n }\n\n _updateMaskByCountryCode(): void {\n const code: CountryCode = this.phoneAdapter.getCurrentCountryCode();\n\n const nationalFormat = getExampleNumber(code, examples)?.formatNational();\n\n const mask: string = this.getMask(nationalFormat);\n\n if (this._imaskRef) {\n this._imaskRef.mask = mask;\n\n this._imaskRef.updateControl();\n }\n\n this.element.placeholder = mask;\n }\n\n get element(): HTMLInputElement {\n return this._elementRef.nativeElement;\n }\n\n private getMask(nationalFormat?: string): string {\n if (!nationalFormat) return '(000) 000-0000';\n\n return nationalFormat.replace(/\\d/g, '0');\n }\n\n private updateValue(parsedValue: string): void {\n if (this._imaskRef) {\n this._imaskRef.value = parsedValue;\n\n this._imaskRef.updateControl();\n } else {\n this.element.value = parsedValue;\n }\n }\n\n private handleInput(): void {\n const value: string = this.element.value;\n\n this._changed?.(this.phoneAdapter.formatValue(value));\n }\n\n private handlePaste(event: ClipboardEvent): void {\n event.preventDefault();\n\n const value: string = event.clipboardData?.getData('text') ?? '';\n\n const parsedValue: string = this.phoneAdapter.parseValue(value);\n\n this._updateMaskByCountryCode();\n\n this.updateValue(parsedValue);\n\n this.handleInput();\n }\n\n private initializeMask(): void {\n this._imaskRef = IMask(this.element, { mask: Number });\n }\n\n private subscribeToInputEvent(): void {\n fromEvent(this.element, 'input')\n .pipe(takeUntil(this.destroyInputObserver$))\n .subscribe(() => this.handleInput());\n }\n\n private subscribeToPasteEvent(): void {\n fromEvent<ClipboardEvent>(this.element, 'paste')\n .pipe(untilDestroyed(this))\n .subscribe((event: ClipboardEvent) => this.handlePaste(event));\n }\n}\n","import { WlcmOption } from '@wlcm/angular/core';\n\nexport class WlcmCountryCodeOption extends WlcmOption {\n constructor(public override value: string, public override viewValue: string, public emojiFlag: string) {\n super(value, viewValue);\n }\n}\n","import { InjectionToken } from '@angular/core';\nimport { WlcmCountryCodeOption } from '../models/country-code.models';\nimport { ICountry, TCountryCode, countries, getCountryCode, getEmojiFlag } from 'countries-list';\nimport { CountryCode, getCountries, getPhoneCode } from 'libphonenumber-js';\n\ninterface WlcmCountry extends ICountry {\n code: CountryCode;\n}\n\nconst COUNTRIES_LIST: WlcmCountry[] = getCountries()\n .filter((code: CountryCode) => countries.hasOwnProperty(code))\n .map((code: CountryCode) => ({ ...countries[code as TCountryCode], code }))\n .sort((a, b) => a.name.localeCompare(b.name));\n\nexport const WLCM_COUNTRY_CODE_OPTIONS: InjectionToken<WlcmCountryCodeOption[]> = new InjectionToken(\n 'WLCM_COUNTRY_CODE_OPTIONS',\n {\n providedIn: 'root',\n factory: (): WlcmCountryCodeOption[] => {\n return COUNTRIES_LIST.map((country: WlcmCountry) => {\n const phone: string = getPhoneCode(country.code);\n\n const viewValue: string = `${country.name} +${phone}`;\n\n const emojiFlag: string = getEmojiFlag(getCountryCode(country.name) as TCountryCode);\n\n return new WlcmCountryCodeOption(getCountryCode(country.name) as TCountryCode, viewValue, emojiFlag);\n });\n },\n }\n);\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { CountryCode, getPhoneCode } from 'libphonenumber-js';\n\n@Pipe({\n name: 'phoneCode',\n standalone: true,\n})\nexport class PhoneCodePipe implements PipeTransform {\n transform(value: CountryCode | null): string {\n return value ? getPhoneCode(value) : '1';\n }\n}\n","import { Component, Inject, InputSignal, OutputEmitterRef, ViewChild, input, output } from '@angular/core';\nimport { WlcmFormsModule, WlcmSelectComponent } from '@wlcm/angular/forms';\nimport { CommonModule } from '@angular/common';\n\nimport { WLCM_COUNTRY_CODE_OPTIONS } from '../../constants/country-code-options.constants';\nimport { WlcmCountryCodeOption } from '../../models/country-code.models';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { PhoneCodePipe } from '../../pipes/phone-code.pipe';\nimport { MatSelect } from '@angular/material/select';\n\n@Component({\n selector: 'wlcm-country-code-select',\n host: { class: 'wlcm-country-code-select' },\n standalone: true,\n imports: [CommonModule, WlcmFormsModule, ReactiveFormsModule, PhoneCodePipe],\n templateUrl: './country-code-select.component.html',\n styleUrl: './country-code-select.component.scss',\n})\nexport class WlcmCountryCodeSelectComponent {\n changed: OutputEmitterRef<any> = output();\n\n control: InputSignal<FormControl> = input(new FormControl('US'));\n\n @ViewChild(WlcmSelectComponent) private wlcmSelect!: WlcmSelectComponent;\n\n constructor(@Inject(WLCM_COUNTRY_CODE_OPTIONS) protected options: WlcmCountryCodeOption[]) {}\n\n get selectComponent(): MatSelect {\n return this.wlcmSelect.matSelect;\n }\n}\n","<wlcm-select\n [options]=\"options\"\n [formControl]=\"control()\"\n [optionTemplate]=\"optionTemplate\"\n [triggerTemplate]=\"triggerTemplate\"\n (selectionChange)=\"changed.emit($event)\"\n></wlcm-select>\n\n<ng-template #optionTemplate let-option>\n <span class=\"emoji-flag\">{{ option.emojiFlag }}</span>\n\n {{ option.viewValue }}\n</ng-template>\n\n<ng-template #triggerTemplate let-selected>\n <div class=\"wlcm-country-code-select-trigger\">\n +{{ selected?.value | phoneCode }}\n </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, Component, ContentChild, NgZone, ViewChild, forwardRef, inject } from '@angular/core';\nimport { WlcmPhoneInputDirective } from '../../directives/phone-input.directive';\nimport { WLCM_INPUT_BINDER, WlcmFormFieldInput } from '@wlcm/angular/forms';\nimport { WLCM_PHONE_ADAPTER } from '../../constants/phone-adapter.constants';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { Observable, Subject, fromEvent, merge, tap } from 'rxjs';\nimport { WlcmPhoneAdapter } from '../../models/phone-adapter.models';\nimport { AsYouType, CountryCode, PhoneNumber, getPhoneCode, isValidNumber, parsePhoneNumber } from 'libphonenumber-js';\nimport { WlcmCountryCodeSelectComponent } from '../country-code-select/country-code-select.component';\nimport { FormControl } from '@angular/forms';\n\n@UntilDestroy()\n@Component({\n selector: 'wlcm-phone-input-container',\n host: { class: 'wlcm-phone-input-container' },\n standalone: true,\n imports: [CommonModule, WlcmCountryCodeSelectComponent],\n templateUrl: './phone-input-container.component.html',\n styleUrl: './phone-input-container.component.scss',\n providers: [\n {\n provide: WLCM_INPUT_BINDER,\n useFactory: () => {\n const container: WlcmPhoneInputContainerComponent = inject(WlcmPhoneInputContainerComponent, { self: true });\n\n return { bind: () => container };\n },\n },\n { provide: WLCM_PHONE_ADAPTER, useExisting: forwardRef(() => WlcmPhoneInputContainerComponent) },\n ],\n})\nexport class WlcmPhoneInputContainerComponent implements AfterContentInit, WlcmFormFieldInput, WlcmPhoneAdapter {\n private readonly _focusStream$: Subject<void> = new Subject();\n\n private readonly _blurStream$: Subject<void> = new Subject();\n\n focus$: Observable<void> = this._focusStream$.asObservable();\n\n blur$: Observable<void> = this._blurStream$.asObservable();\n\n @ViewChild(WlcmCountryCodeSelectComponent) private codeSelect!: WlcmCountryCodeSelectComponent;\n\n @ContentChild(WlcmPhoneInputDirective) private phoneInput!: WlcmPhoneInputDirective;\n\n readonly control: FormControl = new FormControl('US');\n\n private _asYouType = new AsYouType('US');\n\n constructor(private _zone: NgZone) {}\n\n ngAfterContentInit(): void {\n if (!this.phoneInput) {\n throw new Error('The [wlcmPhoneInput] directive must be provided.');\n }\n\n this.handleInputEvents();\n }\n\n isFocused(): boolean {\n return this.phoneInput.element === document.activeElement || this.codeSelect?.selectComponent.panelOpen;\n }\n\n focus(): void {\n this.phoneInput.element.focus();\n }\n\n getCurrentCountryCode(): CountryCode {\n return this.control.value;\n }\n\n parseValue = (value: string): string => {\n if (!value || value.length === 0) return '';\n\n if (isValidNumber(value)) {\n const result: PhoneNumber = parsePhoneNumber(value, 'US');\n\n if (result.country) this.control.setValue(result.country);\n\n return result.nationalNumber;\n }\n\n return value;\n };\n\n formatValue = (value: string): string => {\n this._asYouType.reset();\n\n this._asYouType.input(`+${this.currentCallingCode}${value}`);\n\n const countryCode: CountryCode | undefined = this._asYouType.getCountry();\n\n if (countryCode) this.control.setValue(countryCode);\n\n return this._asYouType.getNumber()?.number ?? '';\n };\n\n handleCountryChange(): void {\n this.phoneInput._updateControl();\n\n this.phoneInput._updateMaskByCountryCode();\n }\n\n private get currentCallingCode(): string {\n return getPhoneCode(this.control.value);\n }\n\n private handleInputEvents(): void {\n this._zone.runOutsideAngular(() => {\n merge(\n fromEvent(this.phoneInput.element, 'focus').pipe(tap(() => this._focusStream$.next())),\n fromEvent(this.phoneInput.element, 'blur').pipe(tap(() => this._blurStream$.next())),\n )\n .pipe(untilDestroyed(this))\n .subscribe();\n });\n }\n}\n","<wlcm-country-code-select\n [control]=\"control\"\n (changed)=\"handleCountryChange()\"\n (click)=\"$event.stopPropagation()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmPhoneInputContainerComponent } from './components/phone-input-container/phone-input-container.component';\nimport { WlcmPhoneInputDirective } from './directives/phone-input.directive';\n\nconst publicComponents: Type<unknown>[] = [WlcmPhoneInputContainerComponent];\n\nconst publicDirectives: Type<unknown>[] = [WlcmPhoneInputDirective];\n\n@NgModule({\n imports: [CommonModule, ...publicComponents, ...publicDirectives],\n exports: [...publicComponents, ...publicDirectives],\n})\nexport class WlcmPhoneInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"wlcm-angular-phone-input.mjs","sources":["../../../../modules/phone-input/src/lib/constants/phone-adapter.constants.ts","../../../../modules/phone-input/src/lib/models/phone-adapter.models.ts","../../../../modules/phone-input/src/lib/models/phone.models.ts","../../../../modules/phone-input/src/lib/directives/phone-input.directive.ts","../../../../modules/phone-input/src/lib/models/country-code.models.ts","../../../../modules/phone-input/src/lib/constants/country-code-options.constants.ts","../../../../modules/phone-input/src/lib/pipes/phone-code.pipe.ts","../../../../modules/phone-input/src/lib/components/country-code-select/country-code-select.component.ts","../../../../modules/phone-input/src/lib/components/country-code-select/country-code-select.component.html","../../../../modules/phone-input/src/lib/components/phone-input-container/phone-input-container.component.ts","../../../../modules/phone-input/src/lib/components/phone-input-container/phone-input-container.component.html","../../../../modules/phone-input/src/lib/phone-input.module.ts","../../../../modules/phone-input/src/wlcm-angular-phone-input.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { WlcmPhoneAdapter } from '../models/phone-adapter.models';\n\nexport const WLCM_PHONE_ADAPTER: InjectionToken<WlcmPhoneAdapter> = new InjectionToken('WLCM_PHONE_ADAPTER');\n","import { CountryCode } from 'libphonenumber-js';\n\nexport interface WlcmParsedPhone {\n countryCode: string;\n\n phoneNumber: string;\n}\n\nexport abstract class WlcmPhoneAdapter {\n abstract getCurrentCountryCode(): CountryCode;\n\n abstract parseValue(value: string): string;\n\n abstract formatValue(value: string): string;\n}\n","export enum WlcmPhoneValidationErrorType {\n InvalidPhoneNumber = 'InvalidPhoneNumber',\n}\n","import {\n Directive,\n ElementRef,\n HostListener,\n Inject,\n InputSignal,\n OnDestroy,\n effect,\n forwardRef,\n input,\n} from '@angular/core';\nimport {\n AbstractControl,\n ControlValueAccessor,\n FormControl,\n NG_VALIDATORS,\n NG_VALUE_ACCESSOR,\n ValidationErrors,\n Validator,\n} from '@angular/forms';\nimport IMask, { InputMask } from 'imask';\nimport { WLCM_PHONE_ADAPTER } from '../constants/phone-adapter.constants';\nimport { WlcmPhoneAdapter } from '../models/phone-adapter.models';\nimport { WlcmPhoneValidationErrorType } from '../models/phone.models';\nimport { isValidNumber, getExampleNumber, CountryCode } from 'libphonenumber-js';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport examples from 'libphonenumber-js/mobile/examples';\nimport { Subject, fromEvent, takeUntil } from 'rxjs';\n\n@UntilDestroy()\n@Directive({\n selector: '[wlcmPhoneInput]',\n host: { class: 'wlcm-form-field-input' },\n standalone: true,\n providers: [\n { provide: NG_VALIDATORS, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => WlcmPhoneInputDirective), multi: true },\n ],\n})\nexport class WlcmPhoneInputDirective implements OnDestroy, ControlValueAccessor, Validator {\n readonly control: FormControl = new FormControl();\n\n private _changed?: (value: string) => void;\n\n private _touched?: () => void;\n\n private _validatorChanged?: () => void;\n\n private destroyInputObserver$: Subject<void> = new Subject();\n\n private _imaskRef?: InputMask;\n\n applyMask: InputSignal<boolean> = input(true);\n\n @HostListener('blur', ['$event']) handleBlur(): void {\n this._touched?.();\n }\n\n constructor(\n private _elementRef: ElementRef<HTMLInputElement>,\n @Inject(WLCM_PHONE_ADAPTER) private phoneAdapter: WlcmPhoneAdapter,\n ) {\n effect(() => {\n if (this.applyMask()) {\n if (!this._imaskRef) this.initializeMask();\n\n this._imaskRef!.mask = this.getMask();\n\n this._imaskRef!.updateControl();\n\n this._imaskRef!.on('accept', () => this.handleInput());\n\n this.destroyInputObserver$.next();\n } else {\n this.subscribeToInputEvent();\n }\n });\n\n this._updateMaskByCountryCode();\n\n this.subscribeToPasteEvent();\n }\n\n ngOnDestroy(): void {\n this.destroyInputObserver$.next();\n this.destroyInputObserver$.complete();\n }\n\n writeValue(value: string): void {\n const parsedValue: string = this.phoneAdapter.parseValue(value);\n\n this.updateValue(parsedValue);\n }\n\n registerOnChange(callback: (value: string) => void): void {\n this._changed = callback;\n }\n\n registerOnTouched(callback: () => void): void {\n this._touched = callback;\n }\n\n registerOnValidatorChange(callback: () => void): void {\n this._validatorChanged = callback;\n }\n\n validate(control: AbstractControl): ValidationErrors | null {\n const isValid: boolean = isValidNumber(control.value ?? '');\n\n if (!isValid) {\n return { [WlcmPhoneValidationErrorType.InvalidPhoneNumber]: true };\n }\n\n return null;\n }\n\n setDisabledState(isDisabled: boolean): void {\n if (isDisabled) {\n return this.control.disable();\n }\n\n this.control.enable();\n }\n\n _updateControl(): void {\n this.handleInput();\n }\n\n _updateMaskByCountryCode(): void {\n const code: CountryCode = this.phoneAdapter.getCurrentCountryCode();\n\n const nationalFormat = getExampleNumber(code, examples)?.formatNational();\n\n const mask: string = this.getMask(nationalFormat);\n\n if (this._imaskRef) {\n this._imaskRef.mask = mask;\n\n this._imaskRef.updateControl();\n }\n\n this.element.placeholder = mask;\n }\n\n get element(): HTMLInputElement {\n return this._elementRef.nativeElement;\n }\n\n private getMask(nationalFormat?: string): string {\n if (!nationalFormat) return '(000) 000-0000';\n\n return nationalFormat.replace(/\\d/g, '0');\n }\n\n private updateValue(parsedValue: string): void {\n if (this._imaskRef) {\n this._imaskRef.value = parsedValue;\n\n this._imaskRef.updateControl();\n } else {\n this.element.value = parsedValue;\n }\n }\n\n private handleInput(): void {\n const value: string = this.element.value;\n\n this._changed?.(this.phoneAdapter.formatValue(value));\n }\n\n private handlePaste(event: ClipboardEvent): void {\n event.preventDefault();\n\n const value: string = event.clipboardData?.getData('text') ?? '';\n\n const parsedValue: string = this.phoneAdapter.parseValue(value);\n\n this._updateMaskByCountryCode();\n\n this.updateValue(parsedValue);\n\n this.handleInput();\n }\n\n private initializeMask(): void {\n this._imaskRef = IMask(this.element, { mask: Number });\n }\n\n private subscribeToInputEvent(): void {\n fromEvent(this.element, 'input')\n .pipe(takeUntil(this.destroyInputObserver$))\n .subscribe(() => this.handleInput());\n }\n\n private subscribeToPasteEvent(): void {\n fromEvent<ClipboardEvent>(this.element, 'paste')\n .pipe(untilDestroyed(this))\n .subscribe((event: ClipboardEvent) => this.handlePaste(event));\n }\n}\n","import { WlcmOption } from '@wlcm/angular/core';\n\nexport class WlcmCountryCodeOption extends WlcmOption {\n constructor(public override value: string, public override viewValue: string, public emojiFlag: string) {\n super(value, viewValue);\n }\n}\n","import { InjectionToken } from '@angular/core';\nimport { WlcmCountryCodeOption } from '../models/country-code.models';\nimport { ICountry, TCountryCode, countries, getCountryCode, getEmojiFlag } from 'countries-list';\nimport { CountryCode, getCountries, getPhoneCode } from 'libphonenumber-js';\n\ninterface WlcmCountry extends ICountry {\n code: CountryCode;\n}\n\nconst COUNTRIES_LIST: WlcmCountry[] = getCountries()\n .filter((code: CountryCode) => countries.hasOwnProperty(code))\n .map((code: CountryCode) => ({ ...countries[code as TCountryCode], code }))\n .sort((a, b) => a.name.localeCompare(b.name));\n\nexport const WLCM_COUNTRY_CODE_OPTIONS: InjectionToken<WlcmCountryCodeOption[]> = new InjectionToken(\n 'WLCM_COUNTRY_CODE_OPTIONS',\n {\n providedIn: 'root',\n factory: (): WlcmCountryCodeOption[] => {\n return COUNTRIES_LIST.map((country: WlcmCountry) => {\n const phone: string = getPhoneCode(country.code);\n\n const viewValue: string = `${country.name} +${phone}`;\n\n const emojiFlag: string = getEmojiFlag(getCountryCode(country.name) as TCountryCode);\n\n return new WlcmCountryCodeOption(getCountryCode(country.name) as TCountryCode, viewValue, emojiFlag);\n });\n },\n }\n);\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { CountryCode, getPhoneCode } from 'libphonenumber-js';\n\n@Pipe({\n name: 'phoneCode',\n standalone: true,\n})\nexport class PhoneCodePipe implements PipeTransform {\n transform(value: CountryCode | null): string {\n return value ? getPhoneCode(value) : '1';\n }\n}\n","import { Component, Inject, InputSignal, OutputEmitterRef, ViewChild, input, output } from '@angular/core';\nimport { WlcmFormsModule, WlcmSelectComponent } from '@wlcm/angular/forms';\nimport { CommonModule } from '@angular/common';\n\nimport { WLCM_COUNTRY_CODE_OPTIONS } from '../../constants/country-code-options.constants';\nimport { WlcmCountryCodeOption } from '../../models/country-code.models';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { PhoneCodePipe } from '../../pipes/phone-code.pipe';\nimport { MatSelect } from '@angular/material/select';\n\n@Component({\n selector: 'wlcm-country-code-select',\n host: { class: 'wlcm-country-code-select' },\n standalone: true,\n imports: [CommonModule, WlcmFormsModule, ReactiveFormsModule, PhoneCodePipe],\n templateUrl: './country-code-select.component.html',\n styleUrl: './country-code-select.component.scss',\n})\nexport class WlcmCountryCodeSelectComponent {\n changed: OutputEmitterRef<any> = output();\n\n control: InputSignal<FormControl> = input(new FormControl('US'));\n\n @ViewChild(WlcmSelectComponent) private wlcmSelect!: WlcmSelectComponent;\n\n constructor(@Inject(WLCM_COUNTRY_CODE_OPTIONS) protected options: WlcmCountryCodeOption[]) {}\n\n get selectComponent(): MatSelect {\n return this.wlcmSelect.matSelect;\n }\n}\n","<wlcm-select\n [options]=\"options\"\n [formControl]=\"control()\"\n [optionTemplate]=\"optionTemplate\"\n [triggerTemplate]=\"triggerTemplate\"\n (selectionChange)=\"changed.emit($event)\"\n></wlcm-select>\n\n<ng-template #optionTemplate let-option>\n <span class=\"emoji-flag\">{{ option.emojiFlag }}</span>\n\n {{ option.viewValue }}\n</ng-template>\n\n<ng-template #triggerTemplate let-selected>\n <div class=\"wlcm-country-code-select-trigger\">\n +{{ selected?.value | phoneCode }}\n </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, Component, ContentChild, NgZone, ViewChild, forwardRef, inject } from '@angular/core';\nimport { WlcmPhoneInputDirective } from '../../directives/phone-input.directive';\nimport { WLCM_INPUT_BINDER, WlcmFormFieldInput } from '@wlcm/angular/forms';\nimport { WLCM_PHONE_ADAPTER } from '../../constants/phone-adapter.constants';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { Observable, Subject, fromEvent, merge, tap } from 'rxjs';\nimport { WlcmPhoneAdapter } from '../../models/phone-adapter.models';\nimport { AsYouType, CountryCode, PhoneNumber, getPhoneCode, isValidNumber, parsePhoneNumber } from 'libphonenumber-js';\nimport { WlcmCountryCodeSelectComponent } from '../country-code-select/country-code-select.component';\nimport { FormControl } from '@angular/forms';\n\n@UntilDestroy()\n@Component({\n selector: 'wlcm-phone-input-container',\n host: { class: 'wlcm-phone-input-container' },\n standalone: true,\n imports: [CommonModule, WlcmCountryCodeSelectComponent],\n templateUrl: './phone-input-container.component.html',\n styleUrl: './phone-input-container.component.scss',\n providers: [\n {\n provide: WLCM_INPUT_BINDER,\n useFactory: () => {\n const container: WlcmPhoneInputContainerComponent = inject(WlcmPhoneInputContainerComponent, { self: true });\n\n return { bind: () => container };\n },\n },\n { provide: WLCM_PHONE_ADAPTER, useExisting: forwardRef(() => WlcmPhoneInputContainerComponent) },\n ],\n})\nexport class WlcmPhoneInputContainerComponent implements AfterContentInit, WlcmFormFieldInput, WlcmPhoneAdapter {\n private readonly _focusStream$: Subject<void> = new Subject();\n\n private readonly _blurStream$: Subject<void> = new Subject();\n\n focus$: Observable<void> = this._focusStream$.asObservable();\n\n blur$: Observable<void> = this._blurStream$.asObservable();\n\n @ViewChild(WlcmCountryCodeSelectComponent) private codeSelect!: WlcmCountryCodeSelectComponent;\n\n @ContentChild(WlcmPhoneInputDirective) private phoneInput!: WlcmPhoneInputDirective;\n\n readonly control: FormControl = new FormControl('US');\n\n private _asYouType = new AsYouType('US');\n\n constructor(private _zone: NgZone) {}\n\n ngAfterContentInit(): void {\n if (!this.phoneInput) {\n throw new Error('The [wlcmPhoneInput] directive must be provided.');\n }\n\n this.handleInputEvents();\n }\n\n isFocused(): boolean {\n return this.phoneInput.element === document.activeElement || this.codeSelect?.selectComponent.panelOpen;\n }\n\n focus(): void {\n this.phoneInput.element.focus();\n }\n\n getCurrentCountryCode(): CountryCode {\n return this.control.value;\n }\n\n parseValue = (value: string): string => {\n if (!value || value.length === 0) return '';\n\n if (isValidNumber(value)) {\n const result: PhoneNumber = parsePhoneNumber(value, 'US');\n\n if (result.country) this.control.setValue(result.country);\n\n return result.nationalNumber;\n }\n\n return value;\n };\n\n formatValue = (value: string): string => {\n this._asYouType.reset();\n\n this._asYouType.input(`+${this.currentCallingCode}${value}`);\n\n const countryCode: CountryCode | undefined = this._asYouType.getCountry();\n\n if (countryCode) this.control.setValue(countryCode);\n\n return this._asYouType.getNumber()?.number ?? '';\n };\n\n handleCountryChange(): void {\n this.phoneInput._updateControl();\n\n this.phoneInput._updateMaskByCountryCode();\n }\n\n private get currentCallingCode(): string {\n return getPhoneCode(this.control.value);\n }\n\n private handleInputEvents(): void {\n this._zone.runOutsideAngular(() => {\n merge(\n fromEvent(this.phoneInput.element, 'focus').pipe(tap(() => this._focusStream$.next())),\n fromEvent(this.phoneInput.element, 'blur').pipe(tap(() => this._blurStream$.next())),\n )\n .pipe(untilDestroyed(this))\n .subscribe();\n });\n }\n}\n","<wlcm-country-code-select\n [control]=\"control\"\n (changed)=\"handleCountryChange()\"\n (click)=\"$event.stopPropagation()\"\n></wlcm-country-code-select>\n\n<div class=\"wlcm-phone-input-container-divider\"></div>\n\n<ng-content select=\"[wlcmPhoneInput]\"></ng-content>\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmPhoneInputContainerComponent } from './components/phone-input-container/phone-input-container.component';\nimport { WlcmPhoneInputDirective } from './directives/phone-input.directive';\n\nconst publicComponents: Type<unknown>[] = [WlcmPhoneInputContainerComponent];\n\nconst publicDirectives: Type<unknown>[] = [WlcmPhoneInputDirective];\n\n@NgModule({\n imports: [CommonModule, ...publicComponents, ...publicDirectives],\n exports: [...publicComponents, ...publicDirectives],\n})\nexport class WlcmPhoneInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export * from './lib/components/search-field/search-field.component';
|
2
|
+
export * from './lib/search-field.module';
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9tb2R1bGVzL3NlYXJjaC1maWVsZC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWFyY2gtZmllbGQubW9kdWxlJztcbiJdfQ==
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
+
import { DEFAULT_QUERY_PARAMS, SearchIconComponent, WlcmIconDirective, WlcmIconName } from '@wlcm/angular/core';
|
3
|
+
import { BehaviorSubject, debounceTime, skip } from 'rxjs';
|
4
|
+
import { CommonModule } from '@angular/common';
|
5
|
+
import { WlcmFormsModule } from '@wlcm/angular/forms';
|
6
|
+
import * as i0 from "@angular/core";
|
7
|
+
import * as i1 from "@wlcm/angular/forms";
|
8
|
+
export class WlcmSearchFieldComponent {
|
9
|
+
constructor() {
|
10
|
+
this.placeholder = 'Search by';
|
11
|
+
this.queryParams = { ...DEFAULT_QUERY_PARAMS };
|
12
|
+
this.queryParamsChange = new EventEmitter();
|
13
|
+
this._inputValue$ = new BehaviorSubject('');
|
14
|
+
this.WlcmIconName = WlcmIconName;
|
15
|
+
}
|
16
|
+
ngOnInit() {
|
17
|
+
this._inputValue$.next(this.queryParams.query);
|
18
|
+
this.handleInputValue();
|
19
|
+
}
|
20
|
+
handleInputValue() {
|
21
|
+
this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query) => {
|
22
|
+
this.queryParams = { ...this.queryParams, page: 1, query };
|
23
|
+
this.queryParamsChange.emit(this.queryParams);
|
24
|
+
});
|
25
|
+
}
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n <ng-container\n [wlcmIcon]=\"WlcmIconName.SEARCH\"\n wlcmFormFieldPrefix\n ></ng-container>\n\n <input\n #field\n wlcmInput\n type=\"text\"\n class=\"wlcm-search-field__input\"\n [placeholder]=\"placeholder\"\n [value]=\"queryParams.query\"\n (input)=\"_inputValue$.next(field.value)\"\n />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field", inputs: ["displayErrorMessages"] }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
28
|
+
}
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
|
30
|
+
type: Component,
|
31
|
+
args: [{ selector: 'wlcm-search-field', standalone: true, host: { class: 'wlcm-search-field' }, imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n <ng-container\n [wlcmIcon]=\"WlcmIconName.SEARCH\"\n wlcmFormFieldPrefix\n ></ng-container>\n\n <input\n #field\n wlcmInput\n type=\"text\"\n class=\"wlcm-search-field__input\"\n [placeholder]=\"placeholder\"\n [value]=\"queryParams.query\"\n (input)=\"_inputValue$.next(field.value)\"\n />\n</wlcm-form-field>\n" }]
|
32
|
+
}], propDecorators: { placeholder: [{
|
33
|
+
type: Input
|
34
|
+
}], queryParams: [{
|
35
|
+
type: Input
|
36
|
+
}], queryParamsChange: [{
|
37
|
+
type: Output
|
38
|
+
}] } });
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2hILE9BQU8sRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFZdEQsTUFBTSxPQUFPLHdCQUF3QjtJQVRyQztRQVVXLGdCQUFXLEdBQVcsV0FBVyxDQUFDO1FBRWxDLGdCQUFXLEdBQW9CLEVBQUUsR0FBRyxvQkFBb0IsRUFBRSxDQUFDO1FBRTFELHNCQUFpQixHQUFrQyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZFLGlCQUFZLEdBQTRCLElBQUksZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWhFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0tBZXRDO0lBYkMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFL0MsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDN0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBRTNELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2hELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F2QlUsd0JBQXdCO2tHQUF4Qix3QkFBd0IscVBDaEJyQyw2V0FnQkEseURETFksWUFBWSw4QkFBdUIsZUFBZSxvVUFBRSxpQkFBaUI7OzJGQUtwRSx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksUUFDVixFQUFFLEtBQUssRUFBRSxtQkFBbUIsRUFBRSxXQUMzQixDQUFDLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxlQUFlLEVBQUUsaUJBQWlCLENBQUMsbUJBRy9ELHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgREVGQVVMVF9RVUVSWV9QQVJBTVMsIFNlYXJjaEljb25Db21wb25lbnQsIFdsY21JY29uRGlyZWN0aXZlLCBXbGNtSWNvbk5hbWUgfSBmcm9tICdAd2xjbS9hbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBkZWJvdW5jZVRpbWUsIHNraXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBXbGNtRm9ybXNNb2R1bGUgfSBmcm9tICdAd2xjbS9hbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFdsY21RdWVyeVBhcmFtcyB9IGZyb20gJ0B3bGNtL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dsY20tc2VhcmNoLWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDogeyBjbGFzczogJ3dsY20tc2VhcmNoLWZpZWxkJyB9LFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTZWFyY2hJY29uQ29tcG9uZW50LCBXbGNtRm9ybXNNb2R1bGUsIFdsY21JY29uRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgV2xjbVNlYXJjaEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2ggYnknO1xuXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zOiBXbGNtUXVlcnlQYXJhbXMgPSB7IC4uLkRFRkFVTFRfUVVFUllfUEFSQU1TIH07XG5cbiAgQE91dHB1dCgpIHF1ZXJ5UGFyYW1zQ2hhbmdlOiBFdmVudEVtaXR0ZXI8V2xjbVF1ZXJ5UGFyYW1zPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICByZWFkb25seSBfaW5wdXRWYWx1ZSQ6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCgnJyk7XG5cbiAgcmVhZG9ubHkgV2xjbUljb25OYW1lID0gV2xjbUljb25OYW1lO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2lucHV0VmFsdWUkLm5leHQodGhpcy5xdWVyeVBhcmFtcy5xdWVyeSk7XG5cbiAgICB0aGlzLmhhbmRsZUlucHV0VmFsdWUoKTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlSW5wdXRWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9pbnB1dFZhbHVlJC5waXBlKHNraXAoMSksIGRlYm91bmNlVGltZSg0MDApKS5zdWJzY3JpYmUoKHF1ZXJ5OiBzdHJpbmcpID0+IHtcbiAgICAgIHRoaXMucXVlcnlQYXJhbXMgPSB7IC4uLnRoaXMucXVlcnlQYXJhbXMsIHBhZ2U6IDEsIHF1ZXJ5IH07XG5cbiAgICAgIHRoaXMucXVlcnlQYXJhbXNDaGFuZ2UuZW1pdCh0aGlzLnF1ZXJ5UGFyYW1zKTtcbiAgICB9KTtcbiAgfVxufVxuIiwiPHdsY20tZm9ybS1maWVsZD5cbiAgPG5nLWNvbnRhaW5lclxuICAgIFt3bGNtSWNvbl09XCJXbGNtSWNvbk5hbWUuU0VBUkNIXCJcbiAgICB3bGNtRm9ybUZpZWxkUHJlZml4XG4gID48L25nLWNvbnRhaW5lcj5cblxuICA8aW5wdXRcbiAgICAjZmllbGRcbiAgICB3bGNtSW5wdXRcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgY2xhc3M9XCJ3bGNtLXNlYXJjaC1maWVsZF9faW5wdXRcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgW3ZhbHVlXT1cInF1ZXJ5UGFyYW1zLnF1ZXJ5XCJcbiAgICAoaW5wdXQpPVwiX2lucHV0VmFsdWUkLm5leHQoZmllbGQudmFsdWUpXCJcbiAgLz5cbjwvd2xjbS1mb3JtLWZpZWxkPlxuIl19
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { WlcmSearchFieldComponent } from './components/search-field/search-field.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class WlcmSearchFieldModule {
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent], exports: [WlcmSearchFieldComponent] }); }
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent] }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, decorators: [{
|
11
|
+
type: NgModule,
|
12
|
+
args: [{
|
13
|
+
declarations: [],
|
14
|
+
imports: [CommonModule, WlcmSearchFieldComponent],
|
15
|
+
exports: [WlcmSearchFieldComponent],
|
16
|
+
}]
|
17
|
+
}] });
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvc2VhcmNoLWZpZWxkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7QUFNNUYsTUFBTSxPQUFPLHFCQUFxQjs4R0FBckIscUJBQXFCOytHQUFyQixxQkFBcUIsWUFIdEIsWUFBWSxFQUFFLHdCQUF3QixhQUN0Qyx3QkFBd0I7K0dBRXZCLHFCQUFxQixZQUh0QixZQUFZLEVBQUUsd0JBQXdCOzsyRkFHckMscUJBQXFCO2tCQUxqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsd0JBQXdCLENBQUM7b0JBQ2pELE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgV2xjbVNlYXJjaEZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3NlYXJjaC1maWVsZC9zZWFyY2gtZmllbGQuY29tcG9uZW50JztcbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFdsY21TZWFyY2hGaWVsZENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtXbGNtU2VhcmNoRmllbGRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBXbGNtU2VhcmNoRmllbGRNb2R1bGUge31cbiJdfQ==
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './index';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2xjbS1hbmd1bGFyLXNlYXJjaC1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy93bGNtLWFuZ3VsYXItc2VhcmNoLWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
@@ -24,10 +24,10 @@ class WlcmSearchFieldComponent {
|
|
24
24
|
this.queryParamsChange.emit(this.queryParams);
|
25
25
|
});
|
26
26
|
}
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n <ng-container\n [wlcmIcon]=\"WlcmIconName.SEARCH\"\n wlcmFormFieldPrefix\n ></ng-container>\n\n <input\n #field\n wlcmInput\n type=\"text\"\n class=\"wlcm-search-field__input\"\n [placeholder]=\"placeholder\"\n [value]=\"queryParams.query\"\n (input)=\"_inputValue$.next(field.value)\"\n />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field", inputs: ["displayErrorMessages"] }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
29
29
|
}
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
|
31
31
|
type: Component,
|
32
32
|
args: [{ selector: 'wlcm-search-field', standalone: true, host: { class: 'wlcm-search-field' }, imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n <ng-container\n [wlcmIcon]=\"WlcmIconName.SEARCH\"\n wlcmFormFieldPrefix\n ></ng-container>\n\n <input\n #field\n wlcmInput\n type=\"text\"\n class=\"wlcm-search-field__input\"\n [placeholder]=\"placeholder\"\n [value]=\"queryParams.query\"\n (input)=\"_inputValue$.next(field.value)\"\n />\n</wlcm-form-field>\n" }]
|
33
33
|
}], propDecorators: { placeholder: [{
|
@@ -39,11 +39,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
39
39
|
}] } });
|
40
40
|
|
41
41
|
class WlcmSearchFieldModule {
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
43
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
44
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
43
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent], exports: [WlcmSearchFieldComponent] }); }
|
44
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent] }); }
|
45
45
|
}
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmSearchFieldModule, decorators: [{
|
47
47
|
type: NgModule,
|
48
48
|
args: [{
|
49
49
|
declarations: [],
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"wlcm-angular-search-field.mjs","sources":["../../../../modules/search-field/src/lib/components/search-field/search-field.component.ts","../../../../modules/search-field/src/lib/components/search-field/search-field.component.html","../../../../modules/search-field/src/lib/search-field.module.ts","../../../../modules/search-field/src/wlcm-angular-search-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DEFAULT_QUERY_PARAMS, SearchIconComponent, WlcmIconDirective, WlcmIconName } from '@wlcm/angular/core';\nimport { BehaviorSubject, debounceTime, skip } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { WlcmFormsModule } from '@wlcm/angular/forms';\nimport { WlcmQueryParams } from '@wlcm/common';\n\n@Component({\n selector: 'wlcm-search-field',\n standalone: true,\n host: { class: 'wlcm-search-field' },\n imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective],\n templateUrl: './search-field.component.html',\n styleUrls: ['./search-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmSearchFieldComponent implements OnInit {\n @Input() placeholder: string = 'Search by';\n\n @Input() queryParams: WlcmQueryParams = { ...DEFAULT_QUERY_PARAMS };\n\n @Output() queryParamsChange: EventEmitter<WlcmQueryParams> = new EventEmitter();\n\n readonly _inputValue$: BehaviorSubject<string> = new BehaviorSubject('');\n\n readonly WlcmIconName = WlcmIconName;\n\n ngOnInit(): void {\n this._inputValue$.next(this.queryParams.query);\n\n this.handleInputValue();\n }\n\n private handleInputValue(): void {\n this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query: string) => {\n this.queryParams = { ...this.queryParams, page: 1, query };\n\n this.queryParamsChange.emit(this.queryParams);\n });\n }\n}\n","<wlcm-form-field>\n <ng-container\n [wlcmIcon]=\"WlcmIconName.SEARCH\"\n wlcmFormFieldPrefix\n ></ng-container>\n\n <input\n #field\n wlcmInput\n type=\"text\"\n class=\"wlcm-search-field__input\"\n [placeholder]=\"placeholder\"\n [value]=\"queryParams.query\"\n (input)=\"_inputValue$.next(field.value)\"\n />\n</wlcm-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmSearchFieldComponent } from './components/search-field/search-field.component';\n@NgModule({\n declarations: [],\n imports: [CommonModule, WlcmSearchFieldComponent],\n exports: [WlcmSearchFieldComponent],\n})\nexport class WlcmSearchFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAgBa,wBAAwB,CAAA;AATrC,IAAA,WAAA,GAAA;QAUW,IAAW,CAAA,WAAA,GAAW,WAAW;
|
1
|
+
{"version":3,"file":"wlcm-angular-search-field.mjs","sources":["../../../../modules/search-field/src/lib/components/search-field/search-field.component.ts","../../../../modules/search-field/src/lib/components/search-field/search-field.component.html","../../../../modules/search-field/src/lib/search-field.module.ts","../../../../modules/search-field/src/wlcm-angular-search-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DEFAULT_QUERY_PARAMS, SearchIconComponent, WlcmIconDirective, WlcmIconName } from '@wlcm/angular/core';\nimport { BehaviorSubject, debounceTime, skip } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { WlcmFormsModule } from '@wlcm/angular/forms';\nimport { WlcmQueryParams } from '@wlcm/common';\n\n@Component({\n selector: 'wlcm-search-field',\n standalone: true,\n host: { class: 'wlcm-search-field' },\n imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective],\n templateUrl: './search-field.component.html',\n styleUrls: ['./search-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmSearchFieldComponent implements OnInit {\n @Input() placeholder: string = 'Search by';\n\n @Input() queryParams: WlcmQueryParams = { ...DEFAULT_QUERY_PARAMS };\n\n @Output() queryParamsChange: EventEmitter<WlcmQueryParams> = new EventEmitter();\n\n readonly _inputValue$: BehaviorSubject<string> = new BehaviorSubject('');\n\n readonly WlcmIconName = WlcmIconName;\n\n ngOnInit(): void {\n this._inputValue$.next(this.queryParams.query);\n\n this.handleInputValue();\n }\n\n private handleInputValue(): void {\n this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query: string) => {\n this.queryParams = { ...this.queryParams, page: 1, query };\n\n this.queryParamsChange.emit(this.queryParams);\n });\n }\n}\n","<wlcm-form-field>\n <ng-container\n [wlcmIcon]=\"WlcmIconName.SEARCH\"\n wlcmFormFieldPrefix\n ></ng-container>\n\n <input\n #field\n wlcmInput\n type=\"text\"\n class=\"wlcm-search-field__input\"\n [placeholder]=\"placeholder\"\n [value]=\"queryParams.query\"\n (input)=\"_inputValue$.next(field.value)\"\n />\n</wlcm-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmSearchFieldComponent } from './components/search-field/search-field.component';\n@NgModule({\n declarations: [],\n imports: [CommonModule, WlcmSearchFieldComponent],\n exports: [WlcmSearchFieldComponent],\n})\nexport class WlcmSearchFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
export { WlcmStepHeaderComponent } from './lib/components/step-header/step-header.component';
|
2
|
+
export { WlcmStepComponent } from './lib/components/step/step.component';
|
3
|
+
export { WlcmStepperHeaderComponent } from './lib/components/stepper-header/stepper-header.component';
|
4
|
+
export { WlcmStepperComponent } from './lib/components/stepper/stepper.component';
|
5
|
+
export { WlcmLoadOnActiveStepDirective } from './lib/directives/load-on-active-step.directive';
|
6
|
+
export { WlcmStepperModule } from './lib/stepper.module';
|
7
|
+
export { WlcmStep } from './lib/models/step.models';
|
8
|
+
export { WlcmStepsNavigator } from './lib/models/stepper.models';
|
9
|
+
export { WLCM_STEP, WLCM_STEP_OPTIONS } from './lib/constants/step.constants';
|
10
|
+
export { WLCM_STEPS_NAVIGATOR } from './lib/constants/stepper.stepper';
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBRS9GLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxRQUFRLEVBQXlDLE1BQU0sMEJBQTBCLENBQUM7QUFDM0YsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgV2xjbVN0ZXBIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N0ZXAtaGVhZGVyL3N0ZXAtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBXbGNtU3RlcENvbXBvbmVudCB9IGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3RlcC9zdGVwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBXbGNtU3RlcHBlckhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3RlcHBlci1oZWFkZXIvc3RlcHBlci1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFdsY21TdGVwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFdsY21Mb2FkT25BY3RpdmVTdGVwRGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9sb2FkLW9uLWFjdGl2ZS1zdGVwLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCB7IFdsY21TdGVwcGVyTW9kdWxlIH0gZnJvbSAnLi9saWIvc3RlcHBlci5tb2R1bGUnO1xuZXhwb3J0IHsgV2xjbVN0ZXAsIFdsY21TdGVwT3B0aW9ucywgV2xjbVN0ZXBEaXNhYmxlVmFsdWUgfSBmcm9tICcuL2xpYi9tb2RlbHMvc3RlcC5tb2RlbHMnO1xuZXhwb3J0IHsgV2xjbVN0ZXBzTmF2aWdhdG9yIH0gZnJvbSAnLi9saWIvbW9kZWxzL3N0ZXBwZXIubW9kZWxzJztcblxuZXhwb3J0IHsgV0xDTV9TVEVQLCBXTENNX1NURVBfT1BUSU9OUyB9IGZyb20gJy4vbGliL2NvbnN0YW50cy9zdGVwLmNvbnN0YW50cyc7XG5leHBvcnQgeyBXTENNX1NURVBTX05BVklHQVRPUiB9IGZyb20gJy4vbGliL2NvbnN0YW50cy9zdGVwcGVyLnN0ZXBwZXInO1xuIl19
|
@@ -0,0 +1,53 @@
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
2
|
+
import { ChangeDetectorRef, Component, ElementRef, Inject, NgZone, forwardRef } from '@angular/core';
|
3
|
+
import { WLCM_STEPS_NAVIGATOR } from '../../constants/stepper.stepper';
|
4
|
+
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
|
5
|
+
import { WlcmStepBase } from '../../models/step.models';
|
6
|
+
import { WlcmStepsNavigator } from '../../models/stepper.models';
|
7
|
+
import { WLCM_STEP, WLCM_STEP_OPTIONS } from '../../constants/step.constants';
|
8
|
+
import { CommonModule } from '@angular/common';
|
9
|
+
import * as i0 from "@angular/core";
|
10
|
+
import * as i1 from "../../models/stepper.models";
|
11
|
+
let WlcmStepComponent = class WlcmStepComponent extends WlcmStepBase {
|
12
|
+
constructor(zone, elementRef, changeDetectorRef, options, stepsNavigator) {
|
13
|
+
super(options);
|
14
|
+
this.zone = zone;
|
15
|
+
this.elementRef = elementRef;
|
16
|
+
this.changeDetectorRef = changeDetectorRef;
|
17
|
+
this.options = options;
|
18
|
+
this.stepsNavigator = stepsNavigator;
|
19
|
+
this.zone.runOutsideAngular(() => this._handleActiveChanges());
|
20
|
+
}
|
21
|
+
get element() {
|
22
|
+
return this.elementRef.nativeElement;
|
23
|
+
}
|
24
|
+
_handleActiveChanges() {
|
25
|
+
this.stepsNavigator.active$.pipe(untilDestroyed(this)).subscribe((active) => {
|
26
|
+
if (active?.key === this.key) {
|
27
|
+
this.element.classList.add('wlcm-step-active');
|
28
|
+
return this.changeDetectorRef.markForCheck();
|
29
|
+
}
|
30
|
+
this.element.classList.remove('wlcm-step-active');
|
31
|
+
});
|
32
|
+
}
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: WLCM_STEP_OPTIONS }, { token: WLCM_STEPS_NAVIGATOR }], target: i0.ɵɵFactoryTarget.Component }); }
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmStepComponent, isStandalone: true, selector: "wlcm-step", host: { classAttribute: "wlcm-step" }, providers: [{ provide: WLCM_STEP, useExisting: forwardRef(() => WlcmStepComponent) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
35
|
+
};
|
36
|
+
WlcmStepComponent = __decorate([
|
37
|
+
UntilDestroy(),
|
38
|
+
__metadata("design:paramtypes", [NgZone,
|
39
|
+
ElementRef,
|
40
|
+
ChangeDetectorRef, Object, WlcmStepsNavigator])
|
41
|
+
], WlcmStepComponent);
|
42
|
+
export { WlcmStepComponent };
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepComponent, decorators: [{
|
44
|
+
type: Component,
|
45
|
+
args: [{ selector: 'wlcm-step', host: { class: 'wlcm-step' }, standalone: true, imports: [CommonModule], providers: [{ provide: WLCM_STEP, useExisting: forwardRef(() => WlcmStepComponent) }], template: "<ng-content></ng-content>\n" }]
|
46
|
+
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
47
|
+
type: Inject,
|
48
|
+
args: [WLCM_STEP_OPTIONS]
|
49
|
+
}] }, { type: i1.WlcmStepsNavigator, decorators: [{
|
50
|
+
type: Inject,
|
51
|
+
args: [WLCM_STEPS_NAVIGATOR]
|
52
|
+
}] }] });
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRSxPQUFPLEVBQVksWUFBWSxFQUFtQixNQUFNLDBCQUEwQixDQUFDO0FBQ25GLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVl4QyxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLFlBQVk7SUFDakQsWUFDVSxJQUFZLEVBQ1osVUFBc0IsRUFDdEIsaUJBQW9DLEVBQ0UsT0FBd0IsRUFDaEMsY0FBa0M7UUFFeEUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBTlAsU0FBSSxHQUFKLElBQUksQ0FBUTtRQUNaLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNFLFlBQU8sR0FBUCxPQUFPLENBQWlCO1FBQ2hDLG1CQUFjLEdBQWQsY0FBYyxDQUFvQjtRQUl4RSxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELElBQVksT0FBTztRQUNqQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3ZDLENBQUM7SUFFTyxvQkFBb0I7UUFDMUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQXVCLEVBQUUsRUFBRTtZQUMzRixJQUFJLE1BQU0sRUFBRSxHQUFHLEtBQUssSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO2dCQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQztnQkFFL0MsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDL0MsQ0FBQztZQUVELElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3BELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0EzQlUsaUJBQWlCLG1HQUtsQixpQkFBaUIsYUFDakIsb0JBQW9CO2tHQU5uQixpQkFBaUIsK0ZBRmpCLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUMsRUFBRSxDQUFDLGlEQ2hCdkYsNkJBQ0EseUREWVksWUFBWTs7QUFLWCxpQkFBaUI7SUFWN0IsWUFBWSxFQUFFO3FDQVlHLE1BQU07UUFDQSxVQUFVO1FBQ0gsaUJBQWlCLFVBRVUsa0JBQWtCO0dBTi9ELGlCQUFpQixDQTRCN0I7OzJGQTVCWSxpQkFBaUI7a0JBVDdCLFNBQVM7K0JBQ0UsV0FBVyxRQUNmLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxjQUNoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsYUFHWixDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQyxFQUFFLENBQUM7OzBCQU9sRixNQUFNOzJCQUFDLGlCQUFpQjs7MEJBQ3hCLE1BQU07MkJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0LCBOZ1pvbmUsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdMQ01fU1RFUFNfTkFWSUdBVE9SIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL3N0ZXBwZXIuc3RlcHBlcic7XG5pbXBvcnQgeyBVbnRpbERlc3Ryb3ksIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG5nbmVhdC91bnRpbC1kZXN0cm95JztcbmltcG9ydCB7IFdsY21TdGVwLCBXbGNtU3RlcEJhc2UsIFdsY21TdGVwT3B0aW9ucyB9IGZyb20gJy4uLy4uL21vZGVscy9zdGVwLm1vZGVscyc7XG5pbXBvcnQgeyBXbGNtU3RlcHNOYXZpZ2F0b3IgfSBmcm9tICcuLi8uLi9tb2RlbHMvc3RlcHBlci5tb2RlbHMnO1xuaW1wb3J0IHsgV0xDTV9TVEVQLCBXTENNX1NURVBfT1BUSU9OUyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9zdGVwLmNvbnN0YW50cyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AVW50aWxEZXN0cm95KClcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dsY20tc3RlcCcsXG4gIGhvc3Q6IHsgY2xhc3M6ICd3bGNtLXN0ZXAnIH0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zdGVwLmNvbXBvbmVudC5zY3NzJyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBXTENNX1NURVAsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdsY21TdGVwQ29tcG9uZW50KSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgV2xjbVN0ZXBDb21wb25lbnQgZXh0ZW5kcyBXbGNtU3RlcEJhc2UgaW1wbGVtZW50cyBXbGNtU3RlcCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgem9uZTogTmdab25lLFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBASW5qZWN0KFdMQ01fU1RFUF9PUFRJT05TKSBwcm90ZWN0ZWQgb3ZlcnJpZGUgb3B0aW9uczogV2xjbVN0ZXBPcHRpb25zLFxuICAgIEBJbmplY3QoV0xDTV9TVEVQU19OQVZJR0FUT1IpIHByaXZhdGUgc3RlcHNOYXZpZ2F0b3I6IFdsY21TdGVwc05hdmlnYXRvclxuICApIHtcbiAgICBzdXBlcihvcHRpb25zKTtcblxuICAgIHRoaXMuem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB0aGlzLl9oYW5kbGVBY3RpdmVDaGFuZ2VzKCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgZWxlbWVudCgpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQWN0aXZlQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLnN0ZXBzTmF2aWdhdG9yLmFjdGl2ZSQucGlwZSh1bnRpbERlc3Ryb3llZCh0aGlzKSkuc3Vic2NyaWJlKChhY3RpdmU6IFdsY21TdGVwIHwgbnVsbCkgPT4ge1xuICAgICAgaWYgKGFjdGl2ZT8ua2V5ID09PSB0aGlzLmtleSkge1xuICAgICAgICB0aGlzLmVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnd2xjbS1zdGVwLWFjdGl2ZScpO1xuXG4gICAgICAgIHJldHVybiB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZSgnd2xjbS1zdGVwLWFjdGl2ZScpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { Component, ElementRef, HostBinding, Inject, effect, input } from '@angular/core';
|
4
|
+
import { WLCM_STEPS_NAVIGATOR } from '../../constants/stepper.stepper';
|
5
|
+
import { WlcmStepsNavigator } from '../../models/stepper.models';
|
6
|
+
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
|
7
|
+
import { Subject, map, of, switchMap, takeUntil } from 'rxjs';
|
8
|
+
import * as i0 from "@angular/core";
|
9
|
+
import * as i1 from "@angular/common";
|
10
|
+
import * as i2 from "../../models/stepper.models";
|
11
|
+
let WlcmStepHeaderComponent = class WlcmStepHeaderComponent {
|
12
|
+
get isPassed() {
|
13
|
+
return this._key && this.navigator.isCurrentOrPrevious(this._key);
|
14
|
+
}
|
15
|
+
get isCompleted() {
|
16
|
+
return this._step.completed;
|
17
|
+
}
|
18
|
+
constructor(elementRef, navigator) {
|
19
|
+
this.elementRef = elementRef;
|
20
|
+
this.navigator = navigator;
|
21
|
+
this.step = input.required();
|
22
|
+
this._stepUpdated$ = new Subject();
|
23
|
+
effect(() => this._handleDisableStatusChanges());
|
24
|
+
}
|
25
|
+
activate() {
|
26
|
+
if (this.navigator.active?.key === this.step().key)
|
27
|
+
return;
|
28
|
+
this.navigator.activate(this.step().key);
|
29
|
+
}
|
30
|
+
get element() {
|
31
|
+
return this.elementRef.nativeElement;
|
32
|
+
}
|
33
|
+
get _key() {
|
34
|
+
return this.step().key;
|
35
|
+
}
|
36
|
+
get _step() {
|
37
|
+
return this.step();
|
38
|
+
}
|
39
|
+
_handleDisableStatusChanges() {
|
40
|
+
this._stepUpdated$.next();
|
41
|
+
this.step()
|
42
|
+
.disabled$.pipe(switchMap((value) => {
|
43
|
+
if (value === 'on_any_previous_incomplete') {
|
44
|
+
return this.navigator.minIncompleteStepIndex$.pipe(map((minIndex) => {
|
45
|
+
if (minIndex < 0)
|
46
|
+
return false;
|
47
|
+
return minIndex < this.navigator.getStepIndex(this.step().key);
|
48
|
+
}));
|
49
|
+
}
|
50
|
+
return of(value);
|
51
|
+
}))
|
52
|
+
.pipe(untilDestroyed(this), takeUntil(this._stepUpdated$))
|
53
|
+
.subscribe((isDisabled) => {
|
54
|
+
if (isDisabled) {
|
55
|
+
return this.element.classList.add('wlcm-step-header-disabled');
|
56
|
+
}
|
57
|
+
this.element.classList.remove('wlcm-step-header-disabled');
|
58
|
+
});
|
59
|
+
}
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepHeaderComponent, deps: [{ token: i0.ElementRef }, { token: WLCM_STEPS_NAVIGATOR }], target: i0.ɵɵFactoryTarget.Component }); }
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.6", type: WlcmStepHeaderComponent, isStandalone: true, selector: "wlcm-step-header", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.wlcm-step-header-passed": "this.isPassed", "class.wlcm-step-header-completed": "this.isCompleted" }, classAttribute: "wlcm-step-header" }, ngImport: i0, template: "<button class=\"wlcm-step-header-button\" (click)=\"activate()\">\n <span class=\"wlcm-step-header-label\">{{ step().label$ | async }}</span>\n\n <div class=\"wlcm-step-header-progress-bar\">\n <div class=\"wlcm-step-header-complete-indicator\"></div>\n\n <div class=\"wlcm-step-header-pass-indicator\"></div>\n </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
62
|
+
};
|
63
|
+
WlcmStepHeaderComponent = __decorate([
|
64
|
+
UntilDestroy(),
|
65
|
+
__metadata("design:paramtypes", [ElementRef, WlcmStepsNavigator])
|
66
|
+
], WlcmStepHeaderComponent);
|
67
|
+
export { WlcmStepHeaderComponent };
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepHeaderComponent, decorators: [{
|
69
|
+
type: Component,
|
70
|
+
args: [{ selector: 'wlcm-step-header', host: { class: 'wlcm-step-header' }, standalone: true, imports: [CommonModule], template: "<button class=\"wlcm-step-header-button\" (click)=\"activate()\">\n <span class=\"wlcm-step-header-label\">{{ step().label$ | async }}</span>\n\n <div class=\"wlcm-step-header-progress-bar\">\n <div class=\"wlcm-step-header-complete-indicator\"></div>\n\n <div class=\"wlcm-step-header-pass-indicator\"></div>\n </div>\n</button>\n" }]
|
71
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i2.WlcmStepsNavigator, decorators: [{
|
72
|
+
type: Inject,
|
73
|
+
args: [WLCM_STEPS_NAVIGATOR]
|
74
|
+
}] }], propDecorators: { isPassed: [{
|
75
|
+
type: HostBinding,
|
76
|
+
args: ['class.wlcm-step-header-passed']
|
77
|
+
}], isCompleted: [{
|
78
|
+
type: HostBinding,
|
79
|
+
args: ['class.wlcm-step-header-completed']
|
80
|
+
}] } });
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbW9kdWxlcy9zdGVwcGVyL3NyYy9saWIvY29tcG9uZW50cy9zdGVwLWhlYWRlci9zdGVwLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXAtaGVhZGVyL3N0ZXAtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBZSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWpFLE9BQU8sRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDckUsT0FBTyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7QUFXdkQsSUFBTSx1QkFBdUIsR0FBN0IsTUFBTSx1QkFBdUI7SUFHbEMsSUFBa0QsUUFBUTtRQUN4RCxPQUFPLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELElBQXFELFdBQVc7UUFDOUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQztJQUM5QixDQUFDO0lBSUQsWUFBb0IsVUFBc0IsRUFBMEMsU0FBNkI7UUFBN0YsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUEwQyxjQUFTLEdBQVQsU0FBUyxDQUFvQjtRQVpqSCxTQUFJLEdBQTBCLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQVV2QyxrQkFBYSxHQUFrQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBR25ELE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxHQUFHLEtBQUssSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEdBQUc7WUFBRSxPQUFPO1FBRTNELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBWSxPQUFPO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQVksSUFBSTtRQUNkLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEdBQUcsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBWSxLQUFLO1FBQ2YsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVPLDJCQUEyQjtRQUNqQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBRTFCLElBQUksQ0FBQyxJQUFJLEVBQUU7YUFDUixTQUFTLENBQUMsSUFBSSxDQUNiLFNBQVMsQ0FBQyxDQUFDLEtBQTJCLEVBQUUsRUFBRTtZQUN4QyxJQUFJLEtBQUssS0FBSyw0QkFBNEIsRUFBRSxDQUFDO2dCQUMzQyxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUNoRCxHQUFHLENBQUMsQ0FBQyxRQUFnQixFQUFFLEVBQUU7b0JBQ3ZCLElBQUksUUFBUSxHQUFHLENBQUM7d0JBQUUsT0FBTyxLQUFLLENBQUM7b0JBRS9CLE9BQU8sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLENBQUUsQ0FBQztnQkFDbEUsQ0FBQyxDQUFDLENBQ0gsQ0FBQztZQUNKLENBQUM7WUFFRCxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FDSDthQUNBLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQzthQUN6RCxTQUFTLENBQUMsQ0FBQyxVQUFtQixFQUFFLEVBQUU7WUFDakMsSUFBSSxVQUFVLEVBQUUsQ0FBQztnQkFDZixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1lBQ2pFLENBQUM7WUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUM3RCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7OEdBOURVLHVCQUF1Qiw0Q0Fha0Isb0JBQW9CO2tHQWI3RCx1QkFBdUIsb1hDakJwQyxzVkFTQSx5RERJWSxZQUFZOztBQUlYLHVCQUF1QjtJQVRuQyxZQUFZLEVBQUU7cUNBc0JtQixVQUFVLEVBQXFELGtCQUFrQjtHQWJ0Ryx1QkFBdUIsQ0ErRG5DOzsyRkEvRFksdUJBQXVCO2tCQVJuQyxTQUFTOytCQUNFLGtCQUFrQixRQUN0QixFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxjQUN2QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OzBCQWlCc0IsTUFBTTsyQkFBQyxvQkFBb0I7eUNBVnRCLFFBQVE7c0JBQXpELFdBQVc7dUJBQUMsK0JBQStCO2dCQUlTLFdBQVc7c0JBQS9ELFdBQVc7dUJBQUMsa0NBQWtDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIEluamVjdCwgSW5wdXRTaWduYWwsIGVmZmVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdMQ01fU1RFUFNfTkFWSUdBVE9SIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL3N0ZXBwZXIuc3RlcHBlcic7XG5pbXBvcnQgeyBXbGNtU3RlcHNOYXZpZ2F0b3IgfSBmcm9tICcuLi8uLi9tb2RlbHMvc3RlcHBlci5tb2RlbHMnO1xuaW1wb3J0IHsgV2xjbVN0ZXAsIFdsY21TdGVwRGlzYWJsZVZhbHVlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3N0ZXAubW9kZWxzJztcbmltcG9ydCB7IFVudGlsRGVzdHJveSwgdW50aWxEZXN0cm95ZWQgfSBmcm9tICdAbmduZWF0L3VudGlsLWRlc3Ryb3knO1xuaW1wb3J0IHsgU3ViamVjdCwgbWFwLCBvZiwgc3dpdGNoTWFwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuQFVudGlsRGVzdHJveSgpXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3bGNtLXN0ZXAtaGVhZGVyJyxcbiAgaG9zdDogeyBjbGFzczogJ3dsY20tc3RlcC1oZWFkZXInIH0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vc3RlcC1oZWFkZXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBXbGNtU3RlcEhlYWRlckNvbXBvbmVudCB7XG4gIHN0ZXA6IElucHV0U2lnbmFsPFdsY21TdGVwPiA9IGlucHV0LnJlcXVpcmVkKCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy53bGNtLXN0ZXAtaGVhZGVyLXBhc3NlZCcpIGdldCBpc1Bhc3NlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fa2V5ICYmIHRoaXMubmF2aWdhdG9yLmlzQ3VycmVudE9yUHJldmlvdXModGhpcy5fa2V5KTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3Mud2xjbS1zdGVwLWhlYWRlci1jb21wbGV0ZWQnKSBnZXQgaXNDb21wbGV0ZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3N0ZXAuY29tcGxldGVkO1xuICB9XG5cbiAgcHJpdmF0ZSBfc3RlcFVwZGF0ZWQkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIEBJbmplY3QoV0xDTV9TVEVQU19OQVZJR0FUT1IpIHByb3RlY3RlZCBuYXZpZ2F0b3I6IFdsY21TdGVwc05hdmlnYXRvcikge1xuICAgIGVmZmVjdCgoKSA9PiB0aGlzLl9oYW5kbGVEaXNhYmxlU3RhdHVzQ2hhbmdlcygpKTtcbiAgfVxuXG4gIGFjdGl2YXRlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm5hdmlnYXRvci5hY3RpdmU/LmtleSA9PT0gdGhpcy5zdGVwKCkua2V5KSByZXR1cm47XG5cbiAgICB0aGlzLm5hdmlnYXRvci5hY3RpdmF0ZSh0aGlzLnN0ZXAoKS5rZXkpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgZWxlbWVudCgpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgX2tleSgpOiB1bmtub3duIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwKCkua2V5O1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgX3N0ZXAoKTogV2xjbVN0ZXAge1xuICAgIHJldHVybiB0aGlzLnN0ZXAoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZURpc2FibGVTdGF0dXNDaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuX3N0ZXBVcGRhdGVkJC5uZXh0KCk7XG5cbiAgICB0aGlzLnN0ZXAoKVxuICAgICAgLmRpc2FibGVkJC5waXBlKFxuICAgICAgICBzd2l0Y2hNYXAoKHZhbHVlOiBXbGNtU3RlcERpc2FibGVWYWx1ZSkgPT4ge1xuICAgICAgICAgIGlmICh2YWx1ZSA9PT0gJ29uX2FueV9wcmV2aW91c19pbmNvbXBsZXRlJykge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMubmF2aWdhdG9yLm1pbkluY29tcGxldGVTdGVwSW5kZXgkLnBpcGUoXG4gICAgICAgICAgICAgIG1hcCgobWluSW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChtaW5JbmRleCA8IDApIHJldHVybiBmYWxzZTtcblxuICAgICAgICAgICAgICAgIHJldHVybiBtaW5JbmRleCA8IHRoaXMubmF2aWdhdG9yLmdldFN0ZXBJbmRleCh0aGlzLnN0ZXAoKS5rZXkpITtcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgcmV0dXJuIG9mKHZhbHVlKTtcbiAgICAgICAgfSlcbiAgICAgIClcbiAgICAgIC5waXBlKHVudGlsRGVzdHJveWVkKHRoaXMpLCB0YWtlVW50aWwodGhpcy5fc3RlcFVwZGF0ZWQkKSlcbiAgICAgIC5zdWJzY3JpYmUoKGlzRGlzYWJsZWQ6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgaWYgKGlzRGlzYWJsZWQpIHtcbiAgICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3dsY20tc3RlcC1oZWFkZXItZGlzYWJsZWQnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCd3bGNtLXN0ZXAtaGVhZGVyLWRpc2FibGVkJyk7XG4gICAgICB9KTtcbiAgfVxufVxuIiwiPGJ1dHRvbiBjbGFzcz1cIndsY20tc3RlcC1oZWFkZXItYnV0dG9uXCIgKGNsaWNrKT1cImFjdGl2YXRlKClcIj5cbiAgPHNwYW4gY2xhc3M9XCJ3bGNtLXN0ZXAtaGVhZGVyLWxhYmVsXCI+e3sgc3RlcCgpLmxhYmVsJCB8IGFzeW5jIH19PC9zcGFuPlxuXG4gIDxkaXYgY2xhc3M9XCJ3bGNtLXN0ZXAtaGVhZGVyLXByb2dyZXNzLWJhclwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3bGNtLXN0ZXAtaGVhZGVyLWNvbXBsZXRlLWluZGljYXRvclwiPjwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cIndsY20tc3RlcC1oZWFkZXItcGFzcy1pbmRpY2F0b3JcIj48L2Rpdj5cbiAgPC9kaXY+XG48L2J1dHRvbj5cbiJdfQ==
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { Component, forwardRef } from '@angular/core';
|
3
|
+
import { WlcmStepperHeaderComponent } from '../stepper-header/stepper-header.component';
|
4
|
+
import { WlcmStepperBase } from '../../models/stepper.models';
|
5
|
+
import { WLCM_STEPS_NAVIGATOR } from '../../constants/stepper.stepper';
|
6
|
+
import * as i0 from "@angular/core";
|
7
|
+
export class WlcmStepperComponent extends WlcmStepperBase {
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmStepperComponent, isStandalone: true, selector: "wlcm-stepper", host: { classAttribute: "wlcm-stepper" }, providers: [{ provide: WLCM_STEPS_NAVIGATOR, useExisting: forwardRef(() => WlcmStepperComponent) }], usesInheritance: true, ngImport: i0, template: "<wlcm-stepper-header [steps]=\"_steps()\"></wlcm-stepper-header>\n\n<ng-content select=\"wlcm-step\"></ng-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WlcmStepperHeaderComponent, selector: "wlcm-stepper-header", inputs: ["steps"] }] }); }
|
10
|
+
}
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepperComponent, decorators: [{
|
12
|
+
type: Component,
|
13
|
+
args: [{ selector: 'wlcm-stepper', host: { class: 'wlcm-stepper' }, standalone: true, imports: [CommonModule, WlcmStepperHeaderComponent], providers: [{ provide: WLCM_STEPS_NAVIGATOR, useExisting: forwardRef(() => WlcmStepperComponent) }], template: "<wlcm-stepper-header [steps]=\"_steps()\"></wlcm-stepper-header>\n\n<ng-content select=\"wlcm-step\"></ng-content>\n" }]
|
14
|
+
}] });
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDeEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQVd2RSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZUFBZTs4R0FBNUMsb0JBQW9CO2tHQUFwQixvQkFBb0IscUdBRnBCLENBQUMsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLENBQUMsaURDYnJHLHNIQUdBLHlERE9ZLFlBQVksK0JBQUUsMEJBQTBCOzsyRkFLdkMsb0JBQW9CO2tCQVRoQyxTQUFTOytCQUNFLGNBQWMsUUFDbEIsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLGNBQ25CLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSwwQkFBMEIsQ0FBQyxhQUd4QyxDQUFDLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdsY21TdGVwcGVySGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc3RlcHBlci1oZWFkZXIvc3RlcHBlci1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFdsY21TdGVwcGVyQmFzZSB9IGZyb20gJy4uLy4uL21vZGVscy9zdGVwcGVyLm1vZGVscyc7XG5pbXBvcnQgeyBXTENNX1NURVBTX05BVklHQVRPUiB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9zdGVwcGVyLnN0ZXBwZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3bGNtLXN0ZXBwZXInLFxuICBob3N0OiB7IGNsYXNzOiAnd2xjbS1zdGVwcGVyJyB9LFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBXbGNtU3RlcHBlckhlYWRlckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3N0ZXBwZXIuY29tcG9uZW50LnNjc3MnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IFdMQ01fU1RFUFNfTkFWSUdBVE9SLCB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBXbGNtU3RlcHBlckNvbXBvbmVudCkgfV0sXG59KVxuZXhwb3J0IGNsYXNzIFdsY21TdGVwcGVyQ29tcG9uZW50IGV4dGVuZHMgV2xjbVN0ZXBwZXJCYXNlIHt9XG4iLCI8d2xjbS1zdGVwcGVyLWhlYWRlciBbc3RlcHNdPVwiX3N0ZXBzKClcIj48L3dsY20tc3RlcHBlci1oZWFkZXI+XG5cbjxuZy1jb250ZW50IHNlbGVjdD1cIndsY20tc3RlcFwiPjwvbmctY29udGVudD5cbiJdfQ==
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { Component, input } from '@angular/core';
|
2
|
+
import { WlcmStepHeaderComponent } from '../step-header/step-header.component';
|
3
|
+
import { CommonModule } from '@angular/common';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class WlcmStepperHeaderComponent {
|
6
|
+
constructor() {
|
7
|
+
this.steps = input.required();
|
8
|
+
}
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepperHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: WlcmStepperHeaderComponent, isStandalone: true, selector: "wlcm-stepper-header", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "wlcm-stepper-header" }, ngImport: i0, template: "@for (step of steps(); track step) {\n<wlcm-step-header [step]=\"step\"></wlcm-step-header>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WlcmStepHeaderComponent, selector: "wlcm-step-header", inputs: ["step"] }] }); }
|
11
|
+
}
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmStepperHeaderComponent, decorators: [{
|
13
|
+
type: Component,
|
14
|
+
args: [{ selector: 'wlcm-stepper-header', host: { class: 'wlcm-stepper-header' }, standalone: true, imports: [CommonModule, WlcmStepHeaderComponent], template: "@for (step of steps(); track step) {\n<wlcm-step-header [step]=\"step\"></wlcm-step-header>\n}\n" }]
|
15
|
+
}] });
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbW9kdWxlcy9zdGVwcGVyL3NyYy9saWIvY29tcG9uZW50cy9zdGVwcGVyLWhlYWRlci9zdGVwcGVyLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItaGVhZGVyL3N0ZXBwZXItaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFVL0MsTUFBTSxPQUFPLDBCQUEwQjtJQVJ2QztRQVNFLFVBQUssR0FBeUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0tBQ2hFOzhHQUZZLDBCQUEwQjtrR0FBMUIsMEJBQTBCLG1RQ2J2QyxrR0FHQSx5RERNWSxZQUFZLCtCQUFFLHVCQUF1Qjs7MkZBSXBDLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxxQkFBcUIsUUFDekIsRUFBRSxLQUFLLEVBQUUscUJBQXFCLEVBQUUsY0FDMUIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dFNpZ25hbCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdsY21TdGVwSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc3RlcC1oZWFkZXIvc3RlcC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFdsY21TdGVwIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3N0ZXAubW9kZWxzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dsY20tc3RlcHBlci1oZWFkZXInLFxuICBob3N0OiB7IGNsYXNzOiAnd2xjbS1zdGVwcGVyLWhlYWRlcicgfSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgV2xjbVN0ZXBIZWFkZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vc3RlcHBlci1oZWFkZXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBXbGNtU3RlcHBlckhlYWRlckNvbXBvbmVudCB7XG4gIHN0ZXBzOiBJbnB1dFNpZ25hbDxSZWFkb25seUFycmF5PFdsY21TdGVwPj4gPSBpbnB1dC5yZXF1aXJlZCgpO1xufVxuIiwiQGZvciAoc3RlcCBvZiBzdGVwcygpOyB0cmFjayBzdGVwKSB7XG48d2xjbS1zdGVwLWhlYWRlciBbc3RlcF09XCJzdGVwXCI+PC93bGNtLXN0ZXAtaGVhZGVyPlxufVxuIl19
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
2
|
+
export const WLCM_STEP = new InjectionToken('WLCM_STEP');
|
3
|
+
export const WLCM_STEP_OPTIONS = new InjectionToken('WLCM_STEP_OPTIONS', {
|
4
|
+
factory: () => ({
|
5
|
+
completed: false,
|
6
|
+
disabled: 'on_any_previous_incomplete',
|
7
|
+
}),
|
8
|
+
});
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb25zdGFudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9tb2R1bGVzL3N0ZXBwZXIvc3JjL2xpYi9jb25zdGFudHMvc3RlcC5jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvQyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQTZCLElBQUksY0FBYyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBRW5GLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFvQyxJQUFJLGNBQWMsQ0FBQyxtQkFBbUIsRUFBRTtJQUN4RyxPQUFPLEVBQUUsR0FBb0IsRUFBRSxDQUFDLENBQUM7UUFDL0IsU0FBUyxFQUFFLEtBQUs7UUFFaEIsUUFBUSxFQUFFLDRCQUE0QjtLQUN2QyxDQUFDO0NBQ0gsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdsY21TdGVwLCBXbGNtU3RlcE9wdGlvbnMgfSBmcm9tICcuLi9tb2RlbHMvc3RlcC5tb2RlbHMnO1xuXG5leHBvcnQgY29uc3QgV0xDTV9TVEVQOiBJbmplY3Rpb25Ub2tlbjxXbGNtU3RlcD4gPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ1dMQ01fU1RFUCcpO1xuXG5leHBvcnQgY29uc3QgV0xDTV9TVEVQX09QVElPTlM6IEluamVjdGlvblRva2VuPFdsY21TdGVwT3B0aW9ucz4gPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ1dMQ01fU1RFUF9PUFRJT05TJywge1xuICBmYWN0b3J5OiAoKTogV2xjbVN0ZXBPcHRpb25zID0+ICh7XG4gICAgY29tcGxldGVkOiBmYWxzZSxcblxuICAgIGRpc2FibGVkOiAnb25fYW55X3ByZXZpb3VzX2luY29tcGxldGUnLFxuICB9KSxcbn0pO1xuIl19
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
2
|
+
export const WLCM_STEPS_NAVIGATOR = new InjectionToken('WLCM_STEPS_NAVIGATOR');
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5zdGVwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbW9kdWxlcy9zdGVwcGVyL3NyYy9saWIvY29uc3RhbnRzL3N0ZXBwZXIuc3RlcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRy9DLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUF1QyxJQUFJLGNBQWMsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdsY21TdGVwc05hdmlnYXRvciB9IGZyb20gJy4uL21vZGVscy9zdGVwcGVyLm1vZGVscyc7XG5cbmV4cG9ydCBjb25zdCBXTENNX1NURVBTX05BVklHQVRPUjogSW5qZWN0aW9uVG9rZW48V2xjbVN0ZXBzTmF2aWdhdG9yPiA9IG5ldyBJbmplY3Rpb25Ub2tlbignV0xDTV9TVEVQU19OQVZJR0FUT1InKTtcbiJdfQ==
|