primeng 11.3.1 → 11.4.2

package/bundles/primeng-selectbutton.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/tslib/tslib.es6.js","../../src/app/components/selectbutton/selectbutton.ts"],"names":["Object","create","__values","o","s","Symbol","iterator","m","i","call","length","next","value","done","TypeError","__read","n","r","e","ar","push","error","SELECTBUTTON_VALUE_ACCESSOR","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","SelectButton","multi","cd","this","tabindex","onOptionClick","EventEmitter","onChange","onModelChange","onModelTouched","prototype","getOptionLabel","option","optionLabel","ObjectUtils","resolveFieldData","undefined","label","getOptionValue","optionValue","isOptionDisabled","optionDisabled","disabled","writeValue","markForCheck","registerOnChange","fn","registerOnTouched","setDisabledState","val","onItemClick","event","index","multiple","isSelected","removeOption","arguments","concat","__spread","emit","originalEvent","onBlur","_this","filter","equals","dataKey","selected","_b","_c","Component","args","selector","template","providers","changeDetection","ChangeDetectionStrategy","OnPush","encapsulation","ViewEncapsulation","None","ChangeDetectorRef","Input","Output","ContentChild","TemplateRef","NgModule","imports","CommonModule","RippleModule","exports","declarations"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from) {\r\n    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)\r\n        to[j] = from[i];\r\n    return to;\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","import {NgModule,Component,Input,Output,EventEmitter,forwardRef,ChangeDetectorRef,ContentChild,TemplateRef,ChangeDetectionStrategy, ViewEncapsulation} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ObjectUtils} from 'primeng/utils';\nimport {RippleModule} from 'primeng/ripple';\nimport {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';\n\nexport const SELECTBUTTON_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SelectButton),\n  multi: true\n};\n\n@Component({\n    selector: 'p-selectButton',\n    template: `\n        <div [ngClass]=\"'p-selectbutton p-buttonset p-component'\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"group\">\n            <div *ngFor=\"let option of options; let i = index\" #btn class=\"p-button p-component\" [class]=\"option.styleClass\" role=\"button\" [attr.aria-pressed]=\"isSelected(option)\"\n                [ngClass]=\"{'p-highlight':isSelected(option), \n                        'p-disabled': disabled || isOptionDisabled(option),\n                        'p-button-icon-only': (option.icon && !getOptionLabel(option))}\" \n                (click)=\"onItemClick($event,option,i)\" (keydown.enter)=\"onItemClick($event,option,i)\"\n                [attr.title]=\"option.title\" [attr.aria-label]=\"option.label\" (blur)=\"onBlur()\" [attr.tabindex]=\"disabled ? null : tabindex\" [attr.aria-labelledby]=\"this.getOptionLabel(option)\" pRipple>\n                <ng-container *ngIf=\"!itemTemplate else customcontent\">\n                    <span [ngClass]=\"'p-button-icon p-button-icon-left'\" [class]=\"option.icon\" *ngIf=\"option.icon\"></span>\n                    <span class=\"p-button-label\">{{getOptionLabel(option)}}</span>\n                </ng-container>\n                <ng-template #customcontent>\n                    <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: option, index: i}\"></ng-container>\n                </ng-template>\n            </div>\n        </div>\n    `,\n    providers: [SELECTBUTTON_VALUE_ACCESSOR],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['../button/button.css']\n})\nexport class SelectButton implements ControlValueAccessor {\n\n    @Input() options: any[];\n\n    @Input() optionLabel: string;\n\n    @Input() optionValue: string;\n\n    @Input() optionDisabled: string;\n\n    @Input() tabindex: number = 0;\n\n    @Input() multiple: boolean;\n    \n    @Input() style: any;\n        \n    @Input() styleClass: string;\n\n    @Input() ariaLabelledBy: string;\n\n    @Input() disabled: boolean;\n\n    @Input() dataKey: string\n    \n    @Output() onOptionClick: EventEmitter<any> = new EventEmitter();\n\n    @Output() onChange: EventEmitter<any> = new EventEmitter();\n\n    @ContentChild(TemplateRef) itemTemplate;\n    \n    value: any;\n        \n    onModelChange: Function = () => {};\n    \n    onModelTouched: Function = () => {};\n    \n    constructor(public cd: ChangeDetectorRef) {}\n    \n    getOptionLabel(option: any) {\n        return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : (option.label != undefined ? option.label : option);\n    }\n\n    getOptionValue(option: any) {\n        return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : (this.optionLabel ? option : option.value);\n    }\n\n    isOptionDisabled(option: any) {\n        return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : (option.disabled !== undefined ? option.disabled : false);\n    }\n    \n    writeValue(value: any) : void {\n        this.value = value;\n        this.cd.markForCheck();\n    }\n    \n    registerOnChange(fn: Function): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: Function): void {\n        this.onModelTouched = fn;\n    }\n    \n    setDisabledState(val: boolean): void {\n        this.disabled = val;\n        this.cd.markForCheck();\n    }\n    \n    onItemClick(event, option: any, index: number) {\n        if (this.disabled || this.isOptionDisabled(option)) {\n            return;\n        }\n                \n        if (this.multiple) {\n            if (this.isSelected(option))\n                this.removeOption(option);\n            else\n                this.value = [...(this.value||[]), this.getOptionValue(option)];\n        }\n        else {\n            this.value = this.getOptionValue(option);\n        }\n        \n        this.onOptionClick.emit({\n            originalEvent: event,\n            option: option,\n            index: index\n        });\n        \n        this.onModelChange(this.value);\n        \n        this.onChange.emit({\n            originalEvent: event,\n            value: this.value\n        });\n    }\n    \n    onBlur() {\n        this.onModelTouched();\n    }\n\n    removeOption(option: any): void {\n        this.value = this.value.filter(val => !ObjectUtils.equals(val, this.getOptionValue(option), this.dataKey));\n    }\n    \n    isSelected(option: any) {\n        let selected = false;\n        let optionValue = this.getOptionValue(option);\n\n        if (this.multiple) {\n            if (this.value) {\n                for (let val of this.value) {\n                    if (ObjectUtils.equals(val, optionValue, this.dataKey)) {\n                        selected = true;\n                        break;\n                    }\n                }\n            }\n        }\n        else {\n            selected = ObjectUtils.equals(this.getOptionValue(option), this.value, this.dataKey);\n        }\n\n        return selected;\n    }\n}\n\n@NgModule({\n    imports: [CommonModule,RippleModule],\n    exports: [SelectButton],\n    declarations: [SelectButton]\n})\nexport class SelectButtonModule { }\n"]}
+{"version":3,"sources":["../../node_modules/tslib/tslib.es6.js","../../src/app/components/selectbutton/selectbutton.ts"],"names":["Object","create","__values","o","s","Symbol","iterator","m","i","call","length","next","value","done","TypeError","__read","n","r","e","ar","push","error","SELECTBUTTON_VALUE_ACCESSOR","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","SelectButton","multi","cd","this","tabindex","onOptionClick","EventEmitter","onChange","onModelChange","onModelTouched","prototype","getOptionLabel","option","optionLabel","ObjectUtils","resolveFieldData","undefined","label","getOptionValue","optionValue","isOptionDisabled","optionDisabled","disabled","writeValue","markForCheck","registerOnChange","fn","registerOnTouched","setDisabledState","val","onItemClick","event","index","multiple","isSelected","removeOption","arguments","concat","__spread","emit","originalEvent","onBlur","_this","filter","equals","dataKey","selected","_b","_c","Component","args","selector","template","providers","changeDetection","ChangeDetectionStrategy","OnPush","encapsulation","ViewEncapsulation","None","ChangeDetectorRef","Input","Output","ContentChild","TemplateRef","NgModule","imports","CommonModule","RippleModule","exports","declarations"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from) {\r\n    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)\r\n        to[j] = from[i];\r\n    return to;\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import {NgModule,Component,Input,Output,EventEmitter,forwardRef,ChangeDetectorRef,ContentChild,TemplateRef,ChangeDetectionStrategy, ViewEncapsulation} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ObjectUtils} from 'primeng/utils';\nimport {RippleModule} from 'primeng/ripple';\nimport {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';\n\nexport const SELECTBUTTON_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SelectButton),\n  multi: true\n};\n\n@Component({\n    selector: 'p-selectButton',\n    template: `\n        <div [ngClass]=\"'p-selectbutton p-buttonset p-component'\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"group\">\n            <div *ngFor=\"let option of options; let i = index\" #btn class=\"p-button p-component\" [class]=\"option.styleClass\" role=\"button\" [attr.aria-pressed]=\"isSelected(option)\"\n                [ngClass]=\"{'p-highlight':isSelected(option), \n                        'p-disabled': disabled || isOptionDisabled(option),\n                        'p-button-icon-only': (option.icon && !getOptionLabel(option))}\" \n                (click)=\"onItemClick($event,option,i)\" (keydown.enter)=\"onItemClick($event,option,i)\"\n                [attr.title]=\"option.title\" [attr.aria-label]=\"option.label\" (blur)=\"onBlur()\" [attr.tabindex]=\"disabled ? null : tabindex\" [attr.aria-labelledby]=\"this.getOptionLabel(option)\" pRipple>\n                <ng-container *ngIf=\"!itemTemplate else customcontent\">\n                    <span [ngClass]=\"'p-button-icon p-button-icon-left'\" [class]=\"option.icon\" *ngIf=\"option.icon\"></span>\n                    <span class=\"p-button-label\">{{getOptionLabel(option)}}</span>\n                </ng-container>\n                <ng-template #customcontent>\n                    <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: option, index: i}\"></ng-container>\n                </ng-template>\n            </div>\n        </div>\n    `,\n    providers: [SELECTBUTTON_VALUE_ACCESSOR],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['../button/button.css']\n})\nexport class SelectButton implements ControlValueAccessor {\n\n    @Input() options: any[];\n\n    @Input() optionLabel: string;\n\n    @Input() optionValue: string;\n\n    @Input() optionDisabled: string;\n\n    @Input() tabindex: number = 0;\n\n    @Input() multiple: boolean;\n    \n    @Input() style: any;\n        \n    @Input() styleClass: string;\n\n    @Input() ariaLabelledBy: string;\n\n    @Input() disabled: boolean;\n\n    @Input() dataKey: string\n    \n    @Output() onOptionClick: EventEmitter<any> = new EventEmitter();\n\n    @Output() onChange: EventEmitter<any> = new EventEmitter();\n\n    @ContentChild(TemplateRef) itemTemplate;\n    \n    value: any;\n        \n    onModelChange: Function = () => {};\n    \n    onModelTouched: Function = () => {};\n    \n    constructor(public cd: ChangeDetectorRef) {}\n    \n    getOptionLabel(option: any) {\n        return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : (option.label != undefined ? option.label : option);\n    }\n\n    getOptionValue(option: any) {\n        return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : (this.optionLabel || option.value === undefined ? option : option.value);\n    }\n\n    isOptionDisabled(option: any) {\n        return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : (option.disabled !== undefined ? option.disabled : false);\n    }\n    \n    writeValue(value: any) : void {\n        this.value = value;\n        this.cd.markForCheck();\n    }\n    \n    registerOnChange(fn: Function): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: Function): void {\n        this.onModelTouched = fn;\n    }\n    \n    setDisabledState(val: boolean): void {\n        this.disabled = val;\n        this.cd.markForCheck();\n    }\n    \n    onItemClick(event, option: any, index: number) {\n        if (this.disabled || this.isOptionDisabled(option)) {\n            return;\n        }\n                \n        if (this.multiple) {\n            if (this.isSelected(option))\n                this.removeOption(option);\n            else\n                this.value = [...(this.value||[]), this.getOptionValue(option)];\n        }\n        else {\n            this.value = this.getOptionValue(option);\n        }\n        \n        this.onOptionClick.emit({\n            originalEvent: event,\n            option: option,\n            index: index\n        });\n        \n        this.onModelChange(this.value);\n        \n        this.onChange.emit({\n            originalEvent: event,\n            value: this.value\n        });\n    }\n    \n    onBlur() {\n        this.onModelTouched();\n    }\n\n    removeOption(option: any): void {\n        this.value = this.value.filter(val => !ObjectUtils.equals(val, this.getOptionValue(option), this.dataKey));\n    }\n    \n    isSelected(option: any) {\n        let selected = false;\n        let optionValue = this.getOptionValue(option);\n\n        if (this.multiple) {\n            if (this.value) {\n                for (let val of this.value) {\n                    if (ObjectUtils.equals(val, optionValue, this.dataKey)) {\n                        selected = true;\n                        break;\n                    }\n                }\n            }\n        }\n        else {\n            selected = ObjectUtils.equals(this.getOptionValue(option), this.value, this.dataKey);\n        }\n\n        return selected;\n    }\n}\n\n@NgModule({\n    imports: [CommonModule,RippleModule],\n    exports: [SelectButton],\n    declarations: [SelectButton]\n})\nexport class SelectButtonModule { }\n"]}

package/bundles/primeng-sidebar.umd.js

@@ -4,12 +4,18 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.primeng = global.primeng || {}, global.primeng.sidebar = {}), global.ng.core, global.ng.animations, global.ng.common, global.primeng.ripple, global.primeng.dom, global.primeng.api));
 }(this, (function (exports, core, animations, common, ripple, dom, api) { 'use strict';
 
+    var showAnimation = animations.animation([
+        animations.style({ transform: '{{transform}}', opacity: 0 }),
+        animations.animate('{{transition}}')
+    ]);
+    var hideAnimation = animations.animation([
+        animations.animate('{{transition}}', animations.style({ transform: '{{transform}}', opacity: 0 }))
+    ]);
     var Sidebar = /** @class */ (function () {
         function Sidebar(el, renderer, cd) {
             this.el = el;
             this.renderer = renderer;
             this.cd = cd;
-            this.position = 'left';
             this.blockScroll = false;
             this.autoZIndex = true;
             this.baseZIndex = 0;
@@ -17,21 +23,16 @@
             this.dismissible = true;
             this.showCloseIcon = true;
             this.closeOnEscape = true;
+            this.transitionOptions = '150ms cubic-bezier(0, 0, 0.2, 1)';
             this.onShow = new core.EventEmitter();
             this.onHide = new core.EventEmitter();
             this.visibleChange = new core.EventEmitter();
+            this._position = "left";
+            this._fullScreen = false;
+            this.transformOptions = "translate3d(-100%, 0px, 0px)";
         }
         Sidebar.prototype.ngAfterViewInit = function () {
             this.initialized = true;
-            if (this.appendTo) {
-                if (this.appendTo === 'body')
-                    document.body.appendChild(this.containerViewChild.nativeElement);
-                else
-                    dom.DomHandler.appendChild(this.containerViewChild.nativeElement, this.appendTo);
-            }
-            if (this.visible) {
-                this.show();
-            }
         };
         Sidebar.prototype.ngAfterContentInit = function () {
             var _this = this;
@@ -52,34 +53,55 @@
             },
             set: function (val) {
                 this._visible = val;
-                if (this.initialized && this.containerViewChild && this.containerViewChild.nativeElement) {
-                    if (this._visible)
-                        this.show();
-                    else {
-                        if (this.preventVisibleChangePropagation)
-                            this.preventVisibleChangePropagation = false;
-                        else
-                            this.hide();
-                    }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Sidebar.prototype, "position", {
+            get: function () {
+                return this._position;
+            },
+            set: function (value) {
+                this._position = value;
+                switch (value) {
+                    case 'left':
+                        this.transformOptions = "translate3d(100%, 0px, 0px)";
+                        break;
+                    case 'right':
+                        this.transformOptions = "translate3d(100%, 0px, 0px)";
+                        break;
+                    case 'bottom':
+                        this.transformOptions = "translate3d(0px, 100%, 0px)";
+                        break;
+                    case 'top':
+                        this.transformOptions = "translate3d(0px, -100%, 0px)";
+                        break;
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Sidebar.prototype.ngAfterViewChecked = function () {
-            if (this.executePostDisplayActions) {
-                this.onShow.emit({});
-                this.executePostDisplayActions = false;
-            }
-        };
+        ;
+        Object.defineProperty(Sidebar.prototype, "fullScreen", {
+            get: function () {
+                return this._fullScreen;
+            },
+            set: function (value) {
+                this._fullScreen = value;
+                if (value)
+                    this.transformOptions = "none";
+            },
+            enumerable: false,
+            configurable: true
+        });
         Sidebar.prototype.show = function () {
-            this.executePostDisplayActions = true;
             if (this.autoZIndex) {
-                this.containerViewChild.nativeElement.style.zIndex = String(this.baseZIndex + (++dom.DomHandler.zindex));
+                this.container.style.zIndex = String(this.baseZIndex + (++dom.DomHandler.zindex));
             }
             if (this.modal) {
                 this.enableModality();
             }
+            this.onShow.emit({});
         };
         Sidebar.prototype.hide = function () {
             this.onHide.emit({});
@@ -88,7 +110,6 @@
             }
         };
         Sidebar.prototype.close = function (event) {
-            this.preventVisibleChangePropagation = true;
             this.hide();
             this.visibleChange.emit(false);
             event.preventDefault();
@@ -97,7 +118,7 @@
             var _this = this;
             if (!this.mask) {
                 this.mask = document.createElement('div');
-                this.mask.style.zIndex = String(parseInt(this.containerViewChild.nativeElement.style.zIndex) - 1);
+                this.mask.style.zIndex = String(parseInt(this.container.style.zIndex) - 1);
                 dom.DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-sidebar-mask');
                 if (this.dismissible) {
                     this.maskClickListener = this.renderer.listen(this.mask, 'click', function (event) {
@@ -125,21 +146,33 @@
         Sidebar.prototype.onAnimationStart = function (event) {
             switch (event.toState) {
                 case 'visible':
+                    this.container = event.element;
+                    this.appendContainer();
+                    this.show();
                     if (this.closeOnEscape) {
                         this.bindDocumentEscapeListener();
                     }
                     break;
-                case 'hidden':
+                case 'void':
+                    this.hide();
                     this.unbindGlobalListeners();
                     break;
             }
         };
+        Sidebar.prototype.appendContainer = function () {
+            if (this.appendTo) {
+                if (this.appendTo === 'body')
+                    document.body.appendChild(this.container);
+                else
+                    dom.DomHandler.appendChild(this.container, this.appendTo);
+            }
+        };
         Sidebar.prototype.bindDocumentEscapeListener = function () {
             var _this = this;
             var documentTarget = this.el ? this.el.nativeElement.ownerDocument : 'document';
             this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', function (event) {
                 if (event.which == 27) {
-                    if (parseInt(_this.containerViewChild.nativeElement.style.zIndex) === (dom.DomHandler.zindex + _this.baseZIndex)) {
+                    if (parseInt(_this.container.style.zIndex) === (dom.DomHandler.zindex + _this.baseZIndex)) {
                         _this.close(event);
                     }
                 }
@@ -167,7 +200,7 @@
                 this.hide();
             }
             if (this.appendTo) {
-                this.el.nativeElement.appendChild(this.containerViewChild.nativeElement);
+                this.el.nativeElement.appendChild(this.container);
             }
             this.unbindGlobalListeners();
         };
@@ -176,22 +209,20 @@
     Sidebar.decorators = [
         { type: core.Component, args: [{
                     selector: 'p-sidebar',
-                    template: "\n        <div #container [ngClass]=\"{'p-sidebar':true, 'p-sidebar-active': visible,\n            'p-sidebar-left': (position === 'left'), 'p-sidebar-right': (position === 'right'),\n            'p-sidebar-top': (position === 'top'), 'p-sidebar-bottom': (position === 'bottom'),\n            'p-sidebar-full': fullScreen}\"\n            [@panelState]=\"visible ? 'visible' : 'hidden'\" (@panelState.start)=\"onAnimationStart($event)\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"complementary\" [attr.aria-modal]=\"modal\">\n            <div class=\"p-sidebar-content\">\n                <button type=\"button\" class=\"p-sidebar-close p-link\" *ngIf=\"showCloseIcon\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\" [attr.aria-label]=\"ariaCloseLabel\" pRipple>\n                    <span class=\"p-sidebar-close-icon pi pi-times\"></span>\n                </button>\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    ",
+                    template: "\n        <div #container [ngClass]=\"{'p-sidebar':true, 'p-sidebar-active': visible,\n            'p-sidebar-left': (position === 'left' && !fullScreen), 'p-sidebar-right': (position === 'right' && !fullScreen),\n            'p-sidebar-top': (position === 'top' && !fullScreen), 'p-sidebar-bottom': (position === 'bottom' && !fullScreen),\n            'p-sidebar-full': fullScreen}\"  *ngIf=\"visible\" [@panelState]=\"{value: 'visible', params: {transform: transformOptions, transition: transitionOptions}}\" (@panelState.start)=\"onAnimationStart($event)\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"complementary\" [attr.aria-modal]=\"modal\">\n            <div class=\"p-sidebar-header\">\n                <button type=\"button\" class=\"p-sidebar-close p-sidebar-icon p-link\" *ngIf=\"showCloseIcon\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\" [attr.aria-label]=\"ariaCloseLabel\" pRipple>\n                    <span class=\"p-sidebar-close-icon pi pi-times\"></span>\n                </button>\n            </div>\n            <div class=\"p-sidebar-content\">\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    ",
                     animations: [
                         animations.trigger('panelState', [
-                            animations.state('hidden', animations.style({
-                                opacity: 0
-                            })),
-                            animations.state('visible', animations.style({
-                                opacity: 1
-                            })),
-                            animations.transition('visible => hidden', animations.animate('300ms ease-in')),
-                            animations.transition('hidden => visible', animations.animate('300ms ease-out'))
+                            animations.transition('void => visible', [
+                                animations.useAnimation(showAnimation)
+                            ]),
+                            animations.transition('visible => void', [
+                                animations.useAnimation(hideAnimation)
+                            ])
                         ])
                     ],
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     encapsulation: core.ViewEncapsulation.None,
-                    styles: [".p-sidebar{position:fixed;transition:transform .3s}.p-sidebar-content{position:relative}.p-sidebar-close{align-items:center;display:flex;justify-content:center;overflow:hidden;position:absolute;right:0;top:0}.p-sidebar-mask{transition-property:background-color}.p-sidebar-mask,.p-sidebar-mask-leave.p-component-overlay{background-color:transparent}.p-sidebar-left{height:100%;left:0;top:0;transform:translateX(-100%);width:20rem}.p-sidebar-left.p-sidebar-active{transform:translateX(0)}.p-sidebar-right{height:100%;right:0;top:0;transform:translateX(100%);width:20rem}.p-sidebar-right.p-sidebar-active{transform:translateX(0)}.p-sidebar-top{height:10rem;left:0;top:0;transform:translateY(-100%);width:100%}.p-sidebar-top.p-sidebar-active{transform:translateY(0)}.p-sidebar-bottom{bottom:0;height:10rem;left:0;transform:translateY(100%);width:100%}.p-sidebar-bottom.p-sidebar-active{transform:translateY(0)}.p-sidebar-full{height:100%;left:0;top:0;transition:none;width:100%}.p-sidebar-left.p-sidebar-sm,.p-sidebar-right.p-sidebar-sm{width:20rem}.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-md{width:40rem}.p-sidebar-left.p-sidebar-lg,.p-sidebar-right.p-sidebar-lg{width:60rem}.p-sidebar-bottom.p-sidebar-sm,.p-sidebar-top.p-sidebar-sm{height:10rem}.p-sidebar-bottom.p-sidebar-md,.p-sidebar-top.p-sidebar-md{height:20rem}.p-sidebar-bottom.p-sidebar-lg,.p-sidebar-top.p-sidebar-lg{height:30rem}@media screen and (max-width:64em){.p-sidebar-left.p-sidebar-lg,.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-lg,.p-sidebar-right.p-sidebar-md{width:20rem}}"]
+                    styles: [".p-sidebar{display:flex;flex-direction:column;position:fixed;transition:transform .3s}.p-sidebar-content{overflow-y:auto;position:relative}.p-sidebar-header{align-items:center;display:flex;justify-content:flex-end}.p-sidebar-icon{align-items:center;display:flex;justify-content:center}.p-sidebar-mask{transition-property:background-color}.p-sidebar-mask,.p-sidebar-mask.p-sidebar-mask-leave.p-component-overlay{background-color:transparent}.p-sidebar-left{height:100%;left:0;top:0;width:20rem}.p-sidebar-right{height:100%;right:0;top:0;width:20rem}.p-sidebar-top{height:10rem;left:0;top:0;width:100%}.p-sidebar-bottom{bottom:0;height:10rem;left:0;width:100%}.p-sidebar-full{height:100%;left:0;top:0;transition:none;width:100%}.p-sidebar-left.p-sidebar-sm,.p-sidebar-right.p-sidebar-sm{width:20rem}.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-md{width:40rem}.p-sidebar-left.p-sidebar-lg,.p-sidebar-right.p-sidebar-lg{width:60rem}.p-sidebar-bottom.p-sidebar-sm,.p-sidebar-top.p-sidebar-sm{height:10rem}.p-sidebar-bottom.p-sidebar-md,.p-sidebar-top.p-sidebar-md{height:20rem}.p-sidebar-bottom.p-sidebar-lg,.p-sidebar-top.p-sidebar-lg{height:30rem}@media screen and (max-width:64em){.p-sidebar-left.p-sidebar-lg,.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-lg,.p-sidebar-right.p-sidebar-md{width:20rem}}"]
                 },] }
     ];
     Sidebar.ctorParameters = function () { return [
@@ -200,8 +231,6 @@
         { type: core.ChangeDetectorRef }
     ]; };
     Sidebar.propDecorators = {
-        position: [{ type: core.Input }],
-        fullScreen: [{ type: core.Input }],
         appendTo: [{ type: core.Input }],
         blockScroll: [{ type: core.Input }],
         style: [{ type: core.Input }],
@@ -213,12 +242,14 @@
         dismissible: [{ type: core.Input }],
         showCloseIcon: [{ type: core.Input }],
         closeOnEscape: [{ type: core.Input }],
-        containerViewChild: [{ type: core.ViewChild, args: ['container',] }],
+        transitionOptions: [{ type: core.Input }],
         templates: [{ type: core.ContentChildren, args: [api.PrimeTemplate,] }],
         onShow: [{ type: core.Output }],
         onHide: [{ type: core.Output }],
         visibleChange: [{ type: core.Output }],
-        visible: [{ type: core.Input }]
+        visible: [{ type: core.Input }],
+        position: [{ type: core.Input }],
+        fullScreen: [{ type: core.Input }]
     };
     var SidebarModule = /** @class */ (function () {
         function SidebarModule() {

package/bundles/primeng-sidebar.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-sidebar.umd.js","sources":["../../src/app/components/sidebar/sidebar.ts","../../src/app/components/sidebar/primeng-sidebar.ts"],"sourcesContent":["import {NgModule,Component,AfterViewInit,AfterViewChecked,OnDestroy,Input,Output,EventEmitter,ViewChild,ElementRef,Renderer2,ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, QueryList, AfterContentInit, TemplateRef, ChangeDetectorRef} from '@angular/core';\nimport {trigger, state, style, transition, animate} from '@angular/animations';\nimport {CommonModule} from '@angular/common';\nimport {RippleModule} from 'primeng/ripple';\nimport {DomHandler} from 'primeng/dom';\nimport {PrimeTemplate} from 'primeng/api';\n\n@Component({\n    selector: 'p-sidebar',\n    template: `\n        <div #container [ngClass]=\"{'p-sidebar':true, 'p-sidebar-active': visible,\n            'p-sidebar-left': (position === 'left'), 'p-sidebar-right': (position === 'right'),\n            'p-sidebar-top': (position === 'top'), 'p-sidebar-bottom': (position === 'bottom'),\n            'p-sidebar-full': fullScreen}\"\n            [@panelState]=\"visible ? 'visible' : 'hidden'\" (@panelState.start)=\"onAnimationStart($event)\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"complementary\" [attr.aria-modal]=\"modal\">\n            <div class=\"p-sidebar-content\">\n                <button type=\"button\" class=\"p-sidebar-close p-link\" *ngIf=\"showCloseIcon\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\" [attr.aria-label]=\"ariaCloseLabel\" pRipple>\n                    <span class=\"p-sidebar-close-icon pi pi-times\"></span>\n                </button>\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    `,\n    animations: [\n        trigger('panelState', [\n            state('hidden', style({\n                opacity: 0\n            })),\n            state('visible', style({\n                opacity: 1\n            })),\n            transition('visible => hidden', animate('300ms ease-in')),\n            transition('hidden => visible', animate('300ms ease-out'))\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./sidebar.css']\n})\nexport class Sidebar implements AfterViewInit, AfterContentInit, AfterViewChecked, OnDestroy {\n\n    @Input() position: string = 'left';\n\n    @Input() fullScreen: boolean;\n\n    @Input() appendTo: any;\n\n    @Input() blockScroll: boolean = false;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @Input() ariaCloseLabel: string;\n\n    @Input() autoZIndex: boolean = true;\n\n    @Input() baseZIndex: number = 0;\n\n    @Input() modal: boolean = true;\n\n    @Input() dismissible: boolean = true;\n\n    @Input() showCloseIcon: boolean = true;\n\n    @Input() closeOnEscape: boolean = true;\n\n    @ViewChild('container') containerViewChild: ElementRef;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n    @Output() onShow: EventEmitter<any> = new EventEmitter();\n\n    @Output() onHide: EventEmitter<any> = new EventEmitter();\n\n    @Output() visibleChange:EventEmitter<any> = new EventEmitter();\n\n    initialized: boolean;\n\n    _visible: boolean;\n\n    preventVisibleChangePropagation: boolean;\n\n    mask: HTMLDivElement;\n\n    maskClickListener: Function;\n\n    documentEscapeListener: Function;\n\n    executePostDisplayActions: boolean;\n\n    contentTemplate: TemplateRef<any>;\n\n    constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef) {}\n\n    ngAfterViewInit() {\n        this.initialized = true;\n\n        if (this.appendTo) {\n            if (this.appendTo === 'body')\n                document.body.appendChild(this.containerViewChild.nativeElement);\n            else\n                DomHandler.appendChild(this.containerViewChild.nativeElement, this.appendTo);\n        }\n\n        if (this.visible) {\n            this.show();\n        }\n    }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch(item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                break;\n\n                default:\n                    this.contentTemplate = item.template;\n                break;\n            }\n        });\n    }\n\n    @Input() get visible(): boolean {\n        return this._visible;\n    }\n\n    set visible(val:boolean) {\n        this._visible = val;\n\n        if (this.initialized && this.containerViewChild && this.containerViewChild.nativeElement) {\n            if (this._visible)\n                this.show();\n            else {\n                if (this.preventVisibleChangePropagation)\n                    this.preventVisibleChangePropagation = false;\n                else\n                    this.hide();\n            }\n        }\n    }\n\n    ngAfterViewChecked() {\n        if (this.executePostDisplayActions) {\n            this.onShow.emit({});\n            this.executePostDisplayActions = false;\n        }\n    }\n\n    show() {\n        this.executePostDisplayActions = true;\n        if (this.autoZIndex) {\n            this.containerViewChild.nativeElement.style.zIndex = String(this.baseZIndex + (++DomHandler.zindex));\n        }\n\n        if (this.modal) {\n            this.enableModality();\n        }\n    }\n\n    hide() {\n        this.onHide.emit({});\n\n        if (this.modal) {\n            this.disableModality();\n        }\n    }\n\n    close(event: Event) {\n        this.preventVisibleChangePropagation = true;\n        this.hide();\n        this.visibleChange.emit(false);\n        event.preventDefault();\n    }\n\n    enableModality() {\n        if (!this.mask) {\n            this.mask = document.createElement('div');\n            this.mask.style.zIndex = String(parseInt(this.containerViewChild.nativeElement.style.zIndex) - 1);\n            DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-sidebar-mask');\n\n            if (this.dismissible){\n                this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {\n                    if (this.dismissible) {\n                        this.close(event);\n                    }\n                });\n            }\n\n            document.body.appendChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.addClass(document.body, 'p-overflow-hidden');\n            }\n        }\n    }\n\n    disableModality() {\n        if (this.mask) {\n            this.unbindMaskClickListener();\n            document.body.removeChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.removeClass(document.body, 'p-overflow-hidden');\n            }\n            this.mask = null;\n        }\n    }\n\n    onAnimationStart(event){\n        switch(event.toState) {\n            case 'visible':\n                if (this.closeOnEscape) {\n                    this.bindDocumentEscapeListener();\n                }\n            break;\n\n            case 'hidden':\n                this.unbindGlobalListeners();\n            break;\n        }\n    }\n\n    bindDocumentEscapeListener() {\n        const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';\n\n        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {\n            if (event.which == 27) {\n                if (parseInt(this.containerViewChild.nativeElement.style.zIndex) === (DomHandler.zindex + this.baseZIndex)) {\n                    this.close(event);\n                }\n            }\n        });\n    }\n\n    unbindDocumentEscapeListener() {\n        if (this.documentEscapeListener) {\n            this.documentEscapeListener();\n            this.documentEscapeListener = null;\n        }\n    }\n\n    unbindMaskClickListener() {\n        if (this.maskClickListener) {\n            this.maskClickListener();\n            this.maskClickListener = null;\n        }\n    }\n\n    unbindGlobalListeners() {\n        this.unbindMaskClickListener();\n        this.unbindDocumentEscapeListener();\n    }\n\n    ngOnDestroy() {\n        this.initialized = false;\n\n        if (this.visible) {\n            this.hide();\n        }\n\n        if (this.appendTo) {\n            this.el.nativeElement.appendChild(this.containerViewChild.nativeElement);\n        }\n\n\t\tthis.unbindGlobalListeners();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule,RippleModule],\n    exports: [Sidebar],\n    declarations: [Sidebar]\n})\nexport class SidebarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["EventEmitter","DomHandler","Component","trigger","state","style","transition","animate","ChangeDetectionStrategy","ViewEncapsulation","ElementRef","Renderer2","ChangeDetectorRef","Input","ViewChild","ContentChildren","PrimeTemplate","Output","NgModule","CommonModule","RippleModule"],"mappings":"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"}
+{"version":3,"file":"primeng-sidebar.umd.js","sources":["../../src/app/components/sidebar/sidebar.ts","../../src/app/components/sidebar/primeng-sidebar.ts"],"sourcesContent":["import {NgModule,Component,AfterViewInit,AfterViewChecked,OnDestroy,Input,Output,EventEmitter,ElementRef,Renderer2,ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, QueryList, AfterContentInit, TemplateRef, ChangeDetectorRef} from '@angular/core';\nimport {trigger, style, transition, animate, animation, useAnimation} from '@angular/animations';\nimport {CommonModule} from '@angular/common';\nimport {RippleModule} from 'primeng/ripple';\nimport {DomHandler} from 'primeng/dom';\nimport {PrimeTemplate} from 'primeng/api';\n\nconst showAnimation = animation([\n    style({ transform: '{{transform}}', opacity: 0 }),\n    animate('{{transition}}')\n]);\n\nconst hideAnimation = animation([\n    animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))\n]);\n\n@Component({\n    selector: 'p-sidebar',\n    template: `\n        <div #container [ngClass]=\"{'p-sidebar':true, 'p-sidebar-active': visible,\n            'p-sidebar-left': (position === 'left' && !fullScreen), 'p-sidebar-right': (position === 'right' && !fullScreen),\n            'p-sidebar-top': (position === 'top' && !fullScreen), 'p-sidebar-bottom': (position === 'bottom' && !fullScreen),\n            'p-sidebar-full': fullScreen}\"  *ngIf=\"visible\" [@panelState]=\"{value: 'visible', params: {transform: transformOptions, transition: transitionOptions}}\" (@panelState.start)=\"onAnimationStart($event)\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"complementary\" [attr.aria-modal]=\"modal\">\n            <div class=\"p-sidebar-header\">\n                <button type=\"button\" class=\"p-sidebar-close p-sidebar-icon p-link\" *ngIf=\"showCloseIcon\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\" [attr.aria-label]=\"ariaCloseLabel\" pRipple>\n                    <span class=\"p-sidebar-close-icon pi pi-times\"></span>\n                </button>\n            </div>\n            <div class=\"p-sidebar-content\">\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    `,\n    animations: [\n        trigger('panelState', [\n            transition('void => visible', [\n                useAnimation(showAnimation)\n            ]),\n            transition('visible => void', [\n                useAnimation(hideAnimation)\n            ])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./sidebar.css']\n})\nexport class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy {\n\n    @Input() appendTo: any;\n\n    @Input() blockScroll: boolean = false;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @Input() ariaCloseLabel: string;\n\n    @Input() autoZIndex: boolean = true;\n\n    @Input() baseZIndex: number = 0;\n\n    @Input() modal: boolean = true;\n\n    @Input() dismissible: boolean = true;\n\n    @Input() showCloseIcon: boolean = true;\n\n    @Input() closeOnEscape: boolean = true;\n\n    @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n    @Output() onShow: EventEmitter<any> = new EventEmitter();\n\n    @Output() onHide: EventEmitter<any> = new EventEmitter();\n\n    @Output() visibleChange:EventEmitter<any> = new EventEmitter();\n\n    initialized: boolean;\n\n    _visible: boolean;\n\n    _position: string = \"left\";\n\n    _fullScreen: boolean = false;\n\n    container: HTMLDivElement;\n\n    transformOptions: any = \"translate3d(-100%, 0px, 0px)\";\n\n    mask: HTMLDivElement;\n\n    maskClickListener: Function;\n\n    documentEscapeListener: Function;\n\n    contentTemplate: TemplateRef<any>;\n\n    constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef) {}\n\n    ngAfterViewInit() {\n        this.initialized = true;\n    }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch(item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                break;\n\n                default:\n                    this.contentTemplate = item.template;\n                break;\n            }\n        });\n    }\n\n    @Input() get visible(): boolean {\n        return this._visible;\n    }\n\n    set visible(val:boolean) {\n        this._visible = val;\n    }\n\n    @Input() get position(): string {\n        return this._position;\n    };\n\n    set position(value: string) {\n        this._position = value;\n\n        switch (value) {\n            case 'left':\n                this.transformOptions = \"translate3d(100%, 0px, 0px)\";\n            break;\n            case 'right':\n                this.transformOptions = \"translate3d(100%, 0px, 0px)\";\n            break;\n            case 'bottom':\n                this.transformOptions = \"translate3d(0px, 100%, 0px)\";\n            break;\n            case 'top':\n                this.transformOptions = \"translate3d(0px, -100%, 0px)\";\n            break;\n        }\n    }\n\n    @Input() get fullScreen(): boolean {\n        return this._fullScreen;\n    }\n\n    set fullScreen(value: boolean) {\n        this._fullScreen = value;\n\n        if (value)\n            this.transformOptions = \"none\";\n    }\n\n    show() {\n        if (this.autoZIndex) {\n            this.container.style.zIndex = String(this.baseZIndex + (++DomHandler.zindex));\n        }\n\n        if (this.modal) {\n            this.enableModality();\n        }\n\n        this.onShow.emit({});\n    }\n\n    hide() {\n        this.onHide.emit({});\n\n        if (this.modal) {\n            this.disableModality();\n        }\n    }\n\n    close(event: Event) {\n        this.hide();\n        this.visibleChange.emit(false);\n        event.preventDefault();\n    }\n\n    enableModality() {\n        if (!this.mask) {\n            this.mask = document.createElement('div');\n            this.mask.style.zIndex = String(parseInt(this.container.style.zIndex) - 1);\n            DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-sidebar-mask');\n\n            if (this.dismissible){\n                this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {\n                    if (this.dismissible) {\n                        this.close(event);\n                    }\n                });\n            }\n\n            document.body.appendChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.addClass(document.body, 'p-overflow-hidden');\n            }\n        }\n    }\n\n    disableModality() {\n        if (this.mask) {\n            this.unbindMaskClickListener();\n            document.body.removeChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.removeClass(document.body, 'p-overflow-hidden');\n            }\n            this.mask = null;\n        }\n    }\n\n    onAnimationStart(event){\n        switch(event.toState) {\n            case 'visible':\n                this.container = event.element;\n                this.appendContainer();\n                this.show();\n\n                if (this.closeOnEscape) {\n                    this.bindDocumentEscapeListener();\n                }\n            break;\n\n            case 'void':\n                this.hide();\n                this.unbindGlobalListeners();\n            break;\n        }\n    }\n\n    appendContainer() {\n        if (this.appendTo) {\n            if (this.appendTo === 'body')\n                document.body.appendChild(this.container);\n            else\n                DomHandler.appendChild(this.container, this.appendTo);\n        }\n    }\n\n    bindDocumentEscapeListener() {\n        const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';\n\n        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {\n            if (event.which == 27) {\n                if (parseInt(this.container.style.zIndex) === (DomHandler.zindex + this.baseZIndex)) {\n                    this.close(event);\n                }\n            }\n        });\n    }\n\n    unbindDocumentEscapeListener() {\n        if (this.documentEscapeListener) {\n            this.documentEscapeListener();\n            this.documentEscapeListener = null;\n        }\n    }\n\n    unbindMaskClickListener() {\n        if (this.maskClickListener) {\n            this.maskClickListener();\n            this.maskClickListener = null;\n        }\n    }\n\n    unbindGlobalListeners() {\n        this.unbindMaskClickListener();\n        this.unbindDocumentEscapeListener();\n    }\n\n    ngOnDestroy() {\n        this.initialized = false;\n\n        if (this.visible) {\n            this.hide();\n        }\n\n        if (this.appendTo) {\n            this.el.nativeElement.appendChild(this.container);\n        }\n\n\t\tthis.unbindGlobalListeners();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule,RippleModule],\n    exports: [Sidebar],\n    declarations: [Sidebar]\n})\nexport class SidebarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["animation","style","animate","EventEmitter","DomHandler","Component","trigger","transition","useAnimation","ChangeDetectionStrategy","ViewEncapsulation","ElementRef","Renderer2","ChangeDetectorRef","Input","ContentChildren","PrimeTemplate","Output","NgModule","CommonModule","RippleModule"],"mappings":"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"}

package/bundles/primeng-sidebar.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/animations"),require("@angular/common"),require("primeng/ripple"),require("primeng/dom"),require("primeng/api")):"function"==typeof define&&define.amd?define("primeng/sidebar",["exports","@angular/core","@angular/animations","@angular/common","primeng/ripple","primeng/dom","primeng/api"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.sidebar={}),e.ng.core,e.ng.animations,e.ng.common,e.primeng.ripple,e.primeng.dom,e.primeng.api)}(this,(function(e,t,i,n,s,a,o){"use strict";var r=function(){function e(e,i,n){this.el=e,this.renderer=i,this.cd=n,this.position="left",this.blockScroll=!1,this.autoZIndex=!0,this.baseZIndex=0,this.modal=!0,this.dismissible=!0,this.showCloseIcon=!0,this.closeOnEscape=!0,this.onShow=new t.EventEmitter,this.onHide=new t.EventEmitter,this.visibleChange=new t.EventEmitter}return e.prototype.ngAfterViewInit=function(){this.initialized=!0,this.appendTo&&("body"===this.appendTo?document.body.appendChild(this.containerViewChild.nativeElement):a.DomHandler.appendChild(this.containerViewChild.nativeElement,this.appendTo)),this.visible&&this.show()},e.prototype.ngAfterContentInit=function(){var e=this;this.templates.forEach((function(t){switch(t.getType()){case"content":default:e.contentTemplate=t.template}}))},Object.defineProperty(e.prototype,"visible",{get:function(){return this._visible},set:function(e){this._visible=e,this.initialized&&this.containerViewChild&&this.containerViewChild.nativeElement&&(this._visible?this.show():this.preventVisibleChangePropagation?this.preventVisibleChangePropagation=!1:this.hide())},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewChecked=function(){this.executePostDisplayActions&&(this.onShow.emit({}),this.executePostDisplayActions=!1)},e.prototype.show=function(){this.executePostDisplayActions=!0,this.autoZIndex&&(this.containerViewChild.nativeElement.style.zIndex=String(this.baseZIndex+ ++a.DomHandler.zindex)),this.modal&&this.enableModality()},e.prototype.hide=function(){this.onHide.emit({}),this.modal&&this.disableModality()},e.prototype.close=function(e){this.preventVisibleChangePropagation=!0,this.hide(),this.visibleChange.emit(!1),e.preventDefault()},e.prototype.enableModality=function(){var e=this;this.mask||(this.mask=document.createElement("div"),this.mask.style.zIndex=String(parseInt(this.containerViewChild.nativeElement.style.zIndex)-1),a.DomHandler.addMultipleClasses(this.mask,"p-component-overlay p-sidebar-mask"),this.dismissible&&(this.maskClickListener=this.renderer.listen(this.mask,"click",(function(t){e.dismissible&&e.close(t)}))),document.body.appendChild(this.mask),this.blockScroll&&a.DomHandler.addClass(document.body,"p-overflow-hidden"))},e.prototype.disableModality=function(){this.mask&&(this.unbindMaskClickListener(),document.body.removeChild(this.mask),this.blockScroll&&a.DomHandler.removeClass(document.body,"p-overflow-hidden"),this.mask=null)},e.prototype.onAnimationStart=function(e){switch(e.toState){case"visible":this.closeOnEscape&&this.bindDocumentEscapeListener();break;case"hidden":this.unbindGlobalListeners()}},e.prototype.bindDocumentEscapeListener=function(){var e=this,t=this.el?this.el.nativeElement.ownerDocument:"document";this.documentEscapeListener=this.renderer.listen(t,"keydown",(function(t){27==t.which&&parseInt(e.containerViewChild.nativeElement.style.zIndex)===a.DomHandler.zindex+e.baseZIndex&&e.close(t)}))},e.prototype.unbindDocumentEscapeListener=function(){this.documentEscapeListener&&(this.documentEscapeListener(),this.documentEscapeListener=null)},e.prototype.unbindMaskClickListener=function(){this.maskClickListener&&(this.maskClickListener(),this.maskClickListener=null)},e.prototype.unbindGlobalListeners=function(){this.unbindMaskClickListener(),this.unbindDocumentEscapeListener()},e.prototype.ngOnDestroy=function(){this.initialized=!1,this.visible&&this.hide(),this.appendTo&&this.el.nativeElement.appendChild(this.containerViewChild.nativeElement),this.unbindGlobalListeners()},e}();r.decorators=[{type:t.Component,args:[{selector:"p-sidebar",template:'\n        <div #container [ngClass]="{\'p-sidebar\':true, \'p-sidebar-active\': visible,\n            \'p-sidebar-left\': (position === \'left\'), \'p-sidebar-right\': (position === \'right\'),\n            \'p-sidebar-top\': (position === \'top\'), \'p-sidebar-bottom\': (position === \'bottom\'),\n            \'p-sidebar-full\': fullScreen}"\n            [@panelState]="visible ? \'visible\' : \'hidden\'" (@panelState.start)="onAnimationStart($event)" [ngStyle]="style" [class]="styleClass"  role="complementary" [attr.aria-modal]="modal">\n            <div class="p-sidebar-content">\n                <button type="button" class="p-sidebar-close p-link" *ngIf="showCloseIcon" (click)="close($event)" (keydown.enter)="close($event)" [attr.aria-label]="ariaCloseLabel" pRipple>\n                    <span class="p-sidebar-close-icon pi pi-times"></span>\n                </button>\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n            </div>\n        </div>\n    ',animations:[i.trigger("panelState",[i.state("hidden",i.style({opacity:0})),i.state("visible",i.style({opacity:1})),i.transition("visible => hidden",i.animate("300ms ease-in")),i.transition("hidden => visible",i.animate("300ms ease-out"))])],changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".p-sidebar{position:fixed;transition:transform .3s}.p-sidebar-content{position:relative}.p-sidebar-close{align-items:center;display:flex;justify-content:center;overflow:hidden;position:absolute;right:0;top:0}.p-sidebar-mask{transition-property:background-color}.p-sidebar-mask,.p-sidebar-mask-leave.p-component-overlay{background-color:transparent}.p-sidebar-left{height:100%;left:0;top:0;transform:translateX(-100%);width:20rem}.p-sidebar-left.p-sidebar-active{transform:translateX(0)}.p-sidebar-right{height:100%;right:0;top:0;transform:translateX(100%);width:20rem}.p-sidebar-right.p-sidebar-active{transform:translateX(0)}.p-sidebar-top{height:10rem;left:0;top:0;transform:translateY(-100%);width:100%}.p-sidebar-top.p-sidebar-active{transform:translateY(0)}.p-sidebar-bottom{bottom:0;height:10rem;left:0;transform:translateY(100%);width:100%}.p-sidebar-bottom.p-sidebar-active{transform:translateY(0)}.p-sidebar-full{height:100%;left:0;top:0;transition:none;width:100%}.p-sidebar-left.p-sidebar-sm,.p-sidebar-right.p-sidebar-sm{width:20rem}.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-md{width:40rem}.p-sidebar-left.p-sidebar-lg,.p-sidebar-right.p-sidebar-lg{width:60rem}.p-sidebar-bottom.p-sidebar-sm,.p-sidebar-top.p-sidebar-sm{height:10rem}.p-sidebar-bottom.p-sidebar-md,.p-sidebar-top.p-sidebar-md{height:20rem}.p-sidebar-bottom.p-sidebar-lg,.p-sidebar-top.p-sidebar-lg{height:30rem}@media screen and (max-width:64em){.p-sidebar-left.p-sidebar-lg,.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-lg,.p-sidebar-right.p-sidebar-md{width:20rem}}"]}]}],r.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ChangeDetectorRef}]},r.propDecorators={position:[{type:t.Input}],fullScreen:[{type:t.Input}],appendTo:[{type:t.Input}],blockScroll:[{type:t.Input}],style:[{type:t.Input}],styleClass:[{type:t.Input}],ariaCloseLabel:[{type:t.Input}],autoZIndex:[{type:t.Input}],baseZIndex:[{type:t.Input}],modal:[{type:t.Input}],dismissible:[{type:t.Input}],showCloseIcon:[{type:t.Input}],closeOnEscape:[{type:t.Input}],containerViewChild:[{type:t.ViewChild,args:["container"]}],templates:[{type:t.ContentChildren,args:[o.PrimeTemplate]}],onShow:[{type:t.Output}],onHide:[{type:t.Output}],visibleChange:[{type:t.Output}],visible:[{type:t.Input}]};var p=function(){};p.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,s.RippleModule],exports:[r],declarations:[r]}]}],e.Sidebar=r,e.SidebarModule=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/animations"),require("@angular/common"),require("primeng/ripple"),require("primeng/dom"),require("primeng/api")):"function"==typeof define&&define.amd?define("primeng/sidebar",["exports","@angular/core","@angular/animations","@angular/common","primeng/ripple","primeng/dom","primeng/api"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.sidebar={}),e.ng.core,e.ng.animations,e.ng.common,e.primeng.ripple,e.primeng.dom,e.primeng.api)}(this,(function(e,t,i,n,s,o,r){"use strict";var a=i.animation([i.style({transform:"{{transform}}",opacity:0}),i.animate("{{transition}}")]),p=i.animation([i.animate("{{transition}}",i.style({transform:"{{transform}}",opacity:0}))]),l=function(){function e(e,i,n){this.el=e,this.renderer=i,this.cd=n,this.blockScroll=!1,this.autoZIndex=!0,this.baseZIndex=0,this.modal=!0,this.dismissible=!0,this.showCloseIcon=!0,this.closeOnEscape=!0,this.transitionOptions="150ms cubic-bezier(0, 0, 0.2, 1)",this.onShow=new t.EventEmitter,this.onHide=new t.EventEmitter,this.visibleChange=new t.EventEmitter,this._position="left",this._fullScreen=!1,this.transformOptions="translate3d(-100%, 0px, 0px)"}return e.prototype.ngAfterViewInit=function(){this.initialized=!0},e.prototype.ngAfterContentInit=function(){var e=this;this.templates.forEach((function(t){switch(t.getType()){case"content":default:e.contentTemplate=t.template}}))},Object.defineProperty(e.prototype,"visible",{get:function(){return this._visible},set:function(e){this._visible=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"position",{get:function(){return this._position},set:function(e){switch(this._position=e,e){case"left":case"right":this.transformOptions="translate3d(100%, 0px, 0px)";break;case"bottom":this.transformOptions="translate3d(0px, 100%, 0px)";break;case"top":this.transformOptions="translate3d(0px, -100%, 0px)"}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"fullScreen",{get:function(){return this._fullScreen},set:function(e){this._fullScreen=e,e&&(this.transformOptions="none")},enumerable:!1,configurable:!0}),e.prototype.show=function(){this.autoZIndex&&(this.container.style.zIndex=String(this.baseZIndex+ ++o.DomHandler.zindex)),this.modal&&this.enableModality(),this.onShow.emit({})},e.prototype.hide=function(){this.onHide.emit({}),this.modal&&this.disableModality()},e.prototype.close=function(e){this.hide(),this.visibleChange.emit(!1),e.preventDefault()},e.prototype.enableModality=function(){var e=this;this.mask||(this.mask=document.createElement("div"),this.mask.style.zIndex=String(parseInt(this.container.style.zIndex)-1),o.DomHandler.addMultipleClasses(this.mask,"p-component-overlay p-sidebar-mask"),this.dismissible&&(this.maskClickListener=this.renderer.listen(this.mask,"click",(function(t){e.dismissible&&e.close(t)}))),document.body.appendChild(this.mask),this.blockScroll&&o.DomHandler.addClass(document.body,"p-overflow-hidden"))},e.prototype.disableModality=function(){this.mask&&(this.unbindMaskClickListener(),document.body.removeChild(this.mask),this.blockScroll&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),this.mask=null)},e.prototype.onAnimationStart=function(e){switch(e.toState){case"visible":this.container=e.element,this.appendContainer(),this.show(),this.closeOnEscape&&this.bindDocumentEscapeListener();break;case"void":this.hide(),this.unbindGlobalListeners()}},e.prototype.appendContainer=function(){this.appendTo&&("body"===this.appendTo?document.body.appendChild(this.container):o.DomHandler.appendChild(this.container,this.appendTo))},e.prototype.bindDocumentEscapeListener=function(){var e=this,t=this.el?this.el.nativeElement.ownerDocument:"document";this.documentEscapeListener=this.renderer.listen(t,"keydown",(function(t){27==t.which&&parseInt(e.container.style.zIndex)===o.DomHandler.zindex+e.baseZIndex&&e.close(t)}))},e.prototype.unbindDocumentEscapeListener=function(){this.documentEscapeListener&&(this.documentEscapeListener(),this.documentEscapeListener=null)},e.prototype.unbindMaskClickListener=function(){this.maskClickListener&&(this.maskClickListener(),this.maskClickListener=null)},e.prototype.unbindGlobalListeners=function(){this.unbindMaskClickListener(),this.unbindDocumentEscapeListener()},e.prototype.ngOnDestroy=function(){this.initialized=!1,this.visible&&this.hide(),this.appendTo&&this.el.nativeElement.appendChild(this.container),this.unbindGlobalListeners()},e}();l.decorators=[{type:t.Component,args:[{selector:"p-sidebar",template:'\n        <div #container [ngClass]="{\'p-sidebar\':true, \'p-sidebar-active\': visible,\n            \'p-sidebar-left\': (position === \'left\' && !fullScreen), \'p-sidebar-right\': (position === \'right\' && !fullScreen),\n            \'p-sidebar-top\': (position === \'top\' && !fullScreen), \'p-sidebar-bottom\': (position === \'bottom\' && !fullScreen),\n            \'p-sidebar-full\': fullScreen}"  *ngIf="visible" [@panelState]="{value: \'visible\', params: {transform: transformOptions, transition: transitionOptions}}" (@panelState.start)="onAnimationStart($event)" [ngStyle]="style" [class]="styleClass"  role="complementary" [attr.aria-modal]="modal">\n            <div class="p-sidebar-header">\n                <button type="button" class="p-sidebar-close p-sidebar-icon p-link" *ngIf="showCloseIcon" (click)="close($event)" (keydown.enter)="close($event)" [attr.aria-label]="ariaCloseLabel" pRipple>\n                    <span class="p-sidebar-close-icon pi pi-times"></span>\n                </button>\n            </div>\n            <div class="p-sidebar-content">\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n            </div>\n        </div>\n    ',animations:[i.trigger("panelState",[i.transition("void => visible",[i.useAnimation(a)]),i.transition("visible => void",[i.useAnimation(p)])])],changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".p-sidebar{display:flex;flex-direction:column;position:fixed;transition:transform .3s}.p-sidebar-content{overflow-y:auto;position:relative}.p-sidebar-header{align-items:center;display:flex;justify-content:flex-end}.p-sidebar-icon{align-items:center;display:flex;justify-content:center}.p-sidebar-mask{transition-property:background-color}.p-sidebar-mask,.p-sidebar-mask.p-sidebar-mask-leave.p-component-overlay{background-color:transparent}.p-sidebar-left{height:100%;left:0;top:0;width:20rem}.p-sidebar-right{height:100%;right:0;top:0;width:20rem}.p-sidebar-top{height:10rem;left:0;top:0;width:100%}.p-sidebar-bottom{bottom:0;height:10rem;left:0;width:100%}.p-sidebar-full{height:100%;left:0;top:0;transition:none;width:100%}.p-sidebar-left.p-sidebar-sm,.p-sidebar-right.p-sidebar-sm{width:20rem}.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-md{width:40rem}.p-sidebar-left.p-sidebar-lg,.p-sidebar-right.p-sidebar-lg{width:60rem}.p-sidebar-bottom.p-sidebar-sm,.p-sidebar-top.p-sidebar-sm{height:10rem}.p-sidebar-bottom.p-sidebar-md,.p-sidebar-top.p-sidebar-md{height:20rem}.p-sidebar-bottom.p-sidebar-lg,.p-sidebar-top.p-sidebar-lg{height:30rem}@media screen and (max-width:64em){.p-sidebar-left.p-sidebar-lg,.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-lg,.p-sidebar-right.p-sidebar-md{width:20rem}}"]}]}],l.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ChangeDetectorRef}]},l.propDecorators={appendTo:[{type:t.Input}],blockScroll:[{type:t.Input}],style:[{type:t.Input}],styleClass:[{type:t.Input}],ariaCloseLabel:[{type:t.Input}],autoZIndex:[{type:t.Input}],baseZIndex:[{type:t.Input}],modal:[{type:t.Input}],dismissible:[{type:t.Input}],showCloseIcon:[{type:t.Input}],closeOnEscape:[{type:t.Input}],transitionOptions:[{type:t.Input}],templates:[{type:t.ContentChildren,args:[r.PrimeTemplate]}],onShow:[{type:t.Output}],onHide:[{type:t.Output}],visibleChange:[{type:t.Output}],visible:[{type:t.Input}],position:[{type:t.Input}],fullScreen:[{type:t.Input}]};var d=function(){};d.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,s.RippleModule],exports:[l],declarations:[l]}]}],e.Sidebar=l,e.SidebarModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=primeng-sidebar.umd.min.js.map

package/bundles/primeng-sidebar.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/app/components/sidebar/sidebar.ts"],"names":["Sidebar","el","renderer","cd","this","position","blockScroll","autoZIndex","baseZIndex","modal","dismissible","showCloseIcon","closeOnEscape","onShow","EventEmitter","onHide","visibleChange","prototype","ngAfterViewInit","initialized","appendTo","document","body","appendChild","containerViewChild","nativeElement","DomHandler","visible","show","ngAfterContentInit","_this","templates","forEach","item","getType","contentTemplate","template","Object","defineProperty","_visible","val","preventVisibleChangePropagation","hide","ngAfterViewChecked","executePostDisplayActions","emit","style","zIndex","String","zindex","enableModality","disableModality","close","event","preventDefault","mask","createElement","parseInt","addMultipleClasses","maskClickListener","listen","addClass","unbindMaskClickListener","removeChild","removeClass","onAnimationStart","toState","bindDocumentEscapeListener","unbindGlobalListeners","documentTarget","ownerDocument","documentEscapeListener","which","unbindDocumentEscapeListener","ngOnDestroy","Component","args","selector","animations","trigger","state","opacity","transition","animate","changeDetection","ChangeDetectionStrategy","OnPush","encapsulation","ViewEncapsulation","None","ElementRef","Renderer2","ChangeDetectorRef","Input","ViewChild","ContentChildren","PrimeTemplate","Output","NgModule","imports","CommonModule","RippleModule","exports","declarations"],"mappings":"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","sourcesContent":["import {NgModule,Component,AfterViewInit,AfterViewChecked,OnDestroy,Input,Output,EventEmitter,ViewChild,ElementRef,Renderer2,ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, QueryList, AfterContentInit, TemplateRef, ChangeDetectorRef} from '@angular/core';\nimport {trigger, state, style, transition, animate} from '@angular/animations';\nimport {CommonModule} from '@angular/common';\nimport {RippleModule} from 'primeng/ripple';\nimport {DomHandler} from 'primeng/dom';\nimport {PrimeTemplate} from 'primeng/api';\n\n@Component({\n    selector: 'p-sidebar',\n    template: `\n        <div #container [ngClass]=\"{'p-sidebar':true, 'p-sidebar-active': visible,\n            'p-sidebar-left': (position === 'left'), 'p-sidebar-right': (position === 'right'),\n            'p-sidebar-top': (position === 'top'), 'p-sidebar-bottom': (position === 'bottom'),\n            'p-sidebar-full': fullScreen}\"\n            [@panelState]=\"visible ? 'visible' : 'hidden'\" (@panelState.start)=\"onAnimationStart($event)\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"complementary\" [attr.aria-modal]=\"modal\">\n            <div class=\"p-sidebar-content\">\n                <button type=\"button\" class=\"p-sidebar-close p-link\" *ngIf=\"showCloseIcon\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\" [attr.aria-label]=\"ariaCloseLabel\" pRipple>\n                    <span class=\"p-sidebar-close-icon pi pi-times\"></span>\n                </button>\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    `,\n    animations: [\n        trigger('panelState', [\n            state('hidden', style({\n                opacity: 0\n            })),\n            state('visible', style({\n                opacity: 1\n            })),\n            transition('visible => hidden', animate('300ms ease-in')),\n            transition('hidden => visible', animate('300ms ease-out'))\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./sidebar.css']\n})\nexport class Sidebar implements AfterViewInit, AfterContentInit, AfterViewChecked, OnDestroy {\n\n    @Input() position: string = 'left';\n\n    @Input() fullScreen: boolean;\n\n    @Input() appendTo: any;\n\n    @Input() blockScroll: boolean = false;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @Input() ariaCloseLabel: string;\n\n    @Input() autoZIndex: boolean = true;\n\n    @Input() baseZIndex: number = 0;\n\n    @Input() modal: boolean = true;\n\n    @Input() dismissible: boolean = true;\n\n    @Input() showCloseIcon: boolean = true;\n\n    @Input() closeOnEscape: boolean = true;\n\n    @ViewChild('container') containerViewChild: ElementRef;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n    @Output() onShow: EventEmitter<any> = new EventEmitter();\n\n    @Output() onHide: EventEmitter<any> = new EventEmitter();\n\n    @Output() visibleChange:EventEmitter<any> = new EventEmitter();\n\n    initialized: boolean;\n\n    _visible: boolean;\n\n    preventVisibleChangePropagation: boolean;\n\n    mask: HTMLDivElement;\n\n    maskClickListener: Function;\n\n    documentEscapeListener: Function;\n\n    executePostDisplayActions: boolean;\n\n    contentTemplate: TemplateRef<any>;\n\n    constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef) {}\n\n    ngAfterViewInit() {\n        this.initialized = true;\n\n        if (this.appendTo) {\n            if (this.appendTo === 'body')\n                document.body.appendChild(this.containerViewChild.nativeElement);\n            else\n                DomHandler.appendChild(this.containerViewChild.nativeElement, this.appendTo);\n        }\n\n        if (this.visible) {\n            this.show();\n        }\n    }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch(item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                break;\n\n                default:\n                    this.contentTemplate = item.template;\n                break;\n            }\n        });\n    }\n\n    @Input() get visible(): boolean {\n        return this._visible;\n    }\n\n    set visible(val:boolean) {\n        this._visible = val;\n\n        if (this.initialized && this.containerViewChild && this.containerViewChild.nativeElement) {\n            if (this._visible)\n                this.show();\n            else {\n                if (this.preventVisibleChangePropagation)\n                    this.preventVisibleChangePropagation = false;\n                else\n                    this.hide();\n            }\n        }\n    }\n\n    ngAfterViewChecked() {\n        if (this.executePostDisplayActions) {\n            this.onShow.emit({});\n            this.executePostDisplayActions = false;\n        }\n    }\n\n    show() {\n        this.executePostDisplayActions = true;\n        if (this.autoZIndex) {\n            this.containerViewChild.nativeElement.style.zIndex = String(this.baseZIndex + (++DomHandler.zindex));\n        }\n\n        if (this.modal) {\n            this.enableModality();\n        }\n    }\n\n    hide() {\n        this.onHide.emit({});\n\n        if (this.modal) {\n            this.disableModality();\n        }\n    }\n\n    close(event: Event) {\n        this.preventVisibleChangePropagation = true;\n        this.hide();\n        this.visibleChange.emit(false);\n        event.preventDefault();\n    }\n\n    enableModality() {\n        if (!this.mask) {\n            this.mask = document.createElement('div');\n            this.mask.style.zIndex = String(parseInt(this.containerViewChild.nativeElement.style.zIndex) - 1);\n            DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-sidebar-mask');\n\n            if (this.dismissible){\n                this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {\n                    if (this.dismissible) {\n                        this.close(event);\n                    }\n                });\n            }\n\n            document.body.appendChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.addClass(document.body, 'p-overflow-hidden');\n            }\n        }\n    }\n\n    disableModality() {\n        if (this.mask) {\n            this.unbindMaskClickListener();\n            document.body.removeChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.removeClass(document.body, 'p-overflow-hidden');\n            }\n            this.mask = null;\n        }\n    }\n\n    onAnimationStart(event){\n        switch(event.toState) {\n            case 'visible':\n                if (this.closeOnEscape) {\n                    this.bindDocumentEscapeListener();\n                }\n            break;\n\n            case 'hidden':\n                this.unbindGlobalListeners();\n            break;\n        }\n    }\n\n    bindDocumentEscapeListener() {\n        const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';\n\n        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {\n            if (event.which == 27) {\n                if (parseInt(this.containerViewChild.nativeElement.style.zIndex) === (DomHandler.zindex + this.baseZIndex)) {\n                    this.close(event);\n                }\n            }\n        });\n    }\n\n    unbindDocumentEscapeListener() {\n        if (this.documentEscapeListener) {\n            this.documentEscapeListener();\n            this.documentEscapeListener = null;\n        }\n    }\n\n    unbindMaskClickListener() {\n        if (this.maskClickListener) {\n            this.maskClickListener();\n            this.maskClickListener = null;\n        }\n    }\n\n    unbindGlobalListeners() {\n        this.unbindMaskClickListener();\n        this.unbindDocumentEscapeListener();\n    }\n\n    ngOnDestroy() {\n        this.initialized = false;\n\n        if (this.visible) {\n            this.hide();\n        }\n\n        if (this.appendTo) {\n            this.el.nativeElement.appendChild(this.containerViewChild.nativeElement);\n        }\n\n\t\tthis.unbindGlobalListeners();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule,RippleModule],\n    exports: [Sidebar],\n    declarations: [Sidebar]\n})\nexport class SidebarModule { }\n"]}
+{"version":3,"sources":["../../src/app/components/sidebar/sidebar.ts"],"names":["showAnimation","animation","style","transform","opacity","animate","hideAnimation","Sidebar","el","renderer","cd","this","blockScroll","autoZIndex","baseZIndex","modal","dismissible","showCloseIcon","closeOnEscape","transitionOptions","onShow","EventEmitter","onHide","visibleChange","_position","_fullScreen","transformOptions","prototype","ngAfterViewInit","initialized","ngAfterContentInit","_this","templates","forEach","item","getType","contentTemplate","template","Object","defineProperty","_visible","val","value","show","container","zIndex","String","DomHandler","zindex","enableModality","emit","hide","disableModality","close","event","preventDefault","mask","document","createElement","parseInt","addMultipleClasses","maskClickListener","listen","body","appendChild","addClass","unbindMaskClickListener","removeChild","removeClass","onAnimationStart","toState","element","appendContainer","bindDocumentEscapeListener","unbindGlobalListeners","appendTo","documentTarget","nativeElement","ownerDocument","documentEscapeListener","which","unbindDocumentEscapeListener","ngOnDestroy","visible","Component","args","selector","animations","trigger","transition","useAnimation","changeDetection","ChangeDetectionStrategy","OnPush","encapsulation","ViewEncapsulation","None","ElementRef","Renderer2","ChangeDetectorRef","Input","ContentChildren","PrimeTemplate","Output","NgModule","imports","CommonModule","RippleModule","exports","declarations"],"mappings":"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","sourcesContent":["import {NgModule,Component,AfterViewInit,AfterViewChecked,OnDestroy,Input,Output,EventEmitter,ElementRef,Renderer2,ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, QueryList, AfterContentInit, TemplateRef, ChangeDetectorRef} from '@angular/core';\nimport {trigger, style, transition, animate, animation, useAnimation} from '@angular/animations';\nimport {CommonModule} from '@angular/common';\nimport {RippleModule} from 'primeng/ripple';\nimport {DomHandler} from 'primeng/dom';\nimport {PrimeTemplate} from 'primeng/api';\n\nconst showAnimation = animation([\n    style({ transform: '{{transform}}', opacity: 0 }),\n    animate('{{transition}}')\n]);\n\nconst hideAnimation = animation([\n    animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))\n]);\n\n@Component({\n    selector: 'p-sidebar',\n    template: `\n        <div #container [ngClass]=\"{'p-sidebar':true, 'p-sidebar-active': visible,\n            'p-sidebar-left': (position === 'left' && !fullScreen), 'p-sidebar-right': (position === 'right' && !fullScreen),\n            'p-sidebar-top': (position === 'top' && !fullScreen), 'p-sidebar-bottom': (position === 'bottom' && !fullScreen),\n            'p-sidebar-full': fullScreen}\"  *ngIf=\"visible\" [@panelState]=\"{value: 'visible', params: {transform: transformOptions, transition: transitionOptions}}\" (@panelState.start)=\"onAnimationStart($event)\" [ngStyle]=\"style\" [class]=\"styleClass\"  role=\"complementary\" [attr.aria-modal]=\"modal\">\n            <div class=\"p-sidebar-header\">\n                <button type=\"button\" class=\"p-sidebar-close p-sidebar-icon p-link\" *ngIf=\"showCloseIcon\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\" [attr.aria-label]=\"ariaCloseLabel\" pRipple>\n                    <span class=\"p-sidebar-close-icon pi pi-times\"></span>\n                </button>\n            </div>\n            <div class=\"p-sidebar-content\">\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    `,\n    animations: [\n        trigger('panelState', [\n            transition('void => visible', [\n                useAnimation(showAnimation)\n            ]),\n            transition('visible => void', [\n                useAnimation(hideAnimation)\n            ])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./sidebar.css']\n})\nexport class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy {\n\n    @Input() appendTo: any;\n\n    @Input() blockScroll: boolean = false;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @Input() ariaCloseLabel: string;\n\n    @Input() autoZIndex: boolean = true;\n\n    @Input() baseZIndex: number = 0;\n\n    @Input() modal: boolean = true;\n\n    @Input() dismissible: boolean = true;\n\n    @Input() showCloseIcon: boolean = true;\n\n    @Input() closeOnEscape: boolean = true;\n\n    @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n    @Output() onShow: EventEmitter<any> = new EventEmitter();\n\n    @Output() onHide: EventEmitter<any> = new EventEmitter();\n\n    @Output() visibleChange:EventEmitter<any> = new EventEmitter();\n\n    initialized: boolean;\n\n    _visible: boolean;\n\n    _position: string = \"left\";\n\n    _fullScreen: boolean = false;\n\n    container: HTMLDivElement;\n\n    transformOptions: any = \"translate3d(-100%, 0px, 0px)\";\n\n    mask: HTMLDivElement;\n\n    maskClickListener: Function;\n\n    documentEscapeListener: Function;\n\n    contentTemplate: TemplateRef<any>;\n\n    constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef) {}\n\n    ngAfterViewInit() {\n        this.initialized = true;\n    }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch(item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                break;\n\n                default:\n                    this.contentTemplate = item.template;\n                break;\n            }\n        });\n    }\n\n    @Input() get visible(): boolean {\n        return this._visible;\n    }\n\n    set visible(val:boolean) {\n        this._visible = val;\n    }\n\n    @Input() get position(): string {\n        return this._position;\n    };\n\n    set position(value: string) {\n        this._position = value;\n\n        switch (value) {\n            case 'left':\n                this.transformOptions = \"translate3d(100%, 0px, 0px)\";\n            break;\n            case 'right':\n                this.transformOptions = \"translate3d(100%, 0px, 0px)\";\n            break;\n            case 'bottom':\n                this.transformOptions = \"translate3d(0px, 100%, 0px)\";\n            break;\n            case 'top':\n                this.transformOptions = \"translate3d(0px, -100%, 0px)\";\n            break;\n        }\n    }\n\n    @Input() get fullScreen(): boolean {\n        return this._fullScreen;\n    }\n\n    set fullScreen(value: boolean) {\n        this._fullScreen = value;\n\n        if (value)\n            this.transformOptions = \"none\";\n    }\n\n    show() {\n        if (this.autoZIndex) {\n            this.container.style.zIndex = String(this.baseZIndex + (++DomHandler.zindex));\n        }\n\n        if (this.modal) {\n            this.enableModality();\n        }\n\n        this.onShow.emit({});\n    }\n\n    hide() {\n        this.onHide.emit({});\n\n        if (this.modal) {\n            this.disableModality();\n        }\n    }\n\n    close(event: Event) {\n        this.hide();\n        this.visibleChange.emit(false);\n        event.preventDefault();\n    }\n\n    enableModality() {\n        if (!this.mask) {\n            this.mask = document.createElement('div');\n            this.mask.style.zIndex = String(parseInt(this.container.style.zIndex) - 1);\n            DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-sidebar-mask');\n\n            if (this.dismissible){\n                this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {\n                    if (this.dismissible) {\n                        this.close(event);\n                    }\n                });\n            }\n\n            document.body.appendChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.addClass(document.body, 'p-overflow-hidden');\n            }\n        }\n    }\n\n    disableModality() {\n        if (this.mask) {\n            this.unbindMaskClickListener();\n            document.body.removeChild(this.mask);\n            if (this.blockScroll) {\n                DomHandler.removeClass(document.body, 'p-overflow-hidden');\n            }\n            this.mask = null;\n        }\n    }\n\n    onAnimationStart(event){\n        switch(event.toState) {\n            case 'visible':\n                this.container = event.element;\n                this.appendContainer();\n                this.show();\n\n                if (this.closeOnEscape) {\n                    this.bindDocumentEscapeListener();\n                }\n            break;\n\n            case 'void':\n                this.hide();\n                this.unbindGlobalListeners();\n            break;\n        }\n    }\n\n    appendContainer() {\n        if (this.appendTo) {\n            if (this.appendTo === 'body')\n                document.body.appendChild(this.container);\n            else\n                DomHandler.appendChild(this.container, this.appendTo);\n        }\n    }\n\n    bindDocumentEscapeListener() {\n        const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : 'document';\n\n        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {\n            if (event.which == 27) {\n                if (parseInt(this.container.style.zIndex) === (DomHandler.zindex + this.baseZIndex)) {\n                    this.close(event);\n                }\n            }\n        });\n    }\n\n    unbindDocumentEscapeListener() {\n        if (this.documentEscapeListener) {\n            this.documentEscapeListener();\n            this.documentEscapeListener = null;\n        }\n    }\n\n    unbindMaskClickListener() {\n        if (this.maskClickListener) {\n            this.maskClickListener();\n            this.maskClickListener = null;\n        }\n    }\n\n    unbindGlobalListeners() {\n        this.unbindMaskClickListener();\n        this.unbindDocumentEscapeListener();\n    }\n\n    ngOnDestroy() {\n        this.initialized = false;\n\n        if (this.visible) {\n            this.hide();\n        }\n\n        if (this.appendTo) {\n            this.el.nativeElement.appendChild(this.container);\n        }\n\n\t\tthis.unbindGlobalListeners();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule,RippleModule],\n    exports: [Sidebar],\n    declarations: [Sidebar]\n})\nexport class SidebarModule { }\n"]}

package/bundles/primeng-skeleton.umd.js

@@ -17,7 +17,7 @@
             return {
                 'p-skeleton p-component': true,
                 'p-skeleton-circle': this.shape === 'circle',
-                'p-skeleton-animation-none': this.animation === 'none'
+                'p-skeleton-none': this.animation === 'none'
             };
         };
         Skeleton.prototype.containerStyle = function () {

package/bundles/primeng-skeleton.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-skeleton.umd.js","sources":["../../src/app/components/skeleton/skeleton.ts","../../src/app/components/skeleton/primeng-skeleton.ts"],"sourcesContent":["import { NgModule, Component, ChangeDetectionStrategy, ViewEncapsulation, Input} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'p-skeleton',\n    template: `\n        <div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"containerStyle()\">\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./skeleton.css']\n})\nexport class Skeleton {\n\n    @Input() styleClass: string;\n\n    @Input() style: any;\n\n    @Input() shape: string = \"rectangle\";\n\n    @Input() animation: string = \"wave\";\n\n    @Input() borderRadius: string = null;\n\n    @Input() size: string = null;\n\n    @Input() width: string = \"100%\";\n    \n    @Input() height: string = \"1rem\";\n\n    containerClass() {\n        return {\n            'p-skeleton p-component': true,\n            'p-skeleton-circle': this.shape === 'circle',\n            'p-skeleton-animation-none': this.animation === 'none'\n        };\n    }\n\n    containerStyle() {\n        if (this.size)\n                return {...this.style, width: this.size, height: this.size, borderRadius: this.borderRadius};\n            else\n                return {...this.style, width: this.width, height: this.height, borderRadius: this.borderRadius};\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [Skeleton],\n    declarations: [Skeleton]\n})\nexport class SkeletonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["Component","ChangeDetectionStrategy","ViewEncapsulation","Input","NgModule","CommonModule"],"mappings":";;;;;;;QAGA;YAgBa,UAAK,GAAW,WAAW,CAAC;YAE5B,cAAS,GAAW,MAAM,CAAC;YAE3B,iBAAY,GAAW,IAAI,CAAC;YAE5B,SAAI,GAAW,IAAI,CAAC;YAEpB,UAAK,GAAW,MAAM,CAAC;YAEvB,WAAM,GAAW,MAAM,CAAC;SAgBpC;QAdG,iCAAc,GAAd;YACI,OAAO;gBACH,wBAAwB,EAAE,IAAI;gBAC9B,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;gBAC5C,2BAA2B,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;aACzD,CAAC;SACL;QAED,iCAAc,GAAd;YACI,IAAI,IAAI,CAAC,IAAI;gBACL,uCAAW,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,IAAE;;gBAE7F,uCAAW,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,IAAE;SAC3G;;;;gBAzCJA,cAAS,SAAC;oBACP,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,4HAGT;oBACD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAEC,sBAAiB,CAAC,IAAI;;iBAExC;;;6BAGIC,UAAK;wBAELA,UAAK;wBAELA,UAAK;4BAELA,UAAK;+BAELA,UAAK;uBAELA,UAAK;wBAELA,UAAK;yBAELA,UAAK;;;QAuBV;;;;;gBALCC,aAAQ,SAAC;oBACN,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,YAAY,EAAE,CAAC,QAAQ,CAAC;iBAC3B;;;ICnDD;;;;;;;;;;;;;"}
+{"version":3,"file":"primeng-skeleton.umd.js","sources":["../../src/app/components/skeleton/skeleton.ts","../../src/app/components/skeleton/primeng-skeleton.ts"],"sourcesContent":["import { NgModule, Component, ChangeDetectionStrategy, ViewEncapsulation, Input} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'p-skeleton',\n    template: `\n        <div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"containerStyle()\">\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./skeleton.css']\n})\nexport class Skeleton {\n\n    @Input() styleClass: string;\n\n    @Input() style: any;\n\n    @Input() shape: string = \"rectangle\";\n\n    @Input() animation: string = \"wave\";\n\n    @Input() borderRadius: string = null;\n\n    @Input() size: string = null;\n\n    @Input() width: string = \"100%\";\n    \n    @Input() height: string = \"1rem\";\n\n    containerClass() {\n        return {\n            'p-skeleton p-component': true,\n            'p-skeleton-circle': this.shape === 'circle',\n            'p-skeleton-none': this.animation === 'none'\n        };\n    }\n\n    containerStyle() {\n        if (this.size)\n                return {...this.style, width: this.size, height: this.size, borderRadius: this.borderRadius};\n            else\n                return {...this.style, width: this.width, height: this.height, borderRadius: this.borderRadius};\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [Skeleton],\n    declarations: [Skeleton]\n})\nexport class SkeletonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["Component","ChangeDetectionStrategy","ViewEncapsulation","Input","NgModule","CommonModule"],"mappings":";;;;;;;QAGA;YAgBa,UAAK,GAAW,WAAW,CAAC;YAE5B,cAAS,GAAW,MAAM,CAAC;YAE3B,iBAAY,GAAW,IAAI,CAAC;YAE5B,SAAI,GAAW,IAAI,CAAC;YAEpB,UAAK,GAAW,MAAM,CAAC;YAEvB,WAAM,GAAW,MAAM,CAAC;SAgBpC;QAdG,iCAAc,GAAd;YACI,OAAO;gBACH,wBAAwB,EAAE,IAAI;gBAC9B,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;gBAC5C,iBAAiB,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;aAC/C,CAAC;SACL;QAED,iCAAc,GAAd;YACI,IAAI,IAAI,CAAC,IAAI;gBACL,uCAAW,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,IAAE;;gBAE7F,uCAAW,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,IAAE;SAC3G;;;;gBAzCJA,cAAS,SAAC;oBACP,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,4HAGT;oBACD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAEC,sBAAiB,CAAC,IAAI;;iBAExC;;;6BAGIC,UAAK;wBAELA,UAAK;wBAELA,UAAK;4BAELA,UAAK;+BAELA,UAAK;uBAELA,UAAK;wBAELA,UAAK;yBAELA,UAAK;;;QAuBV;;;;;gBALCC,aAAQ,SAAC;oBACN,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,YAAY,EAAE,CAAC,QAAQ,CAAC;iBAC3B;;;ICnDD;;;;;;;;;;;;;"}

package/bundles/primeng-skeleton.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("primeng/skeleton",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.skeleton={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var i=function(){function e(){this.shape="rectangle",this.animation="wave",this.borderRadius=null,this.size=null,this.width="100%",this.height="1rem"}return e.prototype.containerClass=function(){return{"p-skeleton p-component":!0,"p-skeleton-circle":"circle"===this.shape,"p-skeleton-animation-none":"none"===this.animation}},e.prototype.containerStyle=function(){return this.size?Object.assign(Object.assign({},this.style),{width:this.size,height:this.size,borderRadius:this.borderRadius}):Object.assign(Object.assign({},this.style),{width:this.width,height:this.height,borderRadius:this.borderRadius})},e}();i.decorators=[{type:t.Component,args:[{selector:"p-skeleton",template:'\n        <div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="containerStyle()">\n        </div>\n    ',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:['.p-skeleton{overflow:hidden;position:relative}.p-skeleton:after{animation:p-skeleton-animation 1.2s infinite;content:"";height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:1}.p-skeleton.p-skeleton-circle{border-radius:50%}.p-skeleton-none:after{animation:none}@keyframes p-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}']}]}],i.propDecorators={styleClass:[{type:t.Input}],style:[{type:t.Input}],shape:[{type:t.Input}],animation:[{type:t.Input}],borderRadius:[{type:t.Input}],size:[{type:t.Input}],width:[{type:t.Input}],height:[{type:t.Input}]};var o=function(){};o.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],exports:[i],declarations:[i]}]}],e.Skeleton=i,e.SkeletonModule=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("primeng/skeleton",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.skeleton={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var i=function(){function e(){this.shape="rectangle",this.animation="wave",this.borderRadius=null,this.size=null,this.width="100%",this.height="1rem"}return e.prototype.containerClass=function(){return{"p-skeleton p-component":!0,"p-skeleton-circle":"circle"===this.shape,"p-skeleton-none":"none"===this.animation}},e.prototype.containerStyle=function(){return this.size?Object.assign(Object.assign({},this.style),{width:this.size,height:this.size,borderRadius:this.borderRadius}):Object.assign(Object.assign({},this.style),{width:this.width,height:this.height,borderRadius:this.borderRadius})},e}();i.decorators=[{type:t.Component,args:[{selector:"p-skeleton",template:'\n        <div [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="containerStyle()">\n        </div>\n    ',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:['.p-skeleton{overflow:hidden;position:relative}.p-skeleton:after{animation:p-skeleton-animation 1.2s infinite;content:"";height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:1}.p-skeleton.p-skeleton-circle{border-radius:50%}.p-skeleton-none:after{animation:none}@keyframes p-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}']}]}],i.propDecorators={styleClass:[{type:t.Input}],style:[{type:t.Input}],shape:[{type:t.Input}],animation:[{type:t.Input}],borderRadius:[{type:t.Input}],size:[{type:t.Input}],width:[{type:t.Input}],height:[{type:t.Input}]};var o=function(){};o.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],exports:[i],declarations:[i]}]}],e.Skeleton=i,e.SkeletonModule=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=primeng-skeleton.umd.min.js.map