@lucca-front/ng 20.3.3-rc.6 → 21.0.0-rc.1

package/fesm2022/lucca-front-ng-popup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-popup.mjs","sources":["../../../packages/ng/popup/popup-config.default.ts","../../../packages/ng/popup/popup.token.ts","../../../packages/ng/popup/popup-ref.model.ts","../../../packages/ng/popup/popup-ref.factory.ts","../../../packages/ng/popup/popup.service.ts","../../../packages/ng/popup/popup.module.ts","../../../packages/ng/popup/lucca-front-ng-popup.ts"],"sourcesContent":["import { ILuPopupConfig } from './popup-config.model';\n\nexport const luDefaultPopupConfig: ILuPopupConfig = {\n\tposition: 'center',\n\tnoBackdrop: false,\n\tundismissable: false,\n\tbackdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],\n\tpanelClass: 'lu-popup-panel',\n\tsize: 'M',\n};\n","import { InjectionToken } from '@angular/core';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { ILuPopupRefFactory } from './popup-ref.model';\n\nexport const LU_POPUP_REF_FACTORY = new InjectionToken<ILuPopupRefFactory>('LuPopupRefFactory');\n\n/** Injection token that can be used to access the data that was passed in to a dialog. */\nexport const LU_POPUP_DATA = new InjectionToken<unknown>('LuPopupData');\nexport const LU_POPUP_CONFIG = new InjectionToken<ILuPopupConfig>('LuPopupDefaultConfig', {\n\tfactory: () => ({}),\n});\n","import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal, ComponentType } from '@angular/cdk/portal';\nimport { ComponentRef, Injector } from '@angular/core';\nimport { Observable, Subject, Subscription } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { LU_POPUP_DATA } from './popup.token';\n\nexport interface ILuPopupRef<D = unknown, R = unknown> {\n\tonOpen: Observable<D>;\n\tonClose: Observable<R>;\n\tonDismiss: Observable<void>;\n\tonBackdropClick: Observable<void>;\n\topen(data: D): void;\n\tclose(result: R): void;\n\tdismiss(): void;\n}\nexport interface ILuPopupRefFactory<TComponent = unknown, TConfig extends ILuPopupConfig = ILuPopupConfig> {\n\tforge<T extends TComponent, C extends TConfig, D, R>(component: ComponentType<T>, config: C): ILuPopupRef<D, R>;\n}\n\nexport abstract class ALuPopupRef<T = unknown, D = unknown, R = unknown, C extends ILuPopupConfig = ILuPopupConfig> implements ILuPopupRef<D, R> {\n\tonOpen = new Subject<D>();\n\tonClose = new Subject<R>();\n\tonDismiss = new Subject<void>();\n\tonBackdropClick = new Subject<void>();\n\n\tprotected _overlayRef: OverlayRef;\n\tprotected _componentRef: ComponentRef<T>;\n\n\tprotected _subs = new Subscription();\n\n\tconstructor(\n\t\tprotected _overlay: Overlay,\n\t\tprotected _injector: Injector,\n\t\tprotected _component: ComponentType<T>,\n\t\tprotected _config: C,\n\t) {}\n\n\topen(data?: D) {\n\t\tthis._createOverlay();\n\t\tthis._openPopup(data);\n\n\t\tthis._subToCloseEvents();\n\n\t\tthis.onOpen.next(data);\n\t\tthis.onOpen.complete();\n\t}\n\tclose(result?: R) {\n\t\tthis.onClose.next(result);\n\t\tthis._destroy();\n\t}\n\tdismiss() {\n\t\tthis.onDismiss.next();\n\t\tthis._destroy();\n\t}\n\t/**\n\t *  This method creates the overlay from the provided popover's template and saves its\n\t *  OverlayRef so that it can be attached to the DOM when openPopover is called.\n\t */\n\tprotected _createOverlay() {\n\t\tif (!this._overlayRef) {\n\t\t\tconst overlayConfig = this._getOverlayConfig();\n\t\t\tthis._overlayRef = this._overlay.create(overlayConfig);\n\t\t}\n\t}\n\t/**\n\t * This method builds the configuration object needed to create the overlay, the OverlayConfig.\n\t * @returns OverlayConfig\n\t */\n\tprotected _getOverlayConfig(): OverlayConfig {\n\t\tconst overlayConfig = new OverlayConfig();\n\t\tswitch (this._config.position) {\n\t\t\tcase 'top':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerHorizontally().top('0');\n\t\t\t\tbreak;\n\t\t\tcase 'bottom':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerHorizontally().bottom('0');\n\t\t\t\tbreak;\n\t\t\tcase 'left':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerVertically().left('0');\n\t\t\t\tbreak;\n\t\t\tcase 'right':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerVertically().right('0');\n\t\t\t\tbreak;\n\t\t\tcase 'center':\n\t\t\tdefault:\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerHorizontally().centerVertically();\n\t\t\t\tbreak;\n\t\t}\n\t\toverlayConfig.hasBackdrop = !this._config.noBackdrop;\n\t\toverlayConfig.backdropClass = this._config.backdropClass;\n\t\toverlayConfig.panelClass = this._getOverlayPanelClasses();\n\t\toverlayConfig.scrollStrategy = this._overlay.scrollStrategies.block();\n\t\treturn overlayConfig;\n\t}\n\tprotected _openPopup(data?: D) {\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: ALuPopupRef, useValue: this },\n\t\t\t\t{ provide: LU_POPUP_DATA, useValue: data },\n\t\t\t],\n\t\t\tparent: this._injector,\n\t\t});\n\t\tconst portal = new ComponentPortal(this._component, undefined, injector);\n\t\tthis._componentRef = this._overlayRef.attach<T>(portal);\n\t}\n\tprotected _getOverlayPanelClasses(): string[] {\n\t\tconst panelClasses: string[] = [];\n\t\tif (Array.isArray(this._config.panelClass)) {\n\t\t\tpanelClasses.push(...this._config.panelClass);\n\t\t} else {\n\t\t\tpanelClasses.push(this._config.panelClass);\n\t\t}\n\t\tpanelClasses.push(`mod-${this._config.size}`);\n\t\treturn panelClasses;\n\t}\n\tprotected _destroy() {\n\t\tthis._cleanSubscription();\n\t\tthis._closePopup();\n\t\tthis._destroyOverlay();\n\t\tthis._completeSubjects();\n\t}\n\tprotected _completeSubjects() {\n\t\tthis.onClose.complete();\n\t\tthis.onOpen.complete();\n\t\tthis.onDismiss.complete();\n\t\tthis.onBackdropClick.complete();\n\t}\n\tprotected _destroyOverlay() {\n\t\tthis._overlayRef.detachBackdrop();\n\t\tthis._overlayRef.detach();\n\t}\n\tprotected _closePopup() {\n\t\tthis._componentRef.destroy();\n\t}\n\tprotected _subToCloseEvents() {\n\t\tif (!this._config.undismissable) {\n\t\t\tthis._subToEscapeKeydownEvent();\n\t\t}\n\t\tthis._subToBackdropClickEvent();\n\t}\n\tprotected _subToEscapeKeydownEvent() {\n\t\tconst escPressed$ = this._overlayRef.keydownEvents().pipe(filter(({ key }) => key === 'Escape'));\n\t\tthis._subs.add(escPressed$.subscribe((_e) => this.dismiss()));\n\t}\n\tprotected _subToBackdropClickEvent() {\n\t\tconst bdClicked$ = this._overlayRef.backdropClick();\n\t\tconst bdClickedSub = bdClicked$.subscribe((_e) => {\n\t\t\tthis.onBackdropClick.next();\n\t\t\tif (!this._config.undismissable) {\n\t\t\t\tthis.dismiss();\n\t\t\t}\n\t\t});\n\t\tthis._subs.add(bdClickedSub);\n\t}\n\tprotected _cleanSubscription() {\n\t\tthis._subs.unsubscribe();\n\t}\n}\n","import { ComponentType, Overlay } from '@angular/cdk/overlay';\nimport { Injectable, Injector } from '@angular/core';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { ALuPopupRef, ILuPopupRefFactory } from './popup-ref.model';\n\nexport class LuPopupRef<T = unknown, D = unknown, R = unknown> extends ALuPopupRef<T, D, R> {\n\tconstructor(\n\t\tprotected override _overlay: Overlay,\n\t\tprotected override _injector: Injector,\n\t\tprotected override _component: ComponentType<T>,\n\t\tprotected override _config: ILuPopupConfig,\n\t) {\n\t\tsuper(_overlay, _injector, _component, _config);\n\t}\n}\n\n@Injectable()\nexport class LuPopupRefFactory implements ILuPopupRefFactory {\n\tconstructor(\n\t\tprotected _overlay: Overlay,\n\t\tprotected _injector: Injector,\n\t) {}\n\tforge<T, D, R>(component: ComponentType<T>, config: ILuPopupConfig) {\n\t\treturn new LuPopupRef<T, D, R>(this._overlay, this._injector, component, config);\n\t}\n}\n","import { ComponentType } from '@angular/cdk/overlay';\nimport { inject, Injectable } from '@angular/core';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { ILuPopupRef } from './popup-ref.model';\nimport { LU_POPUP_CONFIG, LU_POPUP_REF_FACTORY } from './popup.token';\n\n@Injectable()\nexport class LuPopup {\n\tprotected _factory = inject(LU_POPUP_REF_FACTORY);\n\tprotected _config = inject(LU_POPUP_CONFIG);\n\n\topen<T, D, R>(component: ComponentType<T>, data: D = undefined, config: Partial<ILuPopupConfig> = {}): ILuPopupRef<D, R> {\n\t\tconst extendedConfig = { ...this._config, ...config };\n\t\tconst ref = this._factory.forge<T, ILuPopupConfig, D, R>(component, extendedConfig);\n\t\tref.open(data);\n\t\treturn ref;\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { LuPopup } from './popup.service';\nimport { LU_POPUP_CONFIG, LU_POPUP_REF_FACTORY } from './popup.token';\nimport { luDefaultPopupConfig } from './popup-config.default';\nimport { LuPopupRefFactory } from './popup-ref.factory';\n\n@NgModule({\n\timports: [OverlayModule],\n\texports: [],\n\tproviders: [LuPopup, { provide: LU_POPUP_CONFIG, useValue: luDefaultPopupConfig }, { provide: LU_POPUP_REF_FACTORY, useClass: LuPopupRefFactory }],\n})\nexport class LuPopupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-popup.mjs","sources":["../../../packages/ng/popup/popup-config.default.ts","../../../packages/ng/popup/popup.token.ts","../../../packages/ng/popup/popup-ref.model.ts","../../../packages/ng/popup/popup-ref.factory.ts","../../../packages/ng/popup/popup.service.ts","../../../packages/ng/popup/popup.module.ts","../../../packages/ng/popup/lucca-front-ng-popup.ts"],"sourcesContent":["import { ILuPopupConfig } from './popup-config.model';\n\nexport const luDefaultPopupConfig: ILuPopupConfig = {\n\tposition: 'center',\n\tnoBackdrop: false,\n\tundismissable: false,\n\tbackdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],\n\tpanelClass: 'lu-popup-panel',\n\tsize: 'M',\n};\n","import { InjectionToken } from '@angular/core';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { ILuPopupRefFactory } from './popup-ref.model';\n\nexport const LU_POPUP_REF_FACTORY = new InjectionToken<ILuPopupRefFactory>('LuPopupRefFactory');\n\n/** Injection token that can be used to access the data that was passed in to a dialog. */\nexport const LU_POPUP_DATA = new InjectionToken<unknown>('LuPopupData');\nexport const LU_POPUP_CONFIG = new InjectionToken<ILuPopupConfig>('LuPopupDefaultConfig', {\n\tfactory: () => ({}),\n});\n","import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal, ComponentType } from '@angular/cdk/portal';\nimport { ComponentRef, Injector } from '@angular/core';\nimport { Observable, Subject, Subscription } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { LU_POPUP_DATA } from './popup.token';\n\nexport interface ILuPopupRef<D = unknown, R = unknown> {\n\tonOpen: Observable<D>;\n\tonClose: Observable<R>;\n\tonDismiss: Observable<void>;\n\tonBackdropClick: Observable<void>;\n\topen(data: D): void;\n\tclose(result: R): void;\n\tdismiss(): void;\n}\nexport interface ILuPopupRefFactory<TComponent = unknown, TConfig extends ILuPopupConfig = ILuPopupConfig> {\n\tforge<T extends TComponent, C extends TConfig, D, R>(component: ComponentType<T>, config: C): ILuPopupRef<D, R>;\n}\n\nexport abstract class ALuPopupRef<T = unknown, D = unknown, R = unknown, C extends ILuPopupConfig = ILuPopupConfig> implements ILuPopupRef<D, R> {\n\tonOpen = new Subject<D>();\n\tonClose = new Subject<R>();\n\tonDismiss = new Subject<void>();\n\tonBackdropClick = new Subject<void>();\n\n\tprotected _overlayRef: OverlayRef;\n\tprotected _componentRef: ComponentRef<T>;\n\n\tprotected _subs = new Subscription();\n\n\tconstructor(\n\t\tprotected _overlay: Overlay,\n\t\tprotected _injector: Injector,\n\t\tprotected _component: ComponentType<T>,\n\t\tprotected _config: C,\n\t) {}\n\n\topen(data?: D) {\n\t\tthis._createOverlay();\n\t\tthis._openPopup(data);\n\n\t\tthis._subToCloseEvents();\n\n\t\tthis.onOpen.next(data);\n\t\tthis.onOpen.complete();\n\t}\n\tclose(result?: R) {\n\t\tthis.onClose.next(result);\n\t\tthis._destroy();\n\t}\n\tdismiss() {\n\t\tthis.onDismiss.next();\n\t\tthis._destroy();\n\t}\n\t/**\n\t *  This method creates the overlay from the provided popover's template and saves its\n\t *  OverlayRef so that it can be attached to the DOM when openPopover is called.\n\t */\n\tprotected _createOverlay() {\n\t\tif (!this._overlayRef) {\n\t\t\tconst overlayConfig = this._getOverlayConfig();\n\t\t\tthis._overlayRef = this._overlay.create(overlayConfig);\n\t\t}\n\t}\n\t/**\n\t * This method builds the configuration object needed to create the overlay, the OverlayConfig.\n\t * @returns OverlayConfig\n\t */\n\tprotected _getOverlayConfig(): OverlayConfig {\n\t\tconst overlayConfig = new OverlayConfig();\n\t\tswitch (this._config.position) {\n\t\t\tcase 'top':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerHorizontally().top('0');\n\t\t\t\tbreak;\n\t\t\tcase 'bottom':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerHorizontally().bottom('0');\n\t\t\t\tbreak;\n\t\t\tcase 'left':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerVertically().left('0');\n\t\t\t\tbreak;\n\t\t\tcase 'right':\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerVertically().right('0');\n\t\t\t\tbreak;\n\t\t\tcase 'center':\n\t\t\tdefault:\n\t\t\t\toverlayConfig.positionStrategy = this._overlay.position().global().centerHorizontally().centerVertically();\n\t\t\t\tbreak;\n\t\t}\n\t\toverlayConfig.hasBackdrop = !this._config.noBackdrop;\n\t\toverlayConfig.backdropClass = this._config.backdropClass;\n\t\toverlayConfig.panelClass = this._getOverlayPanelClasses();\n\t\toverlayConfig.scrollStrategy = this._overlay.scrollStrategies.block();\n\t\treturn overlayConfig;\n\t}\n\tprotected _openPopup(data?: D) {\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: ALuPopupRef, useValue: this },\n\t\t\t\t{ provide: LU_POPUP_DATA, useValue: data },\n\t\t\t],\n\t\t\tparent: this._injector,\n\t\t});\n\t\tconst portal = new ComponentPortal(this._component, undefined, injector);\n\t\tthis._componentRef = this._overlayRef.attach<T>(portal);\n\t}\n\tprotected _getOverlayPanelClasses(): string[] {\n\t\tconst panelClasses: string[] = [];\n\t\tif (Array.isArray(this._config.panelClass)) {\n\t\t\tpanelClasses.push(...this._config.panelClass);\n\t\t} else {\n\t\t\tpanelClasses.push(this._config.panelClass);\n\t\t}\n\t\tpanelClasses.push(`mod-${this._config.size}`);\n\t\treturn panelClasses;\n\t}\n\tprotected _destroy() {\n\t\tthis._cleanSubscription();\n\t\tthis._closePopup();\n\t\tthis._destroyOverlay();\n\t\tthis._completeSubjects();\n\t}\n\tprotected _completeSubjects() {\n\t\tthis.onClose.complete();\n\t\tthis.onOpen.complete();\n\t\tthis.onDismiss.complete();\n\t\tthis.onBackdropClick.complete();\n\t}\n\tprotected _destroyOverlay() {\n\t\tthis._overlayRef.detachBackdrop();\n\t\tthis._overlayRef.detach();\n\t}\n\tprotected _closePopup() {\n\t\tthis._componentRef.destroy();\n\t}\n\tprotected _subToCloseEvents() {\n\t\tif (!this._config.undismissable) {\n\t\t\tthis._subToEscapeKeydownEvent();\n\t\t}\n\t\tthis._subToBackdropClickEvent();\n\t}\n\tprotected _subToEscapeKeydownEvent() {\n\t\tconst escPressed$ = this._overlayRef.keydownEvents().pipe(filter(({ key }) => key === 'Escape'));\n\t\tthis._subs.add(escPressed$.subscribe((_e) => this.dismiss()));\n\t}\n\tprotected _subToBackdropClickEvent() {\n\t\tconst bdClicked$ = this._overlayRef.backdropClick();\n\t\tconst bdClickedSub = bdClicked$.subscribe((_e) => {\n\t\t\tthis.onBackdropClick.next();\n\t\t\tif (!this._config.undismissable) {\n\t\t\t\tthis.dismiss();\n\t\t\t}\n\t\t});\n\t\tthis._subs.add(bdClickedSub);\n\t}\n\tprotected _cleanSubscription() {\n\t\tthis._subs.unsubscribe();\n\t}\n}\n","import { ComponentType, Overlay } from '@angular/cdk/overlay';\nimport { Injectable, Injector } from '@angular/core';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { ALuPopupRef, ILuPopupRefFactory } from './popup-ref.model';\n\nexport class LuPopupRef<T = unknown, D = unknown, R = unknown> extends ALuPopupRef<T, D, R> {\n\tconstructor(\n\t\tprotected override _overlay: Overlay,\n\t\tprotected override _injector: Injector,\n\t\tprotected override _component: ComponentType<T>,\n\t\tprotected override _config: ILuPopupConfig,\n\t) {\n\t\tsuper(_overlay, _injector, _component, _config);\n\t}\n}\n\n@Injectable()\nexport class LuPopupRefFactory implements ILuPopupRefFactory {\n\tconstructor(\n\t\tprotected _overlay: Overlay,\n\t\tprotected _injector: Injector,\n\t) {}\n\tforge<T, D, R>(component: ComponentType<T>, config: ILuPopupConfig) {\n\t\treturn new LuPopupRef<T, D, R>(this._overlay, this._injector, component, config);\n\t}\n}\n","import { ComponentType } from '@angular/cdk/overlay';\nimport { inject, Injectable } from '@angular/core';\nimport { ILuPopupConfig } from './popup-config.model';\nimport { ILuPopupRef } from './popup-ref.model';\nimport { LU_POPUP_CONFIG, LU_POPUP_REF_FACTORY } from './popup.token';\n\n@Injectable()\nexport class LuPopup {\n\tprotected _factory = inject(LU_POPUP_REF_FACTORY);\n\tprotected _config = inject(LU_POPUP_CONFIG);\n\n\topen<T, D, R>(component: ComponentType<T>, data: D = undefined, config: Partial<ILuPopupConfig> = {}): ILuPopupRef<D, R> {\n\t\tconst extendedConfig = { ...this._config, ...config };\n\t\tconst ref = this._factory.forge<T, ILuPopupConfig, D, R>(component, extendedConfig);\n\t\tref.open(data);\n\t\treturn ref;\n\t}\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { NgModule } from '@angular/core';\nimport { luDefaultPopupConfig } from './popup-config.default';\nimport { LuPopupRefFactory } from './popup-ref.factory';\nimport { LuPopup } from './popup.service';\nimport { LU_POPUP_CONFIG, LU_POPUP_REF_FACTORY } from './popup.token';\n\n/**\n * @deprecated use `OverlayModule` imports && `LuPopup, { provide: LU_POPUP_CONFIG, useValue: luDefaultPopupConfig }, { provide: LU_POPUP_REF_FACTORY, useClass: LuPopupRefFactory }` providers instead\n */\n@NgModule({\n\timports: [OverlayModule],\n\texports: [],\n\tproviders: [LuPopup, { provide: LU_POPUP_CONFIG, useValue: luDefaultPopupConfig }, { provide: LU_POPUP_REF_FACTORY, useClass: LuPopupRefFactory }],\n})\nexport class LuPopupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-progress-bar.mjs

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, booleanAttribute, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+class ProgressBarComponent {
+    constructor() {
+        this.value = input(0, { transform: numberAttribute });
+        this.state = input(null);
+        this.indeterminate = input(false, { transform: booleanAttribute });
+        this.stateClass = computed(() => {
+            return {
+                [`is-${this.state()}`]: !!this.state(),
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: ProgressBarComponent, isStandalone: true, selector: "lu-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"progress\" [class]=\"stateClass()\" [class.mod-indeterminate]=\"indeterminate()\">\n\t<div class=\"progress-bar\" [attr.style]=\"'width:' + value() + '%'\"></div>\n</div>\n", styles: ["@layer components{.progress{--components-progress-margin-vertical: var(--pr-t-spacings-200);--components-progress-margin-horizontal: 0;--components-progress-height: .25rem;--components-progress-background: var(--palettes-neutral-100);--components-progress-bar-background: var(--palettes-product-700);--components-progress-bar-gradient: linear-gradient( to right, color.transparentize(var(--palettes-neutral-0), .8) 0%, color.transparentize(var(--palettes-neutral-0), .5) 100% );--components-progress-duration: 1.5s;background-color:var(--components-progress-background);border-radius:var(--pr-t-border-radius-full);block-size:var(--components-progress-height);margin-block:var(--components-progress-margin-vertical);margin-inline:var(--components-progress-margin-horizontal);position:relative;overflow:hidden}@keyframes progress{0%{transform:scaleX(0);opacity:1}to{transform:scale(1);opacity:.3}}.progress-bar{background-color:var(--palettes-700, var(--components-progress-bar-background));transition-duration:var(--commons-animations-durations-fast);transition-property:background-color,width;inset-block:0;inset-inline-start:0;position:absolute}.progress-bar:after{animation:progress var(--components-progress-duration) infinite;background-image:var(--components-progress-bar-gradient);transform-origin:left;position:absolute;inset:0;content:\"\"}}@layer mods{@keyframes indeterminate{0%{inset-inline-start:-33.3333333333%;inset-inline-end:100%}to{inset-inline-start:100%;inset-inline-end:-33.3333333333%}}.progress.mod-indeterminate .progress-bar{animation:indeterminate var(--components-progress-duration) infinite;inline-size:33.3333333333%!important;animation-timing-function:linear}.progress:is(.is-success,.success,.palette-success){--palettes-700: var(--palettes-success-700)}.progress:is(.is-success,.success,.palette-success) .progress-bar{inline-size:100%!important}.progress:is(.is-success,.success,.palette-success) .progress-bar:after{display:none}.progress:is(.is-error,.error,.palette-error){--palettes-700: var(--palettes-error-700)}.progress:is(.is-error,.error,.palette-error) .progress-bar{inline-size:100%!important}.progress:is(.is-error,.error,.palette-error) .progress-bar:after{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-progress-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"progress\" [class]=\"stateClass()\" [class.mod-indeterminate]=\"indeterminate()\">\n\t<div class=\"progress-bar\" [attr.style]=\"'width:' + value() + '%'\"></div>\n</div>\n", styles: ["@layer components{.progress{--components-progress-margin-vertical: var(--pr-t-spacings-200);--components-progress-margin-horizontal: 0;--components-progress-height: .25rem;--components-progress-background: var(--palettes-neutral-100);--components-progress-bar-background: var(--palettes-product-700);--components-progress-bar-gradient: linear-gradient( to right, color.transparentize(var(--palettes-neutral-0), .8) 0%, color.transparentize(var(--palettes-neutral-0), .5) 100% );--components-progress-duration: 1.5s;background-color:var(--components-progress-background);border-radius:var(--pr-t-border-radius-full);block-size:var(--components-progress-height);margin-block:var(--components-progress-margin-vertical);margin-inline:var(--components-progress-margin-horizontal);position:relative;overflow:hidden}@keyframes progress{0%{transform:scaleX(0);opacity:1}to{transform:scale(1);opacity:.3}}.progress-bar{background-color:var(--palettes-700, var(--components-progress-bar-background));transition-duration:var(--commons-animations-durations-fast);transition-property:background-color,width;inset-block:0;inset-inline-start:0;position:absolute}.progress-bar:after{animation:progress var(--components-progress-duration) infinite;background-image:var(--components-progress-bar-gradient);transform-origin:left;position:absolute;inset:0;content:\"\"}}@layer mods{@keyframes indeterminate{0%{inset-inline-start:-33.3333333333%;inset-inline-end:100%}to{inset-inline-start:100%;inset-inline-end:-33.3333333333%}}.progress.mod-indeterminate .progress-bar{animation:indeterminate var(--components-progress-duration) infinite;inline-size:33.3333333333%!important;animation-timing-function:linear}.progress:is(.is-success,.success,.palette-success){--palettes-700: var(--palettes-success-700)}.progress:is(.is-success,.success,.palette-success) .progress-bar{inline-size:100%!important}.progress:is(.is-success,.success,.palette-success) .progress-bar:after{display:none}.progress:is(.is-error,.error,.palette-error){--palettes-700: var(--palettes-error-700)}.progress:is(.is-error,.error,.palette-error) .progress-bar{inline-size:100%!important}.progress:is(.is-error,.error,.palette-error) .progress-bar:after{display:none}}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressBarComponent };
+//# sourceMappingURL=lucca-front-ng-progress-bar.mjs.map

package/fesm2022/lucca-front-ng-progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-progress-bar.mjs","sources":["../../../packages/ng/progress-bar/progress-bar.component.ts","../../../packages/ng/progress-bar/progress-bar.component.html","../../../packages/ng/progress-bar/lucca-front-ng-progress-bar.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-progress-bar',\n\ttemplateUrl: './progress-bar.component.html',\n\tstyleUrl: './progress-bar.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ProgressBarComponent {\n\treadonly value = input(0, { transform: numberAttribute });\n\treadonly state = input<'success' | 'error' | 'null'>(null);\n\treadonly indeterminate = input(false, { transform: booleanAttribute });\n\n\treadonly stateClass = computed(() => {\n\t\treturn {\n\t\t\t[`is-${this.state()}`]: !!this.state(),\n\t\t};\n\t});\n}\n","<div class=\"progress\" [class]=\"stateClass()\" [class.mod-indeterminate]=\"indeterminate()\">\n\t<div class=\"progress-bar\" [attr.style]=\"'width:' + value() + '%'\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;QAQU,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAChD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAA+B,IAAI,CAAC;QACjD,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE7D,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;YACnC,OAAO;AACN,gBAAA,CAAC,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;aACtC;AACF,SAAC,CAAC;AACF;8GAVY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,udCTjC,2LAGA,EAAA,MAAA,EAAA,CAAA,8qEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDMa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,iBAGZ,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2LAAA,EAAA,MAAA,EAAA,CAAA,8qEAAA,CAAA,EAAA;;;AEPhD;;AAEG;;;;"}

package/fesm2022/lucca-front-ng-read-more.mjs

@@ -1,39 +1,39 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, input, booleanAttribute, signal, viewChild, HostBinding, ViewEncapsulation, Component } from '@angular/core';
+import { InjectionToken, input, booleanAttribute, signal, viewChild, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { getIntl } from '@lucca-front/ng/core';
 
 const Translations = {
-    en: {
-        readMore: 'Read more',
-        readLess: 'Read less',
-    },
-    de: {
-        readMore: 'Lesen Sie mehr',
-        readLess: 'Weniger lesen',
-    },
     fr: {
         readMore: 'Lire plus',
         readLess: 'Lire moins',
     },
-    it: {
-        readMore: 'Per saperne di più',
-        readLess: 'Leggi di più',
+    pt: {
+        readMore: 'Ler mais',
+        readLess: 'Ler menos',
     },
-    nl: {
+    es: {
+        readMore: 'Leer más',
+        readLess: 'Leer menos',
+    },
+    'nl-BE': {
         readMore: 'Meer lezen',
         readLess: 'Minder lezen',
     },
-    'nl-BE': {
+    nl: {
         readMore: 'Meer lezen',
         readLess: 'Minder lezen',
     },
-    es: {
-        readMore: 'Seguir leyendo',
-        readLess: 'Leer menos',
+    it: {
+        readMore: 'Mostra di più',
+        readLess: 'Mostra di meno',
     },
-    pt: {
-        readMore: 'Ler mais',
-        readLess: 'Ler menos',
+    de: {
+        readMore: 'Mehr lesen',
+        readLess: 'Weniger lesen',
+    },
+    en: {
+        readMore: 'Read more',
+        readLess: 'Read less',
     },
 };
 
@@ -45,40 +45,22 @@ const luReadMoreTranslations = Translations;
 class ReadMoreComponent {
     constructor() {
         this.intl = getIntl(LU_READMORE_TRANSLATIONS);
-        this.lineClamp = input(5, ...(ngDevMode ? [{ debugName: "lineClamp" }] : []));
-        this.openOnly = input(false, ...(ngDevMode ? [{ debugName: "openOnly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.textFlow = input(false, ...(ngDevMode ? [{ debugName: "textFlow", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.surface = input(null, ...(ngDevMode ? [{ debugName: "surface" }] : []));
+        this.lineClamp = input(5);
+        this.openOnly = input(false, { transform: booleanAttribute });
+        this.textFlow = input(false, { transform: booleanAttribute });
+        this.surface = input(null);
         this.labelReadMore = this.intl.readMore;
         this.labelReadLess = this.intl.readLess;
-        this.label = signal(this.labelReadMore, ...(ngDevMode ? [{ debugName: "label" }] : []));
-        this.contentRef = viewChild('content', ...(ngDevMode ? [{ debugName: "contentRef" }] : []));
-        this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
-        this.isClamped = signal(false, ...(ngDevMode ? [{ debugName: "isClamped" }] : []));
-    }
-    get lines() {
-        return this.lineClamp();
-    }
-    get labelText() {
-        return `'${this.labelReadLess}'`;
-    }
-    get isDisabled() {
-        return !this.expanded() && !this.isClamped();
-    }
-    get isOpenOnly() {
-        return this.openOnly();
-    }
-    get surfaceSunken() {
-        return this.surface() === 'sunken';
-    }
-    get surfaceRaised() {
-        return this.surface() === 'default';
-    }
-    get backgroundColor() {
-        if (this.surface() === 'sunken' || this.surface() === 'default' || this.surface() === null) {
-            return null;
-        }
-        return `${this.surface()}`;
+        this.label = signal(this.labelReadMore);
+        this.contentRef = viewChild('content');
+        this.expanded = signal(false);
+        this.isClamped = signal(false);
+        this.backgroundColor = computed(() => {
+            if (this.surface() === 'sunken' || this.surface() === 'default' || this.surface() === null) {
+                return null;
+            }
+            return `${this.surface()}`;
+        });
     }
     ngOnInit() {
         new ResizeObserver(() => {
@@ -100,36 +82,22 @@ class ReadMoreComponent {
             this.label.set(this.labelReadMore);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ReadMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.12", type: ReadMoreComponent, isStandalone: true, selector: "lu-read-more", inputs: { lineClamp: { classPropertyName: "lineClamp", publicName: "lineClamp", isSignal: true, isRequired: false, transformFunction: null }, openOnly: { classPropertyName: "openOnly", publicName: "openOnly", isSignal: true, isRequired: false, transformFunction: null }, textFlow: { classPropertyName: "textFlow", publicName: "textFlow", isSignal: true, isRequired: false, transformFunction: null }, surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-readMore-lineClamp": "this.lines", "style.--components-readMore-content-lastChild-content": "this.labelText", "class.is-disabled": "this.isDisabled", "class.mod-openOnly": "this.isOpenOnly", "class.mod-sunken": "this.surfaceSunken", "class.mod-default": "this.surfaceRaised", "style.--components-readMore-link-backgroudColor": "this.backgroundColor" }, classAttribute: "readMore" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\t[attr.tabindex]=\"isClamped() ? null : '-1'\"\n\t[attr.aria-expanded]=\"expanded()\"\n\tclass=\"readMore-link link\"\n\t(click)=\"toggleExpanded()\"\n>\n\t{{ label() }}\n</button>\n<div class=\"readMore-content\" [class.textFlow]=\"textFlow()\" #content>\n\t<ng-content />\n</div>\n", styles: ["@layer components{.readMore{--components-readMore-lineClamp: 5;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-raised);--components-readMore-link-paddingInlineStart: var(--pr-t-spacings-500);position:relative;display:block}.readMore-link.link{position:absolute;display:flex;inset:auto 0 var(--pr-t-spacings-50) auto;flex-direction:column;z-index:1;line-height:var(--pr-t-font-body-M-lineHeight);background-image:linear-gradient(to right,transparent,var(--components-readMore-link-backgroudColor) calc(var(--components-readMore-link-paddingInlineStart) - var(--pr-t-spacings-100)));padding-inline-start:var(--components-readMore-link-paddingInlineStart);font-weight:var(--pr-t-font-fontWeight-semibold);text-decoration:none}.readMore-link.link:before{content:\"\";position:absolute;inset:0;inset-inline-start:var(--components-readMore-link-paddingInlineStart);border-radius:var(--pr-t-border-radius-default)}.readMore-link.link:focus-visible{outline:none}.readMore-link.link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.readMore-content:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)>*:last-child:is(ol,ul)>*:last-child:after,.readMore-content:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)>*:last-child:not(ol,ul):after,.readMore-content:not(:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)):after{content:var(--components-readMore-content-lastChild-content)/\"\";visibility:hidden;white-space:nowrap;font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);padding-inline-start:var(--components-readMore-link-paddingInlineStart)}.readMore-content{display:-webkit-box;-webkit-line-clamp:var(--components-readMore-lineClamp);-webkit-box-orient:vertical;overflow:hidden;padding:var(--pr-t-spacings-50);margin:calc(var(--pr-t-spacings-50) * -1)}}@layer mods{.readMore:has(.readMore-link[aria-expanded=true],.readMore-content:focus-within){--components-readMore-lineClamp: 9999 !important;--components-readMore-link-paddingInlineStart: var(--pr-t-spacings-100)}.readMore.is-disabled{--components-readMore-content-lastChild-content: none !important}.readMore.is-disabled .readMore-link.link{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.readMore.mod-openOnly:has(.readMore-link[aria-expanded=true]){--components-readMore-content-lastChild-content: none !important}.readMore.mod-openOnly:has(.readMore-link[aria-expanded=true]) .readMore-link.link{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.readMore.mod-default{--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-default)}.readMore.mod-sunken{--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer components{.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ReadMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.2", type: ReadMoreComponent, isStandalone: true, selector: "lu-read-more", inputs: { lineClamp: { classPropertyName: "lineClamp", publicName: "lineClamp", isSignal: true, isRequired: false, transformFunction: null }, openOnly: { classPropertyName: "openOnly", publicName: "openOnly", isSignal: true, isRequired: false, transformFunction: null }, textFlow: { classPropertyName: "textFlow", publicName: "textFlow", isSignal: true, isRequired: false, transformFunction: null }, surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-readMore-lineClamp": "lineClamp()", "style.--components-readMore-content-lastChild-content": "labelReadLess", "class.is-disabled": "!expanded() && !isClamped()", "class.mod-openOnly": "openOnly()", "class.mod-sunken": "surface() === `sunken`", "class.mod-default": "surface() === `default`", "style.--components-readMore-link-backgroudColor": "backgroundColor()" }, classAttribute: "readMore" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\t[attr.tabindex]=\"isClamped() ? null : '-1'\"\n\t[attr.aria-expanded]=\"expanded()\"\n\tclass=\"readMore-link link\"\n\t(click)=\"toggleExpanded()\"\n>\n\t{{ label() }}\n</button>\n<div class=\"readMore-content\" [class.textFlow]=\"textFlow()\" #content>\n\t<ng-content />\n</div>\n", styles: ["@layer components{.readMore{--components-readMore-lineClamp: 5;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-raised);--components-readMore-link-paddingInlineStart: var(--pr-t-spacings-500);position:relative;display:block}.readMore-link.link{position:absolute;display:flex;inset:auto 0 var(--pr-t-spacings-50) auto;flex-direction:column;z-index:1;line-height:var(--pr-t-font-body-M-lineHeight);background-image:linear-gradient(to right,transparent,var(--components-readMore-link-backgroudColor) calc(var(--components-readMore-link-paddingInlineStart) - var(--pr-t-spacings-100)));padding-inline-start:var(--components-readMore-link-paddingInlineStart);font-weight:var(--pr-t-font-fontWeight-semibold);text-decoration:none}.readMore-link.link:before{content:\"\";position:absolute;inset:0;inset-inline-start:var(--components-readMore-link-paddingInlineStart);border-radius:var(--pr-t-border-radius-default)}.readMore-link.link:focus-visible{outline:none}.readMore-link.link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.readMore-content:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)>*:last-child:is(ol,ul)>*:last-child:after,.readMore-content:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)>*:last-child:not(ol,ul):after,.readMore-content:not(:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)):after{content:var(--components-readMore-content-lastChild-content)/\"\";visibility:hidden;white-space:nowrap;font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);padding-inline-start:var(--components-readMore-link-paddingInlineStart)}.readMore-content{display:-webkit-box;-webkit-line-clamp:var(--components-readMore-lineClamp);-webkit-box-orient:vertical;overflow:hidden;padding:var(--pr-t-spacings-50);margin:calc(var(--pr-t-spacings-50) * -1)}}@layer mods{.readMore:has(.readMore-link[aria-expanded=true],.readMore-content:focus-within){--components-readMore-lineClamp: 9999 !important;--components-readMore-link-paddingInlineStart: var(--pr-t-spacings-100)}.readMore.is-disabled{--components-readMore-content-lastChild-content: none !important}.readMore.is-disabled .readMore-link.link{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.readMore.mod-openOnly:has(.readMore-link[aria-expanded=true]){--components-readMore-content-lastChild-content: none !important}.readMore.mod-openOnly:has(.readMore-link[aria-expanded=true]) .readMore-link.link{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.readMore.mod-default{--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-default)}.readMore.mod-sunken{--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer components{.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ReadMoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ReadMoreComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-read-more', standalone: true, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'lu-read-more', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'readMore',
+                        '[style.--components-readMore-lineClamp]': 'lineClamp()',
+                        '[style.--components-readMore-content-lastChild-content]': 'labelReadLess',
+                        '[class.is-disabled]': '!expanded() && !isClamped()',
+                        '[class.mod-openOnly]': 'openOnly()',
+                        '[class.mod-sunken]': 'surface() === `sunken`',
+                        '[class.mod-default]': 'surface() === `default`',
+                        '[style.--components-readMore-link-backgroudColor]': 'backgroundColor()',
                     }, template: "<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\t[attr.tabindex]=\"isClamped() ? null : '-1'\"\n\t[attr.aria-expanded]=\"expanded()\"\n\tclass=\"readMore-link link\"\n\t(click)=\"toggleExpanded()\"\n>\n\t{{ label() }}\n</button>\n<div class=\"readMore-content\" [class.textFlow]=\"textFlow()\" #content>\n\t<ng-content />\n</div>\n", styles: ["@layer components{.readMore{--components-readMore-lineClamp: 5;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-raised);--components-readMore-link-paddingInlineStart: var(--pr-t-spacings-500);position:relative;display:block}.readMore-link.link{position:absolute;display:flex;inset:auto 0 var(--pr-t-spacings-50) auto;flex-direction:column;z-index:1;line-height:var(--pr-t-font-body-M-lineHeight);background-image:linear-gradient(to right,transparent,var(--components-readMore-link-backgroudColor) calc(var(--components-readMore-link-paddingInlineStart) - var(--pr-t-spacings-100)));padding-inline-start:var(--components-readMore-link-paddingInlineStart);font-weight:var(--pr-t-font-fontWeight-semibold);text-decoration:none}.readMore-link.link:before{content:\"\";position:absolute;inset:0;inset-inline-start:var(--components-readMore-link-paddingInlineStart);border-radius:var(--pr-t-border-radius-default)}.readMore-link.link:focus-visible{outline:none}.readMore-link.link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.readMore-content:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)>*:last-child:is(ol,ul)>*:last-child:after,.readMore-content:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)>*:last-child:not(ol,ul):after,.readMore-content:not(:has(>p,>ul,>ol,>h1,>h2,>h3,>h4,>h5,>h6)):after{content:var(--components-readMore-content-lastChild-content)/\"\";visibility:hidden;white-space:nowrap;font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);padding-inline-start:var(--components-readMore-link-paddingInlineStart)}.readMore-content{display:-webkit-box;-webkit-line-clamp:var(--components-readMore-lineClamp);-webkit-box-orient:vertical;overflow:hidden;padding:var(--pr-t-spacings-50);margin:calc(var(--pr-t-spacings-50) * -1)}}@layer mods{.readMore:has(.readMore-link[aria-expanded=true],.readMore-content:focus-within){--components-readMore-lineClamp: 9999 !important;--components-readMore-link-paddingInlineStart: var(--pr-t-spacings-100)}.readMore.is-disabled{--components-readMore-content-lastChild-content: none !important}.readMore.is-disabled .readMore-link.link{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.readMore.mod-openOnly:has(.readMore-link[aria-expanded=true]){--components-readMore-content-lastChild-content: none !important}.readMore.mod-openOnly:has(.readMore-link[aria-expanded=true]) .readMore-link.link{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.readMore.mod-default{--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-default)}.readMore.mod-sunken{--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer components{.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"] }]
-        }], propDecorators: { lineClamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineClamp", required: false }] }], openOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnly", required: false }] }], textFlow: [{ type: i0.Input, args: [{ isSignal: true, alias: "textFlow", required: false }] }], surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }], contentRef: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], lines: [{
-                type: HostBinding,
-                args: ['style.--components-readMore-lineClamp']
-            }], labelText: [{
-                type: HostBinding,
-                args: ['style.--components-readMore-content-lastChild-content']
-            }], isDisabled: [{
-                type: HostBinding,
-                args: ['class.is-disabled']
-            }], isOpenOnly: [{
-                type: HostBinding,
-                args: ['class.mod-openOnly']
-            }], surfaceSunken: [{
-                type: HostBinding,
-                args: ['class.mod-sunken']
-            }], surfaceRaised: [{
-                type: HostBinding,
-                args: ['class.mod-default']
-            }], backgroundColor: [{
-                type: HostBinding,
-                args: ['style.--components-readMore-link-backgroudColor']
-            }] } });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/lucca-front-ng-read-more.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-read-more.mjs","sources":["../../../packages/ng/read-more/translations.ts","../../../packages/ng/read-more/read-more.translate.ts","../../../packages/ng/read-more/read-more.component.ts","../../../packages/ng/read-more/read-more.component.html","../../../packages/ng/read-more/lucca-front-ng-read-more.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\treadMore: 'Read more',\n\t\treadLess: 'Read less',\n\t},\n\tde: {\n\t\treadMore: 'Lesen Sie mehr',\n\t\treadLess: 'Weniger lesen',\n\t},\n\tfr: {\n\t\treadMore: 'Lire plus',\n\t\treadLess: 'Lire moins',\n\t},\n\tit: {\n\t\treadMore: 'Per saperne di più',\n\t\treadLess: 'Leggi di più',\n\t},\n\tnl: {\n\t\treadMore: 'Meer lezen',\n\t\treadLess: 'Minder lezen',\n\t},\n\t'nl-BE': {\n\t\treadMore: 'Meer lezen',\n\t\treadLess: 'Minder lezen',\n\t},\n\tes: {\n\t\treadMore: 'Seguir leyendo',\n\t\treadLess: 'Leer menos',\n\t},\n\tpt: {\n\t\treadMore: 'Ler mais',\n\t\treadLess: 'Ler menos',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_READMORE_TRANSLATIONS = new InjectionToken('luReadMoreTranslations', {\n\tfactory: () => luReadMoreTranslations,\n});\n\nexport interface ReadMoreTranslate {\n\treadMore: string;\n\treadLess: string;\n}\n\nexport const luReadMoreTranslations: LuTranslation<ReadMoreTranslate> = Translations;\n","import { booleanAttribute, Component, ElementRef, HostBinding, input, OnInit, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LU_READMORE_TRANSLATIONS } from './read-more.translate';\n\n@Component({\n\tselector: 'lu-read-more',\n\tstandalone: true,\n\ttemplateUrl: './read-more.component.html',\n\tstyleUrl: './read-more.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'readMore',\n\t},\n})\nexport class ReadMoreComponent implements OnInit {\n\tintl = getIntl(LU_READMORE_TRANSLATIONS);\n\n\tlineClamp = input<number>(5);\n\topenOnly = input(false, { transform: booleanAttribute });\n\ttextFlow = input(false, { transform: booleanAttribute });\n\tsurface = input<null | 'sunken' | 'default' | string>(null);\n\n\tlabelReadMore = this.intl.readMore;\n\tlabelReadLess = this.intl.readLess;\n\n\tlabel = signal<string>(this.labelReadMore);\n\n\tcontentRef = viewChild<ElementRef<HTMLDivElement>>('content');\n\n\texpanded = signal(false);\n\tisClamped = signal(false);\n\n\t@HostBinding('style.--components-readMore-lineClamp') get lines() {\n\t\treturn this.lineClamp();\n\t}\n\n\t@HostBinding('style.--components-readMore-content-lastChild-content') get labelText() {\n\t\treturn `'${this.labelReadLess}'`;\n\t}\n\n\t@HostBinding('class.is-disabled') get isDisabled() {\n\t\treturn !this.expanded() && !this.isClamped();\n\t}\n\n\t@HostBinding('class.mod-openOnly') get isOpenOnly() {\n\t\treturn this.openOnly();\n\t}\n\n\t@HostBinding('class.mod-sunken') get surfaceSunken() {\n\t\treturn this.surface() === 'sunken';\n\t}\n\n\t@HostBinding('class.mod-default') get surfaceRaised() {\n\t\treturn this.surface() === 'default';\n\t}\n\n\t@HostBinding('style.--components-readMore-link-backgroudColor') get backgroundColor() {\n\t\tif (this.surface() === 'sunken' || this.surface() === 'default' || this.surface() === null) {\n\t\t\treturn null;\n\t\t}\n\t\treturn `${this.surface()}`;\n\t}\n\n\tngOnInit(): void {\n\t\tnew ResizeObserver(() => {\n\t\t\tconst contentElement = this.contentRef()?.nativeElement;\n\t\t\tconst lineHeight = parseFloat(window.getComputedStyle(contentElement).lineHeight);\n\t\t\tconst totalLines = Math.round(contentElement.scrollHeight / lineHeight);\n\n\t\t\tthis.isClamped.set(contentElement.scrollHeight > contentElement.clientHeight);\n\t\t\tif (!this.isClamped() && totalLines <= this.lineClamp()) {\n\t\t\t\tthis.expanded.set(false);\n\t\t\t}\n\t\t}).observe(this.contentRef().nativeElement, { box: 'border-box' });\n\t}\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\n\t\tif (this.expanded()) {\n\t\t\tthis.label.set(this.labelReadLess);\n\t\t} else {\n\t\t\tthis.label.set(this.labelReadMore);\n\t\t}\n\t}\n}\n","<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\t[attr.tabindex]=\"isClamped() ? null : '-1'\"\n\t[attr.aria-expanded]=\"expanded()\"\n\tclass=\"readMore-link link\"\n\t(click)=\"toggleExpanded()\"\n>\n\t{{ label() }}\n</button>\n<div class=\"readMore-content\" [class.textFlow]=\"textFlow()\" #content>\n\t<ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-read-more.mjs","sources":["../../../packages/ng/read-more/translations.ts","../../../packages/ng/read-more/read-more.translate.ts","../../../packages/ng/read-more/read-more.component.ts","../../../packages/ng/read-more/read-more.component.html","../../../packages/ng/read-more/lucca-front-ng-read-more.ts"],"sourcesContent":["export const Translations = {\n\tfr: {\n\t\treadMore: 'Lire plus',\n\t\treadLess: 'Lire moins',\n\t},\n\tpt: {\n\t\treadMore: 'Ler mais',\n\t\treadLess: 'Ler menos',\n\t},\n\tes: {\n\t\treadMore: 'Leer más',\n\t\treadLess: 'Leer menos',\n\t},\n\t'nl-BE': {\n\t\treadMore: 'Meer lezen',\n\t\treadLess: 'Minder lezen',\n\t},\n\tnl: {\n\t\treadMore: 'Meer lezen',\n\t\treadLess: 'Minder lezen',\n\t},\n\tit: {\n\t\treadMore: 'Mostra di più',\n\t\treadLess: 'Mostra di meno',\n\t},\n\tde: {\n\t\treadMore: 'Mehr lesen',\n\t\treadLess: 'Weniger lesen',\n\t},\n\ten: {\n\t\treadMore: 'Read more',\n\t\treadLess: 'Read less',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_READMORE_TRANSLATIONS = new InjectionToken('luReadMoreTranslations', {\n\tfactory: () => luReadMoreTranslations,\n});\n\nexport interface ReadMoreTranslate {\n\treadMore: string;\n\treadLess: string;\n}\n\nexport const luReadMoreTranslations: LuTranslation<ReadMoreTranslate> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, input, OnInit, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LU_READMORE_TRANSLATIONS } from './read-more.translate';\n\n@Component({\n\tselector: 'lu-read-more',\n\ttemplateUrl: './read-more.component.html',\n\tstyleUrl: './read-more.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'readMore',\n\t\t'[style.--components-readMore-lineClamp]': 'lineClamp()',\n\t\t'[style.--components-readMore-content-lastChild-content]': 'labelReadLess',\n\t\t'[class.is-disabled]': '!expanded() && !isClamped()',\n\t\t'[class.mod-openOnly]': 'openOnly()',\n\t\t'[class.mod-sunken]': 'surface() === `sunken`',\n\t\t'[class.mod-default]': 'surface() === `default`',\n\t\t'[style.--components-readMore-link-backgroudColor]': 'backgroundColor()',\n\t},\n})\nexport class ReadMoreComponent implements OnInit {\n\tintl = getIntl(LU_READMORE_TRANSLATIONS);\n\n\treadonly lineClamp = input<number>(5);\n\treadonly openOnly = input(false, { transform: booleanAttribute });\n\treadonly textFlow = input(false, { transform: booleanAttribute });\n\treadonly surface = input<null | 'sunken' | 'default' | string>(null);\n\n\tlabelReadMore = this.intl.readMore;\n\tlabelReadLess = this.intl.readLess;\n\n\tlabel = signal<string>(this.labelReadMore);\n\n\treadonly contentRef = viewChild<ElementRef<HTMLDivElement>>('content');\n\n\texpanded = signal(false);\n\tisClamped = signal(false);\n\n\treadonly backgroundColor = computed(() => {\n\t\tif (this.surface() === 'sunken' || this.surface() === 'default' || this.surface() === null) {\n\t\t\treturn null;\n\t\t}\n\t\treturn `${this.surface()}`;\n\t});\n\n\tngOnInit(): void {\n\t\tnew ResizeObserver(() => {\n\t\t\tconst contentElement = this.contentRef()?.nativeElement;\n\t\t\tconst lineHeight = parseFloat(window.getComputedStyle(contentElement).lineHeight);\n\t\t\tconst totalLines = Math.round(contentElement.scrollHeight / lineHeight);\n\n\t\t\tthis.isClamped.set(contentElement.scrollHeight > contentElement.clientHeight);\n\t\t\tif (!this.isClamped() && totalLines <= this.lineClamp()) {\n\t\t\t\tthis.expanded.set(false);\n\t\t\t}\n\t\t}).observe(this.contentRef().nativeElement, { box: 'border-box' });\n\t}\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\n\t\tif (this.expanded()) {\n\t\t\tthis.label.set(this.labelReadLess);\n\t\t} else {\n\t\t\tthis.label.set(this.labelReadMore);\n\t\t}\n\t}\n}\n","<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\t[attr.tabindex]=\"isClamped() ? null : '-1'\"\n\t[attr.aria-expanded]=\"expanded()\"\n\tclass=\"readMore-link link\"\n\t(click)=\"toggleExpanded()\"\n>\n\t{{ label() }}\n</button>\n<div class=\"readMore-content\" [class.textFlow]=\"textFlow()\" #content>\n\t<ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-safe-content.mjs

@@ -13,10 +13,10 @@ class LuSafeHtmlPipe {
     transform(value, config) {
         return this.sanitizer.bypassSecurityTrustHtml(sanitize(value, config));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuSafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: LuSafeHtmlPipe, isStandalone: true, name: "luSafeHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: LuSafeHtmlPipe, isStandalone: true, name: "luSafeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuSafeHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'luSafeHtml', standalone: true }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
@@ -25,11 +25,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
  * @deprecated use `LuSafeHtmlPipe` instead
  */
 class LuSafeContentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuSafeContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: LuSafeContentModule, imports: [LuSafeHtmlPipe], exports: [LuSafeHtmlPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuSafeContentModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSafeContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: LuSafeContentModule, imports: [LuSafeHtmlPipe], exports: [LuSafeHtmlPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSafeContentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuSafeContentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSafeContentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuSafeHtmlPipe],
@@ -61,14 +61,13 @@ class LuSafeExternalSvgPipe {
             this.#cdr.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuSafeExternalSvgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: LuSafeExternalSvgPipe, isStandalone: true, name: "luSafeExternalSvg", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSafeExternalSvgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: LuSafeExternalSvgPipe, isStandalone: true, name: "luSafeExternalSvg", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuSafeExternalSvgPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSafeExternalSvgPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'luSafeExternalSvg',
-                    standalone: true,
                     pure: false,
                 }]
         }] });

package/fesm2022/lucca-front-ng-safe-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-safe-content.mjs","sources":["../../../packages/ng/safe-content/safe-html.pipe.ts","../../../packages/ng/safe-content/safe-content.module.ts","../../../packages/ng/safe-content/safe-external-svg.pipe.ts","../../../packages/ng/safe-content/lucca-front-ng-safe-content.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { Config, sanitize } from 'isomorphic-dompurify';\n\ntype SanitizerConfig = Config & { RETURN_DOM_FRAGMENT?: false | undefined; RETURN_DOM?: false | undefined };\n\n@Pipe({ name: 'luSafeHtml', standalone: true })\nexport class LuSafeHtmlPipe implements PipeTransform {\n\tconstructor(protected sanitizer: DomSanitizer) {}\n\n\tpublic transform(value: string, config?: SanitizerConfig): SafeHtml {\n\t\treturn this.sanitizer.bypassSecurityTrustHtml(sanitize(value, config));\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuSafeHtmlPipe } from './safe-html.pipe';\n\n/**\n * @deprecated use `LuSafeHtmlPipe` instead\n */\n@NgModule({\n\timports: [LuSafeHtmlPipe],\n\texports: [LuSafeHtmlPipe],\n})\nexport class LuSafeContentModule {}\n","import { HttpClient } from '@angular/common/http';\nimport { ChangeDetectorRef, inject, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { sanitize } from 'isomorphic-dompurify';\nimport { map, Subscription } from 'rxjs';\n\n@Pipe({\n\tname: 'luSafeExternalSvg',\n\tstandalone: true,\n\tpure: false,\n})\nexport class LuSafeExternalSvgPipe implements PipeTransform {\n\t#httpClient = inject(HttpClient);\n\t#domSanitizer = inject(DomSanitizer);\n\t#cdr = inject(ChangeDetectorRef);\n\t#lastSvgUrl?: string;\n\t#lastSvgValue: SafeHtml = '';\n\t#subscription?: Subscription;\n\n\ttransform(url: string): SafeHtml {\n\t\tif (url && url !== this.#lastSvgUrl) {\n\t\t\tthis.#lastSvgUrl = url;\n\t\t\tthis.#subscribeToSvg(url);\n\t\t}\n\n\t\treturn this.#lastSvgValue;\n\t}\n\n\t#subscribeToSvg(url: string) {\n\t\tthis.#subscription?.unsubscribe();\n\t\tthis.#subscription = this.#httpClient\n\t\t\t.get(url, { responseType: 'text' })\n\t\t\t.pipe(\n\t\t\t\tmap((svg) => sanitize(svg, { USE_PROFILES: { svg: true } })),\n\t\t\t\tmap((svg) => this.#domSanitizer.bypassSecurityTrustHtml(svg)),\n\t\t\t)\n\t\t\t.subscribe((svg) => {\n\t\t\t\tthis.#lastSvgValue = svg;\n\t\t\t\tthis.#cdr.markForCheck();\n\t\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-safe-content.mjs","sources":["../../../packages/ng/safe-content/safe-html.pipe.ts","../../../packages/ng/safe-content/safe-content.module.ts","../../../packages/ng/safe-content/safe-external-svg.pipe.ts","../../../packages/ng/safe-content/lucca-front-ng-safe-content.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { Config, sanitize } from 'isomorphic-dompurify';\n\ntype SanitizerConfig = Config & { RETURN_DOM_FRAGMENT?: false | undefined; RETURN_DOM?: false | undefined };\n\n@Pipe({ name: 'luSafeHtml', standalone: true })\nexport class LuSafeHtmlPipe implements PipeTransform {\n\tconstructor(protected sanitizer: DomSanitizer) {}\n\n\tpublic transform(value: string, config?: SanitizerConfig): SafeHtml {\n\t\treturn this.sanitizer.bypassSecurityTrustHtml(sanitize(value, config));\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { LuSafeHtmlPipe } from './safe-html.pipe';\n\n/**\n * @deprecated use `LuSafeHtmlPipe` instead\n */\n@NgModule({\n\timports: [LuSafeHtmlPipe],\n\texports: [LuSafeHtmlPipe],\n})\nexport class LuSafeContentModule {}\n","import { HttpClient } from '@angular/common/http';\nimport { ChangeDetectorRef, inject, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { sanitize } from 'isomorphic-dompurify';\nimport { map, Subscription } from 'rxjs';\n\n@Pipe({\n\tname: 'luSafeExternalSvg',\n\tpure: false,\n})\nexport class LuSafeExternalSvgPipe implements PipeTransform {\n\t#httpClient = inject(HttpClient);\n\t#domSanitizer = inject(DomSanitizer);\n\t#cdr = inject(ChangeDetectorRef);\n\t#lastSvgUrl?: string;\n\t#lastSvgValue: SafeHtml = '';\n\t#subscription?: Subscription;\n\n\ttransform(url: string): SafeHtml {\n\t\tif (url && url !== this.#lastSvgUrl) {\n\t\t\tthis.#lastSvgUrl = url;\n\t\t\tthis.#subscribeToSvg(url);\n\t\t}\n\n\t\treturn this.#lastSvgValue;\n\t}\n\n\t#subscribeToSvg(url: string) {\n\t\tthis.#subscription?.unsubscribe();\n\t\tthis.#subscription = this.#httpClient\n\t\t\t.get(url, { responseType: 'text' })\n\t\t\t.pipe(\n\t\t\t\tmap((svg) => sanitize(svg, { USE_PROFILES: { svg: true } })),\n\t\t\t\tmap((svg) => this.#domSanitizer.bypassSecurityTrustHtml(svg)),\n\t\t\t)\n\t\t\t.subscribe((svg) => {\n\t\t\t\tthis.#lastSvgValue = svg;\n\t\t\t\tthis.#cdr.markForCheck();\n\t\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-scroll-box.mjs

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { viewChild, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class ScrollBoxComponent {
+    constructor() {
+        this.first = viewChild('first');
+        this.last = viewChild('last');
+        this.isFirstVisible = signal(false);
+        this.isLastVisible = signal(false);
+    }
+    initObserver(element, isFirst) {
+        new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (isFirst) {
+                    this.isFirstVisible.set(entry.isIntersecting);
+                }
+                else {
+                    this.isLastVisible.set(entry.isIntersecting);
+                }
+            });
+        }, {
+            threshold: 1,
+        }).observe(element);
+    }
+    ngOnInit() {
+        this.initObserver(this.first().nativeElement, true);
+        this.initObserver(this.last().nativeElement, false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ScrollBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.2", type: ScrollBoxComponent, isStandalone: true, selector: "lu-scroll-box", host: { properties: { "class.is-firstVisible": "isFirstVisible()", "class.is-lastVisible": "isLastVisible()" }, classAttribute: "scrollBox" }, viewQueries: [{ propertyName: "first", first: true, predicate: ["first"], descendants: true, isSignal: true }, { propertyName: "last", first: true, predicate: ["last"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #first class=\"scrollBox-first\"></div>\n<ng-content />\n<div #last class=\"scrollBox-last\"></div>\n", styles: ["@layer components{.scrollBox{--components-scrollBox-backgroundColor: var(--pr-t-elevation-surface-default);--components-scrollBox-shadowColor: var(--palettes-neutral-400);--components-scrollBox-shadowSize: var(--pr-t-spacings-150);--components-scrollBox-beforeOpacity: 1;--components-scrollBox-afterOpacity: 1;--components-scrollBox-gap: var(--pr-t-spacings-100);--components-scrollBox-scrollBarWidth: thin;--components-scrollBox-paddingInline: var(--pr-t-spacings-200);--components-scrollBox-paddingBlock: var(--pr-t-spacings-100);--components-scrollBox-marginInline: calc(var(--components-scrollBox-paddingInline) * -1);--components-scrollBox-marginBlock: calc(var(--components-scrollBox-paddingBlock) * -1);--components-scrollBox-pseudoElementsContent: \"\";--components-scrollBox-display: flex;--components-scrollBox-firstLast-display: block;background-color:var(--components-scrollBox-backgroundColor);position:relative;display:var(--components-scrollBox-display);flex-wrap:nowrap;gap:var(--components-scrollBox-gap);overflow:auto;scrollbar-width:var(--components-scrollBox-scrollBarWidth);margin-inline:var(--components-scrollBox-marginInline);padding-inline:var(--components-scrollBox-paddingInline);padding-block:var(--components-scrollBox-paddingBlock);margin-block:var(--components-scrollBox-marginBlock);border-radius:var(--pr-t-border-radius-default)}.scrollBox>*{flex-shrink:0}.scrollBox:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0}.scrollBox:before,.scrollBox:after{content:var(--components-scrollBox-pseudoElementsContent);pointer-events:none;position:sticky;flex-shrink:0;inline-size:var(--components-scrollBox-shadowSize);inset-block:0;margin-block:calc(var(--components-scrollBox-paddingBlock) * -1);background-repeat:no-repeat;z-index:10;align-self:stretch;background-size:75% 100%,25% 100%,1px 100%}.scrollBox:before{opacity:var(--components-scrollBox-beforeOpacity);inset-inline-start:calc(var(--components-scrollBox-paddingInline) * -1);margin-inline-end:calc(var(--components-scrollBox-shadowSize) * -1 - var(--components-scrollBox-gap));background-position:0% 50%;background-image:radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox:after{opacity:var(--components-scrollBox-afterOpacity);inset-inline-end:calc(var(--components-scrollBox-paddingInline) * -1);margin-inline-start:calc(var(--components-scrollBox-shadowSize) * -1 - var(--components-scrollBox-gap));background-position:100% 50%;background-image:radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox-first{margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-last{margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-first,.scrollBox-last{pointer-events:none;flex-shrink:0;align-self:stretch;display:var(--components-scrollBox-firstLast-display)}}@layer mods{.scrollBox.is-firstVisible{--components-scrollBox-beforeOpacity: 0}.scrollBox.is-lastVisible{--components-scrollBox-afterOpacity: 0}.scrollBox.is-disabled{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: ScrollBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-scroll-box', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [], host: {
+                        class: 'scrollBox',
+                        '[class.is-firstVisible]': 'isFirstVisible()',
+                        '[class.is-lastVisible]': 'isLastVisible()',
+                    }, template: "<div #first class=\"scrollBox-first\"></div>\n<ng-content />\n<div #last class=\"scrollBox-last\"></div>\n", styles: ["@layer components{.scrollBox{--components-scrollBox-backgroundColor: var(--pr-t-elevation-surface-default);--components-scrollBox-shadowColor: var(--palettes-neutral-400);--components-scrollBox-shadowSize: var(--pr-t-spacings-150);--components-scrollBox-beforeOpacity: 1;--components-scrollBox-afterOpacity: 1;--components-scrollBox-gap: var(--pr-t-spacings-100);--components-scrollBox-scrollBarWidth: thin;--components-scrollBox-paddingInline: var(--pr-t-spacings-200);--components-scrollBox-paddingBlock: var(--pr-t-spacings-100);--components-scrollBox-marginInline: calc(var(--components-scrollBox-paddingInline) * -1);--components-scrollBox-marginBlock: calc(var(--components-scrollBox-paddingBlock) * -1);--components-scrollBox-pseudoElementsContent: \"\";--components-scrollBox-display: flex;--components-scrollBox-firstLast-display: block;background-color:var(--components-scrollBox-backgroundColor);position:relative;display:var(--components-scrollBox-display);flex-wrap:nowrap;gap:var(--components-scrollBox-gap);overflow:auto;scrollbar-width:var(--components-scrollBox-scrollBarWidth);margin-inline:var(--components-scrollBox-marginInline);padding-inline:var(--components-scrollBox-paddingInline);padding-block:var(--components-scrollBox-paddingBlock);margin-block:var(--components-scrollBox-marginBlock);border-radius:var(--pr-t-border-radius-default)}.scrollBox>*{flex-shrink:0}.scrollBox:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:0}.scrollBox:before,.scrollBox:after{content:var(--components-scrollBox-pseudoElementsContent);pointer-events:none;position:sticky;flex-shrink:0;inline-size:var(--components-scrollBox-shadowSize);inset-block:0;margin-block:calc(var(--components-scrollBox-paddingBlock) * -1);background-repeat:no-repeat;z-index:10;align-self:stretch;background-size:75% 100%,25% 100%,1px 100%}.scrollBox:before{opacity:var(--components-scrollBox-beforeOpacity);inset-inline-start:calc(var(--components-scrollBox-paddingInline) * -1);margin-inline-end:calc(var(--components-scrollBox-shadowSize) * -1 - var(--components-scrollBox-gap));background-position:0% 50%;background-image:radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 0% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox:after{opacity:var(--components-scrollBox-afterOpacity);inset-inline-end:calc(var(--components-scrollBox-paddingInline) * -1);margin-inline-start:calc(var(--components-scrollBox-shadowSize) * -1 - var(--components-scrollBox-gap));background-position:100% 50%;background-image:radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 24%,transparent),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 32%,transparent) 50%,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent)),radial-gradient(farthest-side at 100% 50%,color-mix(in var(--commons-colorSpace, srgb),var(--components-scrollBox-shadowColor) 100%,transparent) calc(100% - 1px),color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 0%,transparent))}.scrollBox-first{margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-last{margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.scrollBox-first,.scrollBox-last{pointer-events:none;flex-shrink:0;align-self:stretch;display:var(--components-scrollBox-firstLast-display)}}@layer mods{.scrollBox.is-firstVisible{--components-scrollBox-beforeOpacity: 0}.scrollBox.is-lastVisible{--components-scrollBox-afterOpacity: 0}.scrollBox.is-disabled{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScrollBoxComponent };
+//# sourceMappingURL=lucca-front-ng-scroll-box.mjs.map

package/fesm2022/lucca-front-ng-scroll-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-scroll-box.mjs","sources":["../../../packages/ng/scroll-box/scroll-box.component.ts","../../../packages/ng/scroll-box/scroll-box.component.html","../../../packages/ng/scroll-box/lucca-front-ng-scroll-box.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, OnInit, signal, viewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-scroll-box',\n\ttemplateUrl: './scroll-box.component.html',\n\tstyleUrl: './scroll-box.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [],\n\thost: {\n\t\tclass: 'scrollBox',\n\t\t'[class.is-firstVisible]': 'isFirstVisible()',\n\t\t'[class.is-lastVisible]': 'isLastVisible()',\n\t},\n})\nexport class ScrollBoxComponent implements OnInit {\n\tfirst = viewChild<ElementRef<HTMLElement>>('first');\n\tlast = viewChild<ElementRef<HTMLElement>>('last');\n\n\tisFirstVisible = signal(false);\n\tisLastVisible = signal(false);\n\n\tinitObserver(element: Element, isFirst: boolean) {\n\t\tnew IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tentries.forEach((entry) => {\n\t\t\t\t\tif (isFirst) {\n\t\t\t\t\t\tthis.isFirstVisible.set(entry.isIntersecting);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.isLastVisible.set(entry.isIntersecting);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\t\t\t{\n\t\t\t\tthreshold: 1,\n\t\t\t},\n\t\t).observe(element);\n\t}\n\n\tngOnInit(): void {\n\t\tthis.initObserver(this.first().nativeElement, true);\n\t\tthis.initObserver(this.last().nativeElement, false);\n\t}\n}\n","<div #first class=\"scrollBox-first\"></div>\n<ng-content />\n<div #last class=\"scrollBox-last\"></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAea,kBAAkB,CAAA;AAb/B,IAAA,WAAA,GAAA;AAcC,QAAA,IAAA,CAAA,KAAK,GAAG,SAAS,CAA0B,OAAO,CAAC;AACnD,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAA0B,MAAM,CAAC;AAEjD,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;AAuB7B;IArBA,YAAY,CAAC,OAAgB,EAAE,OAAgB,EAAA;AAC9C,QAAA,IAAI,oBAAoB,CACvB,CAAC,OAAO,KAAI;AACX,YAAA,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;gBACzB,IAAI,OAAO,EAAE;oBACZ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC;;qBACvC;oBACN,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC;;AAE9C,aAAC,CAAC;AACH,SAAC,EACD;AACC,YAAA,SAAS,EAAE,CAAC;AACZ,SAAA,CACD,CAAC,OAAO,CAAC,OAAO,CAAC;;IAGnB,QAAQ,GAAA;AACP,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC;AACnD,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC;;8GA1BxC,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,uaCf/B,4GAGA,EAAA,MAAA,EAAA,CAAA,23IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDYa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAb9B,SAAS;+BACC,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAC5B,OAAA,EAAA,EAAE,EACL,IAAA,EAAA;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,yBAAyB,EAAE,kBAAkB;AAC7C,wBAAA,wBAAwB,EAAE,iBAAiB;AAC3C,qBAAA,EAAA,QAAA,EAAA,4GAAA,EAAA,MAAA,EAAA,CAAA,23IAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}

package/fesm2022/lucca-front-ng-scroll.mjs

@@ -49,15 +49,14 @@ class LuScrollDirective {
         this.scrollSubject = new Subject();
         this.scroll$ = this.scrollSubject.asObservable().pipe(debounceTime(this.debounceTime));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: LuScrollDirective, isStandalone: true, selector: "[luScroll]", inputs: { debounceTime: "debounceTime" }, outputs: { onScroll: "onScroll", onScrollTop: "onScrollTop", onScrollBottom: "onScrollBottom", onScrollLeft: "onScrollLeft", onScrollRight: "onScrollRight" }, host: { listeners: { "scroll": "_scroll($event)" } }, exportAs: ["luScroll"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: LuScrollDirective, isStandalone: true, selector: "[luScroll]", inputs: { debounceTime: "debounceTime" }, outputs: { onScroll: "onScroll", onScrollTop: "onScrollTop", onScrollBottom: "onScrollBottom", onScrollLeft: "onScrollLeft", onScrollRight: "onScrollRight" }, host: { listeners: { "scroll": "_scroll($event)" } }, exportAs: ["luScroll"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luScroll]',
                     exportAs: 'luScroll',
-                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { debounceTime: [{
                 type: Input
@@ -76,12 +75,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 args: ['scroll', ['$event']]
             }] } });
 
+/**
+ * @deprecated use `LuScrollDirective` instead
+ */
 class LuScrollModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: LuScrollModule, imports: [LuScrollDirective], exports: [LuScrollDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuScrollModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: LuScrollModule, imports: [LuScrollDirective], exports: [LuScrollDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuScrollModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuScrollModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuScrollModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuScrollDirective],