[{"__symbolic":"module","version":3,"metadata":{"ImageUploadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gp-image-upload","template":"\n<div class=\"flex\">\n\n  <div\n    class=\"img-uploader flex flex--content-center flex--align-center\"\n    *ngFor=\"let model of internalImages; let i = index;\"\n    [ngClass]=\"{\n      'img-uploader--loaded': model.isLoaded,\n      'img-uploader--error': !!model.error,\n      'img-uploader--disabled': disabled\n      }\">\n\n    <label class=\"img-uploader__label flex flex--align-center\">\n\n      <input\n        type=\"file\"\n        name=\"upload_{{i}}\"\n        class=\"img-uploader__input\"\n        id=\"upload_{{i}}\"\n        (click)=\"onClick($event, i)\"\n        (change)=\"onChange($event, i)\"\n        accept=\"{{acceptMimeTypes}}\"\n      >\n\n      <div class=\"img-uploader__wrapper flex flex--content-center flex--align-center pr border-radius--all\">\n\n        <div class=\"img-uploader__default\" *ngIf=\"!model.isLoaded\"></div>\n\n        <div class=\"img-uploader__img\" *ngIf=\"model.isLoaded\" [style.background-image]=\"imageSrc(i)\">\n          <div class=\"img-uploader__delete\" (click)=\"deleteLoadedImage($event, i)\"></div>\n        </div>\n\n      </div>\n\n    </label>\n\n  </div>\n\n  <!--<div class=\"img-uploader__info flex flex&#45;&#45;align-center\">-->\n    <!--<div class=\"img-uploader__title\" *ngIf=\"title !== ''\">{{title}}</div>-->\n    <!--<div class=\"img-uploader__description\" *ngIf=\"description !== ''\">{{description}}</div>-->\n  <!--</div>-->\n\n</div>\n","styles":["@charset \"UTF-8\";\n/**\n * Переменные\n */\n:root {\n  --color-white: white;\n  --color-success: #00afec;\n  --color-warning: #ffb827;\n  --color-error: #f35252;\n  --color-disabled: #dbdbdb;\n  --color-black: black;\n  --color-span: #b5b5b5;\n  --color-span-second: #212121;\n  --color-bg: #f8f8f8;\n  --color-bg-second: #f8f8f8;\n  --color-bg-success: rgba(0, 175, 236, 0.1);\n  --color-bg-warning: var(--color-warning);\n  --color-bg-error: var(--color-error);\n  --color-placeholder: #b5b5b5;\n  --color-border: #dbdbdb;\n  --color-radio-border: #d3d3d3;\n  --font-roboto: 'Roboto', sans-serif;\n  --font-helvetica: 'Helvetica', sans-serif; }\n\n/**\n *\n */\n/**\n *  Стили для компонента \"app-realty-image-list\"\n */\n.img-uploader {\n  font-family: \"Roboto\", sans-serif;\n  margin-top: .8rem;\n  margin-bottom: .8rem; }\n  .img-uploader--loaded .img-uploader__label:hover {\n    cursor: default;\n    opacity: 1; }\n  .img-uploader--error .img-uploader__default {\n    background-image: url(\"/assets/img/camera--error.svg\");\n    border-color: #f35252; }\n  .img-uploader--disabled .img-uploader__default {\n    background-image: url(\"/assets/img/camera--disabled.svg\");\n    border-color: #b5b5b5; }\n  .img-uploader__label {\n    display: block;\n    cursor: pointer; }\n    .img-uploader__label:hover {\n      opacity: 0.5; }\n  .img-uploader__input {\n    display: none; }\n  .img-uploader__title, .img-uploader__description {\n    font: 500 1.4rem/1.6rem \"Roboto\", sans-serif;\n    letter-spacing: .03rem;\n    margin-bottom: .3rem;\n    width: 100%; }\n  .img-uploader__title {\n    color: #00afec; }\n  .img-uploader__description {\n    color: #b5b5b5; }\n  .img-uploader__info {\n    align-content: center;\n    margin-left: 1.6rem; }\n  .img-uploader__default {\n    background-image: url(\"/assets/img/camera.svg\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    border: 0.2rem dotted #00afec;\n    border-radius: .3rem;\n    width: 6rem;\n    height: 6rem; }\n  .img-uploader__img {\n    background-color: #ccc;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: contain;\n    border-radius: .3rem;\n    width: 6rem;\n    height: 6rem;\n    position: relative;\n    margin-right: 1.6rem; }\n  .img-uploader__delete {\n    background-color: rgba(255, 255, 255, 0.8);\n    width: 2.5rem;\n    height: 2.5rem;\n    position: absolute;\n    top: 0;\n    right: 0;\n    border-radius: 0 0 0 3rem;\n    cursor: pointer; }\n    .img-uploader__delete:before, .img-uploader__delete:after {\n      content: \"\";\n      display: block;\n      width: .2rem;\n      height: 1rem;\n      background-color: #f35252;\n      position: absolute; }\n    .img-uploader__delete:before {\n      -moz-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      -o-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      -ms-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      -webkit-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      transform: translate(1.5rem, 0.5rem) rotate(45deg); }\n    .img-uploader__delete:after {\n      -moz-transform: translate(15px, 5px) rotate(-45deg);\n      -o-transform: translate(15px, 5px) rotate(-45deg);\n      -ms-transform: translate(15px, 5px) rotate(-45deg);\n      -webkit-transform: translate(15px, 5px) rotate(-45deg);\n      transform: translate(15px, 5px) rotate(-45deg); }\n    .img-uploader__delete:hover {\n      background-color: white; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"ImageUploadComponent"},"multi":true}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxCountFiles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mimeTypes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrlPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"},{"__symbolic":"reference","module":"gp-admin-abstract","name":"HelperService"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"deleteLoadedImage":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"imageSrc":[{"__symbolic":"method"}],"checkForInsert":[{"__symbolic":"method"}],"returnValues":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ImageUploadComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gp-image-upload","template":"\n<div class=\"flex\">\n\n  <div\n    class=\"img-uploader flex flex--content-center flex--align-center\"\n    *ngFor=\"let model of internalImages; let i = index;\"\n    [ngClass]=\"{\n      'img-uploader--loaded': model.isLoaded,\n      'img-uploader--error': !!model.error,\n      'img-uploader--disabled': disabled\n      }\">\n\n    <label class=\"img-uploader__label flex flex--align-center\">\n\n      <input\n        type=\"file\"\n        name=\"upload_{{i}}\"\n        class=\"img-uploader__input\"\n        id=\"upload_{{i}}\"\n        (click)=\"onClick($event, i)\"\n        (change)=\"onChange($event, i)\"\n        accept=\"{{acceptMimeTypes}}\"\n      >\n\n      <div class=\"img-uploader__wrapper flex flex--content-center flex--align-center pr border-radius--all\">\n\n        <div class=\"img-uploader__default\" *ngIf=\"!model.isLoaded\"></div>\n\n        <div class=\"img-uploader__img\" *ngIf=\"model.isLoaded\" [style.background-image]=\"imageSrc(i)\">\n          <div class=\"img-uploader__delete\" (click)=\"deleteLoadedImage($event, i)\"></div>\n        </div>\n\n      </div>\n\n    </label>\n\n  </div>\n\n  <!--<div class=\"img-uploader__info flex flex&#45;&#45;align-center\">-->\n    <!--<div class=\"img-uploader__title\" *ngIf=\"title !== ''\">{{title}}</div>-->\n    <!--<div class=\"img-uploader__description\" *ngIf=\"description !== ''\">{{description}}</div>-->\n  <!--</div>-->\n\n</div>\n","styles":["@charset \"UTF-8\";\n/**\n * Переменные\n */\n:root {\n  --color-white: white;\n  --color-success: #00afec;\n  --color-warning: #ffb827;\n  --color-error: #f35252;\n  --color-disabled: #dbdbdb;\n  --color-black: black;\n  --color-span: #b5b5b5;\n  --color-span-second: #212121;\n  --color-bg: #f8f8f8;\n  --color-bg-second: #f8f8f8;\n  --color-bg-success: rgba(0, 175, 236, 0.1);\n  --color-bg-warning: var(--color-warning);\n  --color-bg-error: var(--color-error);\n  --color-placeholder: #b5b5b5;\n  --color-border: #dbdbdb;\n  --color-radio-border: #d3d3d3;\n  --font-roboto: 'Roboto', sans-serif;\n  --font-helvetica: 'Helvetica', sans-serif; }\n\n/**\n *\n */\n/**\n *  Стили для компонента \"app-realty-image-list\"\n */\n.img-uploader {\n  font-family: \"Roboto\", sans-serif;\n  margin-top: .8rem;\n  margin-bottom: .8rem; }\n  .img-uploader--loaded .img-uploader__label:hover {\n    cursor: default;\n    opacity: 1; }\n  .img-uploader--error .img-uploader__default {\n    background-image: url(\"/assets/img/camera--error.svg\");\n    border-color: #f35252; }\n  .img-uploader--disabled .img-uploader__default {\n    background-image: url(\"/assets/img/camera--disabled.svg\");\n    border-color: #b5b5b5; }\n  .img-uploader__label {\n    display: block;\n    cursor: pointer; }\n    .img-uploader__label:hover {\n      opacity: 0.5; }\n  .img-uploader__input {\n    display: none; }\n  .img-uploader__title, .img-uploader__description {\n    font: 500 1.4rem/1.6rem \"Roboto\", sans-serif;\n    letter-spacing: .03rem;\n    margin-bottom: .3rem;\n    width: 100%; }\n  .img-uploader__title {\n    color: #00afec; }\n  .img-uploader__description {\n    color: #b5b5b5; }\n  .img-uploader__info {\n    align-content: center;\n    margin-left: 1.6rem; }\n  .img-uploader__default {\n    background-image: url(\"/assets/img/camera.svg\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    border: 0.2rem dotted #00afec;\n    border-radius: .3rem;\n    width: 6rem;\n    height: 6rem; }\n  .img-uploader__img {\n    background-color: #ccc;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: contain;\n    border-radius: .3rem;\n    width: 6rem;\n    height: 6rem;\n    position: relative;\n    margin-right: 1.6rem; }\n  .img-uploader__delete {\n    background-color: rgba(255, 255, 255, 0.8);\n    width: 2.5rem;\n    height: 2.5rem;\n    position: absolute;\n    top: 0;\n    right: 0;\n    border-radius: 0 0 0 3rem;\n    cursor: pointer; }\n    .img-uploader__delete:before, .img-uploader__delete:after {\n      content: \"\";\n      display: block;\n      width: .2rem;\n      height: 1rem;\n      background-color: #f35252;\n      position: absolute; }\n    .img-uploader__delete:before {\n      -moz-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      -o-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      -ms-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      -webkit-transform: translate(1.5rem, 0.5rem) rotate(45deg);\n      transform: translate(1.5rem, 0.5rem) rotate(45deg); }\n    .img-uploader__delete:after {\n      -moz-transform: translate(15px, 5px) rotate(-45deg);\n      -o-transform: translate(15px, 5px) rotate(-45deg);\n      -ms-transform: translate(15px, 5px) rotate(-45deg);\n      -webkit-transform: translate(15px, 5px) rotate(-45deg);\n      transform: translate(15px, 5px) rotate(-45deg); }\n    .img-uploader__delete:hover {\n      background-color: white; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"ImageUploadComponent"},"multi":true}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxCountFiles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mimeTypes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrlPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"},{"__symbolic":"reference","module":"gp-admin-abstract","name":"HelperService"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"deleteLoadedImage":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"imageSrc":[{"__symbolic":"method"}],"checkForInsert":[{"__symbolic":"method"}],"returnValues":[{"__symbolic":"method"}]}}}}]