@fivethree/core
Version:
Fivethree Core Components
136 lines • 10.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/bottom-sheet/bottom-sheet-content/bottom-sheet-content.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { IonContent } from '@ionic/angular';
import { DomSanitizer } from '@angular/platform-browser';
import { Component, Input, HostBinding, EventEmitter, Output, ViewChild } from '@angular/core';
import { DrawerState } from '../drawer-state';
var FivBottomSheetContent = /** @class */ (function () {
function FivBottomSheetContent(sanitizer) {
this.sanitizer = sanitizer;
this.rounded = true;
this.handle = true;
this.float = true;
this.fivClick = new EventEmitter();
this.states = DrawerState;
this.shouldBounce = true;
this.panning = false;
}
Object.defineProperty(FivBottomSheetContent.prototype, "isRounded", {
get: /**
* @return {?}
*/
function () {
switch (this.currentState) {
case DrawerState.Top:
return false;
case DrawerState.Docked:
return this.rounded;
case DrawerState.Bottom:
return this.rounded && !this.float;
}
return true;
},
enumerable: true,
configurable: true
});
Object.defineProperty(FivBottomSheetContent.prototype, "styles", {
get: /**
* @return {?}
*/
function () {
if (!(this.float && this.currentState === DrawerState.Bottom)) {
return this.sanitizer
.bypassSecurityTrustStyle("box-shadow: 0 4px 16px rgba(0, 0, 0, .12);\n border-top: 1px solid var(--ion-color-light);");
}
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
FivBottomSheetContent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/**
* @return {?}
*/
FivBottomSheetContent.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
this.content.scrollEvents = true;
};
/**
* @param {?} state
* @return {?}
*/
FivBottomSheetContent.prototype.updateState = /**
* @param {?} state
* @return {?}
*/
function (state) {
this.currentState = state;
};
/**
* @return {?}
*/
FivBottomSheetContent.prototype.click = /**
* @return {?}
*/
function () {
this.fivClick.emit();
};
FivBottomSheetContent.decorators = [
{ type: Component, args: [{
selector: 'fiv-bottom-sheet-content',
template: "<div class=\"bsc-wrapper\">\n <span (click)=\"click()\" *ngIf=\"currentState !== states.Top && handle\"\n [fivCenter]=\"{vertical: false, horizontal: true}\" class=\"handle\"></span>\n <div [ngClass]=\"{'margin': handle}\" class=\"content\">\n <ion-content [scrollY]=\"currentState === 2 && shouldBounce && !panning\">\n <ng-content>\n\n </ng-content>\n </ion-content>\n\n </div>\n</div>",
styles: [":host{display:block;width:100%;height:100%;--fiv-border-radius:12px;--fiv-padding:20px;padding-top:var(--fiv-padding);--fiv-background:var(--ion-background-color);--fiv-handle-background:var(--ion-color-light-shade);background:var(--fiv-background)}.bsc-wrapper{width:100%;height:100%}:host.rounded{border-top-left-radius:var(--fiv-border-radius);border-top-right-radius:var(--fiv-border-radius)}.handle{display:block;background:var(--fiv-handle-background);border-radius:12px;top:8px;width:32px;height:8px;position:absolute}.content{height:100%}"]
}] }
];
/** @nocollapse */
FivBottomSheetContent.ctorParameters = function () { return [
{ type: DomSanitizer }
]; };
FivBottomSheetContent.propDecorators = {
rounded: [{ type: Input }],
handle: [{ type: Input }],
float: [{ type: Input }],
fivClick: [{ type: Output }],
content: [{ type: ViewChild, args: [IonContent, { static: true },] }],
isRounded: [{ type: HostBinding, args: ['class.rounded',] }],
styles: [{ type: HostBinding, args: ['style',] }]
};
return FivBottomSheetContent;
}());
export { FivBottomSheetContent };
if (false) {
/** @type {?} */
FivBottomSheetContent.prototype.rounded;
/** @type {?} */
FivBottomSheetContent.prototype.handle;
/** @type {?} */
FivBottomSheetContent.prototype.float;
/** @type {?} */
FivBottomSheetContent.prototype.fivClick;
/** @type {?} */
FivBottomSheetContent.prototype.content;
/** @type {?} */
FivBottomSheetContent.prototype.currentState;
/** @type {?} */
FivBottomSheetContent.prototype.states;
/** @type {?} */
FivBottomSheetContent.prototype.shouldBounce;
/** @type {?} */
FivBottomSheetContent.prototype.panning;
/**
* @type {?}
* @private
*/
FivBottomSheetContent.prototype.sanitizer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm90dG9tLXNoZWV0LWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpdmV0aHJlZS9jb3JlLyIsInNvdXJjZXMiOlsibGliL2JvdHRvbS1zaGVldC9ib3R0b20tc2hlZXQtY29udGVudC9ib3R0b20tc2hlZXQtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUMsT0FBTyxFQUFFLFlBQVksRUFBYSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BFLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osTUFBTSxFQUNOLFNBQVMsRUFFVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFOUM7SUF1Q0UsK0JBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFqQ2xDLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixXQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ2QsVUFBSyxHQUFHLElBQUksQ0FBQztRQUVaLGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUszRCxXQUFNLEdBQUcsV0FBVyxDQUFDO1FBQ3JCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFzQjhCLENBQUM7SUFwQi9DLHNCQUFrQyw0Q0FBUzs7OztRQUEzQztZQUNFLFFBQVEsSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDekIsS0FBSyxXQUFXLENBQUMsR0FBRztvQkFDbEIsT0FBTyxLQUFLLENBQUM7Z0JBQ2YsS0FBSyxXQUFXLENBQUMsTUFBTTtvQkFDckIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO2dCQUN0QixLQUFLLFdBQVcsQ0FBQyxNQUFNO29CQUNyQixPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO2FBQ3RDO1lBQ0QsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDOzs7T0FBQTtJQUVELHNCQUEwQix5Q0FBTTs7OztRQUFoQztZQUNFLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLFlBQVksS0FBSyxXQUFXLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQzdELE9BQU8sSUFBSSxDQUFDLFNBQVM7cUJBQ2xCLHdCQUF3QixDQUFDLGlKQUNrRSxDQUFDLENBQUM7YUFDakc7UUFDSCxDQUFDOzs7T0FBQTs7OztJQUlELHdDQUFROzs7SUFBUixjQUFZLENBQUM7Ozs7SUFFYiwrQ0FBZTs7O0lBQWY7UUFDRSxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDbkMsQ0FBQzs7Ozs7SUFFRCwyQ0FBVzs7OztJQUFYLFVBQVksS0FBa0I7UUFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQzs7OztJQUVELHFDQUFLOzs7SUFBTDtRQUNFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQzs7Z0JBckRGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxxYUFBb0Q7O2lCQUVyRDs7OztnQkFqQlEsWUFBWTs7OzBCQW1CbEIsS0FBSzt5QkFDTCxLQUFLO3dCQUNMLEtBQUs7MkJBRUwsTUFBTTswQkFFTixTQUFTLFNBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs0QkFPdEMsV0FBVyxTQUFDLGVBQWU7eUJBWTNCLFdBQVcsU0FBQyxPQUFPOztJQXVCdEIsNEJBQUM7Q0FBQSxBQXRERCxJQXNEQztTQWpEWSxxQkFBcUI7OztJQUNoQyx3Q0FBd0I7O0lBQ3hCLHVDQUF1Qjs7SUFDdkIsc0NBQXNCOztJQUV0Qix5Q0FBMkQ7O0lBRTNELHdDQUE2RDs7SUFFN0QsNkNBQTBCOztJQUMxQix1Q0FBcUI7O0lBQ3JCLDZDQUFvQjs7SUFDcEIsd0NBQWdCOzs7OztJQXNCSiwwQ0FBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJb25Db250ZW50IH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlU3R5bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBJbnB1dCxcbiAgSG9zdEJpbmRpbmcsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIEFmdGVyVmlld0luaXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEcmF3ZXJTdGF0ZSB9IGZyb20gJy4uL2RyYXdlci1zdGF0ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Zpdi1ib3R0b20tc2hlZXQtY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3R0b20tc2hlZXQtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JvdHRvbS1zaGVldC1jb250ZW50LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRml2Qm90dG9tU2hlZXRDb250ZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcm91bmRlZCA9IHRydWU7XG4gIEBJbnB1dCgpIGhhbmRsZSA9IHRydWU7XG4gIEBJbnB1dCgpIGZsb2F0ID0gdHJ1ZTtcblxuICBAT3V0cHV0KCkgZml2Q2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoSW9uQ29udGVudCwgeyBzdGF0aWM6IHRydWUgfSkgY29udGVudDogSW9uQ29udGVudDtcblxuICBjdXJyZW50U3RhdGU6IERyYXdlclN0YXRlO1xuICBzdGF0ZXMgPSBEcmF3ZXJTdGF0ZTtcbiAgc2hvdWxkQm91bmNlID0gdHJ1ZTtcbiAgcGFubmluZyA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm91bmRlZCcpIGdldCBpc1JvdW5kZWQoKTogYm9vbGVhbiB7XG4gICAgc3dpdGNoICh0aGlzLmN1cnJlbnRTdGF0ZSkge1xuICAgICAgY2FzZSBEcmF3ZXJTdGF0ZS5Ub3A6XG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgIGNhc2UgRHJhd2VyU3RhdGUuRG9ja2VkOlxuICAgICAgICByZXR1cm4gdGhpcy5yb3VuZGVkO1xuICAgICAgY2FzZSBEcmF3ZXJTdGF0ZS5Cb3R0b206XG4gICAgICAgIHJldHVybiB0aGlzLnJvdW5kZWQgJiYgIXRoaXMuZmxvYXQ7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIGdldCBzdHlsZXMoKTogU2FmZVN0eWxlIHtcbiAgICBpZiAoISh0aGlzLmZsb2F0ICYmIHRoaXMuY3VycmVudFN0YXRlID09PSBEcmF3ZXJTdGF0ZS5Cb3R0b20pKSB7XG4gICAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXJcbiAgICAgICAgLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShgYm94LXNoYWRvdzogMCA0cHggMTZweCByZ2JhKDAsIDAsIDAsIC4xMik7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0taW9uLWNvbG9yLWxpZ2h0KTtgKTtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZW50LnNjcm9sbEV2ZW50cyA9IHRydWU7XG4gIH1cblxuICB1cGRhdGVTdGF0ZShzdGF0ZTogRHJhd2VyU3RhdGUpOiBhbnkge1xuICAgIHRoaXMuY3VycmVudFN0YXRlID0gc3RhdGU7XG4gIH1cblxuICBjbGljaygpIHtcbiAgICB0aGlzLmZpdkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIl19