@bimeister/pupakit.calendar
Version:
PupaKit Calendar
16 lines • 5.22 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
export class CalendarSelectorButtonComponent {
constructor() {
this.isCurrent = false;
}
}
CalendarSelectorButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CalendarSelectorButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
CalendarSelectorButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CalendarSelectorButtonComponent, selector: "pupa-calendar-selector-button", inputs: { isCurrent: "isCurrent" }, ngImport: i0, template: "<button class=\"button\" [class.button_current]=\"isCurrent\">\n <ng-content></ng-content>\n</button>\n", styles: [".button{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:8rem;border-radius:1rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;font-family:NotoSans,sans-serif;font-weight:500;font-size:11px;line-height:16px;color:rgba(var(--semantic-color_text-primary),var(--semantic-color-alpha_text-primary));transition:var(--transition-duration_shortest) var(--transition-timing-function_common)}@media (hover: hover){.button:hover{background-color:rgba(var(--semantic-color_kind-primary-hover),var(--semantic-color-alpha_kind-primary-hover));color:rgba(var(--semantic-color_surface-primary),var(--semantic-color-alpha_surface-primary))}}.button:active{background-color:rgba(var(--semantic-color_kind-primary-active),var(--semantic-color-alpha_kind-primary-active))}.button_current{border:1px solid rgba(var(--semantic-color_kind-primary-active),var(--semantic-color-alpha_kind-primary-active))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CalendarSelectorButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'pupa-calendar-selector-button', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"button\" [class.button_current]=\"isCurrent\">\n <ng-content></ng-content>\n</button>\n", styles: [".button{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:8rem;border-radius:1rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;font-family:NotoSans,sans-serif;font-weight:500;font-size:11px;line-height:16px;color:rgba(var(--semantic-color_text-primary),var(--semantic-color-alpha_text-primary));transition:var(--transition-duration_shortest) var(--transition-timing-function_common)}@media (hover: hover){.button:hover{background-color:rgba(var(--semantic-color_kind-primary-hover),var(--semantic-color-alpha_kind-primary-hover));color:rgba(var(--semantic-color_surface-primary),var(--semantic-color-alpha_surface-primary))}}.button:active{background-color:rgba(var(--semantic-color_kind-primary-active),var(--semantic-color-alpha_kind-primary-active))}.button_current{border:1px solid rgba(var(--semantic-color_kind-primary-active),var(--semantic-color-alpha_kind-primary-active))}\n"] }]
}], propDecorators: { isCurrent: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXItc2VsZWN0b3ItYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhbGVuZGFyLXNlbGVjdG9yLWJ1dHRvbi9jYWxlbmRhci1zZWxlY3Rvci1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FsZW5kYXItc2VsZWN0b3ItYnV0dG9uL2NhbGVuZGFyLXNlbGVjdG9yLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTN0YsTUFBTSxPQUFPLCtCQUErQjtJQVA1QztRQVFrQixjQUFTLEdBQVksS0FBSyxDQUFDO0tBQzVDOzs2SEFGWSwrQkFBK0I7aUhBQS9CLCtCQUErQix5R0NUNUMsMEdBR0E7NEZETWEsK0JBQStCO2tCQVAzQyxTQUFTOytCQUNFLCtCQUErQixpQkFHMUIsaUJBQWlCLENBQUMsUUFBUSxtQkFDeEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHL0IsU0FBUztzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwdXBhLWNhbGVuZGFyLXNlbGVjdG9yLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxlbmRhci1zZWxlY3Rvci1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxlbmRhci1zZWxlY3Rvci1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxlbmRhclNlbGVjdG9yQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGlzQ3VycmVudDogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGJ1dHRvbiBjbGFzcz1cImJ1dHRvblwiIFtjbGFzcy5idXR0b25fY3VycmVudF09XCJpc0N1cnJlbnRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9idXR0b24+XG4iXX0=