@ops-prime/primeng 0.0.0-stage → 21.1.11

package/fesm2022/primeng-panel.mjs

@@ -0,0 +1,568 @@
+export * from 'primeng/types/panel';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, computed, EventEmitter, booleanAttribute, ContentChildren, ViewChild, ContentChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { uuid } from '@primeuix/utils';
+import { SharedModule, Footer, PrimeTemplate } from 'primeng/api';
+import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
+import * as i1 from 'primeng/bind';
+import { Bind, BindModule } from 'primeng/bind';
+import * as i3 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { PlusIcon, MinusIcon } from 'primeng/icons';
+import * as i4 from 'primeng/motion';
+import { MotionModule } from 'primeng/motion';
+import { style } from '@primeuix/styles/panel';
+import { BaseStyle } from 'primeng/base';
+
+const classes = {
+    root: ({ instance }) => [
+        'p-panel p-component',
+        {
+            'p-panel-toggleable': instance.toggleable,
+            'p-panel-expanded': !instance._collapsed && instance.toggleable,
+            'p-panel-collapsed': instance._collapsed && instance.toggleable
+        }
+    ],
+    header: 'p-panel-header',
+    title: 'p-panel-title',
+    headerActions: ({ instance }) => [
+        'p-panel-header-actions',
+        {
+            'p-panel-icons-start': instance.iconPos === 'start',
+            'p-panel-icons-end': instance.iconPos === 'end',
+            'p-panel-icons-center': instance.iconPos === 'center'
+        }
+    ],
+    pcToggleButton: 'p-panel-toggle-button',
+    contentContainer: 'p-panel-content-container',
+    contentWrapper: 'p-panel-content-wrapper',
+    content: 'p-panel-content',
+    footer: 'p-panel-footer'
+};
+class PanelStyle extends BaseStyle {
+    name = 'panel';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PanelStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PanelStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PanelStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Panel is a container with the optional content toggle feature.
+ *
+ * [Live Demo](https://www.primeng.org/panel/)
+ *
+ * @module panelstyle
+ *
+ */
+var PanelClasses;
+(function (PanelClasses) {
+    /**
+     * Class name of the root element
+     */
+    PanelClasses["root"] = "p-panel";
+    /**
+     * Class name of the header element
+     */
+    PanelClasses["header"] = "p-panel-header";
+    /**
+     * Class name of the title element
+     */
+    PanelClasses["title"] = "p-panel-title";
+    /**
+     * Class name of the header actions element
+     */
+    PanelClasses["headerActions"] = "p-panel-header-actions";
+    /**
+     * Class name of the toggle button element
+     */
+    PanelClasses["pcToggleButton"] = "p-panel-toggle-button";
+    /**
+     * Class name of the content container element
+     */
+    PanelClasses["contentContainer"] = "p-panel-content-container";
+    /**
+     * Class name of the content wrapper element
+     */
+    PanelClasses["contentWrapper"] = "p-panel-content-wrapper";
+    /**
+     * Class name of the content element
+     */
+    PanelClasses["content"] = "p-panel-content";
+    /**
+     * Class name of the footer element
+     */
+    PanelClasses["footer"] = "p-panel-footer";
+})(PanelClasses || (PanelClasses = {}));
+
+const PANEL_INSTANCE = new InjectionToken('PANEL_INSTANCE');
+/**
+ * Panel is a container with the optional content toggle feature.
+ * @group Components
+ */
+class Panel extends BaseComponent {
+    componentName = 'Panel';
+    $pcPanel = inject(PANEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    _componentStyle = inject(PanelStyle);
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Id of the component.
+     */
+    id = uuid('pn_id_');
+    /**
+     * Defines if content of panel can be expanded and collapsed.
+     * @group Props
+     */
+    toggleable;
+    /**
+     * Header text of the panel.
+     * @group Props
+     */
+    _header;
+    /**
+     * Internal collapsed state
+     */
+    _collapsed;
+    /**
+     * Defines the initial state of panel content, supports one or two-way binding as well.
+     * @group Props
+     */
+    get collapsed() {
+        return this._collapsed;
+    }
+    set collapsed(value) {
+        this._collapsed = value;
+    }
+    /**
+     * Style class of the component.
+     * @group Props
+     * @deprecated since v20.0.0, use `class` instead.
+     */
+    styleClass;
+    /**
+     * Position of the icons.
+     * @group Props
+     */
+    iconPos = 'end';
+    /**
+     * Specifies if header of panel cannot be displayed.
+     * @group Props
+     */
+    showHeader = true;
+    /**
+     * Specifies the toggler element to toggle the panel content.
+     * @group Props
+     */
+    toggler = 'icon';
+    /**
+     * Transition options of the animation.
+     * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
+     */
+    transitionOptions = '400ms cubic-bezier(0.86, 0, 0.07, 1)';
+    /**
+     * Used to pass all properties of the ButtonProps to the Button component.
+     * @group Props
+     */
+    toggleButtonProps;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions = input(undefined, ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
+    computedMotionOptions = computed(() => {
+        return {
+            ...this.ptm('motion'),
+            ...this.motionOptions()
+        };
+    }, ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * Emitted when the collapsed changes.
+     * @param {boolean} value - New Value.
+     * @group Emits
+     */
+    collapsedChange = new EventEmitter();
+    /**
+     * Callback to invoke before panel toggle.
+     * @param {PanelBeforeToggleEvent} event - Custom panel toggle event
+     * @group Emits
+     */
+    onBeforeToggle = new EventEmitter();
+    /**
+     * Callback to invoke after panel toggle.
+     * @param {PanelAfterToggleEvent} event - Custom panel toggle event
+     * @group Emits
+     */
+    onAfterToggle = new EventEmitter();
+    footerFacet;
+    /**
+     * Defines template option for header.
+     * @group Templates
+     */
+    headerTemplate;
+    /**
+     * Defines template option for icons.
+     * @example
+     * ```html
+     * <ng-template #icons> </ng-template>
+     * ```
+     * @group Templates
+     */
+    iconsTemplate;
+    /**
+     * Defines template option for content.
+     * @example
+     * ```html
+     * <ng-template #content> </ng-template>
+     * ```
+     * @group Templates
+     */
+    contentTemplate;
+    /**
+     * Defines template option for footer.
+     * @example
+     * ```html
+     * <ng-template #footer> </ng-template>
+     * ```
+     * @group Templates
+     */
+    footerTemplate;
+    /**
+     * Defines template option for headerIcon.
+     * @param {PanelHeaderIconsTemplateContext} context - context of the template.
+     * @example
+     * ```html
+     * <ng-template #headericons let-collapsed> </ng-template>
+     * ```
+     * @see {@link PanelHeaderIconsTemplateContext}
+     * @group Templates
+     */
+    headerIconsTemplate;
+    _headerTemplate;
+    _iconsTemplate;
+    _contentTemplate;
+    _footerTemplate;
+    _headerIconsTemplate;
+    contentWrapperViewChild;
+    get buttonAriaLabel() {
+        return this._header;
+    }
+    onHeaderClick(event) {
+        if (this.toggler === 'header') {
+            this.toggle(event);
+        }
+    }
+    onIconClick(event) {
+        if (this.toggler === 'icon') {
+            this.toggle(event);
+        }
+    }
+    toggle(event) {
+        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed });
+        if (this.collapsed)
+            this.expand();
+        else
+            this.collapse();
+        event.preventDefault();
+    }
+    expand() {
+        this._collapsed = false;
+        this.collapsedChange.emit(false);
+        this.updateTabIndex();
+    }
+    collapse() {
+        this._collapsed = true;
+        this.collapsedChange.emit(true);
+        this.updateTabIndex();
+    }
+    getBlockableElement() {
+        return this.el.nativeElement;
+    }
+    updateTabIndex() {
+        if (this.contentWrapperViewChild) {
+            const focusableElements = this.contentWrapperViewChild.nativeElement.querySelectorAll('input, button, select, a, textarea, [tabindex]');
+            focusableElements.forEach((element) => {
+                if (this.collapsed) {
+                    element.setAttribute('tabindex', '-1');
+                }
+                else {
+                    element.removeAttribute('tabindex');
+                }
+            });
+        }
+    }
+    onKeyDown(event) {
+        if (event.code === 'Enter' || event.code === 'Space') {
+            this.toggle(event);
+            event.preventDefault();
+        }
+    }
+    onToggleDone(event) {
+        this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed });
+    }
+    templates;
+    onAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'header':
+                    this._headerTemplate = item.template;
+                    break;
+                case 'content':
+                    this._contentTemplate = item.template;
+                    break;
+                case 'footer':
+                    this._footerTemplate = item.template;
+                    break;
+                case 'icons':
+                    this._iconsTemplate = item.template;
+                    break;
+                case 'headericons':
+                    this._headerIconsTemplate = item.template;
+                    break;
+                default:
+                    this._contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    get dataP() {
+        return this.cn({
+            toggleable: this.toggleable
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: Panel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: Panel, isStandalone: true, selector: "p-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, _header: { classPropertyName: "_header", publicName: "header", isSignal: false, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: false, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, toggler: { classPropertyName: "toggler", publicName: "toggler", isSignal: false, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: false, isRequired: false, transformFunction: null }, toggleButtonProps: { classPropertyName: "toggleButtonProps", publicName: "toggleButtonProps", isSignal: false, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsedChange: "collapsedChange", onBeforeToggle: "onBeforeToggle", onAfterToggle: "onAfterToggle" }, host: { properties: { "id": "id", "class": "cn(cx('root'), styleClass)", "attr.data-p": "dataP" } }, providers: [PanelStyle, { provide: PANEL_INSTANCE, useExisting: Panel }, { provide: PARENT_INSTANCE, useExisting: Panel }], queries: [{ propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "iconsTemplate", first: true, predicate: ["icons"] }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "headerIconsTemplate", first: true, predicate: ["headericons"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "contentWrapperViewChild", first: true, predicate: ["contentWrapper"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        <div [pBind]="ptm('header')" [class]="cx('header')" *ngIf="showHeader" (click)="onHeaderClick($event)" [attr.id]="id + '-titlebar'" [attr.data-p]="dataP">
+            <span [pBind]="ptm('title')" [class]="cx('title')" *ngIf="_header" [attr.id]="id + '_header'">{{ _header }}</span>
+            <ng-content select="p-header"></ng-content>
+            <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+            <div [pBind]="ptm('headerActions')" [class]="cx('headerActions')">
+                <ng-template *ngTemplateOutlet="iconsTemplate || _iconsTemplate"></ng-template>
+                <p-button
+                    *ngIf="toggleable"
+                    [attr.id]="id + '_header'"
+                    severity="secondary"
+                    [text]="true"
+                    [rounded]="true"
+                    type="button"
+                    role="button"
+                    [styleClass]="cx('pcToggleButton')"
+                    [attr.aria-label]="buttonAriaLabel"
+                    [attr.aria-controls]="id + '_content'"
+                    [attr.aria-expanded]="!collapsed"
+                    (click)="onIconClick($event)"
+                    (keydown)="onKeyDown($event)"
+                    [buttonProps]="toggleButtonProps"
+                    [pt]="ptm('pcToggleButton')"
+                    [unstyled]="unstyled()"
+                >
+                    <ng-template #icon>
+                        <ng-container *ngIf="!headerIconsTemplate && !_headerIconsTemplate && !toggleButtonProps?.icon">
+                            <ng-container *ngIf="!collapsed">
+                                <svg data-p-icon="minus" [pBind]="ptm('pcToggleButton.icon')" />
+                            </ng-container>
+
+                            <ng-container *ngIf="collapsed">
+                                <svg data-p-icon="plus" [pBind]="ptm('pcToggleButton.icon')" />
+                            </ng-container>
+                        </ng-container>
+
+                        <ng-template *ngTemplateOutlet="headerIconsTemplate || _headerIconsTemplate; context: { $implicit: collapsed }"></ng-template>
+                    </ng-template>
+                </p-button>
+            </div>
+        </div>
+        <div
+            [pBind]="ptm('contentContainer')"
+            [pMotion]="!toggleable || (toggleable && !collapsed)"
+            pMotionName="p-collapsible"
+            [pMotionOptions]="computedMotionOptions()"
+            [class]="cx('contentContainer')"
+            [id]="id + '_content'"
+            role="region"
+            [attr.aria-labelledby]="id + '_header'"
+            [attr.aria-hidden]="collapsed"
+            [attr.tabindex]="collapsed ? '-1' : undefined"
+            (pMotionOnAfterEnter)="onToggleDone($event)"
+        >
+            <div [pBind]="ptm('contentWrapper')" [class]="cx('contentWrapper')">
+                <div [pBind]="ptm('content')" [class]="cx('content')" #contentWrapper>
+                    <ng-content></ng-content>
+                    <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+                </div>
+
+                <div [pBind]="ptm('footer')" [class]="cx('footer')" *ngIf="footerFacet || footerTemplate || _footerTemplate">
+                    <ng-content select="p-footer"></ng-content>
+                    <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
+                </div>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PlusIcon, selector: "[data-p-icon=\"plus\"]" }, { kind: "component", type: MinusIcon, selector: "[data-p-icon=\"minus\"]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "directive", type: i4.MotionDirective, selector: "[pMotion]", inputs: ["pMotion", "pMotionName", "pMotionType", "pMotionSafe", "pMotionDisabled", "pMotionAppear", "pMotionEnter", "pMotionLeave", "pMotionDuration", "pMotionHideStrategy", "pMotionEnterFromClass", "pMotionEnterToClass", "pMotionEnterActiveClass", "pMotionLeaveFromClass", "pMotionLeaveToClass", "pMotionLeaveActiveClass", "pMotionOptions"], outputs: ["pMotionOnBeforeEnter", "pMotionOnEnter", "pMotionOnAfterEnter", "pMotionOnEnterCancelled", "pMotionOnBeforeLeave", "pMotionOnLeave", "pMotionOnAfterLeave", "pMotionOnLeaveCancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: Panel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-panel',
+                    standalone: true,
+                    imports: [CommonModule, PlusIcon, MinusIcon, ButtonModule, SharedModule, BindModule, MotionModule],
+                    template: `
+        <div [pBind]="ptm('header')" [class]="cx('header')" *ngIf="showHeader" (click)="onHeaderClick($event)" [attr.id]="id + '-titlebar'" [attr.data-p]="dataP">
+            <span [pBind]="ptm('title')" [class]="cx('title')" *ngIf="_header" [attr.id]="id + '_header'">{{ _header }}</span>
+            <ng-content select="p-header"></ng-content>
+            <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+            <div [pBind]="ptm('headerActions')" [class]="cx('headerActions')">
+                <ng-template *ngTemplateOutlet="iconsTemplate || _iconsTemplate"></ng-template>
+                <p-button
+                    *ngIf="toggleable"
+                    [attr.id]="id + '_header'"
+                    severity="secondary"
+                    [text]="true"
+                    [rounded]="true"
+                    type="button"
+                    role="button"
+                    [styleClass]="cx('pcToggleButton')"
+                    [attr.aria-label]="buttonAriaLabel"
+                    [attr.aria-controls]="id + '_content'"
+                    [attr.aria-expanded]="!collapsed"
+                    (click)="onIconClick($event)"
+                    (keydown)="onKeyDown($event)"
+                    [buttonProps]="toggleButtonProps"
+                    [pt]="ptm('pcToggleButton')"
+                    [unstyled]="unstyled()"
+                >
+                    <ng-template #icon>
+                        <ng-container *ngIf="!headerIconsTemplate && !_headerIconsTemplate && !toggleButtonProps?.icon">
+                            <ng-container *ngIf="!collapsed">
+                                <svg data-p-icon="minus" [pBind]="ptm('pcToggleButton.icon')" />
+                            </ng-container>
+
+                            <ng-container *ngIf="collapsed">
+                                <svg data-p-icon="plus" [pBind]="ptm('pcToggleButton.icon')" />
+                            </ng-container>
+                        </ng-container>
+
+                        <ng-template *ngTemplateOutlet="headerIconsTemplate || _headerIconsTemplate; context: { $implicit: collapsed }"></ng-template>
+                    </ng-template>
+                </p-button>
+            </div>
+        </div>
+        <div
+            [pBind]="ptm('contentContainer')"
+            [pMotion]="!toggleable || (toggleable && !collapsed)"
+            pMotionName="p-collapsible"
+            [pMotionOptions]="computedMotionOptions()"
+            [class]="cx('contentContainer')"
+            [id]="id + '_content'"
+            role="region"
+            [attr.aria-labelledby]="id + '_header'"
+            [attr.aria-hidden]="collapsed"
+            [attr.tabindex]="collapsed ? '-1' : undefined"
+            (pMotionOnAfterEnter)="onToggleDone($event)"
+        >
+            <div [pBind]="ptm('contentWrapper')" [class]="cx('contentWrapper')">
+                <div [pBind]="ptm('content')" [class]="cx('content')" #contentWrapper>
+                    <ng-content></ng-content>
+                    <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+                </div>
+
+                <div [pBind]="ptm('footer')" [class]="cx('footer')" *ngIf="footerFacet || footerTemplate || _footerTemplate">
+                    <ng-content select="p-footer"></ng-content>
+                    <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
+                </div>
+            </div>
+        </div>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [PanelStyle, { provide: PANEL_INSTANCE, useExisting: Panel }, { provide: PARENT_INSTANCE, useExisting: Panel }],
+                    host: {
+                        '[id]': 'id',
+                        '[class]': "cn(cx('root'), styleClass)",
+                        '[attr.data-p]': 'dataP'
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], toggleable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], _header: [{
+                type: Input,
+                args: ['header']
+            }], collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], styleClass: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], showHeader: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], toggler: [{
+                type: Input
+            }], transitionOptions: [{
+                type: Input
+            }], toggleButtonProps: [{
+                type: Input
+            }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], collapsedChange: [{
+                type: Output
+            }], onBeforeToggle: [{
+                type: Output
+            }], onAfterToggle: [{
+                type: Output
+            }], footerFacet: [{
+                type: ContentChild,
+                args: [Footer]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { descendants: false }]
+            }], iconsTemplate: [{
+                type: ContentChild,
+                args: ['icons', { descendants: false }]
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: ['content', { descendants: false }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: ['footer', { descendants: false }]
+            }], headerIconsTemplate: [{
+                type: ContentChild,
+                args: ['headericons', { descendants: false }]
+            }], contentWrapperViewChild: [{
+                type: ViewChild,
+                args: ['contentWrapper']
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
+class PanelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: PanelModule, imports: [Panel, SharedModule, BindModule], exports: [Panel, SharedModule, BindModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PanelModule, imports: [Panel, SharedModule, BindModule, SharedModule, BindModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Panel, SharedModule, BindModule],
+                    exports: [Panel, SharedModule, BindModule]
+                }]
+        }] });
+
+// Backwards compatibility
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Panel, PanelClasses, PanelModule, PanelStyle };
+//# sourceMappingURL=primeng-panel.mjs.map

package/fesm2022/primeng-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primeng-panel.mjs","sources":["../../src/panel/style/panelstyle.ts","../../src/panel/panel.ts","../../src/panel/public_api.ts","../../src/panel/primeng-panel.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/panel';\nimport { BaseStyle } from 'primeng/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-panel p-component',\n        {\n            'p-panel-toggleable': instance.toggleable,\n            'p-panel-expanded': !instance._collapsed && instance.toggleable,\n            'p-panel-collapsed': instance._collapsed && instance.toggleable\n        }\n    ],\n    header: 'p-panel-header',\n    title: 'p-panel-title',\n    headerActions: ({ instance }) => [\n        'p-panel-header-actions',\n        {\n            'p-panel-icons-start': instance.iconPos === 'start',\n            'p-panel-icons-end': instance.iconPos === 'end',\n            'p-panel-icons-center': instance.iconPos === 'center'\n        }\n    ],\n    pcToggleButton: 'p-panel-toggle-button',\n    contentContainer: 'p-panel-content-container',\n    contentWrapper: 'p-panel-content-wrapper',\n    content: 'p-panel-content',\n    footer: 'p-panel-footer'\n};\n@Injectable()\nexport class PanelStyle extends BaseStyle {\n    name = 'panel';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Panel is a container with the optional content toggle feature.\n *\n * [Live Demo](https://www.primeng.org/panel/)\n *\n * @module panelstyle\n *\n */\nexport enum PanelClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-panel',\n    /**\n     * Class name of the header element\n     */\n    header = 'p-panel-header',\n    /**\n     * Class name of the title element\n     */\n    title = 'p-panel-title',\n    /**\n     * Class name of the header actions element\n     */\n    headerActions = 'p-panel-header-actions',\n    /**\n     * Class name of the toggle button element\n     */\n    pcToggleButton = 'p-panel-toggle-button',\n    /**\n     * Class name of the content container element\n     */\n    contentContainer = 'p-panel-content-container',\n    /**\n     * Class name of the content wrapper element\n     */\n    contentWrapper = 'p-panel-content-wrapper',\n    /**\n     * Class name of the content element\n     */\n    content = 'p-panel-content',\n    /**\n     * Class name of the footer element\n     */\n    footer = 'p-panel-footer'\n}\n","import { CommonModule } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    inject,\n    InjectionToken,\n    input,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { MotionEvent, MotionOptions } from '@primeuix/motion';\nimport { uuid } from '@primeuix/utils';\nimport { BlockableUI, Footer, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';\nimport { Bind, BindModule } from 'primeng/bind';\nimport { ButtonModule } from 'primeng/button';\nimport { MinusIcon, PlusIcon } from 'primeng/icons';\nimport { MotionModule } from 'primeng/motion';\nimport { Nullable } from 'primeng/ts-helpers';\nimport type { PanelAfterToggleEvent, PanelBeforeToggleEvent, PanelHeaderIconsTemplateContext, PanelPassThrough } from 'primeng/types/panel';\nimport { PanelStyle } from './style/panelstyle';\n\nconst PANEL_INSTANCE = new InjectionToken<Panel>('PANEL_INSTANCE');\n\n/**\n * Panel is a container with the optional content toggle feature.\n * @group Components\n */\n@Component({\n    selector: 'p-panel',\n    standalone: true,\n    imports: [CommonModule, PlusIcon, MinusIcon, ButtonModule, SharedModule, BindModule, MotionModule],\n    template: `\n        <div [pBind]=\"ptm('header')\" [class]=\"cx('header')\" *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\" [attr.id]=\"id + '-titlebar'\" [attr.data-p]=\"dataP\">\n            <span [pBind]=\"ptm('title')\" [class]=\"cx('title')\" *ngIf=\"_header\" [attr.id]=\"id + '_header'\">{{ _header }}</span>\n            <ng-content select=\"p-header\"></ng-content>\n            <ng-container *ngTemplateOutlet=\"headerTemplate || _headerTemplate\"></ng-container>\n            <div [pBind]=\"ptm('headerActions')\" [class]=\"cx('headerActions')\">\n                <ng-template *ngTemplateOutlet=\"iconsTemplate || _iconsTemplate\"></ng-template>\n                <p-button\n                    *ngIf=\"toggleable\"\n                    [attr.id]=\"id + '_header'\"\n                    severity=\"secondary\"\n                    [text]=\"true\"\n                    [rounded]=\"true\"\n                    type=\"button\"\n                    role=\"button\"\n                    [styleClass]=\"cx('pcToggleButton')\"\n                    [attr.aria-label]=\"buttonAriaLabel\"\n                    [attr.aria-controls]=\"id + '_content'\"\n                    [attr.aria-expanded]=\"!collapsed\"\n                    (click)=\"onIconClick($event)\"\n                    (keydown)=\"onKeyDown($event)\"\n                    [buttonProps]=\"toggleButtonProps\"\n                    [pt]=\"ptm('pcToggleButton')\"\n                    [unstyled]=\"unstyled()\"\n                >\n                    <ng-template #icon>\n                        <ng-container *ngIf=\"!headerIconsTemplate && !_headerIconsTemplate && !toggleButtonProps?.icon\">\n                            <ng-container *ngIf=\"!collapsed\">\n                                <svg data-p-icon=\"minus\" [pBind]=\"ptm('pcToggleButton.icon')\" />\n                            </ng-container>\n\n                            <ng-container *ngIf=\"collapsed\">\n                                <svg data-p-icon=\"plus\" [pBind]=\"ptm('pcToggleButton.icon')\" />\n                            </ng-container>\n                        </ng-container>\n\n                        <ng-template *ngTemplateOutlet=\"headerIconsTemplate || _headerIconsTemplate; context: { $implicit: collapsed }\"></ng-template>\n                    </ng-template>\n                </p-button>\n            </div>\n        </div>\n        <div\n            [pBind]=\"ptm('contentContainer')\"\n            [pMotion]=\"!toggleable || (toggleable && !collapsed)\"\n            pMotionName=\"p-collapsible\"\n            [pMotionOptions]=\"computedMotionOptions()\"\n            [class]=\"cx('contentContainer')\"\n            [id]=\"id + '_content'\"\n            role=\"region\"\n            [attr.aria-labelledby]=\"id + '_header'\"\n            [attr.aria-hidden]=\"collapsed\"\n            [attr.tabindex]=\"collapsed ? '-1' : undefined\"\n            (pMotionOnAfterEnter)=\"onToggleDone($event)\"\n        >\n            <div [pBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\">\n                <div [pBind]=\"ptm('content')\" [class]=\"cx('content')\" #contentWrapper>\n                    <ng-content></ng-content>\n                    <ng-container *ngTemplateOutlet=\"contentTemplate || _contentTemplate\"></ng-container>\n                </div>\n\n                <div [pBind]=\"ptm('footer')\" [class]=\"cx('footer')\" *ngIf=\"footerFacet || footerTemplate || _footerTemplate\">\n                    <ng-content select=\"p-footer\"></ng-content>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate || _footerTemplate\"></ng-container>\n                </div>\n            </div>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [PanelStyle, { provide: PANEL_INSTANCE, useExisting: Panel }, { provide: PARENT_INSTANCE, useExisting: Panel }],\n    host: {\n        '[id]': 'id',\n        '[class]': \"cn(cx('root'), styleClass)\",\n        '[attr.data-p]': 'dataP'\n    },\n    hostDirectives: [Bind]\n})\nexport class Panel extends BaseComponent<PanelPassThrough> implements BlockableUI {\n    componentName = 'Panel';\n\n    $pcPanel: Panel | undefined = inject(PANEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    _componentStyle = inject(PanelStyle);\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Id of the component.\n     */\n    @Input() id: string | undefined = uuid('pn_id_');\n    /**\n     * Defines if content of panel can be expanded and collapsed.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) toggleable: boolean | undefined;\n\n    /**\n     * Header text of the panel.\n     * @group Props\n     */\n    @Input('header') _header: string | undefined;\n\n    /**\n     * Internal collapsed state\n     */\n    _collapsed: boolean | undefined;\n\n    /**\n     * Defines the initial state of panel content, supports one or two-way binding as well.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute })\n    get collapsed(): boolean | undefined {\n        return this._collapsed;\n    }\n    set collapsed(value: boolean | undefined) {\n        this._collapsed = value;\n    }\n\n    /**\n     * Style class of the component.\n     * @group Props\n     * @deprecated since v20.0.0, use `class` instead.\n     */\n    @Input() styleClass: string | undefined;\n\n    /**\n     * Position of the icons.\n     * @group Props\n     */\n    @Input() iconPos: 'start' | 'end' | 'center' = 'end';\n\n    /**\n     * Specifies if header of panel cannot be displayed.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showHeader: boolean = true;\n\n    /**\n     * Specifies the toggler element to toggle the panel content.\n     * @group Props\n     */\n    @Input() toggler: 'icon' | 'header' = 'icon';\n\n    /**\n     * Transition options of the animation.\n     * @group Props\n     * @deprecated since v21.0.0, use `motionOptions` instead.\n     */\n    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';\n\n    /**\n     * Used to pass all properties of the ButtonProps to the Button component.\n     * @group Props\n     */\n    @Input() toggleButtonProps: any;\n\n    /**\n     * The motion options.\n     * @group Props\n     */\n    motionOptions = input<MotionOptions | undefined>(undefined);\n\n    computedMotionOptions = computed<MotionOptions>(() => {\n        return {\n            ...this.ptm('motion'),\n            ...this.motionOptions()\n        };\n    });\n\n    /**\n     * Emitted when the collapsed changes.\n     * @param {boolean} value - New Value.\n     * @group Emits\n     */\n    @Output() collapsedChange: EventEmitter<boolean | undefined> = new EventEmitter<boolean | undefined>();\n\n    /**\n     * Callback to invoke before panel toggle.\n     * @param {PanelBeforeToggleEvent} event - Custom panel toggle event\n     * @group Emits\n     */\n    @Output() onBeforeToggle: EventEmitter<PanelBeforeToggleEvent> = new EventEmitter<PanelBeforeToggleEvent>();\n\n    /**\n     * Callback to invoke after panel toggle.\n     * @param {PanelAfterToggleEvent} event - Custom panel toggle event\n     * @group Emits\n     */\n    @Output() onAfterToggle: EventEmitter<PanelAfterToggleEvent> = new EventEmitter<PanelAfterToggleEvent>();\n\n    @ContentChild(Footer) footerFacet: Nullable<TemplateRef<void>>;\n    /**\n     * Defines template option for header.\n     * @group Templates\n     */\n    @ContentChild('header', { descendants: false }) headerTemplate: TemplateRef<void> | undefined;\n    /**\n     * Defines template option for icons.\n     * @example\n     * ```html\n     * <ng-template #icons> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('icons', { descendants: false }) iconsTemplate: TemplateRef<void> | undefined;\n\n    /**\n     * Defines template option for content.\n     * @example\n     * ```html\n     * <ng-template #content> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('content', { descendants: false }) contentTemplate: TemplateRef<void> | undefined;\n\n    /**\n     * Defines template option for footer.\n     * @example\n     * ```html\n     * <ng-template #footer> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('footer', { descendants: false }) footerTemplate: TemplateRef<void> | undefined;\n\n    /**\n     * Defines template option for headerIcon.\n     * @param {PanelHeaderIconsTemplateContext} context - context of the template.\n     * @example\n     * ```html\n     * <ng-template #headericons let-collapsed> </ng-template>\n     * ```\n     * @see {@link PanelHeaderIconsTemplateContext}\n     * @group Templates\n     */\n    @ContentChild('headericons', { descendants: false }) headerIconsTemplate: TemplateRef<PanelHeaderIconsTemplateContext> | undefined;\n\n    _headerTemplate: TemplateRef<void> | undefined;\n\n    _iconsTemplate: TemplateRef<void> | undefined;\n\n    _contentTemplate: TemplateRef<void> | undefined;\n\n    _footerTemplate: TemplateRef<void> | undefined;\n\n    _headerIconsTemplate: TemplateRef<PanelHeaderIconsTemplateContext> | undefined;\n\n    @ViewChild('contentWrapper') contentWrapperViewChild: ElementRef;\n\n    get buttonAriaLabel() {\n        return this._header;\n    }\n\n    onHeaderClick(event: MouseEvent) {\n        if (this.toggler === 'header') {\n            this.toggle(event);\n        }\n    }\n\n    onIconClick(event: MouseEvent) {\n        if (this.toggler === 'icon') {\n            this.toggle(event);\n        }\n    }\n\n    toggle(event: MouseEvent) {\n        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed });\n\n        if (this.collapsed) this.expand();\n        else this.collapse();\n\n        event.preventDefault();\n    }\n\n    expand() {\n        this._collapsed = false;\n        this.collapsedChange.emit(false);\n        this.updateTabIndex();\n    }\n\n    collapse() {\n        this._collapsed = true;\n        this.collapsedChange.emit(true);\n        this.updateTabIndex();\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement;\n    }\n\n    updateTabIndex() {\n        if (this.contentWrapperViewChild) {\n            const focusableElements = this.contentWrapperViewChild.nativeElement.querySelectorAll('input, button, select, a, textarea, [tabindex]');\n            focusableElements.forEach((element: HTMLElement) => {\n                if (this.collapsed) {\n                    element.setAttribute('tabindex', '-1');\n                } else {\n                    element.removeAttribute('tabindex');\n                }\n            });\n        }\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        if (event.code === 'Enter' || event.code === 'Space') {\n            this.toggle(event as any);\n            event.preventDefault();\n        }\n    }\n\n    onToggleDone(event: MotionEvent) {\n        this.onAfterToggle.emit({ originalEvent: event as any, collapsed: this.collapsed });\n    }\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n    onAfterContentInit() {\n        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this._headerTemplate = item.template;\n                    break;\n\n                case 'content':\n                    this._contentTemplate = item.template;\n                    break;\n\n                case 'footer':\n                    this._footerTemplate = item.template;\n                    break;\n\n                case 'icons':\n                    this._iconsTemplate = item.template;\n                    break;\n\n                case 'headericons':\n                    this._headerIconsTemplate = item.template;\n                    break;\n\n                default:\n                    this._contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    get dataP() {\n        return this.cn({\n            toggleable: this.toggleable\n        });\n    }\n}\n\n@NgModule({\n    imports: [Panel, SharedModule, BindModule],\n    exports: [Panel, SharedModule, BindModule]\n})\nexport class PanelModule {}\n","// Backwards compatibility\nexport * from 'primeng/types/panel';\nexport * from './panel';\nexport * from './style/panelstyle';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}