primeng 18.0.0-beta.2 → 18.0.0-beta.3

package/fesm2022/primeng-fluid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-fluid.mjs","sources":["../../src/app/components/fluid/style/fluidstyle.ts","../../src/app/components/fluid/fluid.ts","../../src/app/components/fluid/primeng-fluid.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n    .p-fluid{\n        width:100%\n    }\n`;\n\nconst classes = {\n    root: 'p-fluid',\n};\n\n@Injectable()\nexport class FluidStyle extends BaseStyle {\n    name = 'fluid';\n\n    classes = classes;\n\n    theme = theme;\n}\n\n/**\n *\n * Fluid is a layout component to make descendant components span full width of their container.\n *\n * [Live Demo](https://www.primeng.org/fluid/)\n *\n * @module fluidstyle\n *\n */\nexport enum FluidClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-fluid',\n}\n\nexport interface FluidStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, NgModule, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primeng/api';\nimport { RouterModule } from '@angular/router';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { FluidStyle } from './style/fluidstyle';\n\n/**\n * Fluid is a layout component to make descendant components span full width of their container.\n * @group Components\n */\n@Component({\n    selector: 'p-fluid',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [FluidStyle],\n    host: {\n        '[class.p-fluid]': 'true',\n    },\n})\nexport class Fluid extends BaseComponent {\n    _componentStyle = inject(FluidStyle);\n    constructor() {\n        super();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, SharedModule, RouterModule],\n    exports: [Fluid, SharedModule],\n    declarations: [Fluid],\n})\nexport class FluidModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-fluid.mjs","sources":["../../src/app/components/fluid/style/fluidstyle.ts","../../src/app/components/fluid/fluid.ts","../../src/app/components/fluid/primeng-fluid.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n    .p-fluid{\n        width:100%\n    }\n`;\n\nconst classes = {\n    root: 'p-fluid',\n};\n\n@Injectable()\nexport class FluidStyle extends BaseStyle {\n    name = 'fluid';\n\n    classes = classes;\n\n    theme = theme;\n}\n\n/**\n *\n * Fluid is a layout component to make descendant components span full width of their container.\n *\n * [Live Demo](https://www.primeng.org/fluid/)\n *\n * @module fluidstyle\n *\n */\nexport enum FluidClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-fluid',\n}\n\nexport interface FluidStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, NgModule, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primeng/api';\nimport { RouterModule } from '@angular/router';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { FluidStyle } from './style/fluidstyle';\n\n/**\n * Fluid is a layout component to make descendant components span full width of their container.\n * @group Components\n */\n@Component({\n    selector: 'p-fluid',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [FluidStyle],\n    host: {\n        '[class.p-fluid]': 'true',\n    },\n})\nexport class Fluid extends BaseComponent {\n    _componentStyle = inject(FluidStyle);\n    constructor() {\n        super();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, SharedModule, RouterModule],\n    exports: [Fluid, SharedModule],\n    declarations: [Fluid],\n})\nexport class FluidModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primeng-galleria.mjs

@@ -1590,70 +1590,63 @@ class GalleriaItem {
             : undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: GalleriaItem, deps: [{ token: Galleria }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.2", type: GalleriaItem, selector: "p-galleriaItem", inputs: { id: "id", circular: ["circular", "circular", booleanAttribute], value: "value", showItemNavigators: ["showItemNavigators", "showItemNavigators", booleanAttribute], showIndicators: ["showIndicators", "showIndicators", booleanAttribute], slideShowActive: ["slideShowActive", "slideShowActive", booleanAttribute], changeItemOnIndicatorHover: ["changeItemOnIndicatorHover", "changeItemOnIndicatorHover", booleanAttribute], autoPlay: ["autoPlay", "autoPlay", booleanAttribute], templates: "templates", indicatorFacet: "indicatorFacet", captionFacet: "captionFacet", activeIndex: "activeIndex" }, outputs: { startSlideShow: "startSlideShow", stopSlideShow: "stopSlideShow", onActiveIndexChange: "onActiveIndexChange" }, usesOnChanges: true, ngImport: i0, template: `
-        <div class="p-galleria-items-container">
-            <div class="p-galleria-items">
-                <button
-                    *ngIf="showItemNavigators"
-                    type="button"
-                    role="navigation"
-                    [ngClass]="{ 'p-galleria-prev-button p-galleria-nav-button': true, 'p-disabled': this.isNavBackwardDisabled() }"
-                    (click)="navBackward($event)"
-                    [disabled]="isNavBackwardDisabled()"
-                    (focus)="onButtonFocus('left')"
-                    (blur)="onButtonBlur('left')"
-                >
-                    <ChevronLeftIcon *ngIf="!galleria.itemPreviousIconTemplate" [styleClass]="'p-galleria-prev-icon'" />
-                    <ng-template *ngTemplateOutlet="galleria.itemPreviousIconTemplate"></ng-template>
-                </button>
-                <div
-                    [id]="id + '_item_' + activeIndex"
-                    role="group"
-                    class="p-galleria-item"
-                    [attr.aria-label]="ariaSlideNumber(activeIndex + 1)"
-                    [attr.aria-roledescription]="ariaSlideLabel()"
-                >
-                    <p-galleriaItemSlot
-                        type="item"
-                        [item]="activeItem"
-                        [templates]="templates"
-                        class="p-galleria-item"
-                    ></p-galleriaItemSlot>
-                </div>
-                <button
-                    *ngIf="showItemNavigators"
-                    type="button"
-                    [ngClass]="{ 'p-galleria-next-button p-galleria-nav-button': true, 'p-disabled': this.isNavForwardDisabled() }"
-                    (click)="navForward($event)"
-                    [disabled]="isNavForwardDisabled()"
-                    role="navigation"
-                    (focus)="onButtonFocus('right')"
-                    (blur)="onButtonBlur('right')"
-                >
-                    <ChevronRightIcon *ngIf="!galleria.itemNextIconTemplate" [styleClass]="'p-galleria-next-icon'" />
-                    <ng-template *ngTemplateOutlet="galleria.itemNextIconTemplate"></ng-template>
-                </button>
-                <div class="p-galleria-caption" *ngIf="captionFacet">
-                    <p-galleriaItemSlot type="caption" [item]="activeItem" [templates]="templates"></p-galleriaItemSlot>
-                </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.2", type: GalleriaItem, selector: "p-galleriaItem", inputs: { id: "id", circular: ["circular", "circular", booleanAttribute], value: "value", showItemNavigators: ["showItemNavigators", "showItemNavigators", booleanAttribute], showIndicators: ["showIndicators", "showIndicators", booleanAttribute], slideShowActive: ["slideShowActive", "slideShowActive", booleanAttribute], changeItemOnIndicatorHover: ["changeItemOnIndicatorHover", "changeItemOnIndicatorHover", booleanAttribute], autoPlay: ["autoPlay", "autoPlay", booleanAttribute], templates: "templates", indicatorFacet: "indicatorFacet", captionFacet: "captionFacet", activeIndex: "activeIndex" }, outputs: { startSlideShow: "startSlideShow", stopSlideShow: "stopSlideShow", onActiveIndexChange: "onActiveIndexChange" }, host: { classAttribute: "p-galleria-items-container" }, usesOnChanges: true, ngImport: i0, template: `
+        <div class="p-galleria-items">
+            <button
+                *ngIf="showItemNavigators"
+                type="button"
+                role="navigation"
+                [ngClass]="{ 'p-galleria-prev-button p-galleria-nav-button': true, 'p-disabled': this.isNavBackwardDisabled() }"
+                (click)="navBackward($event)"
+                [disabled]="isNavBackwardDisabled()"
+                (focus)="onButtonFocus('left')"
+                (blur)="onButtonBlur('left')"
+            >
+                <ChevronLeftIcon *ngIf="!galleria.itemPreviousIconTemplate" [styleClass]="'p-galleria-prev-icon'" />
+                <ng-template *ngTemplateOutlet="galleria.itemPreviousIconTemplate"></ng-template>
+            </button>
+            <div
+                [id]="id + '_item_' + activeIndex"
+                role="group"
+                class="p-galleria-item"
+                [attr.aria-label]="ariaSlideNumber(activeIndex + 1)"
+                [attr.aria-roledescription]="ariaSlideLabel()"
+            >
+                <p-galleriaItemSlot type="item" [item]="activeItem" [templates]="templates" class="p-galleria-item"></p-galleriaItemSlot>
+            </div>
+            <button
+                *ngIf="showItemNavigators"
+                type="button"
+                [ngClass]="{ 'p-galleria-next-button p-galleria-nav-button': true, 'p-disabled': this.isNavForwardDisabled() }"
+                (click)="navForward($event)"
+                [disabled]="isNavForwardDisabled()"
+                role="navigation"
+                (focus)="onButtonFocus('right')"
+                (blur)="onButtonBlur('right')"
+            >
+                <ChevronRightIcon *ngIf="!galleria.itemNextIconTemplate" [styleClass]="'p-galleria-next-icon'" />
+                <ng-template *ngTemplateOutlet="galleria.itemNextIconTemplate"></ng-template>
+            </button>
+            <div class="p-galleria-caption" *ngIf="captionFacet">
+                <p-galleriaItemSlot type="caption" [item]="activeItem" [templates]="templates"></p-galleriaItemSlot>
             </div>
-            <ul *ngIf="showIndicators" class="p-galleria-indicator-list">
-                <li
-                    *ngFor="let item of value; let index = index"
-                    tabindex="0"
-                    (click)="onIndicatorClick(index)"
-                    (mouseenter)="onIndicatorMouseEnter(index)"
-                    (keydown)="onIndicatorKeyDown($event, index)"
-                    [ngClass]="{ 'p-galleria-indicator': true, 'p-galleria-indicator-active': isIndicatorItemActive(index) }"
-                    [attr.aria-label]="ariaPageLabel(index + 1)"
-                    [attr.aria-selected]="activeIndex === index"
-                    [attr.aria-controls]="id + '_item_' + index"
-                >
-                    <button type="button" tabIndex="-1" class="p-galleria-indicator-button" *ngIf="!indicatorFacet"></button>
-                    <p-galleriaItemSlot type="indicator" [index]="index" [templates]="templates"></p-galleriaItemSlot>
-                </li>
-            </ul>
         </div>
+        <ul *ngIf="showIndicators" class="p-galleria-indicator-list">
+            <li
+                *ngFor="let item of value; let index = index"
+                tabindex="0"
+                (click)="onIndicatorClick(index)"
+                (mouseenter)="onIndicatorMouseEnter(index)"
+                (keydown)="onIndicatorKeyDown($event, index)"
+                [ngClass]="{ 'p-galleria-indicator': true, 'p-galleria-indicator-active': isIndicatorItemActive(index) }"
+                [attr.aria-label]="ariaPageLabel(index + 1)"
+                [attr.aria-selected]="activeIndex === index"
+                [attr.aria-controls]="id + '_item_' + index"
+            >
+                <button type="button" tabIndex="-1" class="p-galleria-indicator-button" *ngIf="!indicatorFacet"></button>
+                <p-galleriaItemSlot type="indicator" [index]="index" [templates]="templates"></p-galleriaItemSlot>
+            </li>
+        </ul>
     `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i2.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => ChevronRightIcon), selector: "ChevronRightIcon" }, { kind: "component", type: i0.forwardRef(() => ChevronLeftIcon), selector: "ChevronLeftIcon" }, { kind: "component", type: i0.forwardRef(() => GalleriaItemSlot), selector: "p-galleriaItemSlot", inputs: ["templates", "index", "item", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: GalleriaItem, decorators: [{
@@ -1661,70 +1654,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             args: [{
                     selector: 'p-galleriaItem',
                     template: `
-        <div class="p-galleria-items-container">
-            <div class="p-galleria-items">
-                <button
-                    *ngIf="showItemNavigators"
-                    type="button"
-                    role="navigation"
-                    [ngClass]="{ 'p-galleria-prev-button p-galleria-nav-button': true, 'p-disabled': this.isNavBackwardDisabled() }"
-                    (click)="navBackward($event)"
-                    [disabled]="isNavBackwardDisabled()"
-                    (focus)="onButtonFocus('left')"
-                    (blur)="onButtonBlur('left')"
-                >
-                    <ChevronLeftIcon *ngIf="!galleria.itemPreviousIconTemplate" [styleClass]="'p-galleria-prev-icon'" />
-                    <ng-template *ngTemplateOutlet="galleria.itemPreviousIconTemplate"></ng-template>
-                </button>
-                <div
-                    [id]="id + '_item_' + activeIndex"
-                    role="group"
-                    class="p-galleria-item"
-                    [attr.aria-label]="ariaSlideNumber(activeIndex + 1)"
-                    [attr.aria-roledescription]="ariaSlideLabel()"
-                >
-                    <p-galleriaItemSlot
-                        type="item"
-                        [item]="activeItem"
-                        [templates]="templates"
-                        class="p-galleria-item"
-                    ></p-galleriaItemSlot>
-                </div>
-                <button
-                    *ngIf="showItemNavigators"
-                    type="button"
-                    [ngClass]="{ 'p-galleria-next-button p-galleria-nav-button': true, 'p-disabled': this.isNavForwardDisabled() }"
-                    (click)="navForward($event)"
-                    [disabled]="isNavForwardDisabled()"
-                    role="navigation"
-                    (focus)="onButtonFocus('right')"
-                    (blur)="onButtonBlur('right')"
-                >
-                    <ChevronRightIcon *ngIf="!galleria.itemNextIconTemplate" [styleClass]="'p-galleria-next-icon'" />
-                    <ng-template *ngTemplateOutlet="galleria.itemNextIconTemplate"></ng-template>
-                </button>
-                <div class="p-galleria-caption" *ngIf="captionFacet">
-                    <p-galleriaItemSlot type="caption" [item]="activeItem" [templates]="templates"></p-galleriaItemSlot>
-                </div>
+        <div class="p-galleria-items">
+            <button
+                *ngIf="showItemNavigators"
+                type="button"
+                role="navigation"
+                [ngClass]="{ 'p-galleria-prev-button p-galleria-nav-button': true, 'p-disabled': this.isNavBackwardDisabled() }"
+                (click)="navBackward($event)"
+                [disabled]="isNavBackwardDisabled()"
+                (focus)="onButtonFocus('left')"
+                (blur)="onButtonBlur('left')"
+            >
+                <ChevronLeftIcon *ngIf="!galleria.itemPreviousIconTemplate" [styleClass]="'p-galleria-prev-icon'" />
+                <ng-template *ngTemplateOutlet="galleria.itemPreviousIconTemplate"></ng-template>
+            </button>
+            <div
+                [id]="id + '_item_' + activeIndex"
+                role="group"
+                class="p-galleria-item"
+                [attr.aria-label]="ariaSlideNumber(activeIndex + 1)"
+                [attr.aria-roledescription]="ariaSlideLabel()"
+            >
+                <p-galleriaItemSlot type="item" [item]="activeItem" [templates]="templates" class="p-galleria-item"></p-galleriaItemSlot>
+            </div>
+            <button
+                *ngIf="showItemNavigators"
+                type="button"
+                [ngClass]="{ 'p-galleria-next-button p-galleria-nav-button': true, 'p-disabled': this.isNavForwardDisabled() }"
+                (click)="navForward($event)"
+                [disabled]="isNavForwardDisabled()"
+                role="navigation"
+                (focus)="onButtonFocus('right')"
+                (blur)="onButtonBlur('right')"
+            >
+                <ChevronRightIcon *ngIf="!galleria.itemNextIconTemplate" [styleClass]="'p-galleria-next-icon'" />
+                <ng-template *ngTemplateOutlet="galleria.itemNextIconTemplate"></ng-template>
+            </button>
+            <div class="p-galleria-caption" *ngIf="captionFacet">
+                <p-galleriaItemSlot type="caption" [item]="activeItem" [templates]="templates"></p-galleriaItemSlot>
             </div>
-            <ul *ngIf="showIndicators" class="p-galleria-indicator-list">
-                <li
-                    *ngFor="let item of value; let index = index"
-                    tabindex="0"
-                    (click)="onIndicatorClick(index)"
-                    (mouseenter)="onIndicatorMouseEnter(index)"
-                    (keydown)="onIndicatorKeyDown($event, index)"
-                    [ngClass]="{ 'p-galleria-indicator': true, 'p-galleria-indicator-active': isIndicatorItemActive(index) }"
-                    [attr.aria-label]="ariaPageLabel(index + 1)"
-                    [attr.aria-selected]="activeIndex === index"
-                    [attr.aria-controls]="id + '_item_' + index"
-                >
-                    <button type="button" tabIndex="-1" class="p-galleria-indicator-button" *ngIf="!indicatorFacet"></button>
-                    <p-galleriaItemSlot type="indicator" [index]="index" [templates]="templates"></p-galleriaItemSlot>
-                </li>
-            </ul>
         </div>
+        <ul *ngIf="showIndicators" class="p-galleria-indicator-list">
+            <li
+                *ngFor="let item of value; let index = index"
+                tabindex="0"
+                (click)="onIndicatorClick(index)"
+                (mouseenter)="onIndicatorMouseEnter(index)"
+                (keydown)="onIndicatorKeyDown($event, index)"
+                [ngClass]="{ 'p-galleria-indicator': true, 'p-galleria-indicator-active': isIndicatorItemActive(index) }"
+                [attr.aria-label]="ariaPageLabel(index + 1)"
+                [attr.aria-selected]="activeIndex === index"
+                [attr.aria-controls]="id + '_item_' + index"
+            >
+                <button type="button" tabIndex="-1" class="p-galleria-indicator-button" *ngIf="!indicatorFacet"></button>
+                <p-galleriaItemSlot type="indicator" [index]="index" [templates]="templates"></p-galleriaItemSlot>
+            </li>
+        </ul>
     `,
+                    host: {
+                        class: 'p-galleria-items-container',
+                    },
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [{ type: Galleria }], propDecorators: { id: [{
@@ -2414,5 +2403,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Galleria, GalleriaContent, GalleriaItem, GalleriaItemSlot, GalleriaModule, GalleriaThumbnails };
+export { Galleria, GalleriaClasses, GalleriaContent, GalleriaItem, GalleriaItemSlot, GalleriaModule, GalleriaStyle, GalleriaThumbnails };
 //# sourceMappingURL=primeng-galleria.mjs.map