ng-wsl-library 0.24.0 → 1.0.0

package/README.md

@@ -1,183 +1,223 @@
-# WS Library NG
-
-Angular component library for Winsys Lottery.
-
-## Installation
-
-```bash
-npm install ng-wsl-library
-```
-
-## Available Components
-
-### WslButtonComponent
-Custom button with multiple variants and sizes, featuring self-contained styling.
-
-```typescript
-// Basic usage
-<wsl-button>Click me</wsl-button>
-
-// With variant and size
-<wsl-button variant="success" size="large">Save</wsl-button>
-
-// Disabled
-<wsl-button [disabled]="true">Not available</wsl-button>
-
-// With click event
-<wsl-button (click)="onButtonClick($event)">Click me</wsl-button>
-```
-
-Properties:
-- `type`: 'button' | 'submit' | 'reset' (default: 'button')
-- `disabled`: boolean (default: false)
-- `variant`: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' (default: 'primary')
-- `size`: 'small' | 'medium' | 'large' (default: 'medium')
-
-### WslDatetimePickerComponent
-Powerful and flexible datetime picker component with extensive customization options and self-contained styling.
-
-Features calendar state events, proper ngModelChange handling, flexible time steps, and organized constants for date formats and time steps.
-
-📖 [View detailed documentation](src/lib/components/wsl-datetime-picker/README.md)
-
-### WslCarouselComponent
-High-performance carousel component for displaying scrollable content with self-contained styling.
-
-📖 [View detailed documentation](src/lib/components/wsl-carousel/README.md)
-
-### WslBannerSliderComponent
-Specialized component for displaying banners in carousel format.
-
-### WslCustomComponent
-Customizable component for specific use cases.
-
-### WslFooterComponent
-Footer component.
-
-### WslHeaderComponent
-Header component.
-
-### WslMainMenuComponent
-Main menu component.
-
-## Available Services
-
-### WslCmsService
-Service for managing CMS content.
-
-```typescript
-import { WslCmsService } from 'ng-wsl-library';
-
-constructor(private wslCmsService: WslCmsService) {}
-
-// Get available components
-const availableComponents = this.wslCmsService.getAvalaiableComponents();
-```
-
-## Available Directives
-
-### WslCmsItemDirective
-Directive for handling CMS items.
-
-## Integration in an Angular Project
-
-1. Import the module in your `app.module.ts`:
-
-```typescript
-import { WslComponentsModule } from 'ng-wsl-library';
-
-@NgModule({
-  imports: [
-    WslComponentsModule,
-    // ... other modules
-  ],
-  // ...
-})
-export class AppModule { }
-```
-
-2. Use the components in your templates:
-
-```html
-<wsl-button variant="primary">My Button</wsl-button>
-<wsl-datetime-picker [(ngModel)]="selectedDate"></wsl-datetime-picker>
-<wsl-carousel>
-  <!-- Carousel content -->
-</wsl-carousel>
-```
-
-## Styling
-
-The library includes its own **self-contained styles** and does not require any external CSS frameworks. All components come with modern, responsive styling out of the box.
-
-If you need to include the component styles in your build, add them to your `angular.json`:
-
-```json
-{
-  "styles": [
-    "node_modules/ng-wsl-library/dist/ng-wsl-library.css",
-    // ... other styles
-  ]
-}
-```
-
-### Custom Styling
-
-You can override component styles using CSS custom properties or by targeting component CSS classes:
-
-```css
-wsl-datetime-picker {
-  --input-border-color: #007bff;
-  --input-focus-border-color: #86b7fe;
-}
-
-wsl-button {
-  --button-primary-bg: #28a745;
-  --button-primary-border: #28a745;
-}
-```
-
-## Requirements
-
-- Angular 14.0.0 or higher
-- Node.js 14.0.0 or higher
-- npm 6.0.0 or higher
-
-## Current Dependencies
-
-This library uses the following dependencies:
-
-- @angular/material
-- @angular/cdk  
-- ngx-file-drop
-- single-spa (for microfrontend support)
-- lodash
-
-## Support
-
-To report issues or request new features, please create an issue in the repository.
-
-## License
-
-MIT
-
-## Available Utilities
-
-### WslDateTimeUtils
-Convenient helper functions for working with dates and times in WSL format structures.
-
-```typescript
-import { WslDateTimeUtils } from 'ng-wsl-library';
-
-// Get current date/time values
-const currentDate = WslDateTimeUtils.getCurrentDate();
-const currentTime = WslDateTimeUtils.getCurrentTime();
-const currentDateTime = WslDateTimeUtils.getCurrentDateTime();
-
-// Convert JavaScript Date objects
-const jsDate = new Date();
-const wslDate = WslDateTimeUtils.getWslDate(jsDate);
-const wslTime = WslDateTimeUtils.getWslTime(jsDate);
-```
-
-📖 [View detailed documentation](src/lib/utils/date-time/README.md)
+# WS Library NG
+
+Angular component library for Winsys Lottery.
+
+## Installation
+
+```bash
+npm install ng-wsl-library
+```
+
+## Available Components
+
+### WslButtonComponent
+
+Custom button with multiple variants and sizes, featuring self-contained styling.
+
+```typescript
+// Basic usage
+<wsl-button>Click me</wsl-button>
+
+// With variant and size
+<wsl-button variant="success" size="large">Save</wsl-button>
+
+// Disabled
+<wsl-button [disabled]="true">Not available</wsl-button>
+
+// With click event
+<wsl-button (click)="onButtonClick($event)">Click me</wsl-button>
+```
+
+Properties:
+
+- `type`: 'button' | 'submit' | 'reset' (default: 'button')
+- `disabled`: boolean (default: false)
+- `variant`: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' (default: 'primary')
+- `size`: 'small' | 'medium' | 'large' (default: 'medium')
+
+### WslDatetimePickerComponent
+
+Powerful and flexible datetime picker component with extensive customization options and self-contained styling.
+
+Features calendar state events, proper ngModelChange handling, flexible time steps, and organized constants for date formats and time steps.
+
+📖 [View detailed documentation](src/lib/components/wsl-datetime-picker/README.md)
+
+### WslCarouselComponent
+
+High-performance carousel component for displaying scrollable content with self-contained styling.
+
+📖 [View detailed documentation](src/lib/components/wsl-carousel/README.md)
+
+### WslBannerSliderComponent
+
+Specialized component for displaying banners in carousel format.
+
+### WslCustomComponent
+
+Customizable component for specific use cases.
+
+### WslFooterComponent
+
+Footer component.
+
+### WslOtpComponent
+
+One-Time Password (OTP) input component with multiple features such as autofill, timer, and responsive design.
+
+```html
+<wsl-otp [size]="4" [autocomplete]="true" (valueChange)="onOtpChange($event)"></wsl-otp>
+```
+
+Properties:
+
+- `size`: number (default: 4) - Number of input fields.
+- `disabled`: boolean (default: false) - Disables all inputs.
+- `timerDuration`: number (default: 0) - Duration in seconds for the countdown timer.
+- `showTimer`: boolean (default: false) - Whether to show the timer.
+- `timerLabel`: string (default: '') - Label shown before the timer.
+- `hasError`: boolean (default: false) - Applies error styling.
+- `maxResends`: number | null (default: null) - Maximum number of allowed resends.
+- `limitReachedMessage`: string (default: '') - Message shown when resend limit is reached.
+- `expiredMessage`: string (default: '') - Message shown when timer expires.
+- `resendButtonText`: string (default: 'Resend Code') - Text for the resend button.
+
+Events:
+
+- `valueChange`: Emits the full OTP string whenever it changes.
+- `resendCode`: Emitted when the resend button is clicked.
+- `timerFinished`: Emitted when the countdown timer reaches zero.
+- `resendLimitReached`: Emitted when the maximum number of resends is reached.
+
+### WslHeaderComponent
+
+Header component.
+
+### WslMainMenuComponent
+
+Main menu component.
+
+## Available Services
+
+### WslCmsService
+
+Service for managing CMS content.
+
+```typescript
+import { WslCmsService } from 'ng-wsl-library';
+
+constructor(private wslCmsService: WslCmsService) {}
+
+// Get available components
+const availableComponents = this.wslCmsService.getAvalaiableComponents();
+```
+
+## Available Directives
+
+### WslCmsItemDirective
+
+Directive for handling CMS items.
+
+## Integration in an Angular Project
+
+1. Import the module in your `app.module.ts`:
+
+```typescript
+import { WslComponentsModule } from "ng-wsl-library";
+
+@NgModule({
+  imports: [
+    WslComponentsModule,
+    // ... other modules
+  ],
+  // ...
+})
+export class AppModule {}
+```
+
+2. Use the components in your templates:
+
+```html
+<wsl-button variant="primary">My Button</wsl-button>
+<wsl-datetime-picker [(ngModel)]="selectedDate"></wsl-datetime-picker>
+<wsl-carousel>
+  <!-- Carousel content -->
+</wsl-carousel>
+```
+
+## Styling
+
+The library includes its own **self-contained styles** and does not require any external CSS frameworks. All components come with modern, responsive styling out of the box.
+
+If you need to include the component styles in your build, add them to your `angular.json`:
+
+```json
+{
+  "styles": [
+    "node_modules/ng-wsl-library/dist/ng-wsl-library.css"
+    // ... other styles
+  ]
+}
+```
+
+### Custom Styling
+
+You can override component styles using CSS custom properties or by targeting component CSS classes:
+
+```css
+wsl-datetime-picker {
+  --input-border-color: #007bff;
+  --input-focus-border-color: #86b7fe;
+}
+
+wsl-button {
+  --button-primary-bg: #28a745;
+  --button-primary-border: #28a745;
+}
+```
+
+## Requirements
+
+- Angular 14.0.0 or higher
+- Node.js 14.0.0 or higher
+- npm 6.0.0 or higher
+
+## Current Dependencies
+
+This library uses the following dependencies:
+
+- @angular/material
+- @angular/cdk
+- ngx-file-drop
+- single-spa (for microfrontend support)
+- lodash
+
+## Support
+
+To report issues or request new features, please create an issue in the repository.
+
+## License
+
+MIT
+
+## Available Utilities
+
+### WslDateTimeUtils
+
+Convenient helper functions for working with dates and times in WSL format structures.
+
+```typescript
+import { WslDateTimeUtils } from "ng-wsl-library";
+
+// Get current date/time values
+const currentDate = WslDateTimeUtils.getCurrentDate();
+const currentTime = WslDateTimeUtils.getCurrentTime();
+const currentDateTime = WslDateTimeUtils.getCurrentDateTime();
+
+// Convert JavaScript Date objects
+const jsDate = new Date();
+const wslDate = WslDateTimeUtils.getWslDate(jsDate);
+const wslTime = WslDateTimeUtils.getWslTime(jsDate);
+```
+
+📖 [View detailed documentation](src/lib/utils/date-time/README.md)

package/esm2022/lib/components/public-api.mjs

@@ -0,0 +1,39 @@
+/*
+ * Public API Surface of ng-wsl-library
+ */
+// Módulos principales
+export * from './wsl-components.module';
+export * from './wsl-cms/wsl-cms.module';
+export * from './wsl-cms/cms-editor/cms-editor.module';
+export * from './wsl-carousel/wsl-carousel.module';
+export * from './wsl-datetime-picker/wsl-datetime-picker.module';
+export * from './wsl-otp/wsl-otp.module';
+// Componentes principales
+export * from './wsl-button/wsl-button.component';
+export * from './wsl-header/wsl-header.component';
+export * from './wsl-carousel/wsl-carousel.component';
+export * from './wsl-datetime-picker/wsl-datetime-picker.component';
+export * from './wsl-otp/wsl-otp.component';
+// Componentes CMS
+export * from './wsl-cms/wsl-cms.component';
+export * from './wsl-cms/cms-item/cms-item.component';
+export * from './wsl-cms/cms-item/cms-item-options/cms-item-options.component';
+export * from './wsl-cms/cms-editor/cms-editor.component';
+export * from './wsl-cms/cms-editor/cms-editor-main-menu/cms-editor-main-menu.component';
+export * from './wsl-cms/cms-editor/wsl-cms-add-components/wsl-cms-add-components.component';
+export * from './wsl-cms/cms-editor/cms-editor-slider/cms-editor-slider.component';
+/* xport * from './wsl-footer/wsl-footer.component';
+export * from './wsl-custom/wsl-custom.component';
+export * from './wsl-main-menu/wsl-main-menu.component';
+export * from './wsl-banner-slider/wsl-banner-slider.component'
+export * from './wsl-cms/cms-editor/cms-editor.component';
+export * from './wsl-cms/cms-item/cms-item.component'
+export * from './wsl-cms/cms-editor/wsl-cms-add-components/wsl-cms-add-components.component';
+export * from './wsl-cms/cms-editor/cms-editor.component'
+export * from './wsl-cms/cms-item/cms-item-options/cms-item-options.component'
+export * from './wsl-cms/cms-editor/cms-editor-slider/cms-editor-slider.component'
+
+export * from './wsl-cms/wsl-cms.module';
+export * from './wsl-cms/cms-editor/cms-editor.module';
+export * from './wsl-cms/cms-editor/cms-editor-main-menu/cms-editor-main-menu.component';  */
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXdzbC1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsc0JBQXNCO0FBQ3RCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLDBCQUEwQixDQUFDO0FBRXpDLDBCQUEwQjtBQUMxQixjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsNkJBQTZCLENBQUM7QUFFNUMsa0JBQWtCO0FBQ2xCLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywwRUFBMEUsQ0FBQztBQUN6RixjQUFjLDhFQUE4RSxDQUFDO0FBQzdGLGNBQWMsb0VBQW9FLENBQUM7QUFFbkY7Ozs7Ozs7Ozs7Ozs7NkZBYTZGIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nLXdzbC1saWJyYXJ5XHJcbiAqL1xyXG5cclxuLy8gTcOzZHVsb3MgcHJpbmNpcGFsZXNcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY29tcG9uZW50cy5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1jbXMvd3NsLWNtcy5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1jbXMvY21zLWVkaXRvci9jbXMtZWRpdG9yLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd3NsLWNhcm91c2VsL3dzbC1jYXJvdXNlbC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1kYXRldGltZS1waWNrZXIvd3NsLWRhdGV0aW1lLXBpY2tlci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1vdHAvd3NsLW90cC5tb2R1bGUnO1xyXG5cclxuLy8gQ29tcG9uZW50ZXMgcHJpbmNpcGFsZXNcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtYnV0dG9uL3dzbC1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtaGVhZGVyL3dzbC1oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY2Fyb3VzZWwvd3NsLWNhcm91c2VsLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd3NsLWRhdGV0aW1lLXBpY2tlci93c2wtZGF0ZXRpbWUtcGlja2VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd3NsLW90cC93c2wtb3RwLmNvbXBvbmVudCc7XHJcblxyXG4vLyBDb21wb25lbnRlcyBDTVNcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL3dzbC1jbXMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL2Ntcy1pdGVtL2Ntcy1pdGVtLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd3NsLWNtcy9jbXMtaXRlbS9jbXMtaXRlbS1vcHRpb25zL2Ntcy1pdGVtLW9wdGlvbnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL2Ntcy1lZGl0b3IvY21zLWVkaXRvci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1jbXMvY21zLWVkaXRvci9jbXMtZWRpdG9yLW1haW4tbWVudS9jbXMtZWRpdG9yLW1haW4tbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1jbXMvY21zLWVkaXRvci93c2wtY21zLWFkZC1jb21wb25lbnRzL3dzbC1jbXMtYWRkLWNvbXBvbmVudHMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL2Ntcy1lZGl0b3IvY21zLWVkaXRvci1zbGlkZXIvY21zLWVkaXRvci1zbGlkZXIuY29tcG9uZW50JztcclxuXHJcbi8qIHhwb3J0ICogZnJvbSAnLi93c2wtZm9vdGVyL3dzbC1mb290ZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY3VzdG9tL3dzbC1jdXN0b20uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtbWFpbi1tZW51L3dzbC1tYWluLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtYmFubmVyLXNsaWRlci93c2wtYmFubmVyLXNsaWRlci5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vd3NsLWNtcy9jbXMtZWRpdG9yL2Ntcy1lZGl0b3IuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL2Ntcy1pdGVtL2Ntcy1pdGVtLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL2Ntcy1lZGl0b3Ivd3NsLWNtcy1hZGQtY29tcG9uZW50cy93c2wtY21zLWFkZC1jb21wb25lbnRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd3NsLWNtcy9jbXMtZWRpdG9yL2Ntcy1lZGl0b3IuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1jbXMvY21zLWl0ZW0vY21zLWl0ZW0tb3B0aW9ucy9jbXMtaXRlbS1vcHRpb25zLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL2Ntcy1lZGl0b3IvY21zLWVkaXRvci1zbGlkZXIvY21zLWVkaXRvci1zbGlkZXIuY29tcG9uZW50J1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL3dzbC1jbXMubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi93c2wtY21zL2Ntcy1lZGl0b3IvY21zLWVkaXRvci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3dzbC1jbXMvY21zLWVkaXRvci9jbXMtZWRpdG9yLW1haW4tbWVudS9jbXMtZWRpdG9yLW1haW4tbWVudS5jb21wb25lbnQnOyAgKi9cclxuIl19

package/esm2022/lib/components/wsl-button/wsl-button.component.mjs

@@ -0,0 +1,36 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WslButtonComponent {
+    constructor() {
+        this.type = 'button';
+        this.disabled = false;
+        this.variant = 'primary';
+        this.size = 'medium';
+        this.click = new EventEmitter();
+    }
+    get buttonClasses() {
+        return `wsl-button wsl-button--${this.variant} wsl-button--${this.size}`;
+    }
+    onClick(event) {
+        if (!this.disabled) {
+            this.click.emit(event);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WslButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: WslButtonComponent, selector: "wsl-button", inputs: { type: "type", disabled: "disabled", variant: "variant", size: "size" }, outputs: { click: "click" }, ngImport: i0, template: "<button \r\n  class=\"{{buttonClasses}}\" \r\n  [type]=\"type\" \r\n  [disabled]=\"disabled\"\r\n  (click)=\"onClick($event)\">\r\n  <ng-content></ng-content>\r\n</button>", styles: [".wsl-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.wsl-button:disabled{opacity:.6;cursor:not-allowed}.wsl-button--primary{background-color:#007bff;color:#fff}.wsl-button--primary:hover:not(:disabled){background-color:#0056b3}.wsl-button--secondary{background-color:#6c757d;color:#fff}.wsl-button--secondary:hover:not(:disabled){background-color:#545b62}.wsl-button--success{background-color:#28a745;color:#fff}.wsl-button--success:hover:not(:disabled){background-color:#218838}.wsl-button--danger{background-color:#dc3545;color:#fff}.wsl-button--danger:hover:not(:disabled){background-color:#c82333}.wsl-button--warning{background-color:#ffc107;color:#212529}.wsl-button--warning:hover:not(:disabled){background-color:#e0a800}.wsl-button--info{background-color:#17a2b8;color:#fff}.wsl-button--info:hover:not(:disabled){background-color:#138496}.wsl-button--small{padding:4px 8px;font-size:12px}.wsl-button--medium{padding:8px 16px;font-size:14px}.wsl-button--large{padding:12px 24px;font-size:16px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WslButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wsl-button', template: "<button \r\n  class=\"{{buttonClasses}}\" \r\n  [type]=\"type\" \r\n  [disabled]=\"disabled\"\r\n  (click)=\"onClick($event)\">\r\n  <ng-content></ng-content>\r\n</button>", styles: [".wsl-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.wsl-button:disabled{opacity:.6;cursor:not-allowed}.wsl-button--primary{background-color:#007bff;color:#fff}.wsl-button--primary:hover:not(:disabled){background-color:#0056b3}.wsl-button--secondary{background-color:#6c757d;color:#fff}.wsl-button--secondary:hover:not(:disabled){background-color:#545b62}.wsl-button--success{background-color:#28a745;color:#fff}.wsl-button--success:hover:not(:disabled){background-color:#218838}.wsl-button--danger{background-color:#dc3545;color:#fff}.wsl-button--danger:hover:not(:disabled){background-color:#c82333}.wsl-button--warning{background-color:#ffc107;color:#212529}.wsl-button--warning:hover:not(:disabled){background-color:#e0a800}.wsl-button--info{background-color:#17a2b8;color:#fff}.wsl-button--info:hover:not(:disabled){background-color:#138496}.wsl-button--small{padding:4px 8px;font-size:12px}.wsl-button--medium{padding:8px 16px;font-size:14px}.wsl-button--large{padding:12px 24px;font-size:16px}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3NsLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy13c2wtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvd3NsLWJ1dHRvbi93c2wtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXdzbC1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy93c2wtYnV0dG9uL3dzbC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPdkUsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU1XLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBQy9DLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUF3RSxTQUFTLENBQUM7UUFDekYsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFDN0MsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7S0FXbEQ7SUFUQyxJQUFJLGFBQWE7UUFDZixPQUFPLDBCQUEwQixJQUFJLENBQUMsT0FBTyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNFLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBaUI7UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QixDQUFDO0lBQ0gsQ0FBQzsrR0FmVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpS0NQL0IsNktBTVM7OzRGRENJLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZOzhCQUtiLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd3NsLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3dzbC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3dzbC1idXR0b24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV3NsQnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiAnYnV0dG9uJyB8ICdzdWJtaXQnIHwgJ3Jlc2V0JyA9ICdidXR0b24nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmFyaWFudDogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnc3VjY2VzcycgfCAnZGFuZ2VyJyB8ICd3YXJuaW5nJyB8ICdpbmZvJyA9ICdwcmltYXJ5JztcclxuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XHJcbiAgQE91dHB1dCgpIGNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG5cclxuICBnZXQgYnV0dG9uQ2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGB3c2wtYnV0dG9uIHdzbC1idXR0b24tLSR7dGhpcy52YXJpYW50fSB3c2wtYnV0dG9uLS0ke3RoaXMuc2l6ZX1gO1xyXG4gIH1cclxuXHJcbiAgb25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgIHRoaXMuY2xpY2suZW1pdChldmVudCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b24gXHJcbiAgY2xhc3M9XCJ7e2J1dHRvbkNsYXNzZXN9fVwiIFxyXG4gIFt0eXBlXT1cInR5cGVcIiBcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvYnV0dG9uPiJdfQ==

package/{esm2020 → esm2022}/lib/components/wsl-carousel/index.mjs

@@ -2,4 +2,4 @@ export * from './wsl-carousel.component';
 export * from '../../directives/wsl-carousel-item.directive';
 export * from './wsl-carousel.module';
 export * from '../../models/wsl-carousel-config.model';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy13c2wtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvd3NsLWNhcm91c2VsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsd0NBQXdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3dzbC1jYXJvdXNlbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy93c2wtY2Fyb3VzZWwtaXRlbS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi93c2wtY2Fyb3VzZWwubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4uLy4uL21vZGVscy93c2wtY2Fyb3VzZWwtY29uZmlnLm1vZGVsJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy13c2wtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvd3NsLWNhcm91c2VsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsd0NBQXdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3dzbC1jYXJvdXNlbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3dzbC1jYXJvdXNlbC1pdGVtLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vd3NsLWNhcm91c2VsLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4uLy4uL21vZGVscy93c2wtY2Fyb3VzZWwtY29uZmlnLm1vZGVsJztcclxuIl19