1 line
31 KiB
Plaintext
1 line
31 KiB
Plaintext
|
{"version":3,"file":"primeng-stepper.mjs","sources":["../../src/app/components/stepper/stepper.ts","../../src/app/components/stepper/primeng-stepper.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { PrimeTemplate, SharedModule } from 'primeng/api';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { UniqueComponentId } from 'primeng/utils';\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\n@Component({\n selector: 'p-stepperHeader',\n template: `\n <ng-container *ngIf=\"template; else buttonRef\">\n <ng-container\n *ngTemplateOutlet=\"\n template;\n context: {\n index: index,\n active: active,\n highlighted: highlighted,\n class: 'p-stepper-action',\n headerClass: 'p-stepper-action',\n numberClass: 'p-stepper-number',\n titleClass: 'p-stepper-title',\n onClick: onClick\n }\n \"\n ></ng-container>\n </ng-container>\n <ng-template #buttonRef>\n <p-button [id]=\"id\" class=\"p-stepper-action\" role=\"tab\" [tabindex]=\"disabled ? -1 : undefined\" [aria-controls]=\"ariaControls\" (click)=\"onClick.emit($event, index)\">\n <span class=\"p-stepper-number\">{{ index + 1 }}</span>\n <span class=\"p-stepper-title\">{{ getStepProp }}</span>\n </p-button>\n </ng-template>\n `,\n host: {\n class: 'p-element'\n }\n})\nexport class StepperHeader {\n @Input() id: string | undefined;\n\n @Input() template: TemplateRef<any> | undefined;\n\n @Input() stepperPanel: StepperPanel;\n\n @Input() index: string | undefined;\n\n @Input() disabled: boolean | undefined;\n\n @Input() active: boolean | undefined;\n\n @Input() highlighted: boolean | undefined;\n\n @Input() getStepProp: string | undefined;\n\n @Input() ariaControls: string | undefined;\n\n @Output() onClick = new EventEmitter<void>();\n}\n\n@Component({\n selector: 'p-stepperSeparator',\n template: `\n <ng-container *ngIf=\"template; else span\">\n <ng-container *ngTemplateOutlet=\"template; context: { index: index, active: active, highlighted: highlighted, class: separatorClass }\"></ng-container>\n </ng-container>\n <ng-template #span>\n <span [class]=\"separatorClass\" aria-hidden=\"true\"></span>\n </ng-template>\n `,\n host: {\n class: 'p-stepper-separator'\n }\n})\nexport class StepperSeparator {\n @Input() template: TemplateRef<any> | undefined;\n\n @Input() separatorClass: string | undefined;\n\n @Input() stepperPanel: StepperPanel;\n\n @Input() index: string | undefined;\n\n @Input() active: boolean | undefined;\n\n @Input() highlighted: boolean | undefined;\n}\n\n@Component({\n selector: 'p-stepperContent',\n template: ` <div [id]=\"id\" role=\"tabpanel\" data-pc-name=\"stepperpanel\" [attr.data-pc-index]=\"index\" [attr.data-p-active]=\"active\" [attr.aria-labelledby]=\"ariaLabelledby\">\n <ng-container *ngIf=\"template\">\n <ng-container *ngTemplateOutlet=\"template; context: { index: index, active: active, highlighted: highlighted, onClick: onClick, prevCallback: prevCallback, nextCallback: nextCallback }\"></ng-container>\n </ng-container>\n <ng-template *ngIf=\"!template\">\n <ng-container *ngIf=\"stepperPanel\">\n <ng-container *ngTemplateOutlet=\"stepperPanel\"></ng-container>\n </ng-container>\n </ng-template>\n </div>`,\n\n host: {\n '[class.p-stepper-content]': 'true',\n '[class.p-element]': 'true',\n
|