angular-cesium-ivy
Version:
Angular library for working with Angular-Cesium.
93 lines (91 loc) • 8.15 kB
JavaScript
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function AcToolbarButtonComponent_img_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "img", 2);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵclassMapInterpolate1("icon ", ctx_r0.iconClass, "");
i0.ɵɵproperty("src", ctx_r0.iconUrl, i0.ɵɵsanitizeUrl);
} }
const _c0 = ["*"];
/**
* Toolbar button widget, act as a single button inside ac-toolbar component
* Can accepts content components or passing [iconUrl]
* configure with: `[iconUrl]`,`[buttonClass]`,`[iconClass]`,`(onClick)`
*
* Usage:
* ```
* <ac-toolbar [allowDrag]="true">
<ac-toolbar-button [iconUrl]="'assets/home-icon.svg'" (onClick)="goHome()">
</ac-toolbar-button>
<ac-toolbar-button [iconUrl]="'assets/explore-icon.svg'" (onClick)="rangeAndBearing()">
</ac-toolbar-button>
</ac-toolbar>
* ```
*
*/
export class AcToolbarButtonComponent {
constructor() {
this.onClick = new EventEmitter();
}
ngOnInit() {
}
}
AcToolbarButtonComponent.ɵfac = function AcToolbarButtonComponent_Factory(t) { return new (t || AcToolbarButtonComponent)(); };
AcToolbarButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AcToolbarButtonComponent, selectors: [["ac-toolbar-button"]], inputs: { iconUrl: "iconUrl", buttonClass: "buttonClass", iconClass: "iconClass" }, outputs: { onClick: "onClick" }, ngContentSelectors: _c0, decls: 3, vars: 4, consts: [[3, "click"], [3, "src", "class", 4, "ngIf"], [3, "src"]], template: function AcToolbarButtonComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef();
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵlistener("click", function AcToolbarButtonComponent_Template_div_click_0_listener() { return ctx.onClick.emit(); });
i0.ɵɵtemplate(1, AcToolbarButtonComponent_img_1_Template, 1, 4, "img", 1);
i0.ɵɵprojection(2);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵclassMapInterpolate1("button-container ", ctx.buttonClass, "");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.iconUrl);
} }, directives: [i1.NgIf], styles: [".button-container[_ngcontent-%COMP%] {\n border-radius: 1px;\n background-color: rgba(255, 255, 255, 0.8);\n height: 30px;\n width: 30px;\n padding: 5px;\n transition: all 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n }\n\n .button-container[_ngcontent-%COMP%]:hover {\n background-color: rgba(255, 255, 255, 0.95);\n }\n\n .icon[_ngcontent-%COMP%] {\n height: 30px;\n width: 30px;\n }"], changeDetection: 0 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AcToolbarButtonComponent, [{
type: Component,
args: [{
selector: 'ac-toolbar-button',
template: `
<div (click)="onClick.emit()" class="button-container {{buttonClass}}">
<img *ngIf="iconUrl" [src]="iconUrl" class="icon {{iconClass}}"/>
<ng-content></ng-content>
</div>
`,
styles: [`
.button-container {
border-radius: 1px;
background-color: rgba(255, 255, 255, 0.8);
height: 30px;
width: 30px;
padding: 5px;
transition: all 0.2s;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.button-container:hover {
background-color: rgba(255, 255, 255, 0.95);
}
.icon {
height: 30px;
width: 30px;
}
`],
changeDetection: ChangeDetectionStrategy.OnPush,
}]
}], function () { return []; }, { iconUrl: [{
type: Input
}], buttonClass: [{
type: Input
}], iconClass: [{
type: Input
}], onClick: [{
type: Output
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWMtdG9vbGJhci1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jZXNpdW0vc3JjL2xpYi9hbmd1bGFyLWNlc2l1bS13aWRnZXRzL2NvbXBvbmVudHMvdG9vbGJhci9hYy10b29sYmFyLWJ1dHRvbi9hYy10b29sYmFyLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQXVCNUYseUJBQWlFOzs7SUFBNUIsd0RBQTBCO0lBQTFDLHNEQUFlOzs7QUFyQmhEOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQXFDSCxNQUFNLE9BQU8sd0JBQXdCO0lBY25DO1FBRkEsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFHN0IsQ0FBQztJQUVELFFBQVE7SUFFUixDQUFDOztnR0FuQlUsd0JBQXdCOzJFQUF4Qix3QkFBd0I7O1FBaEM3Qiw4QkFBdUU7UUFBbEUsa0dBQVMsa0JBQWMsSUFBQztRQUN6Qix5RUFBaUU7UUFDakUsa0JBQXlCO1FBQzdCLGlCQUFNOztRQUh3QixtRUFBd0M7UUFDNUQsZUFBYTtRQUFiLGtDQUFhOzt1RkErQmxCLHdCQUF3QjtjQXBDcEMsU0FBUztlQUNSO2dCQUNFLFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLFFBQVEsRUFBRTs7Ozs7S0FLVDtnQkFDRCxNQUFNLEVBQUUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0F1QlIsQ0FBQztnQkFDRixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNoRDtzQ0FLRCxPQUFPO2tCQUROLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixPQUFPO2tCQUROLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFRvb2xiYXIgYnV0dG9uIHdpZGdldCwgYWN0IGFzIGEgc2luZ2xlIGJ1dHRvbiBpbnNpZGUgYWMtdG9vbGJhciBjb21wb25lbnRcbiAqIENhbiBhY2NlcHRzIGNvbnRlbnQgY29tcG9uZW50cyBvciBwYXNzaW5nIFtpY29uVXJsXVxuICogY29uZmlndXJlIHdpdGg6IGBbaWNvblVybF1gLGBbYnV0dG9uQ2xhc3NdYCxgW2ljb25DbGFzc11gLGAob25DbGljaylgXG4gKlxuICogVXNhZ2U6XG4gKiBgYGBcbiAqIDxhYy10b29sYmFyIFthbGxvd0RyYWddPVwidHJ1ZVwiPlxuIDxhYy10b29sYmFyLWJ1dHRvbiBbaWNvblVybF09XCInYXNzZXRzL2hvbWUtaWNvbi5zdmcnXCIgKG9uQ2xpY2spPVwiZ29Ib21lKClcIj5cbiA8L2FjLXRvb2xiYXItYnV0dG9uPlxuIDxhYy10b29sYmFyLWJ1dHRvbiBbaWNvblVybF09XCInYXNzZXRzL2V4cGxvcmUtaWNvbi5zdmcnXCIgKG9uQ2xpY2spPVwicmFuZ2VBbmRCZWFyaW5nKClcIj5cbiA8L2FjLXRvb2xiYXItYnV0dG9uPlxuIDwvYWMtdG9vbGJhcj5cbiAqIGBgYFxuICpcbiAqL1xuQENvbXBvbmVudChcbiAge1xuICAgIHNlbGVjdG9yOiAnYWMtdG9vbGJhci1idXR0b24nLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgpXCIgY2xhc3M9XCJidXR0b24tY29udGFpbmVyIHt7YnV0dG9uQ2xhc3N9fVwiPlxuICAgICAgICAgICAgPGltZyAqbmdJZj1cImljb25VcmxcIiBbc3JjXT1cImljb25VcmxcIiBjbGFzcz1cImljb24ge3tpY29uQ2xhc3N9fVwiLz5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIC5idXR0b24tY29udGFpbmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KTtcbiAgICAgICAgICAgIGhlaWdodDogMzBweDtcbiAgICAgICAgICAgIHdpZHRoOiAzMHB4O1xuICAgICAgICAgICAgcGFkZGluZzogNXB4O1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnM7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5idXR0b24tY29udGFpbmVyOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45NSk7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICAgICAgICB3aWR0aDogMzBweDtcbiAgICAgICAgfVxuICAgIGBdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB9XG4pXG5leHBvcnQgY2xhc3MgQWNUb29sYmFyQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBpY29uVXJsOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgYnV0dG9uQ2xhc3M6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpY29uQ2xhc3M6IHN0cmluZztcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuXG4gIH1cbn1cbiJdfQ==