UNPKG

@abgov/angular-components

Version:

Government of Alberta - UI components for Angular

73 lines 5.85 kB
import { CUSTOM_ELEMENTS_SCHEMA, Component, Input, TemplateRef } from "@angular/core"; import { NgTemplateOutlet } from "@angular/common"; import { GoabBaseComponent } from "../base.component"; import * as i0 from "@angular/core"; export class GoabPopover extends GoabBaseComponent { constructor() { super(...arguments); this.maxWidth = "320px"; this.padded = true; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPopover, deps: null, target: i0.ɵɵFactoryTarget.Component }); } static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabPopover, isStandalone: true, selector: "goab-popover", inputs: { maxWidth: "maxWidth", minWidth: "minWidth", padded: "padded", position: "position", relative: "relative", target: "target" }, usesInheritance: true, ngImport: i0, template: ` <goa-popover [attr.maxwidth]="maxWidth" [attr.minwidth]="minWidth" [attr.padded]="padded" [attr.position]="position" [attr.relative]="relative" [attr.testid]="testId" [attr.mt]="mt" [attr.mb]="mb" [attr.ml]="ml" [attr.mr]="mr" > <ng-content></ng-content> <div slot="target"> <ng-container [ngTemplateOutlet]="target"></ng-container> </div> </goa-popover> `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPopover, decorators: [{ type: Component, args: [{ standalone: true, selector: "goab-popover", imports: [NgTemplateOutlet], template: ` <goa-popover [attr.maxwidth]="maxWidth" [attr.minwidth]="minWidth" [attr.padded]="padded" [attr.position]="position" [attr.relative]="relative" [attr.testid]="testId" [attr.mt]="mt" [attr.mb]="mb" [attr.ml]="ml" [attr.mr]="mr" > <ng-content></ng-content> <div slot="target"> <ng-container [ngTemplateOutlet]="target"></ng-container> </div> </goa-popover> `, schemas: [CUSTOM_ELEMENTS_SCHEMA], }] }], propDecorators: { maxWidth: [{ type: Input }], minWidth: [{ type: Input }], padded: [{ type: Input }], position: [{ type: Input }], relative: [{ type: Input }], target: [{ type: Input, args: [{ required: true }] }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQTJCdEQsTUFBTSxPQUFPLFdBQVksU0FBUSxpQkFBaUI7SUF6QmxEOztRQTBCVyxhQUFRLEdBQUcsT0FBTyxDQUFDO1FBRW5CLFdBQU0sR0FBRyxJQUFJLENBQUM7S0FPeEI7OEdBVlksV0FBVztrR0FBWCxXQUFXLHVPQXJCWjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JULDREQW5CUyxnQkFBZ0I7OzJGQXNCZixXQUFXO2tCQXpCdkIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCVDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEM7OEJBRVUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUlHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ3FCLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgR29hYlBvcG92ZXJQb3NpdGlvbiB9IGZyb20gXCJAYWJnb3YvdWktY29tcG9uZW50cy1jb21tb25cIjtcbmltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBHb2FiQmFzZUNvbXBvbmVudCB9IGZyb20gXCIuLi9iYXNlLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6IFwiZ29hYi1wb3BvdmVyXCIsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8Z29hLXBvcG92ZXJcbiAgICAgIFthdHRyLm1heHdpZHRoXT1cIm1heFdpZHRoXCJcbiAgICAgIFthdHRyLm1pbndpZHRoXT1cIm1pbldpZHRoXCJcbiAgICAgIFthdHRyLnBhZGRlZF09XCJwYWRkZWRcIlxuICAgICAgW2F0dHIucG9zaXRpb25dPVwicG9zaXRpb25cIlxuICAgICAgW2F0dHIucmVsYXRpdmVdPVwicmVsYXRpdmVcIlxuICAgICAgW2F0dHIudGVzdGlkXT1cInRlc3RJZFwiXG4gICAgICBbYXR0ci5tdF09XCJtdFwiXG4gICAgICBbYXR0ci5tYl09XCJtYlwiXG4gICAgICBbYXR0ci5tbF09XCJtbFwiXG4gICAgICBbYXR0ci5tcl09XCJtclwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPGRpdiBzbG90PVwidGFyZ2V0XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGFyZ2V0XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2dvYS1wb3BvdmVyPlxuICBgLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG59KVxuZXhwb3J0IGNsYXNzIEdvYWJQb3BvdmVyIGV4dGVuZHMgR29hYkJhc2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtYXhXaWR0aCA9IFwiMzIwcHhcIjtcbiAgQElucHV0KCkgbWluV2lkdGg/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBhZGRlZCA9IHRydWU7XG4gIEBJbnB1dCgpIHBvc2l0aW9uPzogR29hYlBvcG92ZXJQb3NpdGlvbjtcbiAgLyoqKlxuICAgKiBAZGVwcmVjYXRlZCBUaGlzIHByb3BlcnR5IGhhcyBubyBlZmZlY3QgYW5kIHdpbGwgYmUgcmVtb3ZlZCBpbiBhIGZ1dHVyZSB2ZXJzaW9uXG4gICAqL1xuICBASW5wdXQoKSByZWxhdGl2ZT86IGJvb2xlYW47XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRhcmdldCE6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iXX0=