npm - @sd-angular/core - Versions diffs - 0.0.1005 → 0.0.1009 - Mend

@sd-angular/core 0.0.1005 → 0.0.1009

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (369) hide show

package/bundles/sd-angular-core-konva.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/konva/src/lib/merge-images/merge-images.component.ts","../../../../projects/sd-core/konva/src/lib/konva.module.ts"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","this","n","v","op","TypeError","call","pop","length","push","Object","create","__values","o","s","m","i","__read","r","ar","error","__classPrivateFieldGet","receiver","privateMap","has","get","__classPrivateFieldSet","set","SdMergeImages","ref","_this","id","uuid.v4","kImages","_height","_width","_images","_stage","_layer","save","EventEmitter","_elementRef","_onLoad","Subject","_subscription","Subscription","toImage","_a","callback","image","_b","toDataUrl","toDataURL","defineProperty","prototype","height","width","images","setTimeout","elementRef","ngOnInit","ngAfterViewInit","add","pipe","startWith","subscribe","document","getElementById","innerHTML","Konva","Stage","container","Layer","idx","img","x","Image","konvaImage","name","draggable","onload","detectChanges","crossOrigin","src","_c","entries","_d","_e","tr","Transformer","draw","on","target","nodes","hasName","metaPressed","evt","shiftKey","ctrlKey","metaKey","isSelected","indexOf","slice","splice","concat","ngOnDestroy","unsubscribe","Component","args","selector","template","ChangeDetectorRef","Input","Output","ViewChild","NgModule","declarations","imports","CommonModule","exports"],"mappings":";;;;;;;;;;;;;;6FAmEgBA,EAAUC,EAASC,EAAYC,EAAGC,GAE9C,OAAO,IAAKD,IAAMA,EAAIE,WAAU,SAAUC,EAASC,GAC/C,SAASC,EAAUC,GAAS,IAAMC,EAAKN,EAAUO,KAAKF,IAAW,MAAOG,GAAKL,EAAOK,IACpF,SAASC,EAASJ,GAAS,IAAMC,EAAKN,EAAiB,MAAEK,IAAW,MAAOG,GAAKL,EAAOK,IACvF,SAASF,EAAKI,GAJlB,IAAeL,EAIaK,EAAOC,KAAOT,EAAQQ,EAAOL,QAJ1CA,EAIyDK,EAAOL,MAJhDA,aAAiBN,EAAIM,EAAQ,IAAIN,GAAE,SAAUG,GAAWA,EAAQG,OAITO,KAAKR,EAAWK,GAClGH,GAAMN,EAAYA,EAAUa,MAAMhB,EAASC,GAAc,KAAKS,oBAItDO,EAAYjB,EAASkB,GACjC,IAAsGC,EAAGC,EAAGC,EAAGC,EAA3GC,EAAI,CAAEC,MAAO,EAAGC,KAAM,WAAa,GAAW,EAAPJ,EAAE,GAAQ,MAAMA,EAAE,GAAI,OAAOA,EAAE,IAAOK,KAAM,GAAIC,IAAK,IAChG,OAAOL,EAAI,CAAEZ,KAAMkB,EAAK,GAAIC,MAASD,EAAK,GAAIE,OAAUF,EAAK,IAAwB,mBAAXG,SAA0BT,EAAES,OAAOC,UAAY,WAAa,OAAOC,OAAUX,EACvJ,SAASM,EAAKM,GAAK,OAAO,SAAUC,GAAK,OACzC,SAAcC,GACV,GAAIjB,EAAG,MAAM,IAAIkB,UAAU,mCAC3B,KAAOd,OACH,GAAIJ,EAAI,EAAGC,IAAMC,EAAY,EAARe,EAAG,GAAShB,EAAU,OAAIgB,EAAG,GAAKhB,EAAS,SAAOC,EAAID,EAAU,SAAMC,EAAEiB,KAAKlB,GAAI,GAAKA,EAAEV,SAAWW,EAAIA,EAAEiB,KAAKlB,EAAGgB,EAAG,KAAKtB,KAAM,OAAOO,EAE3J,OADID,EAAI,EAAGC,IAAGe,EAAK,CAAS,EAARA,EAAG,GAAQf,EAAEb,QACzB4B,EAAG,IACP,KAAK,EAAG,KAAK,EAAGf,EAAIe,EAAI,MACxB,KAAK,EAAc,OAAXb,EAAEC,QAAgB,CAAEhB,MAAO4B,EAAG,GAAItB,MAAM,GAChD,KAAK,EAAGS,EAAEC,QAASJ,EAAIgB,EAAG,GAAIA,EAAK,CAAC,GAAI,SACxC,KAAK,EAAGA,EAAKb,EAAEI,IAAIY,MAAOhB,EAAEG,KAAKa,MAAO,SACxC,QACI,KAAMlB,EAAIE,EAAEG,MAAML,EAAIA,EAAEmB,OAAS,GAAKnB,EAAEA,EAAEmB,OAAS,KAAkB,IAAVJ,EAAG,IAAsB,IAAVA,EAAG,IAAW,CAAEb,EAAI,EAAG,SACjG,GAAc,IAAVa,EAAG,MAAcf,GAAMe,EAAG,GAAKf,EAAE,IAAMe,EAAG,GAAKf,EAAE,IAAM,CAAEE,EAAEC,MAAQY,EAAG,GAAI,MAC9E,GAAc,IAAVA,EAAG,IAAYb,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIA,EAAIe,EAAI,MAC7D,GAAIf,GAAKE,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIE,EAAEI,IAAIc,KAAKL,GAAK,MACvDf,EAAE,IAAIE,EAAEI,IAAIY,MAChBhB,EAAEG,KAAKa,MAAO,SAEtBH,EAAKlB,EAAKoB,KAAKtC,EAASuB,GAC1B,MAAOZ,GAAKyB,EAAK,CAAC,EAAGzB,GAAIS,EAAI,UAAeD,EAAIE,EAAI,EACtD,GAAY,EAARe,EAAG,GAAQ,MAAMA,EAAG,GAAI,MAAO,CAAE5B,MAAO4B,EAAG,GAAKA,EAAG,QAAK,EAAQtB,MAAM,GArB9BL,CAAK,CAACyB,EAAGC,MAyBhCO,OAAOC,gBAYpBC,EAASC,GACrB,IAAIC,EAAsB,mBAAXf,QAAyBA,OAAOC,SAAUe,EAAID,GAAKD,EAAEC,GAAIE,EAAI,EAC5E,GAAID,EAAG,OAAOA,EAAET,KAAKO,GACrB,GAAIA,GAAyB,iBAAbA,EAAEL,OAAqB,MAAO,CAC1C9B,KAAM,WAEF,OADImC,GAAKG,GAAKH,EAAEL,SAAQK,OAAI,GACrB,CAAErC,MAAOqC,GAAKA,EAAEG,KAAMlC,MAAO+B,KAG5C,MAAM,IAAIR,UAAUS,EAAI,0BAA4B,4CAGxCG,EAAOJ,EAAGX,GACtB,IAAIa,EAAsB,mBAAXhB,QAAyBc,EAAEd,OAAOC,UACjD,IAAKe,EAAG,OAAOF,EACf,IAAmBK,EAAYvC,EAA3BqC,EAAID,EAAET,KAAKO,GAAOM,EAAK,GAC3B,IACI,WAAc,IAANjB,GAAgBA,KAAM,MAAQgB,EAAIF,EAAEtC,QAAQI,MAAMqC,EAAGV,KAAKS,EAAE1C,OAExE,MAAO4C,GAASzC,EAAI,CAAEyC,MAAOA,WAEzB,IACQF,IAAMA,EAAEpC,OAASiC,EAAIC,EAAU,SAAID,EAAET,KAAKU,WAExC,GAAIrC,EAAG,MAAMA,EAAEyC,OAE7B,OAAOD,EAoDX,oBAAyBT,OAAOC,gBAkBhBU,EAAuBC,EAAUC,GAC7C,IAAKA,EAAWC,IAAIF,GAChB,MAAM,IAAIjB,UAAU,kDAExB,OAAOkB,EAAWE,IAAIH,YAGVI,EAAuBJ,EAAUC,EAAY/C,GACzD,IAAK+C,EAAWC,IAAIF,GAChB,MAAM,IAAIjB,UAAU,kDAGxB,OADAkB,EAAWI,IAAIL,EAAU9C,GAClBA,mBCrKT,SAAAoD,EAAoBC,GAApB,IAAAC,EAAA7B,KAAoBA,KAAA4B,IAAAA,EA/BpB5B,KAAA8B,GAAK,IAAIC,EAAAA,KACT/B,KAAAgC,QAAiC,GACjCC,EAAAP,IAAA1B,UAAA,GACAkC,EAAAR,IAAA1B,UAAA,GACAmC,EAAAT,IAAA1B,UAAA,GACAoC,EAAAV,IAAA1B,UAAA,GACAqC,EAAAX,IAAA1B,UAAA,GAcUA,KAAAsC,KAAO,IAAIC,EAAAA,aACrBC,EAAAd,IAAA1B,UAAA,GAQAyC,EAAAf,IAAA1B,KAAU,IAAI0C,EAAAA,SACdC,EAAAjB,IAAA1B,KAAgB,IAAI4C,EAAAA,cA0IpB5C,KAAA6C,QAAU,WAAA,OAAA/E,EAAA+D,OAAA,OAAA,GAAA,wEACD,MAAA,CAAA,EAAM,IAAI1D,SAAQ,SAAAC,SACvB,QAAA0E,EAAA1B,EAAAS,EAAAO,UAAA,IAAAU,GAAAA,EAAaD,QAAQ,CACnBE,SAAU,SAACC,GACT5E,EAAQ4E,iBAHd,MAAA,CAAA,EAAOC,EAAAzD,gBASTQ,KAAAkD,UAAY,WACV,OAAO9B,EAAAS,EAAAO,GAAYe,oBA5KrB1C,OAAA2C,eAAazB,EAAA0B,UAAA,SAAM,KAAnB,SAAoBC,GAClB7B,EAAAzB,KAAIiC,GAAYqB,oCAElB7C,OAAA2C,eAAazB,EAAA0B,UAAA,QAAK,KAAlB,SAAmBE,GACjB9B,EAAAzB,KAAIkC,GAAWqB,oCAEjB9C,OAAA2C,eAAazB,EAAA0B,UAAA,SAAM,KAAnB,SAAoBG,GAApB,IAAA3B,EAAA7B,KACEyD,YAAW,WACThC,EAAAI,EAAIM,EAAWqB,GACfpC,EAAAS,EAAAY,GAAahE,KAAI2C,EAAAS,EAAAM,MAChB,sCAKL1B,OAAA2C,eAA4BzB,EAAA0B,UAAA,YAAS,KAArC,SAAsCK,GAChCtC,EAAApB,KAAAwC,KAAqBkB,IACvBjC,EAAAzB,KAAIwC,EAAekB,GACnBtC,EAAApB,KAAAyC,GAAahE,KAAI2C,EAAApB,KAAAmC,sCASrBR,EAAA0B,UAAAM,SAAA,aAIAhC,EAAA0B,UAAAO,gBAAA,WAAA,IAAA/B,EAAA7B,KACEoB,EAAApB,KAAA2C,GAAmBkB,IAAIzC,EAAApB,KAAAyC,GAAaqB,KAAKC,EAAAA,UAAU,KAAKC,WAAU,qBAChE,GAAKC,SAASC,eAAerC,EAAKC,MAGlCmC,SAASC,eAAerC,EAAKC,IAAIqC,UAAY,GACzC,QAAArB,EAAA1B,EAAAS,EAAAM,UAAA,IAAAW,OAAA,EAAAA,EAAevC,QAAnB,CAGA,IAAMiD,EAAMpC,EAAAS,EAAAM,GACZV,EAAAI,EAAIO,EAAU,IAAIgC,EAAAA,QAAMC,MAAM,CAC5BC,UAAWzC,EAAKC,GAChByB,MAAKnC,EAAAS,EAAAK,GACLoB,OAAMlC,EAAAS,EAAAI,MAGRR,EAAAI,EAAIQ,EAAU,IAAI+B,EAAAA,QAAMG,OACxBnD,EAAAS,EAAAO,GAAYyB,IAAGzC,EAAAS,EAAAQ,mBACHmC,EAAKC,GACf,IAAIC,EAAI,EACJvF,EAAI,EACFoE,EAAQnC,EAAAS,EAAAK,GAAc,EACtBoB,EAASlC,EAAAS,EAAAI,GAAe,EACR,IAAlBuB,EAAOjD,QACTmE,EAAItD,EAAAS,EAAAK,GAAc,EAClB/C,EAAIiC,EAAAS,EAAAI,GAAe,GACQ,IAAlBuB,EAAOjD,OACJ,IAARiE,GACFE,EAAI,EACJvF,EAAIiC,EAAAS,EAAAI,GAAe,GACF,IAARuC,IACTE,EAAItD,EAAAS,EAAAK,GAAc,EAClB/C,EAAIiC,EAAAS,EAAAI,GAAe,GAEM,IAAlBuB,EAAOjD,OACJ,IAARiE,GACFE,EAAI,EACJvF,EAAI,GACa,IAARqF,GACTE,EAAItD,EAAAS,EAAAK,GAAc,EAClB/C,EAAI,GACa,IAARqF,IACTE,EAAItD,EAAAS,EAAAK,GAAc,EAClB/C,EAAIiC,EAAAS,EAAAI,GAAe,GAEM,IAAlBuB,EAAOjD,SACJ,IAARiE,GACFE,EAAI,EACJvF,EAAI,GACa,IAARqF,GACTE,EAAItD,EAAAS,EAAAK,GAAc,EAClB/C,EAAI,GACa,IAARqF,GACTE,EAAI,EACJvF,EAAIiC,EAAAS,EAAAI,GAAe,GACF,IAARuC,IACTE,EAAItD,EAAAS,EAAAK,GAAc,EAClB/C,EAAIiC,EAAAS,EAAAI,GAAe,IAGvB,IAAMe,EAAQ,IAAI2B,MACZC,EAAa,IAAIR,EAAAA,QAAMO,MAAM,CACjC3B,MAAKA,EACL0B,EAACA,EACDvF,EAACA,EACDoE,MAAKA,EACLD,OAAMA,EACNuB,KAAM,QACNC,WAAW,IAEbjD,EAAKG,QAAQxB,KAAKoE,GAClB5B,EAAM+B,OAAS,WACbH,EAAW5B,MAAMA,GACjBnB,EAAKD,IAAIoD,iBAEXhC,EAAMiC,YAAc,YACpBjC,EAAMkC,IAAMT,EACZrD,EAAAS,EAAAQ,GAAYwB,IAAIe,QA3DlB,IAAyB,IAAAO,EAAAxE,EAAA6C,EAAO4B,WAASC,EAAAF,EAAA1G,QAAA4G,EAAAxG,KAAAwG,EAAAF,EAAA1G,OAAA,CAA9B,IAAA6G,EAAAtE,EAAAqE,EAAA9G,MAAA,KAAI+G,EAAA,GAAKA,EAAA,sGA6DpB,IAAMC,EAAK,IAAInB,EAAAA,QAAMoB,YACrBpE,EAAAS,EAAAQ,GAAYwB,IAAI0B,GAIhBnE,EAAAS,EAAAQ,GAAYoD,OACZ5D,EAAKD,IAAIoD,gBAET5D,EAAAS,EAAAO,GAAYsD,GAAG,aAAa,SAAChH,GAG3B,GAAIA,EAAEiH,SAAMvE,EAAAS,EAAAO,GAGV,OAFAmD,EAAGK,MAAM,SACTxE,EAAAS,EAAAQ,GAAYoD,OAKd,GAAK/G,EAAEiH,OAAOE,QAAQ,SAAYnH,EAAEiH,OAAOE,QAAQ,SAAnD,CAKA,IAAMC,EAAcpH,EAAEqH,IAAIC,UAAYtH,EAAEqH,IAAIE,SAAWvH,EAAEqH,IAAIG,QACvDC,EAAaZ,EAAGK,QAAQQ,QAAQ1H,EAAEiH,SAAW,EAEnD,GAAKG,GAAgBK,GAId,GAAIL,GAAeK,EAAY,EAG9BP,EAAQL,EAAGK,QAAQS,SAEnBC,OAAOV,EAAMQ,QAAQ1H,EAAEiH,QAAS,GACtCJ,EAAGK,MAAMA,QACJ,GAAIE,IAAgBK,EAAY,CAErC,IAAMP,EAAQL,EAAGK,QAAQW,OAAO,CAAC7H,EAAEiH,SACnCJ,EAAGK,MAAMA,SAXTL,EAAGK,MAAM,CAAClH,EAAEiH,SAadvE,EAAAS,EAAAQ,GAAYoD,iBAKlB9D,EAAA0B,UAAAmD,YAAA,WACEpF,EAAApB,KAAA2C,GAAmB8D,wJA5KtBC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,sJAhBAC,EAAAA,qDA4BCC,EAAAA,qBAGAA,EAAAA,sBAGAA,EAAAA,oBAOAC,EAAAA,0BAEAC,EAAAA,UAASN,KAAA,CAAC,sBCpCb,iCAXCO,EAAAA,SAAQP,KAAA,CAAC,CACRQ,aAAc,CACZxF,GAEFyF,QAAS,CACPC,EAAAA,cAEFC,QAAS,CACP3F","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 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\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\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 __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 {\r\n Component,\r\n Input,\r\n OnInit,\r\n AfterViewInit,\r\n Output,\r\n EventEmitter,\r\n OnDestroy,\r\n ChangeDetectorRef,\r\n ViewChild,\r\n ElementRef\r\n} from '@angular/core';\r\n\r\nimport as uuid from 'uuid';\r\nimport 'konva';\r\nimport Konva from 'konva';\r\nimport { Image as KonvaImage } from 'konva/types/shapes/Image';\r\nimport { Rect } from 'konva/types/shapes/Rect';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { Layer } from 'konva/types/Layer';\r\nimport { Stage } from 'konva/types/Stage';\r\n@Component({\r\n selector: 'sd-merge-images',\r\n templateUrl: './merge-images.component.html',\r\n styleUrls: ['./merge-images.component.scss']\r\n})\r\n\r\nexport class SdMergeImages implements OnInit, AfterViewInit, OnDestroy {\r\n id = `I${uuid.v4()}`;\r\n kImages: (Rect \| KonvaImage)[] = [];\r\n #height: number;\r\n #width: number;\r\n #images: string[];\r\n #stage: Stage;\r\n #layer: Layer;\r\n @Input() set height(height: number) {\r\n this.#height = +height;\r\n }\r\n @Input() set width(width: number) {\r\n this.#width = +width;\r\n }\r\n @Input() set images(images: string[]) {\r\n setTimeout(() => {\r\n this.#images = images;\r\n this.#onLoad.next(this.#images);\r\n }, 2000);\r\n }\r\n\r\n @Output() save = new EventEmitter();\r\n #elementRef: ElementRef;\r\n @ViewChild('container') set container(elementRef: ElementRef) {\r\n if (this.#elementRef !== elementRef) {\r\n this.#elementRef = elementRef;\r\n this.#onLoad.next(this.#images);\r\n }\r\n }\r\n\r\n #onLoad = new Subject();\r\n #subscription = new Subscription();\r\n constructor(private ref: ChangeDetectorRef) {\r\n }\r\n\r\n ngOnInit() {\r\n\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#subscription.add(this.#onLoad.pipe(startWith([])).subscribe(() => {\r\n if (!document.getElementById(this.id)) {\r\n return;\r\n }\r\n document.getElementById(this.id).innerHTML = '';\r\n if (!this.#images?.length) {\r\n return;\r\n }\r\n const images = this.#images;\r\n this.#stage = new Konva.Stage({\r\n container: this.id,\r\n width: this.#width,\r\n height: this.#height\r\n });\r\n\r\n this.#layer = new Konva.Layer();\r\n this.#stage.add(this.#layer);\r\n for (const [idx, img] of images.entries()) {\r\n let x = 0;\r\n let y = 0;\r\n const width = this.#width / 2;\r\n const height = this.#height / 2;\r\n if (images.length === 1) {\r\n x = this.#width / 4;\r\n y = this.#height / 4;\r\n } else if (images.length === 2) {\r\n if (idx === 0) {\r\n x = 0;\r\n y = this.#height / 4;\r\n } else if (idx === 1) {\r\n x = this.#width / 2;\r\n y = this.#height / 4;\r\n }\r\n } else if (images.length === 3) {\r\n if (idx === 0) {\r\n x = 0;\r\n y = 0;\r\n } else if (idx === 1) {\r\n x = this.#width / 2;\r\n y = 0;\r\n } else if (idx === 2) {\r\n x = this.#width / 4;\r\n y = this.#height / 4;\r\n }\r\n } else if (images.length === 4) {\r\n if (idx === 0) {\r\n x = 0;\r\n y = 0;\r\n } else if (idx === 1) {\r\n x = this.#width / 2;\r\n y = 0;\r\n } else if (idx === 2) {\r\n x = 0;\r\n y = this.#height / 2;\r\n } else if (idx === 3) {\r\n x = this.#width / 2;\r\n y = this.#height / 2;\r\n }\r\n }\r\n const image = new Image();\r\n const konvaImage = new Konva.Image({\r\n image,\r\n x,\r\n y,\r\n width,\r\n height,\r\n name: 'image',\r\n draggable: true,\r\n });\r\n this.kImages.push(konvaImage);\r\n image.onload = () => {\r\n konvaImage.image(image);\r\n this.ref.detectChanges();\r\n };\r\n image.crossOrigin = 'Anonymous';\r\n image.src = img;\r\n this.#layer.add(konvaImage);\r\n }\r\n const tr = new Konva.Transformer();\r\n this.#layer.add(tr);\r\n\r\n // at this point basic demo is finished!!\r\n // we just have several transforming nodes\r\n this.#layer.draw();\r\n this.ref.detectChanges();\r\n // clicks should select/deselect shapes\r\n this.#stage.on('click tap', (e) => {\r\n\r\n // if click on empty area - remove all selections\r\n if (e.target === this.#stage) {\r\n tr.nodes([]);\r\n this.#layer.draw();\r\n return;\r\n }\r\n\r\n // do nothing if clicked NOT on our rectangles\r\n if (!e.target.hasName('rect') && !e.target.hasName('image')) {\r\n return;\r\n }\r\n\r\n // do we pressed shift or ctrl?\r\n const metaPressed = e.evt.shiftKey \|\| e.evt.ctrlKey \|\| e.evt.metaKey;\r\n const isSelected = tr.nodes().indexOf(e.target) >= 0;\r\n\r\n if (!metaPressed && !isSelected) {\r\n // if no key pressed and the node is not selected\r\n // select just one\r\n tr.nodes([e.target]);\r\n } else if (metaPressed && isSelected) {\r\n // if we pressed keys and node was selected\r\n // we need to remove it from selection:\r\n const nodes = tr.nodes().slice(); // use slice to have new copy of array\r\n // remove node from array\r\n nodes.splice(nodes.indexOf(e.target), 1);\r\n tr.nodes(nodes);\r\n } else if (metaPressed && !isSelected) {\r\n // add the node into selection\r\n const nodes = tr.nodes().concat([e.target]);\r\n tr.nodes(nodes);\r\n }\r\n this.#layer.draw();\r\n });\r\n }));\r\n }\r\n\r\n ngOnDestroy() {\r\n this.#subscription.unsubscribe();\r\n }\r\n\r\n toImage = async (): Promise<HTMLImageElement> => {\r\n return await new Promise(resolve => {\r\n this.#stage?.toImage({\r\n callback: (image) => {\r\n resolve(image);\r\n }\r\n });\r\n });\r\n }\r\n\r\n toDataUrl = (): string => {\r\n return this.#stage.toDataURL();\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdMergeImages } from './merge-images/merge-images.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n SdMergeImages\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n SdMergeImages\r\n ]\r\n})\r\nexport class SdKonvaModule { }\r\n"]}
1	+ {"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/konva/src/lib/merge-images/merge-images.component.ts","../../../../projects/sd-core/konva/src/lib/konva.module.ts"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","this","n","v","op","TypeError","call","pop","length","push","Object","create","__values","o","s","m","i","__read","r","ar","error","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","SdMergeImages","ref","_this","id","uuid.v4","kImages","_height","_width","_images","_stage","_layer","save","EventEmitter","_elementRef","_onLoad","Subject","_subscription","Subscription","toImage","_a","callback","image","_b","toDataUrl","toDataURL","defineProperty","prototype","height","width","images","setTimeout","elementRef","ngOnInit","ngAfterViewInit","add","pipe","startWith","subscribe","document","getElementById","innerHTML","Konva","Stage","container","Layer","idx","img","x","Image","konvaImage","name","draggable","onload","detectChanges","crossOrigin","src","_c","entries","_d","_e","tr","Transformer","draw","on","target","nodes","hasName","metaPressed","evt","shiftKey","ctrlKey","metaKey","isSelected","indexOf","slice","splice","concat","ngOnDestroy","unsubscribe","Component","args","selector","template","ChangeDetectorRef","Input","Output","ViewChild","NgModule","declarations","imports","CommonModule","exports"],"mappings":";;;;;;;;;;;;;;6FAqEgBA,EAAUC,EAASC,EAAYC,EAAGC,GAE9C,OAAO,IAAKD,IAAMA,EAAIE,WAAU,SAAUC,EAASC,GAC/C,SAASC,EAAUC,GAAS,IAAMC,EAAKN,EAAUO,KAAKF,IAAW,MAAOG,GAAKL,EAAOK,IACpF,SAASC,EAASJ,GAAS,IAAMC,EAAKN,EAAiB,MAAEK,IAAW,MAAOG,GAAKL,EAAOK,IACvF,SAASF,EAAKI,GAJlB,IAAeL,EAIaK,EAAOC,KAAOT,EAAQQ,EAAOL,QAJ1CA,EAIyDK,EAAOL,MAJhDA,aAAiBN,EAAIM,EAAQ,IAAIN,GAAE,SAAUG,GAAWA,EAAQG,OAITO,KAAKR,EAAWK,GAClGH,GAAMN,EAAYA,EAAUa,MAAMhB,EAASC,GAAc,KAAKS,oBAItDO,EAAYjB,EAASkB,GACjC,IAAsGC,EAAGC,EAAGC,EAAGC,EAA3GC,EAAI,CAAEC,MAAO,EAAGC,KAAM,WAAa,GAAW,EAAPJ,EAAE,GAAQ,MAAMA,EAAE,GAAI,OAAOA,EAAE,IAAOK,KAAM,GAAIC,IAAK,IAChG,OAAOL,EAAI,CAAEZ,KAAMkB,EAAK,GAAIC,MAASD,EAAK,GAAIE,OAAUF,EAAK,IAAwB,mBAAXG,SAA0BT,EAAES,OAAOC,UAAY,WAAa,OAAOC,OAAUX,EACvJ,SAASM,EAAKM,GAAK,OAAO,SAAUC,GAAK,OACzC,SAAcC,GACV,GAAIjB,EAAG,MAAM,IAAIkB,UAAU,mCAC3B,KAAOd,OACH,GAAIJ,EAAI,EAAGC,IAAMC,EAAY,EAARe,EAAG,GAAShB,EAAU,OAAIgB,EAAG,GAAKhB,EAAS,SAAOC,EAAID,EAAU,SAAMC,EAAEiB,KAAKlB,GAAI,GAAKA,EAAEV,SAAWW,EAAIA,EAAEiB,KAAKlB,EAAGgB,EAAG,KAAKtB,KAAM,OAAOO,EAE3J,OADID,EAAI,EAAGC,IAAGe,EAAK,CAAS,EAARA,EAAG,GAAQf,EAAEb,QACzB4B,EAAG,IACP,KAAK,EAAG,KAAK,EAAGf,EAAIe,EAAI,MACxB,KAAK,EAAc,OAAXb,EAAEC,QAAgB,CAAEhB,MAAO4B,EAAG,GAAItB,MAAM,GAChD,KAAK,EAAGS,EAAEC,QAASJ,EAAIgB,EAAG,GAAIA,EAAK,CAAC,GAAI,SACxC,KAAK,EAAGA,EAAKb,EAAEI,IAAIY,MAAOhB,EAAEG,KAAKa,MAAO,SACxC,QACI,KAAMlB,EAAIE,EAAEG,MAAML,EAAIA,EAAEmB,OAAS,GAAKnB,EAAEA,EAAEmB,OAAS,KAAkB,IAAVJ,EAAG,IAAsB,IAAVA,EAAG,IAAW,CAAEb,EAAI,EAAG,SACjG,GAAc,IAAVa,EAAG,MAAcf,GAAMe,EAAG,GAAKf,EAAE,IAAMe,EAAG,GAAKf,EAAE,IAAM,CAAEE,EAAEC,MAAQY,EAAG,GAAI,MAC9E,GAAc,IAAVA,EAAG,IAAYb,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIA,EAAIe,EAAI,MAC7D,GAAIf,GAAKE,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIE,EAAEI,IAAIc,KAAKL,GAAK,MACvDf,EAAE,IAAIE,EAAEI,IAAIY,MAChBhB,EAAEG,KAAKa,MAAO,SAEtBH,EAAKlB,EAAKoB,KAAKtC,EAASuB,GAC1B,MAAOZ,GAAKyB,EAAK,CAAC,EAAGzB,GAAIS,EAAI,UAAeD,EAAIE,EAAI,EACtD,GAAY,EAARe,EAAG,GAAQ,MAAMA,EAAG,GAAI,MAAO,CAAE5B,MAAO4B,EAAG,GAAKA,EAAG,QAAK,EAAQtB,MAAM,GArB9BL,CAAK,CAACyB,EAAGC,MAyBhCO,OAAOC,gBAYpBC,EAASC,GACrB,IAAIC,EAAsB,mBAAXf,QAAyBA,OAAOC,SAAUe,EAAID,GAAKD,EAAEC,GAAIE,EAAI,EAC5E,GAAID,EAAG,OAAOA,EAAET,KAAKO,GACrB,GAAIA,GAAyB,iBAAbA,EAAEL,OAAqB,MAAO,CAC1C9B,KAAM,WAEF,OADImC,GAAKG,GAAKH,EAAEL,SAAQK,OAAI,GACrB,CAAErC,MAAOqC,GAAKA,EAAEG,KAAMlC,MAAO+B,KAG5C,MAAM,IAAIR,UAAUS,EAAI,0BAA4B,4CAGxCG,EAAOJ,EAAGX,GACtB,IAAIa,EAAsB,mBAAXhB,QAAyBc,EAAEd,OAAOC,UACjD,IAAKe,EAAG,OAAOF,EACf,IAAmBK,EAAYvC,EAA3BqC,EAAID,EAAET,KAAKO,GAAOM,EAAK,GAC3B,IACI,WAAc,IAANjB,GAAgBA,KAAM,MAAQgB,EAAIF,EAAEtC,QAAQI,MAAMqC,EAAGV,KAAKS,EAAE1C,OAExE,MAAO4C,GAASzC,EAAI,CAAEyC,MAAOA,WAEzB,IACQF,IAAMA,EAAEpC,OAASiC,EAAIC,EAAU,SAAID,EAAET,KAAKU,WAExC,GAAIrC,EAAG,MAAMA,EAAEyC,OAE7B,OAAOD,EAgEX,oBAAyBT,OAAOC,gBAkBhBU,EAAuBC,EAAUC,EAAOC,EAAMrC,GAC1D,GAAa,MAATqC,IAAiBrC,EAAG,MAAM,IAAIkB,UAAU,iDAC5C,GAAqB,mBAAVkB,EAAuBD,IAAaC,IAAUpC,GAAKoC,EAAME,IAAIH,GAAW,MAAM,IAAIjB,UAAU,4EACvG,MAAgB,MAATmB,EAAerC,EAAa,MAATqC,EAAerC,EAAEmB,KAAKgB,GAAYnC,EAAIA,EAAEX,MAAQ+C,EAAMG,IAAIJ,YAGxEK,EAAuBL,EAAUC,EAAO/C,EAAOgD,EAAMrC,GACjE,GAAa,MAATqC,EAAc,MAAM,IAAInB,UAAU,kCACtC,GAAa,MAATmB,IAAiBrC,EAAG,MAAM,IAAIkB,UAAU,iDAC5C,GAAqB,mBAAVkB,EAAuBD,IAAaC,IAAUpC,GAAKoC,EAAME,IAAIH,GAAW,MAAM,IAAIjB,UAAU,2EACvG,MAAiB,MAATmB,EAAerC,EAAEmB,KAAKgB,EAAU9C,GAASW,EAAIA,EAAEX,MAAQA,EAAQ+C,EAAMK,IAAIN,EAAU9C,GAASA,mBCjLtG,SAAAqD,EAAoBC,GAApB,IAAAC,EAAA9B,KAAoBA,KAAA6B,IAAAA,EA/BpB7B,KAAA+B,GAAK,IAAIC,EAAAA,KACThC,KAAAiC,QAAiC,GACjCC,EAAAP,IAAA3B,UAAA,GACAmC,EAAAR,IAAA3B,UAAA,GACAoC,EAAAT,IAAA3B,UAAA,GACAqC,EAAAV,IAAA3B,UAAA,GACAsC,EAAAX,IAAA3B,UAAA,GAcUA,KAAAuC,KAAO,IAAIC,EAAAA,aACrBC,EAAAd,IAAA3B,UAAA,GAQA0C,EAAAf,IAAA3B,KAAU,IAAI2C,EAAAA,SACdC,EAAAjB,IAAA3B,KAAgB,IAAI6C,EAAAA,cA0IpB7C,KAAA8C,QAAU,WAAA,OAAAhF,EAAAgE,OAAA,OAAA,GAAA,wEACD,MAAA,CAAA,EAAM,IAAI3D,SAAQ,SAAAC,SACvB,QAAA2E,EAAA3B,EAAAU,EAAAO,UAAA,IAAAU,GAAAA,EAAaD,QAAQ,CACnBE,SAAU,SAACC,GACT7E,EAAQ6E,iBAHd,MAAA,CAAA,EAAOC,EAAA1D,gBASTQ,KAAAmD,UAAY,WACV,OAAO/B,EAAAU,EAAAO,GAAYe,oBA5KrB3C,OAAA4C,eAAazB,EAAA0B,UAAA,SAAM,KAAnB,SAAoBC,GAClB7B,EAAA1B,KAAIkC,GAAYqB,oCAElB9C,OAAA4C,eAAazB,EAAA0B,UAAA,QAAK,KAAlB,SAAmBE,GACjB9B,EAAA1B,KAAImC,GAAWqB,oCAEjB/C,OAAA4C,eAAazB,EAAA0B,UAAA,SAAM,KAAnB,SAAoBG,GAApB,IAAA3B,EAAA9B,KACE0D,YAAW,WACThC,EAAAI,EAAIM,EAAWqB,GACfrC,EAAAU,EAAAY,GAAajE,KAAI2C,EAAAU,EAAAM,MAChB,sCAKL3B,OAAA4C,eAA4BzB,EAAA0B,UAAA,YAAS,KAArC,SAAsCK,GAChCvC,EAAApB,KAAAyC,KAAqBkB,IACvBjC,EAAA1B,KAAIyC,EAAekB,GACnBvC,EAAApB,KAAA0C,GAAajE,KAAI2C,EAAApB,KAAAoC,sCASrBR,EAAA0B,UAAAM,SAAA,aAIAhC,EAAA0B,UAAAO,gBAAA,WAAA,IAAA/B,EAAA9B,KACEoB,EAAApB,KAAA4C,GAAmBkB,IAAI1C,EAAApB,KAAA0C,GAAaqB,KAAKC,EAAAA,UAAU,KAAKC,WAAU,qBAChE,GAAKC,SAASC,eAAerC,EAAKC,MAGlCmC,SAASC,eAAerC,EAAKC,IAAIqC,UAAY,GACzC,QAAArB,EAAA3B,EAAAU,EAAAM,UAAA,IAAAW,OAAA,EAAAA,EAAexC,QAAnB,CAGA,IAAMkD,EAAMrC,EAAAU,EAAAM,GACZV,EAAAI,EAAIO,EAAU,IAAIgC,EAAAA,QAAMC,MAAM,CAC5BC,UAAWzC,EAAKC,GAChByB,MAAKpC,EAAAU,EAAAK,GACLoB,OAAMnC,EAAAU,EAAAI,MAGRR,EAAAI,EAAIQ,EAAU,IAAI+B,EAAAA,QAAMG,OACxBpD,EAAAU,EAAAO,GAAYyB,IAAG1C,EAAAU,EAAAQ,mBACHmC,EAAKC,GACf,IAAIC,EAAI,EACJxF,EAAI,EACFqE,EAAQpC,EAAAU,EAAAK,GAAc,EACtBoB,EAASnC,EAAAU,EAAAI,GAAe,EACR,IAAlBuB,EAAOlD,QACToE,EAAIvD,EAAAU,EAAAK,GAAc,EAClBhD,EAAIiC,EAAAU,EAAAI,GAAe,GACQ,IAAlBuB,EAAOlD,OACJ,IAARkE,GACFE,EAAI,EACJxF,EAAIiC,EAAAU,EAAAI,GAAe,GACF,IAARuC,IACTE,EAAIvD,EAAAU,EAAAK,GAAc,EAClBhD,EAAIiC,EAAAU,EAAAI,GAAe,GAEM,IAAlBuB,EAAOlD,OACJ,IAARkE,GACFE,EAAI,EACJxF,EAAI,GACa,IAARsF,GACTE,EAAIvD,EAAAU,EAAAK,GAAc,EAClBhD,EAAI,GACa,IAARsF,IACTE,EAAIvD,EAAAU,EAAAK,GAAc,EAClBhD,EAAIiC,EAAAU,EAAAI,GAAe,GAEM,IAAlBuB,EAAOlD,SACJ,IAARkE,GACFE,EAAI,EACJxF,EAAI,GACa,IAARsF,GACTE,EAAIvD,EAAAU,EAAAK,GAAc,EAClBhD,EAAI,GACa,IAARsF,GACTE,EAAI,EACJxF,EAAIiC,EAAAU,EAAAI,GAAe,GACF,IAARuC,IACTE,EAAIvD,EAAAU,EAAAK,GAAc,EAClBhD,EAAIiC,EAAAU,EAAAI,GAAe,IAGvB,IAAMe,EAAQ,IAAI2B,MACZC,EAAa,IAAIR,EAAAA,QAAMO,MAAM,CACjC3B,MAAKA,EACL0B,EAACA,EACDxF,EAACA,EACDqE,MAAKA,EACLD,OAAMA,EACNuB,KAAM,QACNC,WAAW,IAEbjD,EAAKG,QAAQzB,KAAKqE,GAClB5B,EAAM+B,OAAS,WACbH,EAAW5B,MAAMA,GACjBnB,EAAKD,IAAIoD,iBAEXhC,EAAMiC,YAAc,YACpBjC,EAAMkC,IAAMT,EACZtD,EAAAU,EAAAQ,GAAYwB,IAAIe,QA3DlB,IAAyB,IAAAO,EAAAzE,EAAA8C,EAAO4B,WAASC,EAAAF,EAAA3G,QAAA6G,EAAAzG,KAAAyG,EAAAF,EAAA3G,OAAA,CAA9B,IAAA8G,EAAAvE,EAAAsE,EAAA/G,MAAA,KAAIgH,EAAA,GAAKA,EAAA,sGA6DpB,IAAMC,EAAK,IAAInB,EAAAA,QAAMoB,YACrBrE,EAAAU,EAAAQ,GAAYwB,IAAI0B,GAIhBpE,EAAAU,EAAAQ,GAAYoD,OACZ5D,EAAKD,IAAIoD,gBAET7D,EAAAU,EAAAO,GAAYsD,GAAG,aAAa,SAACjH,GAG3B,GAAIA,EAAEkH,SAAMxE,EAAAU,EAAAO,GAGV,OAFAmD,EAAGK,MAAM,SACTzE,EAAAU,EAAAQ,GAAYoD,OAKd,GAAKhH,EAAEkH,OAAOE,QAAQ,SAAYpH,EAAEkH,OAAOE,QAAQ,SAAnD,CAKA,IAAMC,EAAcrH,EAAEsH,IAAIC,UAAYvH,EAAEsH,IAAIE,SAAWxH,EAAEsH,IAAIG,QACvDC,EAAaZ,EAAGK,QAAQQ,QAAQ3H,EAAEkH,SAAW,EAEnD,GAAKG,GAAgBK,GAId,GAAIL,GAAeK,EAAY,EAG9BP,EAAQL,EAAGK,QAAQS,SAEnBC,OAAOV,EAAMQ,QAAQ3H,EAAEkH,QAAS,GACtCJ,EAAGK,MAAMA,QACJ,GAAIE,IAAgBK,EAAY,CAErC,IAAMP,EAAQL,EAAGK,QAAQW,OAAO,CAAC9H,EAAEkH,SACnCJ,EAAGK,MAAMA,SAXTL,EAAGK,MAAM,CAACnH,EAAEkH,SAadxE,EAAAU,EAAAQ,GAAYoD,iBAKlB9D,EAAA0B,UAAAmD,YAAA,WACErF,EAAApB,KAAA4C,GAAmB8D,wJA5KtBC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,sJAhBAC,EAAAA,qDA4BCC,EAAAA,qBAGAA,EAAAA,sBAGAA,EAAAA,oBAOAC,EAAAA,0BAEAC,EAAAA,UAASN,KAAA,CAAC,sBCpCb,iCAXCO,EAAAA,SAAQP,KAAA,CAAC,CACRQ,aAAc,CACZxF,GAEFyF,QAAS,CACPC,EAAAA,cAEFC,QAAS,CACP3F","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, pack) {\r\n if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar \|\| !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar \|\| Array.prototype.slice.call(from));\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 {\r\n Component,\r\n Input,\r\n OnInit,\r\n AfterViewInit,\r\n Output,\r\n EventEmitter,\r\n OnDestroy,\r\n ChangeDetectorRef,\r\n ViewChild,\r\n ElementRef\r\n} from '@angular/core';\r\n\r\nimport as uuid from 'uuid';\r\nimport 'konva';\r\nimport Konva from 'konva';\r\nimport { Image as KonvaImage } from 'konva/types/shapes/Image';\r\nimport { Rect } from 'konva/types/shapes/Rect';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { Layer } from 'konva/types/Layer';\r\nimport { Stage } from 'konva/types/Stage';\r\n@Component({\r\n selector: 'sd-merge-images',\r\n templateUrl: './merge-images.component.html',\r\n styleUrls: ['./merge-images.component.scss']\r\n})\r\n\r\nexport class SdMergeImages implements OnInit, AfterViewInit, OnDestroy {\r\n id = `I${uuid.v4()}`;\r\n kImages: (Rect \| KonvaImage)[] = [];\r\n #height: number;\r\n #width: number;\r\n #images: string[];\r\n #stage: Stage;\r\n #layer: Layer;\r\n @Input() set height(height: number) {\r\n this.#height = +height;\r\n }\r\n @Input() set width(width: number) {\r\n this.#width = +width;\r\n }\r\n @Input() set images(images: string[]) {\r\n setTimeout(() => {\r\n this.#images = images;\r\n this.#onLoad.next(this.#images);\r\n }, 2000);\r\n }\r\n\r\n @Output() save = new EventEmitter();\r\n #elementRef: ElementRef;\r\n @ViewChild('container') set container(elementRef: ElementRef) {\r\n if (this.#elementRef !== elementRef) {\r\n this.#elementRef = elementRef;\r\n this.#onLoad.next(this.#images);\r\n }\r\n }\r\n\r\n #onLoad = new Subject();\r\n #subscription = new Subscription();\r\n constructor(private ref: ChangeDetectorRef) {\r\n }\r\n\r\n ngOnInit() {\r\n\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#subscription.add(this.#onLoad.pipe(startWith([])).subscribe(() => {\r\n if (!document.getElementById(this.id)) {\r\n return;\r\n }\r\n document.getElementById(this.id).innerHTML = '';\r\n if (!this.#images?.length) {\r\n return;\r\n }\r\n const images = this.#images;\r\n this.#stage = new Konva.Stage({\r\n container: this.id,\r\n width: this.#width,\r\n height: this.#height\r\n });\r\n\r\n this.#layer = new Konva.Layer();\r\n this.#stage.add(this.#layer);\r\n for (const [idx, img] of images.entries()) {\r\n let x = 0;\r\n let y = 0;\r\n const width = this.#width / 2;\r\n const height = this.#height / 2;\r\n if (images.length === 1) {\r\n x = this.#width / 4;\r\n y = this.#height / 4;\r\n } else if (images.length === 2) {\r\n if (idx === 0) {\r\n x = 0;\r\n y = this.#height / 4;\r\n } else if (idx === 1) {\r\n x = this.#width / 2;\r\n y = this.#height / 4;\r\n }\r\n } else if (images.length === 3) {\r\n if (idx === 0) {\r\n x = 0;\r\n y = 0;\r\n } else if (idx === 1) {\r\n x = this.#width / 2;\r\n y = 0;\r\n } else if (idx === 2) {\r\n x = this.#width / 4;\r\n y = this.#height / 4;\r\n }\r\n } else if (images.length === 4) {\r\n if (idx === 0) {\r\n x = 0;\r\n y = 0;\r\n } else if (idx === 1) {\r\n x = this.#width / 2;\r\n y = 0;\r\n } else if (idx === 2) {\r\n x = 0;\r\n y = this.#height / 2;\r\n } else if (idx === 3) {\r\n x = this.#width / 2;\r\n y = this.#height / 2;\r\n }\r\n }\r\n const image = new Image();\r\n const konvaImage = new Konva.Image({\r\n image,\r\n x,\r\n y,\r\n width,\r\n height,\r\n name: 'image',\r\n draggable: true,\r\n });\r\n this.kImages.push(konvaImage);\r\n image.onload = () => {\r\n konvaImage.image(image);\r\n this.ref.detectChanges();\r\n };\r\n image.crossOrigin = 'Anonymous';\r\n image.src = img;\r\n this.#layer.add(konvaImage);\r\n }\r\n const tr = new Konva.Transformer();\r\n this.#layer.add(tr);\r\n\r\n // at this point basic demo is finished!!\r\n // we just have several transforming nodes\r\n this.#layer.draw();\r\n this.ref.detectChanges();\r\n // clicks should select/deselect shapes\r\n this.#stage.on('click tap', (e) => {\r\n\r\n // if click on empty area - remove all selections\r\n if (e.target === this.#stage) {\r\n tr.nodes([]);\r\n this.#layer.draw();\r\n return;\r\n }\r\n\r\n // do nothing if clicked NOT on our rectangles\r\n if (!e.target.hasName('rect') && !e.target.hasName('image')) {\r\n return;\r\n }\r\n\r\n // do we pressed shift or ctrl?\r\n const metaPressed = e.evt.shiftKey \|\| e.evt.ctrlKey \|\| e.evt.metaKey;\r\n const isSelected = tr.nodes().indexOf(e.target) >= 0;\r\n\r\n if (!metaPressed && !isSelected) {\r\n // if no key pressed and the node is not selected\r\n // select just one\r\n tr.nodes([e.target]);\r\n } else if (metaPressed && isSelected) {\r\n // if we pressed keys and node was selected\r\n // we need to remove it from selection:\r\n const nodes = tr.nodes().slice(); // use slice to have new copy of array\r\n // remove node from array\r\n nodes.splice(nodes.indexOf(e.target), 1);\r\n tr.nodes(nodes);\r\n } else if (metaPressed && !isSelected) {\r\n // add the node into selection\r\n const nodes = tr.nodes().concat([e.target]);\r\n tr.nodes(nodes);\r\n }\r\n this.#layer.draw();\r\n });\r\n }));\r\n }\r\n\r\n ngOnDestroy() {\r\n this.#subscription.unsubscribe();\r\n }\r\n\r\n toImage = async (): Promise<HTMLImageElement> => {\r\n return await new Promise(resolve => {\r\n this.#stage?.toImage({\r\n callback: (image) => {\r\n resolve(image);\r\n }\r\n });\r\n });\r\n }\r\n\r\n toDataUrl = (): string => {\r\n return this.#stage.toDataURL();\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdMergeImages } from './merge-images/merge-images.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n SdMergeImages\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n SdMergeImages\r\n ]\r\n})\r\nexport class SdKonvaModule { }\r\n"]}

package/bundles/sd-angular-core-modal.umd.js CHANGED Viewed

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('ngx-device-detector'), require('@angular/material/bottom-sheet'), require('rxjs'), require('@angular/common'), require('@sd-angular/core/typing'), require('@angular/material/icon'), require('@angular/material/button'), require('@sd-angular/core/button')) :
-    typeof define === 'function' && define.amd ? define('@sd-angular/core/modal', ['exports', '@angular/core', '@angular/material/dialog', 'ngx-device-detector', '@angular/material/bottom-sheet', 'rxjs', '@angular/common', '@sd-angular/core/typing', '@angular/material/icon', '@angular/material/button', '@sd-angular/core/button'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core.modal = {}), global.ng.core, global.ng.material.dialog, global.ngxDeviceDetector, global.ng.material.bottomSheet, global.rxjs, global.ng.common, global['sd-angular'].core.typing, global.ng.material.icon, global.ng.material.button, global['sd-angular'].core.button));
-}(this, (function (exports, core, dialog, ngxDeviceDetector, bottomSheet, rxjs, common, typing, icon, button, button$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('ngx-device-detector'), require('@angular/material/bottom-sheet'), require('rxjs'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/button'), require('@sd-angular/core/button')) :
+    typeof define === 'function' && define.amd ? define('@sd-angular/core/modal', ['exports', '@angular/core', '@angular/material/dialog', 'ngx-device-detector', '@angular/material/bottom-sheet', 'rxjs', '@angular/common', '@angular/material/icon', '@angular/material/button', '@sd-angular/core/button'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core.modal = {}), global.ng.core, global.ng.material.dialog, global.ngxDeviceDetector, global.ng.material.bottomSheet, global.rxjs, global.ng.common, global.ng.material.icon, global.ng.material.button, global['sd-angular'].core.button));
+}(this, (function (exports, core, dialog, ngxDeviceDetector, bottomSheet, rxjs, common, icon, button, button$1) { 'use strict';
     var SdModal = /** @class */ (function () {
         function SdModal(ref, dialog, bottomSheet, deviceService) {

package/bundles/sd-angular-core-modal.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-angular-core-modal.umd.js","sources":["../../../../projects/sd-core/modal/src/lib/modal/modal.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-header/modal-header.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-body/modal-body.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-footer/modal-footer.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component.ts","../../../../projects/sd-core/modal/src/lib/modal.module.ts","../../../../projects/sd-core/modal/src/public-api.ts","../../../../projects/sd-core/modal/sd-angular-core-modal.ts"],"sourcesContent":["import { Component, ElementRef, Input, ViewChild, OnInit, OnDestroy, TemplateRef, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\nimport { MatBottomSheetRef } from '@angular/material/bottom-sheet';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'sd-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModal implements OnInit, OnDestroy {\r\n static index = 0;\r\n @ViewChild('templateRef') templateRef: TemplateRef<any>;\r\n @Input() title: string;\r\n @Input() noClose: boolean;\r\n @Input() type: 'primary' \| 'info' \| 'success' \| 'warning' \| 'danger';\r\n @Input() width: 'lg' \| 'md' \| 'sm' \| string;\r\n @Input() height = 'auto';\r\n @Input() view: 'dialog' \| 'bottomSheet';\r\n @Input() lazyLoadContent = true;\r\n @ViewChild('modal') modal: ElementRef;\r\n isOpened = false;\r\n alreadyOpened = false;\r\n isMobileOrTablet = false;\r\n private bottomSheetRef: MatBottomSheetRef<any>;\r\n private dialogRef: MatDialogRef<any>;\r\n private subcription = new Subscription();\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n private dialog: MatDialog,\r\n private bottomSheet: MatBottomSheet,\r\n deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit(): void {\r\n this.type = this.type \|\| 'primary';\r\n this.width = this.width \|\| '80vw';\r\n if (!this.isMobileOrTablet) {\r\n switch (this.width) {\r\n case 'lg':\r\n this.width = '80vw';\r\n break;\r\n case 'md':\r\n this.width = '60vw';\r\n break;\r\n case 'sm':\r\n this.width = '40vw';\r\n break;\r\n }\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this.subcription?.unsubscribe();\r\n }\r\n\r\n open = (): void => {\r\n if (this.isOpened) {\r\n return;\r\n }\r\n this.ref.markForCheck();\r\n this.alreadyOpened = true;\r\n this.isOpened = true;\r\n if ((!this.view && this.isMobileOrTablet) \|\| this.view === 'bottomSheet') {\r\n this.bottomSheetRef = this.bottomSheet.open(this.templateRef);\r\n this.subcription.add(this.bottomSheetRef.afterDismissed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n } else {\r\n this.dialogRef = this.dialog.open(this.templateRef, {\r\n width: this.width,\r\n maxWidth: this.width,\r\n disableClose: true\r\n });\r\n this.subcription.add(this.dialogRef.afterClosed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n }\r\n }\r\n\r\n close = (): void => {\r\n this.ref.markForCheck();\r\n this.bottomSheetRef?.dismiss();\r\n this.dialogRef?.close();\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-header',\r\n templateUrl: './modal-header.component.html',\r\n styleUrls: [\r\n './modal-header.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SdModalHeader implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-body',\r\n templateUrl: './modal-body.component.html',\r\n styleUrls: ['./modal-body.component.scss'],\r\n})\r\nexport class SdModalBody implements OnInit {\r\n @Input() height = 'auto';\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-footer',\r\n templateUrl: './modal-footer.component.html',\r\n styleUrls: ['./modal-footer.component.scss']\r\n})\r\nexport class SdModalFooter implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, ViewChild, TemplateRef, Input } from '@angular/core';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet',\r\n templateUrl: './bottom-sheet.component.html'\r\n})\r\nexport class SdBottomSheet {\r\n @ViewChild('templateRef') templateRef: TemplateRef<OptionTemplateContext>;\r\n @Input() title: string;\r\n isOpened = false;\r\n constructor(\r\n private bottomSheet: MatBottomSheet,\r\n ) { }\r\n\r\n open = () => {\r\n this.isOpened = true;\r\n this.bottomSheet.open(this.templateRef);\r\n }\r\n\r\n close = () => {\r\n this.bottomSheet.dismiss();\r\n }\r\n}\r\n\r\ninterface OptionTemplateContext {\r\n $implicit: any;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-header',\r\n templateUrl: './bottom-sheet-header.component.html'\r\n})\r\nexport class SdBottomSheetHeader implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-body',\r\n templateUrl: './bottom-sheet-body.component.html'\r\n})\r\nexport class SdBottomSheetBody implements OnInit {\r\n @Input() height = 'auto';\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-footer',\r\n templateUrl: './bottom-sheet-footer.component.html',\r\n styleUrls: ['./bottom-sheet-footer.component.scss']\r\n})\r\nexport class SdBottomSheetFooter implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdModal } from './modal/modal.component';\r\nimport { SdModalHeader } from './modal/modal-header/modal-header.component';\r\nimport { SdModalBody } from './modal/modal-body/modal-body.component';\r\nimport { SdModalFooter } from './modal/modal-footer/modal-footer.component';\r\nimport { SdBottomSheet } from './bottom-sheet/bottom-sheet.component';\r\nimport { SdBottomSheetHeader } from './bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nimport { SdBottomSheetBody } from './bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nimport { SdBottomSheetFooter } from './bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatBottomSheetModule,\r\n MatDialogModule,\r\n MatButtonModule,\r\n SdButtonModule\r\n ],\r\n declarations: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n exports: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdModalModule {\r\n\r\n}\r\n","/\r\n Public API Surface of superdev-angular-core\r\n /\r\n\r\nexport from './lib/modal/modal.component';\r\nexport * from './lib/modal/modal-header/modal-header.component';\r\nexport * from './lib/modal/modal-body/modal-body.component';\r\nexport * from './lib/modal/modal-footer/modal-footer.component';\r\n\r\nexport * from './lib/bottom-sheet/bottom-sheet.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nexport * from './lib/modal.module';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["Subscription","Component","ViewEncapsulation","ChangeDetectionStrategy","ChangeDetectorRef","MatDialog","MatBottomSheet","DeviceDetectorService","ViewChild","Input","NgModule","CommonModule","MatIconModule","MatBottomSheetModule","MatDialogModule","MatButtonModule","SdButtonModule"],"mappings":";;;;;;;QA+BE,iBACU,GAAsB,EACtB,MAAiB,EACjB,WAA2B,EACnC,aAAoC;YAJtC,iBAMC;YALS,QAAG,GAAH,GAAG,CAAmB;YACtB,WAAM,GAAN,MAAM,CAAW;YACjB,gBAAW,GAAX,WAAW,CAAgB;YAb5B,WAAM,GAAG,MAAM,CAAC;YAEhB,oBAAe,GAAG,IAAI,CAAC;YAEhC,aAAQ,GAAG,KAAK,CAAC;YACjB,kBAAa,GAAG,KAAK,CAAC;YACtB,qBAAgB,GAAG,KAAK,CAAC;YAGjB,gBAAW,GAAG,IAAIA,iBAAY,EAAE,CAAC;YA8BzC,SAAI,GAAG;gBACL,IAAI,KAAI,CAAC,QAAQ,EAAE;oBACjB,OAAO;iBACR;gBACD,KAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;gBACxB,KAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC1B,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,CAAC,KAAI,CAAC,IAAI,IAAI,KAAI,CAAC,gBAAgB,KAAK,KAAI,CAAC,IAAI,KAAK,aAAa,EAAE;oBACxE,KAAI,CAAC,cAAc,GAAG,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,CAAC,WAAW,CAAC,CAAC;oBAC9D,KAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAI,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC;wBAClE,KAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;qBACvB,CAAC,CAAC,CAAC;iBACL;qBAAM;oBACL,KAAI,CAAC,SAAS,GAAG,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,WAAW,EAAE;wBAClD,KAAK,EAAE,KAAI,CAAC,KAAK;wBACjB,QAAQ,EAAE,KAAI,CAAC,KAAK;wBACpB,YAAY,EAAE,IAAI;qBACnB,CAAC,CAAC;oBACH,KAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC;wBAC1D,KAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;qBACvB,CAAC,CAAC,CAAC;iBACL;aACF,CAAA;YAED,UAAK,GAAG;;gBACN,KAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;gBACxB,MAAA,KAAI,CAAC,cAAc,0CAAE,OAAO,GAAG;gBAC/B,MAAA,KAAI,CAAC,SAAS,0CAAE,KAAK,GAAG;aACzB,CAAA;YApDC,IAAI,CAAC,gBAAgB,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;SACpD;QACD,0BAAQ,GAAR;YACE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;YAClC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,QAAQ,IAAI,CAAC,KAAK;oBAChB,KAAK,IAAI;wBACP,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;wBACpB,MAAM;oBACR,KAAK,IAAI;wBACP,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;wBACpB,MAAM;oBACR,KAAK,IAAI;wBACP,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;wBACpB,MAAM;iBACT;aACF;SACF;QAED,6BAAW,GAAX;;YACE,MAAA,IAAI,CAAC,WAAW,0CAAE,WAAW,GAAG;SACjC;;;IA3CM,aAAK,GAAG,CAAC,CAAC;;gBARlBC,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,+iBAAqC;oBAErC,aAAa,EAAEC,sBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;gBAb6HC,sBAAiB;gBACtIC,gBAAS;gBAETC,0BAAc;gBADdC,uCAAqB;;;8BAc3BC,cAAS,SAAC,aAAa;wBACvBC,UAAK;0BACLA,UAAK;uBACLA,UAAK;wBACLA,UAAK;yBACLA,UAAK;uBACLA,UAAK;kCACLA,UAAK;wBACLD,cAAS,SAAC,OAAO;;;;QCZlB,uBAAY,aAAoC;YADhD,qBAAgB,GAAG,KAAK,CAAC;YAEvB,IAAI,CAAC,gBAAgB,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;SACpD;QAED,gCAAQ,GAAR;SACC;;;;gBAdFP,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,sXAA4C;oBAG5C,aAAa,EAAEC,sBAAiB,CAAC,IAAI;;iBACtC;;;gBARQK,uCAAqB;;;;QCU5B,qBAAY,aAAoC;YAFvC,WAAM,GAAG,MAAM,CAAC;YACzB,qBAAgB,GAAG,KAAK,CAAC;YAEvB,IAAI,CAAC,gBAAgB,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;SACpD;QACD,8BAAQ,GAAR;SACC;;;;gBAZFN,cAAS,SAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,sbAA0C;;iBAE3C;;;gBANQM,uCAAqB;;;yBAQ3BE,UAAK;;;;QCCN,uBAAY,aAAoC;YADhD,qBAAgB,GAAG,KAAK,CAAC;YAEvB,IAAI,CAAC,gBAAgB,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;SACpD;QAED,gCAAQ,GAAR;SACC;;;;gBAZFR,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,ggBAA4C;;iBAE7C;;;gBANQM,uCAAqB;;;;QCU5B,uBACU,WAA2B;YADrC,iBAEK;YADK,gBAAW,GAAX,WAAW,CAAgB;YAFrC,aAAQ,GAAG,KAAK,CAAC;YAKjB,SAAI,GAAG;gBACL,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,CAAC,WAAW,CAAC,CAAC;aACzC,CAAA;YAED,UAAK,GAAG;gBACN,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;aAC5B,CAAA;SATI;;;;gBAVNN,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,uOAA4C;iBAC7C;;;gBALQK,0BAAc;;;8BAOpBE,cAAS,SAAC,aAAa;wBACvBC,UAAK;;;;QCFN;SAAiB;QAEjB,sCAAQ,GAAR;SACC;;;;gBARFR,cAAS,SAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,8EAAmD;iBACpD;;;;;QCGC;YADS,WAAM,GAAG,MAAM,CAAC;SACR;QAEjB,oCAAQ,GAAR;SACC;;;;gBATFA,cAAS,SAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,0FAAiD;iBAClD;;;;yBAEEQ,UAAK;;;;QCCN;SAAiB;QAEjB,sCAAQ,GAAR;SACC;;;;gBATFR,cAAS,SAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,2KAAmD;;iBAEpD;;;;;QC4CD;;;;;gBAhCCS,aAAQ,SAAC;oBACR,OAAO,EAAE;wBACPC,mBAAY;wBACZC,kBAAa;wBACbC,gCAAoB;wBACpBC,sBAAe;wBACfC,sBAAe;wBACfC,uBAAc;qBACf;oBACD,YAAY,EAAE;wBACZ,OAAO;wBACP,aAAa;wBACb,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,mBAAmB;wBACnB,iBAAiB;wBACjB,mBAAmB;qBACpB;oBACD,OAAO,EAAE;wBACP,OAAO;wBACP,aAAa;wBACb,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,mBAAmB;wBACnB,iBAAiB;wBACjB,mBAAmB;qBACpB;oBACD,SAAS,EAAE,EACV;iBACF;;;ICjDD;;;;ICAA;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"sd-angular-core-modal.umd.js","sources":["../../../../projects/sd-core/modal/src/lib/modal/modal.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-header/modal-header.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-body/modal-body.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-footer/modal-footer.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component.ts","../../../../projects/sd-core/modal/src/lib/modal.module.ts","../../../../projects/sd-core/modal/src/public-api.ts","../../../../projects/sd-core/modal/sd-angular-core-modal.ts"],"sourcesContent":["import { Component, ElementRef, Input, ViewChild, OnInit, OnDestroy, TemplateRef, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\nimport { MatBottomSheetRef } from '@angular/material/bottom-sheet';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'sd-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModal implements OnInit, OnDestroy {\r\n static index = 0;\r\n @ViewChild('templateRef') templateRef: TemplateRef<any>;\r\n @Input() title: string;\r\n @Input() noClose: boolean;\r\n @Input() type: 'primary' \| 'info' \| 'success' \| 'warning' \| 'danger';\r\n @Input() width: 'lg' \| 'md' \| 'sm' \| string;\r\n @Input() height = 'auto';\r\n @Input() view: 'dialog' \| 'bottomSheet';\r\n @Input() lazyLoadContent = true;\r\n @ViewChild('modal') modal: ElementRef;\r\n isOpened = false;\r\n alreadyOpened = false;\r\n isMobileOrTablet = false;\r\n private bottomSheetRef: MatBottomSheetRef<any>;\r\n private dialogRef: MatDialogRef<any>;\r\n private subcription = new Subscription();\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n private dialog: MatDialog,\r\n private bottomSheet: MatBottomSheet,\r\n deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit(): void {\r\n this.type = this.type \|\| 'primary';\r\n this.width = this.width \|\| '80vw';\r\n if (!this.isMobileOrTablet) {\r\n switch (this.width) {\r\n case 'lg':\r\n this.width = '80vw';\r\n break;\r\n case 'md':\r\n this.width = '60vw';\r\n break;\r\n case 'sm':\r\n this.width = '40vw';\r\n break;\r\n }\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this.subcription?.unsubscribe();\r\n }\r\n\r\n open = (): void => {\r\n if (this.isOpened) {\r\n return;\r\n }\r\n this.ref.markForCheck();\r\n this.alreadyOpened = true;\r\n this.isOpened = true;\r\n if ((!this.view && this.isMobileOrTablet) \|\| this.view === 'bottomSheet') {\r\n this.bottomSheetRef = this.bottomSheet.open(this.templateRef);\r\n this.subcription.add(this.bottomSheetRef.afterDismissed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n } else {\r\n this.dialogRef = this.dialog.open(this.templateRef, {\r\n width: this.width,\r\n maxWidth: this.width,\r\n disableClose: true\r\n });\r\n this.subcription.add(this.dialogRef.afterClosed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n }\r\n }\r\n\r\n close = (): void => {\r\n this.ref.markForCheck();\r\n this.bottomSheetRef?.dismiss();\r\n this.dialogRef?.close();\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-header',\r\n templateUrl: './modal-header.component.html',\r\n styleUrls: [\r\n './modal-header.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SdModalHeader implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-body',\r\n templateUrl: './modal-body.component.html',\r\n styleUrls: ['./modal-body.component.scss'],\r\n})\r\nexport class SdModalBody implements OnInit {\r\n @Input() height = 'auto';\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-footer',\r\n templateUrl: './modal-footer.component.html',\r\n styleUrls: ['./modal-footer.component.scss']\r\n})\r\nexport class SdModalFooter implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, ViewChild, TemplateRef, Input } from '@angular/core';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet',\r\n templateUrl: './bottom-sheet.component.html'\r\n})\r\nexport class SdBottomSheet {\r\n @ViewChild('templateRef') templateRef: TemplateRef<OptionTemplateContext>;\r\n @Input() title: string;\r\n isOpened = false;\r\n constructor(\r\n private bottomSheet: MatBottomSheet,\r\n ) { }\r\n\r\n open = () => {\r\n this.isOpened = true;\r\n this.bottomSheet.open(this.templateRef);\r\n }\r\n\r\n close = () => {\r\n this.bottomSheet.dismiss();\r\n }\r\n}\r\n\r\ninterface OptionTemplateContext {\r\n $implicit: any;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-header',\r\n templateUrl: './bottom-sheet-header.component.html'\r\n})\r\nexport class SdBottomSheetHeader implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-body',\r\n templateUrl: './bottom-sheet-body.component.html'\r\n})\r\nexport class SdBottomSheetBody implements OnInit {\r\n @Input() height = 'auto';\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-footer',\r\n templateUrl: './bottom-sheet-footer.component.html',\r\n styleUrls: ['./bottom-sheet-footer.component.scss']\r\n})\r\nexport class SdBottomSheetFooter implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdModal } from './modal/modal.component';\r\nimport { SdModalHeader } from './modal/modal-header/modal-header.component';\r\nimport { SdModalBody } from './modal/modal-body/modal-body.component';\r\nimport { SdModalFooter } from './modal/modal-footer/modal-footer.component';\r\nimport { SdBottomSheet } from './bottom-sheet/bottom-sheet.component';\r\nimport { SdBottomSheetHeader } from './bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nimport { SdBottomSheetBody } from './bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nimport { SdBottomSheetFooter } from './bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatBottomSheetModule,\r\n MatDialogModule,\r\n MatButtonModule,\r\n SdButtonModule\r\n ],\r\n declarations: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n exports: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdModalModule {\r\n\r\n}\r\n","/\r\n Public API Surface of superdev-angular-core\r\n /\r\n\r\nexport from './lib/modal/modal.component';\r\nexport * from './lib/modal/modal-header/modal-header.component';\r\nexport * from './lib/modal/modal-body/modal-body.component';\r\nexport * from './lib/modal/modal-footer/modal-footer.component';\r\n\r\nexport * from './lib/bottom-sheet/bottom-sheet.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nexport * from './lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nexport * from './lib/modal.module';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["Subscription","Component","ViewEncapsulation","ChangeDetectionStrategy","ChangeDetectorRef","MatDialog","MatBottomSheet","DeviceDetectorService","ViewChild","Input","NgModule","CommonModule","MatIconModule","MatBottomSheetModule","MatDialogModule","MatButtonModule","SdButtonModule"],"mappings":"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"}

package/bundles/sd-angular-core-modal.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/material/dialog"),require("ngx-device-detector"),require("@angular/material/bottom-sheet"),require("rxjs"),require("@angular/common"),require("@sd-angular/core/typing"),require("@angular/material/icon"),require("@angular/material/button"),require("@sd-angular/core/button")):"function"==typeof define&&define.amd?define("@sd-angular/core/modal",["exports","@angular/core","@angular/material/dialog","ngx-device-detector","@angular/material/bottom-sheet","rxjs","@angular/common","@sd-angular/core/typing","@angular/material/icon","@angular/material/button","@sd-angular/core/button"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["sd-angular"]=t["sd-angular"]||{},t["sd-angular"].core=t["sd-angular"].core||{},t["sd-angular"].core.modal={}),t.ng.core,t.ng.material.dialog,t.ngxDeviceDetector,t.ng.material.bottomSheet,t.rxjs,t.ng.common,t["sd-angular"].core.typing,t.ng.material.icon,t.ng.material.button,t["sd-angular"].core.button)}(this,(function(t,e,n,o,r,i,a,s,l,d,c){"use strict";var p=function(){function t(t,e,n,o){var r=this;this.ref=t,this.dialog=e,this.bottomSheet=n,this.height="auto",this.lazyLoadContent=!0,this.isOpened=!1,this.alreadyOpened=!1,this.isMobileOrTablet=!1,this.subcription=new i.Subscription,this.open=function(){r.isOpened||(r.ref.markForCheck(),r.alreadyOpened=!0,r.isOpened=!0,!r.view&&r.isMobileOrTablet||"bottomSheet"===r.view?(r.bottomSheetRef=r.bottomSheet.open(r.templateRef),r.subcription.add(r.bottomSheetRef.afterDismissed().subscribe((function(){r.isOpened=!1})))):(r.dialogRef=r.dialog.open(r.templateRef,{width:r.width,maxWidth:r.width,disableClose:!0}),r.subcription.add(r.dialogRef.afterClosed().subscribe((function(){r.isOpened=!1})))))},this.close=function(){var t,e;r.ref.markForCheck(),null===(t=r.bottomSheetRef)||void 0===t||t.dismiss(),null===(e=r.dialogRef)||void 0===e||e.close()},this.isMobileOrTablet=!o.isDesktop()}return t.prototype.ngOnInit=function(){if(this.type=this.type||"primary",this.width=this.width||"80vw",!this.isMobileOrTablet)switch(this.width){case"lg":this.width="80vw";break;case"md":this.width="60vw";break;case"sm":this.width="40vw"}},t.prototype.ngOnDestroy=function(){var t;null===(t=this.subcription)||void 0===t||t.unsubscribe()},t}();p.index=0,p.decorators=[{type:e.Component,args:[{selector:"sd-modal",template:'<ng-template #templateRef>\r\n  <ng-container *ngIf="!lazyLoadContent || alreadyOpened">\r\n    <sd-modal-header *ngIf="title">\r\n      <span [innerHtml]="title"></span>\r\n      <button *ngIf="!noClose" class="float-right" type="button" (click)="close()" mat-icon-button>\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </sd-modal-header>\r\n    <div class="d-flex flex-column px-12 px-md-24 pb-6 overflow-auto w-100 mh-100">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>',encapsulation:e.ViewEncapsulation.None,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:['button:focus{outline:none!important}.mat-dialog-container{padding:0!important}.mat-dialog-container .mat-dialog-content{max-height:80vh}.mat-dialog-container .mat-dialog-actions{margin-bottom:0;min-height:auto;padding:0}.mat-bottom-sheet-container{max-height:"inherit"}sd-modal-header{display:block;padding:12px 24px;width:100%}@media (max-width:640px){sd-modal-header{padding:12px}}.cdk-global-overlay-wrapper .mat-bottom-sheet-container{border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;min-width:100vw;outline:0;overflow:hidden;padding:0}']}]}],p.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:n.MatDialog},{type:r.MatBottomSheet},{type:o.DeviceDetectorService}]},p.propDecorators={templateRef:[{type:e.ViewChild,args:["templateRef"]}],title:[{type:e.Input}],noClose:[{type:e.Input}],type:[{type:e.Input}],width:[{type:e.Input}],height:[{type:e.Input}],view:[{type:e.Input}],lazyLoadContent:[{type:e.Input}],modal:[{type:e.ViewChild,args:["modal"]}]};var g=function(){function t(t){this.isMobileOrTablet=!1,this.isMobileOrTablet=!t.isDesktop()}return t.prototype.ngOnInit=function(){},t}();g.decorators=[{type:e.Component,args:[{selector:"sd-modal-header",template:'<h3 class="mb-0" mat-dialog-title *ngIf="!isMobileOrTablet">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</h3>\r\n<sd-bottom-sheet-header *ngIf="isMobileOrTablet">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</sd-bottom-sheet-header>\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>',encapsulation:e.ViewEncapsulation.None,styles:[".mat-dialog-title{align-items:center;display:flex;justify-content:space-between}button:focus{outline:none!important}"]}]}],g.ctorParameters=function(){return[{type:o.DeviceDetectorService}]};var u=function(){function t(t){this.height="auto",this.isMobileOrTablet=!1,this.isMobileOrTablet=!t.isDesktop()}return t.prototype.ngOnInit=function(){},t}();u.decorators=[{type:e.Component,args:[{selector:"sd-modal-body",template:'<mat-dialog-content *ngIf="!isMobileOrTablet" [ngStyle]="{\'height\': height}" class="pb-5">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</mat-dialog-content>\r\n<sd-bottom-sheet-body *ngIf="isMobileOrTablet" [height]="height">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</sd-bottom-sheet-body>\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>',styles:[":host{width:100%}"]}]}],u.ctorParameters=function(){return[{type:o.DeviceDetectorService}]},u.propDecorators={height:[{type:e.Input}]};var m=function(){function t(t){this.isMobileOrTablet=!1,this.isMobileOrTablet=!t.isDesktop()}return t.prototype.ngOnInit=function(){},t}();m.decorators=[{type:e.Component,args:[{selector:"sd-modal-footer",template:'\x3c!-- <div class="modal-footer" style="padding:5px"><ng-content></ng-content></div> --\x3e\r\n<mat-dialog-actions *ngIf="!isMobileOrTablet">\r\n  <div class="c-footer">\r\n    <ng-container *ngTemplateOutlet="content"></ng-container>\r\n  </div>\r\n</mat-dialog-actions>\r\n<sd-bottom-sheet-footer *ngIf="isMobileOrTablet">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</sd-bottom-sheet-footer>\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>',styles:[":host{width:100%}:host .c-footer{align-items:center;display:flex;flex:auto;justify-content:flex-end;padding:8px 0}"]}]}],m.ctorParameters=function(){return[{type:o.DeviceDetectorService}]};var h=function(t){var e=this;this.bottomSheet=t,this.isOpened=!1,this.open=function(){e.isOpened=!0,e.bottomSheet.open(e.templateRef)},this.close=function(){e.bottomSheet.dismiss()}};h.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet",template:'<ng-template #templateRef>\r\n  <ng-container *ngIf="isOpened">\r\n    <sd-bottom-sheet-header *ngIf="title">{{title}}</sd-bottom-sheet-header>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n</ng-template>'}]}],h.ctorParameters=function(){return[{type:r.MatBottomSheet}]},h.propDecorators={templateRef:[{type:e.ViewChild,args:["templateRef"]}],title:[{type:e.Input}]};var f=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();f.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet-header",template:'<h3 class="mb-0" mat-dialog-title><ng-content></ng-content></h3>'}]}],f.ctorParameters=function(){return[]};var b=function(){function t(){this.height="auto"}return t.prototype.ngOnInit=function(){},t}();b.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet-body",template:"<div [ngStyle]=\"{'height': height}\">\r\n  <ng-content></ng-content>\r\n<div>"}]}],b.ctorParameters=function(){return[]},b.propDecorators={height:[{type:e.Input}]};var y=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();y.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet-footer",template:'\x3c!-- <div class="modal-footer" style="padding:5px"><ng-content></ng-content></div> --\x3e\r\n<div class="c-footer">\r\n  <ng-content></ng-content>\r\n</div>',styles:[".c-footer{align-items:center;display:flex;flex:auto;justify-content:flex-end;padding-bottom:5px;padding-top:5px}"]}]}],y.ctorParameters=function(){return[]};var v=function(){};v.decorators=[{type:e.NgModule,args:[{imports:[a.CommonModule,l.MatIconModule,r.MatBottomSheetModule,n.MatDialogModule,d.MatButtonModule,c.SdButtonModule],declarations:[p,g,u,m,h,f,b,y],exports:[p,g,u,m,h,f,b,y],providers:[]}]}],t.SdBottomSheet=h,t.SdBottomSheetBody=b,t.SdBottomSheetFooter=y,t.SdBottomSheetHeader=f,t.SdModal=p,t.SdModalBody=u,t.SdModalFooter=m,t.SdModalHeader=g,t.SdModalModule=v,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/material/dialog"),require("ngx-device-detector"),require("@angular/material/bottom-sheet"),require("rxjs"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/button"),require("@sd-angular/core/button")):"function"==typeof define&&define.amd?define("@sd-angular/core/modal",["exports","@angular/core","@angular/material/dialog","ngx-device-detector","@angular/material/bottom-sheet","rxjs","@angular/common","@angular/material/icon","@angular/material/button","@sd-angular/core/button"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["sd-angular"]=t["sd-angular"]||{},t["sd-angular"].core=t["sd-angular"].core||{},t["sd-angular"].core.modal={}),t.ng.core,t.ng.material.dialog,t.ngxDeviceDetector,t.ng.material.bottomSheet,t.rxjs,t.ng.common,t.ng.material.icon,t.ng.material.button,t["sd-angular"].core.button)}(this,(function(t,e,n,o,r,i,a,s,l,d){"use strict";var c=function(){function t(t,e,n,o){var r=this;this.ref=t,this.dialog=e,this.bottomSheet=n,this.height="auto",this.lazyLoadContent=!0,this.isOpened=!1,this.alreadyOpened=!1,this.isMobileOrTablet=!1,this.subcription=new i.Subscription,this.open=function(){r.isOpened||(r.ref.markForCheck(),r.alreadyOpened=!0,r.isOpened=!0,!r.view&&r.isMobileOrTablet||"bottomSheet"===r.view?(r.bottomSheetRef=r.bottomSheet.open(r.templateRef),r.subcription.add(r.bottomSheetRef.afterDismissed().subscribe((function(){r.isOpened=!1})))):(r.dialogRef=r.dialog.open(r.templateRef,{width:r.width,maxWidth:r.width,disableClose:!0}),r.subcription.add(r.dialogRef.afterClosed().subscribe((function(){r.isOpened=!1})))))},this.close=function(){var t,e;r.ref.markForCheck(),null===(t=r.bottomSheetRef)||void 0===t||t.dismiss(),null===(e=r.dialogRef)||void 0===e||e.close()},this.isMobileOrTablet=!o.isDesktop()}return t.prototype.ngOnInit=function(){if(this.type=this.type||"primary",this.width=this.width||"80vw",!this.isMobileOrTablet)switch(this.width){case"lg":this.width="80vw";break;case"md":this.width="60vw";break;case"sm":this.width="40vw"}},t.prototype.ngOnDestroy=function(){var t;null===(t=this.subcription)||void 0===t||t.unsubscribe()},t}();c.index=0,c.decorators=[{type:e.Component,args:[{selector:"sd-modal",template:'<ng-template #templateRef>\r\n  <ng-container *ngIf="!lazyLoadContent || alreadyOpened">\r\n    <sd-modal-header *ngIf="title">\r\n      <span [innerHtml]="title"></span>\r\n      <button *ngIf="!noClose" class="float-right" type="button" (click)="close()" mat-icon-button>\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </sd-modal-header>\r\n    <div class="d-flex flex-column px-12 px-md-24 pb-6 overflow-auto w-100 mh-100">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>',encapsulation:e.ViewEncapsulation.None,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:['button:focus{outline:none!important}.mat-dialog-container{padding:0!important}.mat-dialog-container .mat-dialog-content{max-height:80vh}.mat-dialog-container .mat-dialog-actions{margin-bottom:0;min-height:auto;padding:0}.mat-bottom-sheet-container{max-height:"inherit"}sd-modal-header{display:block;padding:12px 24px;width:100%}@media (max-width:640px){sd-modal-header{padding:12px}}.cdk-global-overlay-wrapper .mat-bottom-sheet-container{border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;min-width:100vw;outline:0;overflow:hidden;padding:0}']}]}],c.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:n.MatDialog},{type:r.MatBottomSheet},{type:o.DeviceDetectorService}]},c.propDecorators={templateRef:[{type:e.ViewChild,args:["templateRef"]}],title:[{type:e.Input}],noClose:[{type:e.Input}],type:[{type:e.Input}],width:[{type:e.Input}],height:[{type:e.Input}],view:[{type:e.Input}],lazyLoadContent:[{type:e.Input}],modal:[{type:e.ViewChild,args:["modal"]}]};var p=function(){function t(t){this.isMobileOrTablet=!1,this.isMobileOrTablet=!t.isDesktop()}return t.prototype.ngOnInit=function(){},t}();p.decorators=[{type:e.Component,args:[{selector:"sd-modal-header",template:'<h3 class="mb-0" mat-dialog-title *ngIf="!isMobileOrTablet">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</h3>\r\n<sd-bottom-sheet-header *ngIf="isMobileOrTablet">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</sd-bottom-sheet-header>\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>',encapsulation:e.ViewEncapsulation.None,styles:[".mat-dialog-title{align-items:center;display:flex;justify-content:space-between}button:focus{outline:none!important}"]}]}],p.ctorParameters=function(){return[{type:o.DeviceDetectorService}]};var g=function(){function t(t){this.height="auto",this.isMobileOrTablet=!1,this.isMobileOrTablet=!t.isDesktop()}return t.prototype.ngOnInit=function(){},t}();g.decorators=[{type:e.Component,args:[{selector:"sd-modal-body",template:'<mat-dialog-content *ngIf="!isMobileOrTablet" [ngStyle]="{\'height\': height}" class="pb-5">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</mat-dialog-content>\r\n<sd-bottom-sheet-body *ngIf="isMobileOrTablet" [height]="height">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</sd-bottom-sheet-body>\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>',styles:[":host{width:100%}"]}]}],g.ctorParameters=function(){return[{type:o.DeviceDetectorService}]},g.propDecorators={height:[{type:e.Input}]};var m=function(){function t(t){this.isMobileOrTablet=!1,this.isMobileOrTablet=!t.isDesktop()}return t.prototype.ngOnInit=function(){},t}();m.decorators=[{type:e.Component,args:[{selector:"sd-modal-footer",template:'\x3c!-- <div class="modal-footer" style="padding:5px"><ng-content></ng-content></div> --\x3e\r\n<mat-dialog-actions *ngIf="!isMobileOrTablet">\r\n  <div class="c-footer">\r\n    <ng-container *ngTemplateOutlet="content"></ng-container>\r\n  </div>\r\n</mat-dialog-actions>\r\n<sd-bottom-sheet-footer *ngIf="isMobileOrTablet">\r\n  <ng-container *ngTemplateOutlet="content"></ng-container>\r\n</sd-bottom-sheet-footer>\r\n<ng-template #content>\r\n  <ng-content></ng-content>\r\n</ng-template>',styles:[":host{width:100%}:host .c-footer{align-items:center;display:flex;flex:auto;justify-content:flex-end;padding:8px 0}"]}]}],m.ctorParameters=function(){return[{type:o.DeviceDetectorService}]};var u=function(t){var e=this;this.bottomSheet=t,this.isOpened=!1,this.open=function(){e.isOpened=!0,e.bottomSheet.open(e.templateRef)},this.close=function(){e.bottomSheet.dismiss()}};u.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet",template:'<ng-template #templateRef>\r\n  <ng-container *ngIf="isOpened">\r\n    <sd-bottom-sheet-header *ngIf="title">{{title}}</sd-bottom-sheet-header>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n</ng-template>'}]}],u.ctorParameters=function(){return[{type:r.MatBottomSheet}]},u.propDecorators={templateRef:[{type:e.ViewChild,args:["templateRef"]}],title:[{type:e.Input}]};var h=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();h.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet-header",template:'<h3 class="mb-0" mat-dialog-title><ng-content></ng-content></h3>'}]}],h.ctorParameters=function(){return[]};var f=function(){function t(){this.height="auto"}return t.prototype.ngOnInit=function(){},t}();f.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet-body",template:"<div [ngStyle]=\"{'height': height}\">\r\n  <ng-content></ng-content>\r\n<div>"}]}],f.ctorParameters=function(){return[]},f.propDecorators={height:[{type:e.Input}]};var b=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();b.decorators=[{type:e.Component,args:[{selector:"sd-bottom-sheet-footer",template:'\x3c!-- <div class="modal-footer" style="padding:5px"><ng-content></ng-content></div> --\x3e\r\n<div class="c-footer">\r\n  <ng-content></ng-content>\r\n</div>',styles:[".c-footer{align-items:center;display:flex;flex:auto;justify-content:flex-end;padding-bottom:5px;padding-top:5px}"]}]}],b.ctorParameters=function(){return[]};var y=function(){};y.decorators=[{type:e.NgModule,args:[{imports:[a.CommonModule,s.MatIconModule,r.MatBottomSheetModule,n.MatDialogModule,l.MatButtonModule,d.SdButtonModule],declarations:[c,p,g,m,u,h,f,b],exports:[c,p,g,m,u,h,f,b],providers:[]}]}],t.SdBottomSheet=u,t.SdBottomSheetBody=f,t.SdBottomSheetFooter=b,t.SdBottomSheetHeader=h,t.SdModal=c,t.SdModalBody=g,t.SdModalFooter=m,t.SdModalHeader=p,t.SdModalModule=y,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-modal.umd.min.js.map

package/bundles/sd-angular-core-modal.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../projects/sd-core/modal/src/lib/modal/modal.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-header/modal-header.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-body/modal-body.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-footer/modal-footer.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component.ts","../../../../projects/sd-core/modal/src/lib/modal.module.ts"],"names":["SdModal","ref","dialog","bottomSheet","deviceService","_this","this","height","lazyLoadContent","isOpened","alreadyOpened","isMobileOrTablet","subcription","Subscription","open","markForCheck","view","bottomSheetRef","templateRef","add","afterDismissed","subscribe","dialogRef","width","maxWidth","disableClose","afterClosed","close","_a","dismiss","_b","isDesktop","prototype","ngOnInit","type","ngOnDestroy","unsubscribe","index","Component","args","selector","template","encapsulation","ViewEncapsulation","None","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","MatDialog","MatBottomSheet","DeviceDetectorService","ViewChild","Input","SdModalHeader","SdModalBody","SdModalFooter","SdBottomSheetHeader","SdBottomSheetBody","SdBottomSheetFooter","NgModule","imports","CommonModule","MatIconModule","MatBottomSheetModule","MatDialogModule","MatButtonModule","SdButtonModule","declarations","SdBottomSheet","exports","providers"],"mappings":"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","sourcesContent":["import { Component, ElementRef, Input, ViewChild, OnInit, OnDestroy, TemplateRef, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\nimport { MatBottomSheetRef } from '@angular/material/bottom-sheet';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'sd-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModal implements OnInit, OnDestroy {\r\n static index = 0;\r\n @ViewChild('templateRef') templateRef: TemplateRef<any>;\r\n @Input() title: string;\r\n @Input() noClose: boolean;\r\n @Input() type: 'primary' \| 'info' \| 'success' \| 'warning' \| 'danger';\r\n @Input() width: 'lg' \| 'md' \| 'sm' \| string;\r\n @Input() height = 'auto';\r\n @Input() view: 'dialog' \| 'bottomSheet';\r\n @Input() lazyLoadContent = true;\r\n @ViewChild('modal') modal: ElementRef;\r\n isOpened = false;\r\n alreadyOpened = false;\r\n isMobileOrTablet = false;\r\n private bottomSheetRef: MatBottomSheetRef<any>;\r\n private dialogRef: MatDialogRef<any>;\r\n private subcription = new Subscription();\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n private dialog: MatDialog,\r\n private bottomSheet: MatBottomSheet,\r\n deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit(): void {\r\n this.type = this.type \|\| 'primary';\r\n this.width = this.width \|\| '80vw';\r\n if (!this.isMobileOrTablet) {\r\n switch (this.width) {\r\n case 'lg':\r\n this.width = '80vw';\r\n break;\r\n case 'md':\r\n this.width = '60vw';\r\n break;\r\n case 'sm':\r\n this.width = '40vw';\r\n break;\r\n }\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this.subcription?.unsubscribe();\r\n }\r\n\r\n open = (): void => {\r\n if (this.isOpened) {\r\n return;\r\n }\r\n this.ref.markForCheck();\r\n this.alreadyOpened = true;\r\n this.isOpened = true;\r\n if ((!this.view && this.isMobileOrTablet) \|\| this.view === 'bottomSheet') {\r\n this.bottomSheetRef = this.bottomSheet.open(this.templateRef);\r\n this.subcription.add(this.bottomSheetRef.afterDismissed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n } else {\r\n this.dialogRef = this.dialog.open(this.templateRef, {\r\n width: this.width,\r\n maxWidth: this.width,\r\n disableClose: true\r\n });\r\n this.subcription.add(this.dialogRef.afterClosed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n }\r\n }\r\n\r\n close = (): void => {\r\n this.ref.markForCheck();\r\n this.bottomSheetRef?.dismiss();\r\n this.dialogRef?.close();\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-header',\r\n templateUrl: './modal-header.component.html',\r\n styleUrls: [\r\n './modal-header.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SdModalHeader implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-body',\r\n templateUrl: './modal-body.component.html',\r\n styleUrls: ['./modal-body.component.scss'],\r\n})\r\nexport class SdModalBody implements OnInit {\r\n @Input() height = 'auto';\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-footer',\r\n templateUrl: './modal-footer.component.html',\r\n styleUrls: ['./modal-footer.component.scss']\r\n})\r\nexport class SdModalFooter implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, ViewChild, TemplateRef, Input } from '@angular/core';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet',\r\n templateUrl: './bottom-sheet.component.html'\r\n})\r\nexport class SdBottomSheet {\r\n @ViewChild('templateRef') templateRef: TemplateRef<OptionTemplateContext>;\r\n @Input() title: string;\r\n isOpened = false;\r\n constructor(\r\n private bottomSheet: MatBottomSheet,\r\n ) { }\r\n\r\n open = () => {\r\n this.isOpened = true;\r\n this.bottomSheet.open(this.templateRef);\r\n }\r\n\r\n close = () => {\r\n this.bottomSheet.dismiss();\r\n }\r\n}\r\n\r\ninterface OptionTemplateContext {\r\n $implicit: any;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-header',\r\n templateUrl: './bottom-sheet-header.component.html'\r\n})\r\nexport class SdBottomSheetHeader implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-body',\r\n templateUrl: './bottom-sheet-body.component.html'\r\n})\r\nexport class SdBottomSheetBody implements OnInit {\r\n @Input() height = 'auto';\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-footer',\r\n templateUrl: './bottom-sheet-footer.component.html',\r\n styleUrls: ['./bottom-sheet-footer.component.scss']\r\n})\r\nexport class SdBottomSheetFooter implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdModal } from './modal/modal.component';\r\nimport { SdModalHeader } from './modal/modal-header/modal-header.component';\r\nimport { SdModalBody } from './modal/modal-body/modal-body.component';\r\nimport { SdModalFooter } from './modal/modal-footer/modal-footer.component';\r\nimport { SdBottomSheet } from './bottom-sheet/bottom-sheet.component';\r\nimport { SdBottomSheetHeader } from './bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nimport { SdBottomSheetBody } from './bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nimport { SdBottomSheetFooter } from './bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nimport '@sd-angular/core/typing';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatBottomSheetModule,\r\n MatDialogModule,\r\n MatButtonModule,\r\n SdButtonModule\r\n ],\r\n declarations: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n exports: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdModalModule {\r\n\r\n}\r\n"]}
1	+ {"version":3,"sources":["../../../../projects/sd-core/modal/src/lib/modal/modal.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-header/modal-header.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-body/modal-body.component.ts","../../../../projects/sd-core/modal/src/lib/modal/modal-footer/modal-footer.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-header/bottom-sheet-header.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-body/bottom-sheet-body.component.ts","../../../../projects/sd-core/modal/src/lib/bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component.ts","../../../../projects/sd-core/modal/src/lib/modal.module.ts"],"names":["SdModal","ref","dialog","bottomSheet","deviceService","_this","this","height","lazyLoadContent","isOpened","alreadyOpened","isMobileOrTablet","subcription","Subscription","open","markForCheck","view","bottomSheetRef","templateRef","add","afterDismissed","subscribe","dialogRef","width","maxWidth","disableClose","afterClosed","close","_a","dismiss","_b","isDesktop","prototype","ngOnInit","type","ngOnDestroy","unsubscribe","index","Component","args","selector","template","encapsulation","ViewEncapsulation","None","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","MatDialog","MatBottomSheet","DeviceDetectorService","ViewChild","Input","SdModalHeader","SdModalBody","SdModalFooter","SdBottomSheetHeader","SdBottomSheetBody","SdBottomSheetFooter","NgModule","imports","CommonModule","MatIconModule","MatBottomSheetModule","MatDialogModule","MatButtonModule","SdButtonModule","declarations","SdBottomSheet","exports","providers"],"mappings":"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","sourcesContent":["import { Component, ElementRef, Input, ViewChild, OnInit, OnDestroy, TemplateRef, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\nimport { MatBottomSheetRef } from '@angular/material/bottom-sheet';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'sd-modal',\r\n templateUrl: './modal.component.html',\r\n styleUrls: ['./modal.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdModal implements OnInit, OnDestroy {\r\n static index = 0;\r\n @ViewChild('templateRef') templateRef: TemplateRef<any>;\r\n @Input() title: string;\r\n @Input() noClose: boolean;\r\n @Input() type: 'primary' \| 'info' \| 'success' \| 'warning' \| 'danger';\r\n @Input() width: 'lg' \| 'md' \| 'sm' \| string;\r\n @Input() height = 'auto';\r\n @Input() view: 'dialog' \| 'bottomSheet';\r\n @Input() lazyLoadContent = true;\r\n @ViewChild('modal') modal: ElementRef;\r\n isOpened = false;\r\n alreadyOpened = false;\r\n isMobileOrTablet = false;\r\n private bottomSheetRef: MatBottomSheetRef<any>;\r\n private dialogRef: MatDialogRef<any>;\r\n private subcription = new Subscription();\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n private dialog: MatDialog,\r\n private bottomSheet: MatBottomSheet,\r\n deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit(): void {\r\n this.type = this.type \|\| 'primary';\r\n this.width = this.width \|\| '80vw';\r\n if (!this.isMobileOrTablet) {\r\n switch (this.width) {\r\n case 'lg':\r\n this.width = '80vw';\r\n break;\r\n case 'md':\r\n this.width = '60vw';\r\n break;\r\n case 'sm':\r\n this.width = '40vw';\r\n break;\r\n }\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this.subcription?.unsubscribe();\r\n }\r\n\r\n open = (): void => {\r\n if (this.isOpened) {\r\n return;\r\n }\r\n this.ref.markForCheck();\r\n this.alreadyOpened = true;\r\n this.isOpened = true;\r\n if ((!this.view && this.isMobileOrTablet) \|\| this.view === 'bottomSheet') {\r\n this.bottomSheetRef = this.bottomSheet.open(this.templateRef);\r\n this.subcription.add(this.bottomSheetRef.afterDismissed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n } else {\r\n this.dialogRef = this.dialog.open(this.templateRef, {\r\n width: this.width,\r\n maxWidth: this.width,\r\n disableClose: true\r\n });\r\n this.subcription.add(this.dialogRef.afterClosed().subscribe(() => {\r\n this.isOpened = false;\r\n }));\r\n }\r\n }\r\n\r\n close = (): void => {\r\n this.ref.markForCheck();\r\n this.bottomSheetRef?.dismiss();\r\n this.dialogRef?.close();\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-header',\r\n templateUrl: './modal-header.component.html',\r\n styleUrls: [\r\n './modal-header.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SdModalHeader implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-body',\r\n templateUrl: './modal-body.component.html',\r\n styleUrls: ['./modal-body.component.scss'],\r\n})\r\nexport class SdModalBody implements OnInit {\r\n @Input() height = 'auto';\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Component({\r\n selector: 'sd-modal-footer',\r\n templateUrl: './modal-footer.component.html',\r\n styleUrls: ['./modal-footer.component.scss']\r\n})\r\nexport class SdModalFooter implements OnInit {\r\n isMobileOrTablet = false;\r\n constructor(deviceService: DeviceDetectorService) {\r\n this.isMobileOrTablet = !deviceService.isDesktop();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","import { Component, ViewChild, TemplateRef, Input } from '@angular/core';\r\nimport { MatBottomSheet } from '@angular/material/bottom-sheet';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet',\r\n templateUrl: './bottom-sheet.component.html'\r\n})\r\nexport class SdBottomSheet {\r\n @ViewChild('templateRef') templateRef: TemplateRef<OptionTemplateContext>;\r\n @Input() title: string;\r\n isOpened = false;\r\n constructor(\r\n private bottomSheet: MatBottomSheet,\r\n ) { }\r\n\r\n open = () => {\r\n this.isOpened = true;\r\n this.bottomSheet.open(this.templateRef);\r\n }\r\n\r\n close = () => {\r\n this.bottomSheet.dismiss();\r\n }\r\n}\r\n\r\ninterface OptionTemplateContext {\r\n $implicit: any;\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-header',\r\n templateUrl: './bottom-sheet-header.component.html'\r\n})\r\nexport class SdBottomSheetHeader implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-body',\r\n templateUrl: './bottom-sheet-body.component.html'\r\n})\r\nexport class SdBottomSheetBody implements OnInit {\r\n @Input() height = 'auto';\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-bottom-sheet-footer',\r\n templateUrl: './bottom-sheet-footer.component.html',\r\n styleUrls: ['./bottom-sheet-footer.component.scss']\r\n})\r\nexport class SdBottomSheetFooter implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdModal } from './modal/modal.component';\r\nimport { SdModalHeader } from './modal/modal-header/modal-header.component';\r\nimport { SdModalBody } from './modal/modal-body/modal-body.component';\r\nimport { SdModalFooter } from './modal/modal-footer/modal-footer.component';\r\nimport { SdBottomSheet } from './bottom-sheet/bottom-sheet.component';\r\nimport { SdBottomSheetHeader } from './bottom-sheet/bottom-sheet-header/bottom-sheet-header.component';\r\nimport { SdBottomSheetBody } from './bottom-sheet/bottom-sheet-body/bottom-sheet-body.component';\r\nimport { SdBottomSheetFooter } from './bottom-sheet/bottom-sheet-footer/bottom-sheet-footer.component';\r\n\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { SdButtonModule } from '@sd-angular/core/button';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatBottomSheetModule,\r\n MatDialogModule,\r\n MatButtonModule,\r\n SdButtonModule\r\n ],\r\n declarations: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n exports: [\r\n SdModal,\r\n SdModalHeader,\r\n SdModalBody,\r\n SdModalFooter,\r\n SdBottomSheet,\r\n SdBottomSheetHeader,\r\n SdBottomSheetBody,\r\n SdBottomSheetFooter\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdModalModule {\r\n\r\n}\r\n"]}

package/bundles/sd-angular-core-radio.umd.js CHANGED Viewed

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@sd-angular/core/typing'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('rxjs'), require('uuid'), require('@sd-angular/core/translate'), require('@angular/material/radio')) :
-    typeof define === 'function' && define.amd ? define('@sd-angular/core/radio', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@sd-angular/core/typing', '@angular/material/icon', '@angular/material/tooltip', 'rxjs', 'uuid', '@sd-angular/core/translate', '@angular/material/radio'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core.radio = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global['sd-angular'].core.typing, global.ng.material.icon, global.ng.material.tooltip, global.rxjs, global.uuid, global['sd-angular'].core.translate, global.ng.material.radio));
-}(this, (function (exports, core, common, forms, formField, typing, icon, tooltip, rxjs, uuid, translate, radio) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@sd-angular/core/common'), require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('rxjs'), require('uuid'), require('@sd-angular/core/translate'), require('@angular/material/radio')) :
+    typeof define === 'function' && define.amd ? define('@sd-angular/core/radio', ['exports', '@sd-angular/core/common', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/icon', '@angular/material/tooltip', 'rxjs', 'uuid', '@sd-angular/core/translate', '@angular/material/radio'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core.radio = {}), global['sd-angular'].core.common, global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.icon, global.ng.material.tooltip, global.rxjs, global.uuid, global['sd-angular'].core.translate, global.ng.material.radio));
+}(this, (function (exports, common$1, core, common, forms, formField, icon, tooltip, rxjs, uuid, translate, radio) { 'use strict';
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -28,6 +28,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -213,11 +215,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -226,7 +230,17 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -291,18 +305,21 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        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");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        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");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
     var _name, _model, _required, _subscription, _updateValidator;
@@ -501,10 +518,6 @@
                 },] }
     ];
-    /*
-     * Public API Surface of superdev-angular-core
-     */
     /**
      * Generated bundle index. Do not edit.
      */