| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- (function (factory) {
- if (typeof module === "object" && typeof module.exports === "object") {
- var v = factory(require, exports);
- if (v !== undefined) module.exports = v;
- }
- else if (typeof define === "function" && define.amd) {
- define(["require", "exports", "@angular/core", "./display-when", "../../platform/platform"], factory);
- }
- })(function (require, exports) {
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- var core_1 = require("@angular/core");
- var display_when_1 = require("./display-when");
- var platform_1 = require("../../platform/platform");
- /**
- *
- * @name ShowWhen
- * @description
- * The `showWhen` attribute takes a string that represents a platform or screen orientation.
- * The element the attribute is added to will only be shown when that platform or screen orientation is active.
- *
- * Complements the [hideWhen attribute](../HideWhen). If the `showWhen` attribute is used on an
- * element that also has the `hideWhen` attribute, the element will not show if `hideWhen` evaluates
- * to `true` or `showWhen` evaluates to `false`. If the `hidden` attribute is also added, the element
- * will not show if `hidden` evaluates to `true`.
- *
- * View the [Platform API docs](../../../platform/Platform) for more information on the different
- * platforms you can use.
- *
- * @usage
- * ```html
- * <div showWhen="android">
- * I am visible on Android!
- * </div>
- *
- * <div showWhen="ios">
- * I am visible on iOS!
- * </div>
- *
- * <div showWhen="android,ios">
- * I am visible on Android and iOS!
- * </div>
- *
- * <div showWhen="portrait">
- * I am visible on Portrait!
- * </div>
- *
- * <div showWhen="landscape">
- * I am visible on Landscape!
- * </div>
- * ```
- * @demo /docs/demos/src/show-when/
- * @see {@link ../HideWhen HideWhen API Docs}
- * @see {@link ../../../platform/Platform Platform API Docs}
- */
- var ShowWhen = (function (_super) {
- __extends(ShowWhen, _super);
- function ShowWhen(showWhen, plt, zone) {
- return _super.call(this, showWhen, plt, zone) || this;
- }
- // ngOnDestroy is implemented in DisplayWhen
- ShowWhen.decorators = [
- { type: core_1.Directive, args: [{
- selector: '[showWhen]',
- host: {
- '[class.hidden-show-when]': '!isMatch'
- }
- },] },
- ];
- /** @nocollapse */
- ShowWhen.ctorParameters = function () { return [
- { type: undefined, decorators: [{ type: core_1.Attribute, args: ['showWhen',] },] },
- { type: platform_1.Platform, },
- { type: core_1.NgZone, },
- ]; };
- return ShowWhen;
- }(display_when_1.DisplayWhen));
- exports.ShowWhen = ShowWhen;
- });
- //# sourceMappingURL=show-when.js.map
|