@sd-angular/core 1.0.8 → 1.0.13

package/bundles/sd-angular-core-upload-file.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/upload-file/src/lib/upload-file.component.ts","../../../../projects/sd-core/upload-file/src/lib/upload-file.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","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","SdUploadFile","deviceService","ref","notifyService","translateService","_this","id","uuid.v4","_isMobileOrTablet","_canvas1","_canvas2","previewFiles","type","disabled","extensions","max","_srcs","previewWidth","previewHeight","align","_model","modelChange","EventEmitter","sdChange","_subscription","Subscription","_currentDropContainer","_srcChanges","Subject","_modelChanges","reload","Array","isArray","emit","_validate","file","split","name","translate","_a","lastDot","lastIndexOf","extension_1","substring","some","toUpperCase","join","maxSize","size","maxWidth","maxHeight","URL","window","webkitURL","img","Image","onload","width","height","src","createObjectURL","message","_b","_preview","previewFile","reader","FileReader","evt","previewSrc","target","isPreviewImage","detectChanges","readAsDataURL","_c","filter","_d","onUpload","$","children","remove","append","on","_uploadFile","trigger","files","originFiles","notify","warning","item","scaleToPixel","_resize","files_1","files_1_1","extension","fileName","idx","indexOf","onRemove","confirmDelete","splice","onDrop","event","moveItemInArray","previousIndex","currentIndex","canvas1","document","createElement","setAttribute","ctx1","getContext","_scale","canvas2","ctx2","drawImage","toBlob","blob","_blobToFile","err","scaleToPixcel","ratio","Math","trunc","onSelect","selectedFile","temp","lastModifiedDate","Date","isDesktop","defineProperty","prototype","srcs","model","ngOnInit","ngAfterViewInit","add","pipe","startWith","subscribe","map","dropElements","dropContainer_1","first","nativeElement","addEventListener","preventDefault","style","opacity","border","dataTransfer","changes","dropContainer_2","ngOnDestroy","unsubscribe","Component","args","selector","template","DeviceDetectorService","ChangeDetectorRef","SdNotifyService","SdTranslateService","Input","Output","ViewChildren","ViewChild","NgModule","imports","CommonModule","DeviceDetectorModule","forRoot","MatButtonModule","MatIconModule","DragDropModule","SdNotifyModule","SdTranslateModule","SdImagePreviewModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, 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  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ViewChildren,\r\n  QueryList,\r\n  OnDestroy,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport * as uuid from 'uuid';\r\nimport $ from 'jquery';\r\nimport { SdNotifyService } from '@sd-angular/core/notify';\r\nimport { SdTranslateService } from '@sd-angular/core/translate';\r\nimport { Subscription, Subject } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n\r\n// https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded\r\n@Component({\r\n  selector: 'sd-upload-file',\r\n  templateUrl: './upload-file.component.html',\r\n  styleUrls: ['./upload-file.component.scss']\r\n})\r\nexport class SdUploadFile implements OnInit, AfterViewInit, OnDestroy {\r\n  id = `I${uuid.v4()}`;\r\n  #isMobileOrTablet = false;\r\n  #canvas1 = `C${uuid.v4()}`;\r\n  #canvas2 = `C${uuid.v4()}`;\r\n  previewFiles: PreviewFile[] = [];\r\n  selectedFile: PreviewFile;\r\n  @Input() label: string;\r\n  @Input() type: 'image' | 'file' = 'file';\r\n  @Input() disabled = false;\r\n  @Input() extensions: string[] = [];\r\n  @Input() max = 1;\r\n  @Input() maxSize: number;\r\n  @Input() maxWidth: number;\r\n  @Input() maxHeight: number;\r\n  @Input() scaleToPixel: number;\r\n  #srcs: string[];\r\n  @Input() set srcs(srcs: string[]) {\r\n    if (Array.isArray(srcs)) {\r\n      this.#srcs = srcs;\r\n      this.#srcChanges.next(this.#srcs);\r\n    }\r\n  }\r\n  @Input() previewWidth: string = '100px';\r\n  @Input() previewHeight: string = '100px';\r\n  @Input() align: 'left' | 'center' = 'center';\r\n  #model: PreviewFile[];\r\n  @Input() set model(model: PreviewFile[]) {\r\n    if (Array.isArray(model)) {\r\n      this.#model = model;\r\n      this.#modelChanges.next(this.#model);\r\n    }\r\n  }\r\n  @Output() modelChange = new EventEmitter<PreviewFile[]>();\r\n  @Output() sdChange = new EventEmitter<PreviewFile[]>();\r\n  @ViewChildren('dropElement') dropElements: QueryList<ElementRef>;\r\n  @ViewChild('canvas') canvas: ElementRef;\r\n  #subscription = new Subscription();\r\n  #currentDropContainer: any;\r\n  #srcChanges = new Subject();\r\n  #modelChanges = new Subject();\r\n  constructor(\r\n    deviceService: DeviceDetectorService,\r\n    private ref: ChangeDetectorRef,\r\n    private notifyService: SdNotifyService,\r\n    private translateService: SdTranslateService) {\r\n    this.#isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.#srcChanges.pipe(startWith(this.#srcs)).subscribe(() => {\r\n      if (!Array.isArray(this.#srcs)) {\r\n        return;\r\n      }\r\n      const previewFiles = this.#srcs.map(src => {\r\n        let extension = null;\r\n        const lastDot = src.lastIndexOf('.');\r\n        if (lastDot > 0) {\r\n          extension = src.substring(lastDot + 1);\r\n        }\r\n        return {\r\n          file: null,\r\n          previewSrc: null,\r\n          src,\r\n          isPreviewImage: this.type === 'image',\r\n          extension\r\n        }\r\n      });\r\n      this.previewFiles = previewFiles;\r\n      this.modelChange.emit(previewFiles);\r\n      // this.sdChange.emit(previewFiles);\r\n    }));\r\n    this.#subscription.add(this.#modelChanges.pipe(startWith([])).subscribe(() => {\r\n      if (Array.isArray(this.#model)) {\r\n        this.previewFiles = this.#model;\r\n      }\r\n    }));\r\n    if (!this.#isMobileOrTablet) {\r\n      if (this.dropElements.length > 0) {\r\n        const dropContainer = this.dropElements.first.nativeElement;\r\n        this.#currentDropContainer = dropContainer;\r\n        dropContainer.addEventListener('dragover', (evt: Event) => {\r\n          evt.preventDefault();\r\n          dropContainer.style.opacity = 0.9;\r\n          dropContainer.style.border = '2px solid grey';\r\n        });\r\n        dropContainer.addEventListener('dragenter', (evt: Event) => {\r\n          evt.preventDefault();\r\n        });\r\n        dropContainer.addEventListener('dragleave', (evt: Event) => {\r\n          dropContainer.style.opacity = 0.6;\r\n          dropContainer.style.border = '2px dashed grey';\r\n        });\r\n        dropContainer.addEventListener('drop', async (evt: DragEvent) => {\r\n          evt.preventDefault();\r\n          dropContainer.style.opacity = 0.6;\r\n          dropContainer.style.border = '2px dashed grey';\r\n          await this.#uploadFile(evt.dataTransfer);\r\n        });\r\n      }\r\n      this.#subscription.add(this.dropElements.changes.subscribe(() => {\r\n        if (this.dropElements.length > 0 && this.#currentDropContainer !== this.dropElements.first.nativeElement) {\r\n          const dropContainer = this.dropElements.first.nativeElement;\r\n          this.#currentDropContainer = dropContainer;\r\n          dropContainer.addEventListener('dragover', (evt: Event) => {\r\n            evt.preventDefault();\r\n            dropContainer.style.opacity = 0.9;\r\n            dropContainer.style.border = '2px solid grey';\r\n          });\r\n          dropContainer.addEventListener('dragenter', (evt: Event) => {\r\n            evt.preventDefault();\r\n          });\r\n          dropContainer.addEventListener('dragleave', (evt: Event) => {\r\n            dropContainer.style.opacity = 0.6;\r\n            dropContainer.style.border = '2px dashed grey';\r\n          });\r\n          dropContainer.addEventListener('drop', async (evt: DragEvent) => {\r\n            evt.preventDefault();\r\n            dropContainer.style.opacity = 0.6;\r\n            dropContainer.style.border = '2px dashed grey';\r\n            await this.#uploadFile(evt.dataTransfer);\r\n          });\r\n        }\r\n      }));\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  reload = (previewFiles: PreviewFile[]) => {\r\n    if (Array.isArray(previewFiles)) {\r\n      this.previewFiles = previewFiles;\r\n      this.modelChange.emit(previewFiles);\r\n      // this.sdChange.emit(previewFiles);\r\n    }\r\n  }\r\n\r\n  #validate = async (file: File): Promise<string> => {\r\n    if (this.type === 'image') {\r\n      if (file.type.split('/')[0] !== 'image') {\r\n        return `[${file.name}] ${this.translateService.translate('Uploaded file is not an image')}`;\r\n      }\r\n    }\r\n    if (this.extensions?.length) {\r\n      const lastDot = file.name.lastIndexOf('.');\r\n      const extension = file.name.substring(lastDot + 1);\r\n      if (!this.extensions.some(e => e.toUpperCase() === extension.toUpperCase())) {\r\n        return `[${file.name}] ${this.translateService.translate('Uploaded file is not match extension')} ${this.extensions.join(', ')}`;\r\n      }\r\n    }\r\n    if (this.maxSize) {\r\n      if (this.maxSize * 1024 * 1024 < file.size) {\r\n        return `[${file.name}] ${this.translateService.translate('Max file size')} ${this.maxSize} Mbs`;\r\n      }\r\n    }\r\n    if (this.type === 'image' && (this.maxWidth || this.maxHeight)) {\r\n      const message: string = await new Promise(resolve => {\r\n        const URL = window.URL || window.webkitURL;\r\n        const img = new Image();\r\n        img.onload = () => {\r\n          if (this.maxWidth && img.width > this.maxWidth) {\r\n            resolve(`[${file.name}] ${this.translateService.translate('Max image width')} ${this.maxWidth}px`);\r\n          }\r\n          if (this.maxHeight && img.height > this.maxHeight) {\r\n            resolve(`[${file.name}] ${this.translateService.translate('Max image height')} ${this.maxHeight}px`);\r\n          }\r\n          resolve(null);\r\n        };\r\n        img.src = URL.createObjectURL(file);\r\n      });\r\n      if (message) {\r\n        return message;\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n\r\n  #preview = () => {\r\n    for (const previewFile of this.previewFiles.filter(e => e.file)) {\r\n      const reader = new FileReader();\r\n      reader.onload = (evt) => {\r\n        previewFile.previewSrc = evt.target.result;\r\n        previewFile.isPreviewImage = previewFile.file?.type.split('/')[0] === 'image';\r\n        this.ref.detectChanges();\r\n      };\r\n      reader.readAsDataURL(previewFile.file);\r\n    }\r\n  }\r\n\r\n  onUpload = (previewFile?: PreviewFile) => {\r\n    if ($(`#${this.id}`).length) {\r\n      $('body').children(`#${this.id}`).remove();\r\n    }\r\n    if (previewFile || this.max === 1) {\r\n      $('body').append(`<input id=\"${this.id}\" style=\"display: none\" type=\"file\" />`);\r\n    } else {\r\n      $('body').append(`<input id=\"${this.id}\" style=\"display: none\" type=\"file\" multiple />`);\r\n    }\r\n    $(`#${this.id}`).on('change', async (evt: any) => {\r\n      await this.#uploadFile(evt.target, previewFile);\r\n      $('body').children(`#${this.id}`).remove();\r\n    });\r\n    $(`#${this.id}`).trigger('click');\r\n  }\r\n\r\n  #uploadFile = async (target: DataTransfer, previewFile?: PreviewFile) => {\r\n    if (!target.files.length) {\r\n      return;\r\n    }\r\n    const originFiles = target.files;\r\n    const files: File[] = [];\r\n    if (!previewFile) {\r\n      if (originFiles.length + this.previewFiles.length > this.max) {\r\n        this.notifyService.notify.warning(`${this.translateService.translate('Max number of files')} ${this.max}`);\r\n        return;\r\n      }\r\n      for (let i = 0; i < originFiles.length; i++) {\r\n        let file = originFiles.item(i);\r\n        if (this.type === 'image' && this.scaleToPixel > 0) {\r\n          file = await this.#resize(file);\r\n        }\r\n        const message = await this.#validate(file);\r\n        if (message) {\r\n          this.notifyService.notify.warning(message);\r\n          return;\r\n        }\r\n        files.push(file);\r\n      }\r\n      for (const file of files) {\r\n        const lastDot = file.name.lastIndexOf('.');\r\n        const extension = file.name.substring(lastDot + 1);\r\n        this.previewFiles.push({\r\n          file,\r\n          isPreviewImage: false,\r\n          previewSrc: null,\r\n          src: null,\r\n          fileName: file.name,\r\n          extension\r\n        });\r\n      }\r\n    } else {\r\n      const idx = this.previewFiles.indexOf(previewFile);\r\n      let file = originFiles.item(0);\r\n      if (this.type === 'image' && this.scaleToPixel > 0) {\r\n        file = await this.#resize(file);\r\n      }\r\n      const lastDot = file.name.lastIndexOf('.');\r\n      const extension = file.name.substring(lastDot + 1);\r\n      this.previewFiles[idx] = {\r\n        file,\r\n        isPreviewImage: false,\r\n        previewSrc: null,\r\n        src: null,\r\n        fileName: file.name,\r\n        extension\r\n      };\r\n    }\r\n    this.#preview();\r\n    this.modelChange.emit(this.previewFiles);\r\n    this.sdChange.emit(this.previewFiles);\r\n    this.ref.detectChanges();\r\n  }\r\n\r\n  onRemove = (previewFile: PreviewFile) => {\r\n    this.notifyService.confirmDelete().then(() => {\r\n      const idx = this.previewFiles.indexOf(previewFile);\r\n      this.previewFiles.splice(idx, 1);\r\n      this.modelChange.emit(this.previewFiles);\r\n      this.sdChange.emit(this.previewFiles);\r\n    });\r\n  }\r\n\r\n  onDrop = (event: CdkDragDrop<string[]>) => {\r\n    moveItemInArray(this.previewFiles, event.previousIndex, event.currentIndex);\r\n    this.modelChange.emit(this.previewFiles);\r\n    this.sdChange.emit(this.previewFiles);\r\n  }\r\n\r\n  #resize = async (file: File): Promise<File> => {\r\n    if (!this.scaleToPixel) {\r\n      return file;\r\n    }\r\n    const lastDot = file.name.lastIndexOf('.');\r\n    if (lastDot === -1) {\r\n      return file;\r\n    }\r\n    return await new Promise((resolve, reject) => {\r\n      const URL = window.URL || window.webkitURL;\r\n      const img = new Image();\r\n      img.onload = () => {\r\n        try {\r\n          if (img.width * img.height <= this.scaleToPixel) {\r\n            return resolve(file);\r\n          }\r\n          const canvas1 = document.createElement('canvas');\r\n          canvas1.setAttribute('id', this.#canvas1);\r\n          const ctx1 = canvas1.getContext('2d');\r\n          const { width, height } = this.#scale(img.width, img.height, this.scaleToPixel);\r\n          canvas1.width = width;\r\n          canvas1.height = height;\r\n\r\n          const canvas2 = document.createElement('canvas');\r\n          canvas2.setAttribute('id', this.#canvas2);\r\n          const ctx2 = canvas2.getContext('2d');\r\n          canvas2.width = width;\r\n          canvas2.height = height;\r\n          ctx2.drawImage(img, 0, 0, canvas2.width, canvas2.height);\r\n          ctx2.drawImage(canvas2, 0, 0, canvas2.width * 0.5, canvas2.height * 0.5);\r\n          ctx1.drawImage(canvas2, 0, 0, canvas2.width * 0.5, canvas2.height * 0.5, 0, 0, canvas1.width, canvas1.height);\r\n          canvas1.toBlob(blob => {\r\n            resolve(this.#blobToFile(blob, `${file.name.substring(0, lastDot)}.png`));\r\n          });\r\n        } catch (err) {\r\n          reject(err);\r\n        } finally {\r\n          $(`#${this.#canvas1}`).remove();\r\n          $(`#${this.#canvas2}`).remove();\r\n        }\r\n      };\r\n      img.src = URL.createObjectURL(file);\r\n    });\r\n  }\r\n\r\n  #scale = (width: number, height: number, scaleToPixcel: number) => {\r\n    if (!width || !height || !scaleToPixcel) {\r\n      return {\r\n        width,\r\n        height\r\n      };\r\n    }\r\n    const ratio = width / height;\r\n    for (let i = 0; i < width; i++) {\r\n      width -= i;\r\n      height = Math.trunc(width / ratio);\r\n      if (width * height <= scaleToPixcel) {\r\n        break;\r\n      }\r\n    }\r\n    return {\r\n      width,\r\n      height\r\n    };\r\n  }\r\n\r\n  onSelect = (file: PreviewFile) => {\r\n    if (!this.#isMobileOrTablet) {\r\n      return;\r\n    }\r\n    if (this.selectedFile !== file) {\r\n      this.selectedFile = file;\r\n    } else {\r\n      this.selectedFile = null;\r\n    }\r\n  }\r\n\r\n  #blobToFile = (blob: Blob, fileName: string): File => {\r\n    const temp: any = blob;\r\n    temp.lastModifiedDate = new Date();\r\n    temp.name = fileName;\r\n    return blob as File;\r\n  }\r\n}\r\n\r\nexport interface PreviewFile {\r\n  file: File;\r\n  src: string;\r\n  previewSrc: string | ArrayBuffer;\r\n  isPreviewImage: boolean;\r\n  fileName?: string;\r\n  extension?: string;\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DeviceDetectorModule } from 'ngx-device-detector';\r\nimport { SdUploadFile } from './upload-file.component';\r\nimport { SdNotifyModule } from '@sd-angular/core/notify';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { SdImagePreviewModule } from '@sd-angular/core/image-preview';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    DeviceDetectorModule.forRoot(),\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    DragDropModule,\r\n    SdNotifyModule,\r\n    SdTranslateModule,\r\n    SdImagePreviewModule\r\n  ],\r\n  declarations: [\r\n    SdUploadFile\r\n  ],\r\n  exports: [\r\n    SdUploadFile\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdUploadFileModule { }\r\n"]}
+{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/upload-file/src/lib/upload-file.component.ts","../../../../projects/sd-core/upload-file/src/lib/upload-file.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","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","SdUploadFile","deviceService","ref","notifyService","translateService","_this","id","uuid.v4","_isMobileOrTablet","_canvas1","_canvas2","previewFiles","type","disabled","extensions","max","_srcs","previewWidth","previewHeight","align","_model","modelChange","EventEmitter","sdChange","_subscription","Subscription","_currentDropContainer","_srcChanges","Subject","_modelChanges","reload","Array","isArray","emit","_validate","file","split","name","translate","_a","lastDot","lastIndexOf","extension_1","substring","some","toUpperCase","join","maxSize","size","maxWidth","maxHeight","URL","window","webkitURL","img","Image","onload","width","height","src","createObjectURL","message","_b","_preview","previewFile","reader","FileReader","evt","previewSrc","target","isPreviewImage","detectChanges","readAsDataURL","_c","filter","_d","onUpload","$","children","remove","append","on","_uploadFile","trigger","files","originFiles","notify","warning","item","scaleToPixel","_resize","files_1","files_1_1","extension","fileName","idx","indexOf","onRemove","confirmDelete","splice","onDrop","event","moveItemInArray","previousIndex","currentIndex","canvas1","document","createElement","setAttribute","ctx1","getContext","_scale","canvas2","ctx2","drawImage","toBlob","blob","_blobToFile","err","scaleToPixcel","ratio","Math","trunc","onSelect","selectedFile","temp","lastModifiedDate","Date","isDesktop","defineProperty","prototype","srcs","model","ngOnInit","ngAfterViewInit","add","pipe","startWith","subscribe","map","dropElements","dropContainer_1","first","nativeElement","addEventListener","preventDefault","style","opacity","border","dataTransfer","changes","dropContainer_2","ngOnDestroy","unsubscribe","Component","args","selector","template","DeviceDetectorService","ChangeDetectorRef","SdNotifyService","SdTranslateService","Input","Output","ViewChildren","ViewChild","NgModule","imports","CommonModule","DeviceDetectorModule","forRoot","MatButtonModule","MatIconModule","DragDropModule","SdNotifyModule","SdTranslateModule","SdImagePreviewModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, 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  Output,\r\n  EventEmitter,\r\n  ChangeDetectorRef,\r\n  AfterViewInit,\r\n  ElementRef,\r\n  OnInit,\r\n  ViewChildren,\r\n  QueryList,\r\n  OnDestroy,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport * as uuid from 'uuid';\r\nimport $ from 'jquery';\r\nimport { SdNotifyService } from '@sd-angular/core/notify';\r\nimport { SdTranslateService } from '@sd-angular/core/translate';\r\nimport { Subscription, Subject } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n\r\n// https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded\r\n@Component({\r\n  selector: 'sd-upload-file',\r\n  templateUrl: './upload-file.component.html',\r\n  styleUrls: ['./upload-file.component.scss']\r\n})\r\nexport class SdUploadFile implements OnInit, AfterViewInit, OnDestroy {\r\n  id = `I${uuid.v4()}`;\r\n  #isMobileOrTablet = false;\r\n  #canvas1 = `C${uuid.v4()}`;\r\n  #canvas2 = `C${uuid.v4()}`;\r\n  previewFiles: PreviewFile[] = [];\r\n  selectedFile: PreviewFile;\r\n  @Input() label: string;\r\n  @Input() type: 'image' | 'file' = 'file';\r\n  @Input() disabled = false;\r\n  @Input() extensions: string[] = [];\r\n  @Input() max = 1;\r\n  @Input() maxSize: number;\r\n  @Input() maxWidth: number;\r\n  @Input() maxHeight: number;\r\n  @Input() scaleToPixel: number;\r\n  #srcs: string[];\r\n  @Input() set srcs(srcs: string[]) {\r\n    if (Array.isArray(srcs)) {\r\n      this.#srcs = srcs;\r\n      this.#srcChanges.next(this.#srcs);\r\n    }\r\n  }\r\n  @Input() previewWidth: string = '100px';\r\n  @Input() previewHeight: string = '100px';\r\n  @Input() align: 'left' | 'center' = 'center';\r\n  #model: PreviewFile[];\r\n  @Input() set model(model: PreviewFile[]) {\r\n    if (Array.isArray(model)) {\r\n      this.#model = model;\r\n      this.#modelChanges.next(this.#model);\r\n    }\r\n  }\r\n  @Output() modelChange = new EventEmitter<PreviewFile[]>();\r\n  @Output() sdChange = new EventEmitter<PreviewFile[]>();\r\n  @ViewChildren('dropElement') dropElements: QueryList<ElementRef>;\r\n  @ViewChild('canvas') canvas: ElementRef;\r\n  #subscription = new Subscription();\r\n  #currentDropContainer: any;\r\n  #srcChanges = new Subject();\r\n  #modelChanges = new Subject();\r\n  constructor(\r\n    deviceService: DeviceDetectorService,\r\n    private ref: ChangeDetectorRef,\r\n    private notifyService: SdNotifyService,\r\n    private translateService: SdTranslateService) {\r\n    this.#isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#subscription.add(this.#srcChanges.pipe(startWith(this.#srcs)).subscribe(() => {\r\n      if (!Array.isArray(this.#srcs)) {\r\n        return;\r\n      }\r\n      const previewFiles = this.#srcs.map(src => {\r\n        let extension = null;\r\n        const lastDot = src.lastIndexOf('.');\r\n        if (lastDot > 0) {\r\n          extension = src.substring(lastDot + 1);\r\n        }\r\n        return {\r\n          file: null,\r\n          previewSrc: null,\r\n          src,\r\n          isPreviewImage: this.type === 'image',\r\n          extension\r\n        }\r\n      });\r\n      this.previewFiles = previewFiles;\r\n      this.modelChange.emit(previewFiles);\r\n      // this.sdChange.emit(previewFiles);\r\n    }));\r\n    this.#subscription.add(this.#modelChanges.pipe(startWith([])).subscribe(() => {\r\n      if (Array.isArray(this.#model)) {\r\n        this.previewFiles = this.#model;\r\n      }\r\n    }));\r\n    if (!this.#isMobileOrTablet) {\r\n      if (this.dropElements.length > 0) {\r\n        const dropContainer = this.dropElements.first.nativeElement;\r\n        this.#currentDropContainer = dropContainer;\r\n        dropContainer.addEventListener('dragover', (evt: Event) => {\r\n          evt.preventDefault();\r\n          dropContainer.style.opacity = 0.9;\r\n          dropContainer.style.border = '2px solid grey';\r\n        });\r\n        dropContainer.addEventListener('dragenter', (evt: Event) => {\r\n          evt.preventDefault();\r\n        });\r\n        dropContainer.addEventListener('dragleave', (evt: Event) => {\r\n          dropContainer.style.opacity = 0.6;\r\n          dropContainer.style.border = '2px dashed grey';\r\n        });\r\n        dropContainer.addEventListener('drop', async (evt: DragEvent) => {\r\n          evt.preventDefault();\r\n          dropContainer.style.opacity = 0.6;\r\n          dropContainer.style.border = '2px dashed grey';\r\n          await this.#uploadFile(evt.dataTransfer);\r\n        });\r\n      }\r\n      this.#subscription.add(this.dropElements.changes.subscribe(() => {\r\n        if (this.dropElements.length > 0 && this.#currentDropContainer !== this.dropElements.first.nativeElement) {\r\n          const dropContainer = this.dropElements.first.nativeElement;\r\n          this.#currentDropContainer = dropContainer;\r\n          dropContainer.addEventListener('dragover', (evt: Event) => {\r\n            evt.preventDefault();\r\n            dropContainer.style.opacity = 0.9;\r\n            dropContainer.style.border = '2px solid grey';\r\n          });\r\n          dropContainer.addEventListener('dragenter', (evt: Event) => {\r\n            evt.preventDefault();\r\n          });\r\n          dropContainer.addEventListener('dragleave', (evt: Event) => {\r\n            dropContainer.style.opacity = 0.6;\r\n            dropContainer.style.border = '2px dashed grey';\r\n          });\r\n          dropContainer.addEventListener('drop', async (evt: DragEvent) => {\r\n            evt.preventDefault();\r\n            dropContainer.style.opacity = 0.6;\r\n            dropContainer.style.border = '2px dashed grey';\r\n            await this.#uploadFile(evt.dataTransfer);\r\n          });\r\n        }\r\n      }));\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  reload = (previewFiles: PreviewFile[]) => {\r\n    if (Array.isArray(previewFiles)) {\r\n      this.previewFiles = previewFiles;\r\n      this.modelChange.emit(previewFiles);\r\n      // this.sdChange.emit(previewFiles);\r\n    }\r\n  }\r\n\r\n  #validate = async (file: File): Promise<string> => {\r\n    if (this.type === 'image') {\r\n      if (file.type.split('/')[0] !== 'image') {\r\n        return `[${file.name}] ${this.translateService.translate('Uploaded file is not an image')}`;\r\n      }\r\n    }\r\n    if (this.extensions?.length) {\r\n      const lastDot = file.name.lastIndexOf('.');\r\n      const extension = file.name.substring(lastDot + 1);\r\n      if (!this.extensions.some(e => e.toUpperCase() === extension.toUpperCase())) {\r\n        return `[${file.name}] ${this.translateService.translate('Uploaded file is not match extension')} ${this.extensions.join(', ')}`;\r\n      }\r\n    }\r\n    if (this.maxSize) {\r\n      if (this.maxSize * 1024 * 1024 < file.size) {\r\n        return `[${file.name}] ${this.translateService.translate('Max file size')} ${this.maxSize} Mbs`;\r\n      }\r\n    }\r\n    if (this.type === 'image' && (this.maxWidth || this.maxHeight)) {\r\n      const message: string = await new Promise(resolve => {\r\n        const URL = window.URL || window.webkitURL;\r\n        const img = new Image();\r\n        img.onload = () => {\r\n          if (this.maxWidth && img.width > this.maxWidth) {\r\n            resolve(`[${file.name}] ${this.translateService.translate('Max image width')} ${this.maxWidth}px`);\r\n          }\r\n          if (this.maxHeight && img.height > this.maxHeight) {\r\n            resolve(`[${file.name}] ${this.translateService.translate('Max image height')} ${this.maxHeight}px`);\r\n          }\r\n          resolve(null);\r\n        };\r\n        img.src = URL.createObjectURL(file);\r\n      });\r\n      if (message) {\r\n        return message;\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n\r\n  #preview = () => {\r\n    for (const previewFile of this.previewFiles.filter(e => e.file)) {\r\n      const reader = new FileReader();\r\n      reader.onload = (evt) => {\r\n        previewFile.previewSrc = evt.target.result;\r\n        previewFile.isPreviewImage = previewFile.file?.type.split('/')[0] === 'image';\r\n        this.ref.detectChanges();\r\n      };\r\n      reader.readAsDataURL(previewFile.file);\r\n    }\r\n  }\r\n\r\n  onUpload = (previewFile?: PreviewFile) => {\r\n    if ($(`#${this.id}`).length) {\r\n      $('body').children(`#${this.id}`).remove();\r\n    }\r\n    if (previewFile || this.max === 1) {\r\n      $('body').append(`<input id=\"${this.id}\" style=\"display: none\" type=\"file\" />`);\r\n    } else {\r\n      $('body').append(`<input id=\"${this.id}\" style=\"display: none\" type=\"file\" multiple />`);\r\n    }\r\n    $(`#${this.id}`).on('change', async (evt: any) => {\r\n      await this.#uploadFile(evt.target, previewFile);\r\n      $('body').children(`#${this.id}`).remove();\r\n    });\r\n    $(`#${this.id}`).trigger('click');\r\n  }\r\n\r\n  #uploadFile = async (target: DataTransfer, previewFile?: PreviewFile) => {\r\n    if (!target.files.length) {\r\n      return;\r\n    }\r\n    const originFiles = target.files;\r\n    const files: File[] = [];\r\n    if (!previewFile) {\r\n      if (originFiles.length + this.previewFiles.length > this.max) {\r\n        this.notifyService.notify.warning(`${this.translateService.translate('Max number of files')} ${this.max}`);\r\n        return;\r\n      }\r\n      for (let i = 0; i < originFiles.length; i++) {\r\n        let file = originFiles.item(i);\r\n        if (this.type === 'image' && this.scaleToPixel > 0) {\r\n          file = await this.#resize(file);\r\n        }\r\n        const message = await this.#validate(file);\r\n        if (message) {\r\n          this.notifyService.notify.warning(message);\r\n          return;\r\n        }\r\n        files.push(file);\r\n      }\r\n      for (const file of files) {\r\n        const lastDot = file.name.lastIndexOf('.');\r\n        const extension = file.name.substring(lastDot + 1);\r\n        this.previewFiles.push({\r\n          file,\r\n          isPreviewImage: false,\r\n          previewSrc: null,\r\n          src: null,\r\n          fileName: file.name,\r\n          extension\r\n        });\r\n      }\r\n    } else {\r\n      const idx = this.previewFiles.indexOf(previewFile);\r\n      let file = originFiles.item(0);\r\n      if (this.type === 'image' && this.scaleToPixel > 0) {\r\n        file = await this.#resize(file);\r\n      }\r\n      const lastDot = file.name.lastIndexOf('.');\r\n      const extension = file.name.substring(lastDot + 1);\r\n      this.previewFiles[idx] = {\r\n        file,\r\n        isPreviewImage: false,\r\n        previewSrc: null,\r\n        src: null,\r\n        fileName: file.name,\r\n        extension\r\n      };\r\n    }\r\n    this.#preview();\r\n    this.modelChange.emit(this.previewFiles);\r\n    this.sdChange.emit(this.previewFiles);\r\n    this.ref.detectChanges();\r\n  }\r\n\r\n  onRemove = (previewFile: PreviewFile) => {\r\n    this.notifyService.confirmDelete().then(() => {\r\n      const idx = this.previewFiles.indexOf(previewFile);\r\n      this.previewFiles.splice(idx, 1);\r\n      this.modelChange.emit(this.previewFiles);\r\n      this.sdChange.emit(this.previewFiles);\r\n    });\r\n  }\r\n\r\n  onDrop = (event: CdkDragDrop<string[]>) => {\r\n    moveItemInArray(this.previewFiles, event.previousIndex, event.currentIndex);\r\n    this.modelChange.emit(this.previewFiles);\r\n    this.sdChange.emit(this.previewFiles);\r\n  }\r\n\r\n  #resize = async (file: File): Promise<File> => {\r\n    if (!this.scaleToPixel) {\r\n      return file;\r\n    }\r\n    const lastDot = file.name.lastIndexOf('.');\r\n    if (lastDot === -1) {\r\n      return file;\r\n    }\r\n    return await new Promise((resolve, reject) => {\r\n      const URL = window.URL || window.webkitURL;\r\n      const img = new Image();\r\n      img.onload = () => {\r\n        try {\r\n          if (img.width * img.height <= this.scaleToPixel) {\r\n            return resolve(file);\r\n          }\r\n          const canvas1 = document.createElement('canvas');\r\n          canvas1.setAttribute('id', this.#canvas1);\r\n          const ctx1 = canvas1.getContext('2d');\r\n          const { width, height } = this.#scale(img.width, img.height, this.scaleToPixel);\r\n          canvas1.width = width;\r\n          canvas1.height = height;\r\n\r\n          const canvas2 = document.createElement('canvas');\r\n          canvas2.setAttribute('id', this.#canvas2);\r\n          const ctx2 = canvas2.getContext('2d');\r\n          canvas2.width = width;\r\n          canvas2.height = height;\r\n          ctx2.drawImage(img, 0, 0, canvas2.width, canvas2.height);\r\n          ctx2.drawImage(canvas2, 0, 0, canvas2.width * 0.5, canvas2.height * 0.5);\r\n          ctx1.drawImage(canvas2, 0, 0, canvas2.width * 0.5, canvas2.height * 0.5, 0, 0, canvas1.width, canvas1.height);\r\n          canvas1.toBlob(blob => {\r\n            resolve(this.#blobToFile(blob, `${file.name.substring(0, lastDot)}.png`));\r\n          });\r\n        } catch (err) {\r\n          reject(err);\r\n        } finally {\r\n          $(`#${this.#canvas1}`).remove();\r\n          $(`#${this.#canvas2}`).remove();\r\n        }\r\n      };\r\n      img.src = URL.createObjectURL(file);\r\n    });\r\n  }\r\n\r\n  #scale = (width: number, height: number, scaleToPixcel: number) => {\r\n    if (!width || !height || !scaleToPixcel) {\r\n      return {\r\n        width,\r\n        height\r\n      };\r\n    }\r\n    const ratio = width / height;\r\n    for (let i = 0; i < width; i++) {\r\n      width -= i;\r\n      height = Math.trunc(width / ratio);\r\n      if (width * height <= scaleToPixcel) {\r\n        break;\r\n      }\r\n    }\r\n    return {\r\n      width,\r\n      height\r\n    };\r\n  }\r\n\r\n  onSelect = (file: PreviewFile) => {\r\n    if (!this.#isMobileOrTablet) {\r\n      return;\r\n    }\r\n    if (this.selectedFile !== file) {\r\n      this.selectedFile = file;\r\n    } else {\r\n      this.selectedFile = null;\r\n    }\r\n  }\r\n\r\n  #blobToFile = (blob: Blob, fileName: string): File => {\r\n    const temp: any = blob;\r\n    temp.lastModifiedDate = new Date();\r\n    temp.name = fileName;\r\n    return blob as File;\r\n  }\r\n}\r\n\r\nexport interface PreviewFile {\r\n  file: File;\r\n  src: string;\r\n  previewSrc: string | ArrayBuffer;\r\n  isPreviewImage: boolean;\r\n  fileName?: string;\r\n  extension?: string;\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DeviceDetectorModule } from 'ngx-device-detector';\r\nimport { SdUploadFile } from './upload-file.component';\r\nimport { SdNotifyModule } from '@sd-angular/core/notify';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { SdImagePreviewModule } from '@sd-angular/core/image-preview';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    DeviceDetectorModule.forRoot(),\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    DragDropModule,\r\n    SdNotifyModule,\r\n    SdTranslateModule,\r\n    SdImagePreviewModule\r\n  ],\r\n  declarations: [\r\n    SdUploadFile\r\n  ],\r\n  exports: [\r\n    SdUploadFile\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdUploadFileModule { }\r\n"]}

package/button/sd-angular-core-button.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":14,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdButton"}],"exports":[{"__symbolic":"reference","name":"SdButton"}]}]}],"members":{}},"SdButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sd-button","template":"<button *ngIf=\"type === 'fill'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-fill\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'light'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-light\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'outline'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-outline\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-stroked-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'link'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-link\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<ng-template #buttonContent>\r\n  <ng-container *ngIf=\"title\">\r\n    <ng-container *ngIf=\"!iconSuffix\">\r\n      <mat-spinner *ngIf=\"loading\" strokeWidth=\"2\" mode=\"indeterminate\" diameter=\"18\" value=\"100\"\r\n        class=\"d-inline-block\"></mat-spinner>\r\n      <mat-icon *ngIf=\"!loading && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n    </ng-container>\r\n    <span class=\"d-inline\" [ngClass]=\"{'ml-8': icon && !iconSuffix, 'mr-8': icon && iconSuffix}\">{{title}}</span>\r\n    <mat-icon *ngIf=\"iconSuffix && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!title\">\r\n    <mat-icon [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n</ng-template>","styles":[":host ::ng-deep button.c-button{font-size:16px;height:40px;line-height:20px;min-width:auto;padding:2px 16px!important}:host ::ng-deep button.c-button .mat-button-wrapper{align-items:center;display:flex;justify-content:center}:host ::ng-deep button.c-button.mat-button-disabled{background-color:#e9e9e9!important;color:#a6a6a6!important}:host ::ng-deep button.c-button.c-square{min-width:auto!important;padding:0!important;width:40px!important}:host ::ng-deep button.c-button.c-sm{font-size:14px!important;font-weight:400;height:32px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-sm mat-icon{font-size:16px!important;height:16px!important;width:16px!important}:host ::ng-deep button.c-button.c-sm.c-square{width:32px!important}:host ::ng-deep button.c-button.c-lg{font-size:16px!important;height:48px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-lg.c-square{width:48px!important}:host ::ng-deep button.c-button:focus{outline:none}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-primary{background-color:#2962ff;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-success{background-color:#4caf50;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-warning{background-color:#ff9600;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-danger{background-color:#f82c13;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-secondary{background-color:#212121;color:#fff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-primary{background-color:#e7e9ff;color:#2962ff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-success{background-color:#dbefdc;color:#4caf50}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-warning{background-color:#ffeacc;color:#ff9600}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-danger{background-color:#fed5d0;color:#f82c13}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-secondary{background-color:#e9e9e9;color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button{border-color:#d3d3d3}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-info,:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-secondary{color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-button-disabled{background:transparent!important}:host ::ng-deep button.c-button.c-link.mat-button.mat-info,:host ::ng-deep button.c-button.c-link.mat-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-link.mat-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-link.mat-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-link.mat-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-link.mat-button.mat-secondary{color:#212121}"]}]}],"members":{"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["button"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"iconSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"fontSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"SdButtonModule":"./src/lib/button.module","SdButton":"./src/lib/button.component"},"importAs":"@sd-angular/core/button"}
+{"__symbolic":"module","version":4,"metadata":{"SdButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":14,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdButton"}],"exports":[{"__symbolic":"reference","name":"SdButton"}]}]}],"members":{}},"SdButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sd-button","template":"<button *ngIf=\"type === 'fill'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-fill\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'light'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-light\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'outline'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-outline\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-stroked-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'link'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-link\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<ng-template #buttonContent>\r\n  <ng-container *ngIf=\"title\">\r\n    <ng-container *ngIf=\"!iconSuffix\">\r\n      <mat-spinner *ngIf=\"loading\" strokeWidth=\"2\" mode=\"indeterminate\" diameter=\"18\" value=\"100\"\r\n        class=\"d-inline-block\"></mat-spinner>\r\n      <mat-icon *ngIf=\"!loading && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n    </ng-container>\r\n    <span class=\"d-inline\" [ngClass]=\"{'ml-8': icon && !iconSuffix, 'mr-8': icon && iconSuffix}\">{{title}}</span>\r\n    <mat-icon *ngIf=\"iconSuffix && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!title\">\r\n    <mat-icon [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n</ng-template>","styles":[".text-black400{color:#757575}:host ::ng-deep button.c-button{font-size:16px;height:40px;line-height:20px;min-width:auto;padding:2px 16px!important}:host ::ng-deep button.c-button .mat-button-wrapper{align-items:center;display:flex;justify-content:center}:host ::ng-deep button.c-button.mat-button-disabled{background-color:#e9e9e9!important;color:#a6a6a6!important}:host ::ng-deep button.c-button.c-square{min-width:auto!important;padding:0!important;width:40px!important}:host ::ng-deep button.c-button.c-sm{font-size:14px!important;font-weight:400;height:32px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-sm mat-icon{font-size:16px!important;height:16px!important;width:16px!important}:host ::ng-deep button.c-button.c-sm.c-square{width:32px!important}:host ::ng-deep button.c-button.c-lg{font-size:16px!important;height:48px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-lg.c-square{width:48px!important}:host ::ng-deep button.c-button:focus{outline:none}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-primary{background-color:#2962ff;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-success{background-color:#4caf50;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-warning{background-color:#ff9600;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-danger{background-color:#f82c13;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-secondary{background-color:#212121;color:#fff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-primary{background-color:#e7e9ff;color:#2962ff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-success{background-color:#dbefdc;color:#4caf50}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-warning{background-color:#ffeacc;color:#ff9600}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-danger{background-color:#fed5d0;color:#f82c13}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-secondary{background-color:#e9e9e9;color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button{border-color:#d3d3d3}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-info,:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-secondary{color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-button-disabled{background:transparent!important}:host ::ng-deep button.c-button.c-link.mat-button.mat-info,:host ::ng-deep button.c-button.c-link.mat-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-link.mat-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-link.mat-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-link.mat-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-link.mat-button.mat-secondary{color:#212121}"]}]}],"members":{"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["button"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"iconSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"fontSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"SdButtonModule":"./src/lib/button.module","SdButton":"./src/lib/button.component"},"importAs":"@sd-angular/core/button"}

package/comment/sd-angular-core-comment.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":18,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":23,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":24,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":25,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdComment"}],"exports":[{"__symbolic":"reference","name":"SdComment"}],"providers":[]}]}],"members":{}},"SdCommentOption":{"__symbolic":"interface"},"Comment":{"__symbolic":"interface"},"SdComment":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sd-comment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">•</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"></sd-editor>\r\n          </div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"Gửi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-all}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-footer{background:#fff;min-height:120px}"]}]}],"members":{"textarea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextarea","line":21,"character":13}]}]}],"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommentModule":"./src/lib/comment.module","SdCommentOption":"./src/lib/comment.model","Comment":"./src/lib/comment.model","SdComment":"./src/lib/comment.component"},"importAs":"@sd-angular/core/comment"}
+{"__symbolic":"module","version":4,"metadata":{"SdCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":18,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":19,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextareaModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/editor","name":"SdEditorModule","line":23,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":24,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":25,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdComment"}],"exports":[{"__symbolic":"reference","name":"SdComment"}],"providers":[]}]}],"members":{}},"SdCommentOption":{"__symbolic":"interface"},"Comment":{"__symbolic":"interface"},"SdComment":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"sd-comment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">•</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"></sd-editor>\r\n          </div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"Gửi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".text-black400{color:#757575}.c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-all}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-footer{background:#fff;min-height:120px}"]}]}],"members":{"textarea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/textarea","name":"SdTextarea","line":21,"character":13}]}]}],"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommentModule":"./src/lib/comment.module","SdCommentOption":"./src/lib/comment.model","Comment":"./src/lib/comment.model","SdComment":"./src/lib/comment.component"},"importAs":"@sd-angular/core/comment"}

package/common/sd-angular-core-common.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdCommonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdViewDefDirective"},{"__symbolic":"reference","name":"SdLetDirective"},{"__symbolic":"reference","name":"SdScrollDirective"}],"exports":[{"__symbolic":"reference","name":"SdViewDefDirective"},{"__symbolic":"reference","name":"SdLetDirective"},{"__symbolic":"reference","name":"SdScrollDirective"}],"providers":[]}]}],"members":{}},"SdFormControl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"FormControl","line":2,"character":35},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Object"},{"__symbolic":"reference","module":"@angular/forms","name":"ValidatorFn","line":7,"character":15},{"__symbolic":"reference","module":"@angular/forms","name":"AsyncValidatorFn","line":8,"character":20}]}],"markAsTouched":[{"__symbolic":"method"}]}},"SdViewDefDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdViewDef]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"SdLetDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"[sdLet]"}]}],"members":{"sdLet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":29},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"updateView":[{"__symbolic":"method"}]}},"SdScrollDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdScroll]"}]}],"members":{"onMouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":7,"character":3},"arguments":["mouseover"]}]}],"onMouseOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":13,"character":3},"arguments":["mouseout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":18,"character":64}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommonModule":"./src/lib/common.module","SdFormControl":"./src/lib/models/sd-form-control","SdViewDefDirective":"./src/lib/directives/view-def.directive","SdLetDirective":"./src/lib/directives/sd-let.directive","SdScrollDirective":"./src/lib/directives/sd-scroll.directive"},"importAs":"@sd-angular/core/common"}
+{"__symbolic":"module","version":4,"metadata":{"SdCommonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdViewDefDirective"},{"__symbolic":"reference","name":"SdLetDirective"},{"__symbolic":"reference","name":"SdScrollDirective"}],"exports":[{"__symbolic":"reference","name":"SdViewDefDirective"},{"__symbolic":"reference","name":"SdLetDirective"},{"__symbolic":"reference","name":"SdScrollDirective"}],"providers":[]}]}],"members":{}},"SdFormControl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"FormControl","line":2,"character":35},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Object"},{"__symbolic":"reference","module":"@angular/forms","name":"ValidatorFn","line":7,"character":15},{"__symbolic":"reference","module":"@angular/forms","name":"AsyncValidatorFn","line":8,"character":20}]}],"markAsTouched":[{"__symbolic":"method"}]}},"SdViewDefDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdViewDef]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"SdLetDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"[sdLet]"}]}],"members":{"sdLet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":29},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"SdScrollDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdScroll]"}]}],"members":{"onMouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":7,"character":3},"arguments":["mouseover"]}]}],"onMouseOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":13,"character":3},"arguments":["mouseout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":18,"character":64}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"SdCommonModule":"./src/lib/common.module","SdFormControl":"./src/lib/models/sd-form-control","SdViewDefDirective":"./src/lib/directives/view-def.directive","SdLetDirective":"./src/lib/directives/sd-let.directive","SdScrollDirective":"./src/lib/directives/sd-scroll.directive"},"importAs":"@sd-angular/core/common"}

package/common/src/lib/directives/sd-let.directive.d.ts

@@ -1,9 +1,9 @@
 import { TemplateRef, ViewContainerRef } from "@angular/core";
 export declare class SdLetDirective {
+    #private;
     private vcRef;
     private templateRef;
     set sdLet(context: any);
     context: any;
     constructor(vcRef: ViewContainerRef, templateRef: TemplateRef<any>);
-    updateView(): void;
 }

package/esm2015/badge/src/lib/badge.component.js

@@ -30,7 +30,7 @@ SdBadge.decorators = [
                 selector: 'sd-badge',
                 template: "<div *ngIf=\"type === 'round'\" class=\"c-badge\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n  [ngClass]=\"{'c-black400': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n  [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n  {{ title }}\r\n</div>\r\n<div *ngIf=\"type === 'circle' || type === 'icon'\" class=\"d-flex\" matTooltipPosition=\"above\" [matTooltip]=\"tooltip\"\r\n  [ngClass]=\"{'c-badge-circle': type === 'circle','c-badge-icon': type === 'icon', 'c-unknown': color === 'unknown', 'c-primary': color === 'primary', 'c-black400': color === 'normal', 'c-info': color === 'info', 'c-success': color === 'success', 'c-danger': color === 'danger', 'c-warning': color === 'warning'}\"\r\n  [class.pointer]=\"!!sdClick.observers?.length\" (click)=\"onClick($event)\">\r\n  <div class=\"d-flex align-items-center\">\r\n    <span class=\"c-material-icon mr-4\" [ngClass]=\"{\r\n      'material-icons-outlined': color === 'unknown',\r\n      'material-icons-round': color !== 'unknown',\r\n      'c-xs': size === 'xs',\r\n      'c-sm': size === 'sm',\r\n      'c-md': size === 'md',\r\n      'c-lg': size === 'lg', \r\n      'c-unknown': color === 'unknown', \r\n      'c-primary': color === 'primary', \r\n      'c-black400': color === 'normal', \r\n      'c-info': color === 'info', \r\n      'c-success': color === 'success', \r\n      'c-danger': color === 'danger', \r\n      'c-warning': color === 'warning'\r\n    }\">\r\n      {{ icon }}\r\n    </span>\r\n    {{ title }}\r\n  </div>\r\n</div>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;min-width:150px;overflow-wrap:break-word;padding:2px 12px;text-align:center}.c-badge.c-primary{background:#e7e9ff;color:#2962ff}.c-badge.c-black400{background:#e9e9e9;color:#757575}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-warning{background:#ffeacc;color:#ff9600}.c-badge.c-success{background:#dbefdc;color:#4caf50}.c-badge.c-danger{background:#fed5d0;color:#f82c13}.c-badge-circle{min-width:150px}.c-badge-circle .c-material-icon{font-size:16px;height:16px;width:16px}.c-badge-circle .c-material-icon.c-badge-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:rgba(0,0,0,.5)}.c-badge-circle.c-primary{color:#2962ff}.c-badge-circle.c-black400{color:#757575}.c-badge-circle.c-info{color:#2962ff}.c-badge-circle.c-success{color:#4caf50}.c-badge-circle.c-danger{color:#f82c13}.c-badge-circle.c-warning{color:#ff9600}.c-badge-icon{min-width:150px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px}.c-badge-icon .c-material-icon.c-xs{font-size:14px;height:18px;width:18px}.c-badge-icon .c-material-icon.c-sm{font-size:16px;height:20px;width:20px}.c-badge-icon .c-material-icon.c-md{font-size:18px;height:22px;width:22px}.c-badge-icon .c-material-icon.c-lg{font-size:24px;height:28px;width:28px}.c-badge-icon .c-material-icon.c-unknown{color:rgba(0,0,0,.5)}.c-badge-icon .c-material-icon.c-primary{color:#2962ff}.c-badge-icon .c-material-icon.c-black400{color:#757575}.c-badge-icon .c-material-icon.c-info{color:#2962ff}.c-badge-icon .c-material-icon.c-success{color:#4caf50}.c-badge-icon .c-material-icon.c-danger{color:#f82c13}.c-badge-icon .c-material-icon.c-warning{color:#ff9600}"]
+                styles: [".text-black400{color:#757575}.c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;min-width:150px;overflow-wrap:break-word;padding:2px 12px;text-align:center}.c-badge.c-primary{background:#e7e9ff;color:#2962ff}.c-badge.c-black400{background:#e9e9e9;color:#757575}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-warning{background:#ffeacc;color:#ff9600}.c-badge.c-success{background:#dbefdc;color:#4caf50}.c-badge.c-danger{background:#fed5d0;color:#f82c13}.c-badge-circle{min-width:150px}.c-badge-circle .c-material-icon{font-size:16px;height:16px;width:16px}.c-badge-circle .c-material-icon.c-badge-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:rgba(0,0,0,.5)}.c-badge-circle.c-primary{color:#2962ff}.c-badge-circle.c-black400{color:#757575}.c-badge-circle.c-info{color:#2962ff}.c-badge-circle.c-success{color:#4caf50}.c-badge-circle.c-danger{color:#f82c13}.c-badge-circle.c-warning{color:#ff9600}.c-badge-icon{min-width:150px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px}.c-badge-icon .c-material-icon.c-xs{font-size:14px;height:18px;width:18px}.c-badge-icon .c-material-icon.c-sm{font-size:16px;height:20px;width:20px}.c-badge-icon .c-material-icon.c-md{font-size:18px;height:22px;width:22px}.c-badge-icon .c-material-icon.c-lg{font-size:24px;height:28px;width:28px}.c-badge-icon .c-material-icon.c-unknown{color:rgba(0,0,0,.5)}.c-badge-icon .c-material-icon.c-primary{color:#2962ff}.c-badge-icon .c-material-icon.c-black400{color:#757575}.c-badge-icon .c-material-icon.c-info{color:#2962ff}.c-badge-icon .c-material-icon.c-success{color:#4caf50}.c-badge-icon .c-material-icon.c-danger{color:#f82c13}.c-badge-icon .c-material-icon.c-warning{color:#ff9600}"]
             },] }
 ];
 SdBadge.propDecorators = {

package/esm2015/button/src/lib/button.component.js

@@ -54,7 +54,7 @@ SdButton.decorators = [
     { type: Component, args: [{
                 selector: 'sd-button',
                 template: "<button *ngIf=\"type === 'fill'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-fill\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'light'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-light\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-flat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'outline'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-outline\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-stroked-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<button *ngIf=\"type === 'link'\" [ngStyle]=\"{'width':width}\" class=\"c-button c-link\"\r\n  [ngClass]=\"{'c-sm': size === 'sm', 'c-lg': size === 'lg'}\" type=\"button\" [color]=\"color\" [disabled]=\"isDisabled\"\r\n  matTooltipPosition=\"above\" [matTooltip]=\"tooltip\" mat-button #button>\r\n  <ng-container *ngTemplateOutlet=\"buttonContent\"></ng-container>\r\n</button>\r\n<ng-template #buttonContent>\r\n  <ng-container *ngIf=\"title\">\r\n    <ng-container *ngIf=\"!iconSuffix\">\r\n      <mat-spinner *ngIf=\"loading\" strokeWidth=\"2\" mode=\"indeterminate\" diameter=\"18\" value=\"100\"\r\n        class=\"d-inline-block\"></mat-spinner>\r\n      <mat-icon *ngIf=\"!loading && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n    </ng-container>\r\n    <span class=\"d-inline\" [ngClass]=\"{'ml-8': icon && !iconSuffix, 'mr-8': icon && iconSuffix}\">{{title}}</span>\r\n    <mat-icon *ngIf=\"iconSuffix && icon\" [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!title\">\r\n    <mat-icon [fontSet]=\"fontSet\">{{icon}}</mat-icon>\r\n  </ng-container>\r\n</ng-template>",
-                styles: [":host ::ng-deep button.c-button{font-size:16px;height:40px;line-height:20px;min-width:auto;padding:2px 16px!important}:host ::ng-deep button.c-button .mat-button-wrapper{align-items:center;display:flex;justify-content:center}:host ::ng-deep button.c-button.mat-button-disabled{background-color:#e9e9e9!important;color:#a6a6a6!important}:host ::ng-deep button.c-button.c-square{min-width:auto!important;padding:0!important;width:40px!important}:host ::ng-deep button.c-button.c-sm{font-size:14px!important;font-weight:400;height:32px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-sm mat-icon{font-size:16px!important;height:16px!important;width:16px!important}:host ::ng-deep button.c-button.c-sm.c-square{width:32px!important}:host ::ng-deep button.c-button.c-lg{font-size:16px!important;height:48px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-lg.c-square{width:48px!important}:host ::ng-deep button.c-button:focus{outline:none}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-primary{background-color:#2962ff;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-success{background-color:#4caf50;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-warning{background-color:#ff9600;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-danger{background-color:#f82c13;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-secondary{background-color:#212121;color:#fff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-primary{background-color:#e7e9ff;color:#2962ff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-success{background-color:#dbefdc;color:#4caf50}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-warning{background-color:#ffeacc;color:#ff9600}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-danger{background-color:#fed5d0;color:#f82c13}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-secondary{background-color:#e9e9e9;color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button{border-color:#d3d3d3}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-info,:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-secondary{color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-button-disabled{background:transparent!important}:host ::ng-deep button.c-button.c-link.mat-button.mat-info,:host ::ng-deep button.c-button.c-link.mat-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-link.mat-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-link.mat-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-link.mat-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-link.mat-button.mat-secondary{color:#212121}"]
+                styles: [".text-black400{color:#757575}:host ::ng-deep button.c-button{font-size:16px;height:40px;line-height:20px;min-width:auto;padding:2px 16px!important}:host ::ng-deep button.c-button .mat-button-wrapper{align-items:center;display:flex;justify-content:center}:host ::ng-deep button.c-button.mat-button-disabled{background-color:#e9e9e9!important;color:#a6a6a6!important}:host ::ng-deep button.c-button.c-square{min-width:auto!important;padding:0!important;width:40px!important}:host ::ng-deep button.c-button.c-sm{font-size:14px!important;font-weight:400;height:32px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-sm mat-icon{font-size:16px!important;height:16px!important;width:16px!important}:host ::ng-deep button.c-button.c-sm.c-square{width:32px!important}:host ::ng-deep button.c-button.c-lg{font-size:16px!important;height:48px;line-height:20px!important;padding:2px 16px!important}:host ::ng-deep button.c-button.c-lg.c-square{width:48px!important}:host ::ng-deep button.c-button:focus{outline:none}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-primary{background-color:#2962ff;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-success{background-color:#4caf50;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-warning{background-color:#ff9600;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-danger{background-color:#f82c13;color:#fff}:host ::ng-deep button.c-button.c-fill.mat-flat-button.mat-secondary{background-color:#212121;color:#fff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-info,:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-primary{background-color:#e7e9ff;color:#2962ff}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-success{background-color:#dbefdc;color:#4caf50}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-warning{background-color:#ffeacc;color:#ff9600}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-danger{background-color:#fed5d0;color:#f82c13}:host ::ng-deep button.c-button.c-light.mat-flat-button.mat-secondary{background-color:#e9e9e9;color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button{border-color:#d3d3d3}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-info,:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-secondary{color:#212121}:host ::ng-deep button.c-button.c-outline.mat-stroked-button.mat-button-disabled{background:transparent!important}:host ::ng-deep button.c-button.c-link.mat-button.mat-info,:host ::ng-deep button.c-button.c-link.mat-button.mat-primary{color:#2962ff}:host ::ng-deep button.c-button.c-link.mat-button.mat-success{color:#4caf50}:host ::ng-deep button.c-button.c-link.mat-button.mat-warning{color:#ff9600}:host ::ng-deep button.c-button.c-link.mat-button.mat-danger{color:#f82c13}:host ::ng-deep button.c-button.c-link.mat-button.mat-secondary{color:#212121}"]
             },] }
 ];
 SdButton.ctorParameters = () => [

package/esm2015/comment/src/lib/comment.component.js

@@ -53,7 +53,7 @@ SdComment.decorators = [
                 selector: 'sd-comment',
                 template: "<div class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"c-title\">{{'Comments' | sdTranslate}} <a href=\"javascript:;\">({{count | async}})</a></div>\r\n  </div>\r\n  <div class=\"c-body\">\r\n    <ng-container *ngFor=\"let item of items | async\">\r\n      <div class=\"d-flex my-8\">\r\n        <div class=\"c-avatar mr-12\">\r\n          <img height=\"32\" width=\"32px\" [src]=\"item.picture\">\r\n        </div>\r\n        <div class=\"c-comment\">\r\n          <div class=\"c-info mb-4\">\r\n            {{'By' | sdTranslate}}\r\n            <span class=\"c-creator ml-2\">\r\n              {{item.creator}}\r\n            </span>\r\n            <ng-container *ngIf=\"item.createdDate\">\r\n              <span class=\"mx-4\">\u2022</span>\r\n              <span\r\n                [matTooltip]=\"item.createdDate | date:'dd/MM/yyyy HH:mm'\">{{item.createdDate | sdTimeDifferent:'dd/MM/yyyy HH:mm':'hour' | async}}</span>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"c-content\" [innerHtml]=\"item.content\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"c-footer p-16\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <ng-container *ngIf=\"commentOption?.editor?.enabled else noUseEditor\">\r\n          <div class=\"mb-8\">\r\n            <sd-editor [(model)]=\"message\" [styles]=\"commentOption?.editor?.styles\"\r\n                       [toolbar]=\"commentOption?.editor?.toolbar\"\r\n                       [urlUploadImage]=\"commentOption?.editor?.urlUploadImage\"\r\n                       [mentionValues]=\"commentOption?.editor?.mentionValues\"></sd-editor>\r\n          </div>\r\n        </ng-container>\r\n        <ng-template #noUseEditor>\r\n          <sd-textarea [(model)]=\"message\" rows=\"1\" autoHeight></sd-textarea>\r\n        </ng-template>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <sd-button class=\"float-right\" title=\"G\u1EEDi\" (action)=\"onSend()\" [disabled]=\"!message\" color=\"primary\" type=\"fill\"\r\n                   size=\"sm\">\r\n        </sd-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-all}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-footer{background:#fff;min-height:120px}"]
+                styles: [".text-black400{color:#757575}.c-container{display:flex;flex-direction:column;height:100%}.c-container .c-header{align-items:center;background-color:#fff;display:flex;height:40px;padding:0 16px}.c-container .c-header .c-title{font-weight:500}.c-container .c-body{background:#f8f9fa;flex:1;overflow-y:hidden;padding:16px}.c-container .c-body:hover{overflow-y:auto}.c-container .c-body .c-comment{background:#fff;border:1px solid #f2f2f2;border-radius:4px;flex:1;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:break-all}.c-container .c-body .c-comment .c-info{color:#757575}.c-container .c-body .c-comment .c-info .c-creator{color:#000;font-weight:500}.c-container .c-footer{background:#fff;min-height:120px}"]
             },] }
 ];
 SdComment.ctorParameters = () => [];

package/esm2015/common/src/lib/directives/sd-let.directive.js

@@ -1,19 +1,22 @@
+var _updateView;
+import { __classPrivateFieldGet } from "tslib";
 import { Directive, Input, TemplateRef, ViewContainerRef } from "@angular/core";
 export class SdLetDirective {
     constructor(vcRef, templateRef) {
         this.vcRef = vcRef;
         this.templateRef = templateRef;
         this.context = {};
+        _updateView.set(this, () => {
+            this.vcRef.clear();
+            this.vcRef.createEmbeddedView(this.templateRef, this.context);
+        });
     }
     set sdLet(context) {
         this.context.$implicit = this.context.sdLet = context;
-        this.updateView();
-    }
-    updateView() {
-        this.vcRef.clear();
-        this.vcRef.createEmbeddedView(this.templateRef, this.context);
+        __classPrivateFieldGet(this, _updateView).call(this);
     }
 }
+_updateView = new WeakMap();
 SdLetDirective.decorators = [
     { type: Directive, args: [{
                 selector: '[sdLet]',
@@ -26,4 +29,4 @@ SdLetDirective.ctorParameters = () => [
 SdLetDirective.propDecorators = {
     sdLet: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtbGV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2NvbW1vbi8iLCJzb3VyY2VzIjpbInNyYy9saWIvZGlyZWN0aXZlcy9zZC1sZXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUloRixNQUFNLE9BQU8sY0FBYztJQVF6QixZQUFvQixLQUF1QixFQUFVLFdBQTZCO1FBQTlELFVBQUssR0FBTCxLQUFLLENBQWtCO1FBQVUsZ0JBQVcsR0FBWCxXQUFXLENBQWtCO1FBRmxGLFlBQU8sR0FBUSxFQUFFLENBQUM7SUFFb0UsQ0FBQztJQVB2RixJQUNJLEtBQUssQ0FBQyxPQUFZO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQztRQUN0RCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUtELFVBQVU7UUFDUixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEUsQ0FBQzs7O1lBaEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsU0FBUzthQUNwQjs7O1lBSHVDLGdCQUFnQjtZQUE3QixXQUFXOzs7b0JBS25DLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW3NkTGV0XScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZExldERpcmVjdGl2ZSB7XHJcbiAgQElucHV0KClcclxuICBzZXQgc2RMZXQoY29udGV4dDogYW55KSB7XHJcbiAgICB0aGlzLmNvbnRleHQuJGltcGxpY2l0ID0gdGhpcy5jb250ZXh0LnNkTGV0ID0gY29udGV4dDtcclxuICAgIHRoaXMudXBkYXRlVmlldygpO1xyXG4gIH1cclxuICBjb250ZXh0OiBhbnkgPSB7fTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB2Y1JlZjogVmlld0NvbnRhaW5lclJlZiwgcHJpdmF0ZSB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PikgeyB9XHJcblxyXG4gIHVwZGF0ZVZpZXcoKSB7XHJcbiAgICB0aGlzLnZjUmVmLmNsZWFyKCk7XHJcbiAgICB0aGlzLnZjUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmLCB0aGlzLmNvbnRleHQpO1xyXG4gIH1cclxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2QtbGV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTUvRGVza3RvcC9Xb3JraW5nLzFNRy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2NvbW1vbi8iLCJzb3VyY2VzIjpbInNyYy9saWIvZGlyZWN0aXZlcy9zZC1sZXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSWhGLE1BQU0sT0FBTyxjQUFjO0lBUXpCLFlBQW9CLEtBQXVCLEVBQVUsV0FBNkI7UUFBOUQsVUFBSyxHQUFMLEtBQUssQ0FBa0I7UUFBVSxnQkFBVyxHQUFYLFdBQVcsQ0FBa0I7UUFGbEYsWUFBTyxHQUFRLEVBQUUsQ0FBQztRQUlsQixzQkFBYyxHQUFHLEVBQUU7WUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2hFLENBQUMsRUFBQTtJQUxxRixDQUFDO0lBUHZGLElBQ0ksS0FBSyxDQUFDLE9BQVk7UUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsT0FBTyxDQUFDO1FBQ3RELCtDQUFBLElBQUksQ0FBYyxDQUFDO0lBQ3JCLENBQUM7Ozs7WUFSRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFNBQVM7YUFDcEI7OztZQUh1QyxnQkFBZ0I7WUFBN0IsV0FBVzs7O29CQUtuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tzZExldF0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RMZXREaXJlY3RpdmUge1xyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IHNkTGV0KGNvbnRleHQ6IGFueSkge1xyXG4gICAgdGhpcy5jb250ZXh0LiRpbXBsaWNpdCA9IHRoaXMuY29udGV4dC5zZExldCA9IGNvbnRleHQ7XHJcbiAgICB0aGlzLiN1cGRhdGVWaWV3KCk7XHJcbiAgfVxyXG4gIGNvbnRleHQ6IGFueSA9IHt9O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZjUmVmOiBWaWV3Q29udGFpbmVyUmVmLCBwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+KSB7IH1cclxuXHJcbiAgI3VwZGF0ZVZpZXcgPSAoKSA9PiB7XHJcbiAgICB0aGlzLnZjUmVmLmNsZWFyKCk7XHJcbiAgICB0aGlzLnZjUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLnRlbXBsYXRlUmVmLCB0aGlzLmNvbnRleHQpO1xyXG4gIH1cclxufSJdfQ==

package/esm2015/grid/src/lib/components/grid-desktop-column-children-view/grid-desktop-column-children-view.component.js

@@ -6,7 +6,7 @@ GridDesktopColumnChildrenViewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sd-grid-desktop-column-children-view',
                 template: "<ng-container *ngIf=\"column.children?.length\">\r\n  <div class=\"row mx-n2 c-cell-padding\">\r\n    <div *ngFor=\"let childColumn of column.children | filterMobile:item\" class=\"px-2\"\r\n      [ngClass]=\"{'col-sm-6': childColumn?.colSpan === 1, 'col-sm-12': !childColumn?.colSpan || childColumn?.colSpan === 2}\">\r\n      <span class=\"c-title\">\r\n        {{item | columnTitle:childColumn.title:childColumn.dynamicTitle | async}}:\r\n      </span>\r\n      <span *ngIf=\"childColumn.type === 'string'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\">\r\n        <a *ngIf=\"childColumn.click\" href=\"javascript:;\"\r\n          (click)=\"childColumn.click(item[childColumn.field], item)\">{{item[childColumn.field] | valueTransform:item:childColumn}}</a>\r\n        <ng-container *ngIf=\"!childColumn.click\">\r\n          {{item[childColumn.field] | valueTransform:item:childColumn}}</ng-container>\r\n      </span>\r\n      <span *ngIf=\"childColumn.type === 'number'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\">\r\n        <a *ngIf=\"childColumn.click\" href=\"javascript:;\"\r\n          (click)=\"childColumn.click(item[childColumn.field], item)\">{{item[childColumn.field]  | valueTransform:item:childColumn}}</a>\r\n        <ng-container *ngIf=\"!childColumn.click\">\r\n          {{item[childColumn.field]  | valueTransform:item:childColumn}}\r\n        </ng-container>\r\n      </span>\r\n      <span *ngIf=\"childColumn.type === 'datetime'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\">\r\n        <a *ngIf=\"childColumn.click\" href=\"javascript:;\"\r\n          (click)=\"childColumn.click(item[childColumn.field], item)\">{{item[childColumn.field] | sdTimeDifferent:'dd/MM/yyyy HH:mm':childColumn.timeDifferent | async}}</a>\r\n        <ng-container *ngIf=\"!childColumn.click\">\r\n          <span matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[childColumn.field] | date:'dd/MM/yyyy HH:mm'\">{{item[childColumn.field] | sdTimeDifferent:'dd/MM/yyyy HH:mm':childColumn.timeDifferent | async}}</span>\r\n        </ng-container>\r\n      </span>\r\n      <span *ngIf=\"childColumn.type === 'date'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\">\r\n        <a *ngIf=\"childColumn.click\" href=\"javascript:;\"\r\n          (click)=\"childColumn.click(item[childColumn.field], item)\">{{item[childColumn.field] | sdTimeDifferent:'dd/MM/yyyy':childColumn.timeDifferent | async}}</a>\r\n        <ng-container *ngIf=\"!childColumn.click\">\r\n          <span matTooltipPosition=\"above\"\r\n            [matTooltip]=\"item[childColumn.field] | date:'dd/MM/yyyy'\">{{item[childColumn.field] | sdTimeDifferent:'dd/MM/yyyy':childColumn.timeDifferent | async}}</span>\r\n        </ng-container>\r\n      </span>\r\n      <span *ngIf=\"childColumn.type === 'time'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\">\r\n        <a *ngIf=\"childColumn.click\" href=\"javascript:;\"\r\n          (click)=\"childColumn.click(item[childColumn.field], item)\">{{item[childColumn.field] | date:'HH:mm'}}</a>\r\n        <ng-container *ngIf=\"!childColumn.click\">\r\n          {{item[childColumn.field] | date:'HH:mm'}}\r\n        </ng-container>\r\n      </span>\r\n      <span *ngIf=\"childColumn.type === 'bool'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\"\r\n        (click)=\"childColumn.click && childColumn.click(item[childColumn.field], item)\">\r\n        <strong *ngIf=\"item[childColumn.field]\" class=\"text-success\">{{childColumn.trueValue || 'True'}}</strong>\r\n        <strong *ngIf=\"!item[childColumn.field]\" class=\"text-danger\">{{childColumn.falseValue || 'False'}}</strong>\r\n      </span>\r\n      <span *ngIf=\"childColumn.type === 'color'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\"\r\n        (click)=\"childColumn.click && childColumn.click(item[childColumn.field], item)\"><input disabled=\"true\"\r\n          type=\"color\" class=\"form-control form-control-sm\" [(ngModel)]=\"item[childColumn.field]\"></span>\r\n      <ng-container *ngIf=\"childColumn.type === 'values'\">\r\n        <ng-container *ngIf=\"childColumn?.dictionary[item[childColumn.field]] as dic; else elseNotInDic\">\r\n          <span *ngIf=\"dic.color || dic.backgroundColor; else elseNoStatus\" class=\"status c-children\"\r\n            [ngStyle]=\"{'color':dic.color, 'background-color': dic.backgroundColor}\">\r\n            {{dic.text}}\r\n          </span>\r\n          <ng-template #elseNoStatus>\r\n            <span [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n              [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\"\r\n              (click)=\"childColumn.click && childColumn.click(item[childColumn.field], item)\">\r\n              {{dic.text}}\r\n            </span>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-template #elseNotInDic>\r\n          <span [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n            [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\"\r\n            (click)=\"childColumn.click && childColumn.click(item[childColumn.field], item)\">\r\n            {{item[childColumn.field]}}\r\n          </span>\r\n        </ng-template>\r\n      </ng-container>\r\n      <span *ngIf=\"childColumn.type === 'radio'\"\r\n        [className]=\"item[childColumn.field] | cellDesktopClassName:item:childColumn:true\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[childColumn.field]}\"\r\n        (click)=\"childColumn.click && childColumn.click(item[childColumn.field], item)\">{{item[childColumn.field]}}</span>\r\n      <img *ngIf=\"childColumn.type === 'image'\" [src]=\"item[childColumn.field]\" [width]=\"childColumn.display?.width\"\r\n        [height]=\"childColumn.display?.height\" style=\"margin: 5px 0\"\r\n        (click)=\"column.click && column.click(item[column.field], item)\">\r\n    </div>\r\n  </div>\r\n</ng-container>",
-                styles: [".c-title{color:#212529;font-size:13px;font-weight:700;line-height:1.7;margin-right:3px}.c-badge{border-radius:10rem;color:#212529;display:block!important;font-size:14px;font-weight:500;margin:0 auto;max-width:80%;padding:5px!important}.c-badge a{color:#fff}.c-children{color:#212529;font-size:14px;overflow-wrap:break-word}.status{border-radius:1.5rem;display:inline-block;font-weight:500;padding:4px 8px;text-align:left!important;text-transform:uppercase}.status-success{color:#4caf50}.status-danger{color:#f82c13}.c-btn-icon{background:none!important;border:none;display:inline-flex;height:20px;opacity:.8;padding:0 3px}.c-btn-icon:hover{cursor:pointer;opacity:1}.c-btn-icon:disabled{background:none!important;border:none;cursor:not-allowed;opacity:.3}"]
+                styles: [".text-black400{color:#757575}.c-title{color:#212529;font-size:13px;font-weight:700;line-height:1.7;margin-right:3px}.c-badge{border-radius:10rem;color:#212529;display:block!important;font-size:14px;font-weight:500;margin:0 auto;max-width:80%;padding:5px!important}.c-badge a{color:#fff}.c-children{color:#212529;font-size:14px;overflow-wrap:break-word}.status{border-radius:1.5rem;display:inline-block;font-weight:500;padding:4px 8px;text-align:left!important;text-transform:uppercase}.status-success{color:#4caf50}.status-danger{color:#f82c13}.c-btn-icon{background:none!important;border:none;display:inline-flex;height:20px;opacity:.8;padding:0 3px}.c-btn-icon:hover{cursor:pointer;opacity:1}.c-btn-icon:disabled{background:none!important;border:none;cursor:not-allowed;opacity:.3}"]
             },] }
 ];
 GridDesktopColumnChildrenViewComponent.ctorParameters = () => [];

package/esm2015/grid/src/lib/components/grid-desktop-column-view/grid-desktop-column-view.component.js

@@ -6,7 +6,7 @@ SdGridDesktopColumnView.decorators = [
     { type: Component, args: [{
                 selector: 'sd-grid-desktop-column-view',
                 template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"column.htmlTemplate;else useDefaultView\">\r\n    <div (click)=\"column.click && column.click(item[column.field], item)\" [ngClass]=\"{'cursor-pointer':column.click}\"\r\n      [innerHTML]=\"(item[column.field] | columnHtmlTemplate:item:column.htmlTemplate) | safeHtml\">\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #useDefaultView>\r\n    <div *ngIf=\"column.type === 'string'\">\r\n      <span [className]=\"item[column.field] | cellDesktopClassName:item:column\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[column.field]}\">\r\n        <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n          (click)=\"column.click(item[column.field], item)\">{{item[column.field] | valueTransform:item:column}}</a>\r\n        <ng-container *ngIf=\"!column.click\">{{item[column.field] | valueTransform:item:column}}</ng-container>\r\n      </span>\r\n      <ng-container *ngIf=\"column.commands | columnCommandFilter:item | async; $implicit as filteredColumnCommands\">\r\n        <button *ngFor=\"let columnCommand of filteredColumnCommands\" (click)=\"columnCommand.click(item)\" type=\"button\"\r\n          class=\"c-btn-icon\" [matTooltip]=\"columnCommand.title | commandTitle:item\">\r\n          <i class=\"{{columnCommand.icon | commandIcon:item}}\" aria-hidden=\"true\"></i>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"column.type === 'color'\">\r\n      <input disabled=\"true\" type=\"color\" class=\"form-control form-control-sm\" [(ngModel)]=\"item[column.field]\"\r\n        (change)=\"column.editor?.change && column.editor.change(item)\">\r\n    </div>\r\n    <div *ngIf=\"column.type === 'number'\">\r\n      <span [className]=\"item[column.field] | cellDesktopClassName:item:column\"\r\n        [ngClass]=\"{'blinker': item.blinker && item.blinker[column.field]}\">\r\n        <a *ngIf=\"column.click\" href=\"javascript:;\"\r\n          (click)=\"column.click(item[column.field], item)\">{{item[column.field] | valueTransform:item:column}}</a>\r\n        <ng-container *ngIf=\"!column.click\">\r\n          {{item[column.field] | valueTransform:item:column}}</ng-container>\r\n      </span>\r\n    </div>\r\n    <div *ngIf=\"column.type === 'date'\" class=\"text-center\" matTooltipPosition=\"above\"\r\n      [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy'\">\r\n      {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy':column.timeDifferent | async}}\r\n    </div>\r\n    <div *ngIf=\"column.type === 'datetime'\" class=\"text-center\" matTooltipPosition=\"above\"\r\n      [matTooltip]=\"item[column.field] | date:'dd/MM/yyyy HH:mm'\">\r\n      {{item[column.field] | sdTimeDifferent:'dd/MM/yyyy HH:mm':column.timeDifferent | async}}\r\n    </div>\r\n    <div *ngIf=\"column.type === 'time'\" class=\"text-center\">\r\n      {{item[column.field] | date:'HH:mm'}}\r\n    </div>\r\n    <div class=\"align-middle text-center\" *ngIf=\"column.type === 'bool'\">\r\n      <span *ngIf=\"!item.editorHandler[column.field].visible && item[column.field]\"\r\n        class=\"status status-success\">{{column.trueValue || 'True'}}</span>\r\n      <span *ngIf=\"!item.editorHandler[column.field].visible && !item[column.field]\"\r\n        class=\"status status-danger\">{{column.falseValue || 'False'}}</span>\r\n    </div>\r\n    <div *ngIf=\"column.type === 'values'\">\r\n      <ng-container *ngIf=\"item[column.field] | columnValues:column.values; $implicit as valueData\">\r\n        <div *ngIf=\"valueData.color || valueData.backgroundColor; else elseNoStatus\" class=\"status\"\r\n          [ngStyle]=\"{'color':valueData.color, 'background-color': valueData.backgroundColor}\">\r\n          {{valueData.text}}\r\n        </div>\r\n        <ng-template #elseNoStatus>\r\n          <div class=\"text-left\">\r\n            {{valueData.text}}\r\n          </div>\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"column.type === 'radio'\">\r\n      {{item[column.field]}}\r\n    </div>\r\n    <div class=\"align-middle text-center\" *ngIf=\"column.type === 'image'\">\r\n      <img *ngIf=\"item[column.field]\" [src]=\"item[column.field]\" [width]=\"column.display?.width\"\r\n        [height]=\"column.display?.height\" style=\"margin: 5px 0;object-fit: contain;\"\r\n        (click)=\"column.click && column.click(item[column.field], item)\" [ngClass]=\"{'c-clickable':column.click}\">\r\n      <i *ngIf=\"!item[column.field]\" class=\"fa fa-picture-o fa-fw c-img\" [ngClass]=\"{'c-clickable':column.click}\"\r\n        (click)=\"column.click && column.click(item[column.field], item)\"></i>\r\n    </div>\r\n  </ng-template>\r\n</ng-container>",
-                styles: [".c-badge{border-radius:10rem;display:block!important;font-size:12px;font-weight:500;margin:0 auto;max-width:80%;padding:.3rem!important}.c-badge a{color:#fff}.status{border-radius:1.5rem;display:inline-block;font-weight:500;padding:4px 8px;text-align:center;text-transform:uppercase;width:100%}.status-success{color:#4caf50}.status-danger{color:#f82c13}.c-btn-icon{background:none!important;border:none;display:inline-flex;height:20px;opacity:.8;padding:0 3px}.c-btn-icon:hover{cursor:pointer;opacity:1}.c-btn-icon:disabled{background:none!important;border:none;cursor:not-allowed;opacity:.3}.c-clickable{cursor:pointer}.c-img{font-size:30px;opacity:.5}.c-img.c-clickable:hover{opacity:.9}"]
+                styles: [".text-black400{color:#757575}.c-badge{border-radius:10rem;display:block!important;font-size:12px;font-weight:500;margin:0 auto;max-width:80%;padding:.3rem!important}.c-badge a{color:#fff}.status{border-radius:1.5rem;display:inline-block;font-weight:500;padding:4px 8px;text-align:center;text-transform:uppercase;width:100%}.status-success{color:#4caf50}.status-danger{color:#f82c13}.c-btn-icon{background:none!important;border:none;display:inline-flex;height:20px;opacity:.8;padding:0 3px}.c-btn-icon:hover{cursor:pointer;opacity:1}.c-btn-icon:disabled{background:none!important;border:none;cursor:not-allowed;opacity:.3}.c-clickable{cursor:pointer}.c-img{font-size:30px;opacity:.5}.c-img.c-clickable:hover{opacity:.9}"]
             },] }
 ];
 SdGridDesktopColumnView.ctorParameters = () => [];