@colijnit/product 262.1.9 → 300.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/colijnit-product.mjs +70 -92
  2. package/fesm2022/colijnit-product.mjs.map +1 -1
  3. package/index.d.ts +7 -9
  4. package/package.json +8 -8
package/fesm2022/colijnit-product.mjs CHANGED
@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
2
2
  import { Injectable, Pipe, EventEmitter, Output, Input, Component, ElementRef, HostBinding, HostListener, ViewChild, ChangeDetectionStrategy, SecurityContext, ViewEncapsulation, ContentChild, NgModule, CUSTOM_ELEMENTS_SCHEMA, PLATFORM_ID, Inject, NO_ERRORS_SCHEMA } from '@angular/core';
3
3
  import { Subject, BehaviorSubject, combineLatest } from 'rxjs';
4
4
  import { Options } from '@colijnit/ioneconnector/build/model/options';
5
+ import { ConfiguratorStatisticsEnvironment } from '@colijnit/articleapi/build/model/configurator-statistics-environment';
5
6
  import { ArticleFullObject } from '@colijnit/articleapi/build/model/article-full-object';
6
7
  import { SuperArticle } from '@colijnit/articleapi/build/model/super-article';
7
8
  import { Articles } from '@colijnit/articleapi/build/articles';
@@ -25,7 +26,6 @@ import { IconModule, LoaderModule, ScrollContainerModule, InputNumberPickerModul
25
26
  import { CoDocument } from '@colijnit/mainapi/build/model/co-document.bo';
26
27
  import * as i6$1 from '@angular/cdk/overlay';
27
28
  import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
28
- import { ConfiguratorStatisticsEnvironment } from '@colijnit/articleapi/build/model/configurator-statistics-environment';
29
29
  import * as i3 from '@colijnit/sharedcomponents';
30
30
  import { FilesUploadModule } from '@colijnit/sharedcomponents';
31
31
 
@@ -34,8 +34,8 @@ class Version {
34
34
  constructor() {
35
35
  this.name = "@colijnit/product";
36
36
  this.description = "Product detail page project for iOne";
37
- this.symVer = "262.1.9";
38
- this.publishDate = "3-7-2026, 09:41:52";
37
+ this.symVer = "300.1.0";
38
+ this.publishDate = "14-7-2026, 10:22:51";
39
39
  }
40
40
  }
41
41
 
@@ -104,7 +104,9 @@ class ProductEventService {
104
104
  }
105
105
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductEventService, decorators: [{
106
106
  type: Injectable,
107
- args: [{ providedIn: 'root' }]
107
+ args: [{
108
+ providedIn: 'root'
109
+ }]
108
110
  }] });
109
111
 
110
112
  // Sole responsibility is simply to wrap around a colijn.Connector to create a stable inner interface to the library in a 1:1 method way.
@@ -253,15 +255,6 @@ class ProductConnectorAdapterService {
253
255
  return this._boFactory.makeWithRawBackendData(ImageContent, response.resultObject);
254
256
  }
255
257
  }
256
- async savePreset() {
257
- const response = await this.articleConnector.storePreset();
258
- if (response && response.validationResult && response.validationResult.success) {
259
- return Promise.resolve(true);
260
- }
261
- else {
262
- return Promise.resolve(false);
263
- }
264
- }
265
258
  async getDefaultLanguage(upId) {
266
259
  // this should always be fetched from the mainapi from the client
267
260
  const response = await this.mainConnector.getPublicParams(upId);
@@ -651,6 +644,42 @@ class ProductConnectorService {
651
644
  getSuperArticle(id) {
652
645
  return this._adapterService.getSuperArticle(id);
653
646
  }
647
+ async prepareArticleForCart(article, quantity, externalSource, createFrozenArticle = true) {
648
+ if (!article) {
649
+ return null;
650
+ }
651
+ if (createFrozenArticle) {
652
+ if (article.goodType === 'B') {
653
+ if (article.isConfigurable) {
654
+ const json = await this.getJSONFromArticleObject(article.goodId, article.goodType, quantity, externalSource);
655
+ if (json) {
656
+ return json;
657
+ }
658
+ }
659
+ else {
660
+ return await this._handleGeneratedArticleDirectly(article.goodId, quantity);
661
+ }
662
+ }
663
+ else {
664
+ if (externalSource) {
665
+ return await this.getJSONFromArticleObject(article.goodId, article.goodType, quantity, externalSource);
666
+ }
667
+ else {
668
+ return article;
669
+ }
670
+ }
671
+ }
672
+ else {
673
+ if (article.goodType === 'B') {
674
+ if (!article.isConfigurable) {
675
+ return await this._handleGeneratedArticleDirectly(article.goodId, quantity);
676
+ }
677
+ }
678
+ else {
679
+ return article;
680
+ }
681
+ }
682
+ }
654
683
  getJsonArticleFlatTree(goodId, goodType, quantity, externalSource = false, showLoader = true, configuratorStatistics) {
655
684
  return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, this._instanceId, configuratorStatistics);
656
685
  }
@@ -663,15 +692,28 @@ class ProductConnectorService {
663
692
  async getImageForCoDocument(document, thumb = false) {
664
693
  return this._adapterService.getImageForCoDocument(document, thumb);
665
694
  }
666
- async savePreset() {
667
- return await this._adapterService.savePreset();
668
- }
669
695
  async getDefaultLanguage(upId) {
670
696
  return await this._adapterService.getDefaultLanguage(upId);
671
697
  }
672
698
  onShowLoaderChange(showLoader) {
673
699
  this._shouldShowLoader = showLoader;
674
700
  }
701
+ async getJSONFromArticleObject(goodId, goodType, quantity, externalSource) {
702
+ const configuratorStatistics = new ConfiguratorStatisticsEnvironment();
703
+ configuratorStatistics.userType = 'iOneProductPage';
704
+ configuratorStatistics.transactionType = 'Sales';
705
+ configuratorStatistics.actionDomain = 'bundle';
706
+ configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
707
+ configuratorStatistics.webHost = window.location.host;
708
+ configuratorStatistics.bundleHost = window.location.host;
709
+ return await this.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, true, configuratorStatistics);
710
+ }
711
+ async _handleGeneratedArticleDirectly(goodId, quantity) {
712
+ const generatedGoodId = await this.getGeneratedArtDirectly(goodId, true);
713
+ if (generatedGoodId) {
714
+ return await this._adapterService.getArticleFullObject(generatedGoodId, true);
715
+ }
716
+ }
675
717
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductConnectorService, deps: [{ token: ProductConnectorAdapterService }, { token: ProductSettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
676
718
  static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductConnectorService }); }
677
719
  }
@@ -1665,66 +1707,11 @@ class ProductAddtocartComponent {
1665
1707
  this.addToCartButton = undefined;
1666
1708
  }
1667
1709
  async handleAddToCartClick(quantity) {
1668
- if (this.createFrozenArticle) {
1669
- if (this.article.goodType === 'B') {
1670
- if (this.article.isConfigurable) {
1671
- const article = await this._getJSONFromArticleObject({ article: this.article, quantity: quantity });
1672
- if (article) {
1673
- this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1674
- }
1675
- }
1676
- else {
1677
- await this._handleGeneratedArticleDirectly(quantity);
1678
- }
1679
- }
1680
- else {
1681
- let article;
1682
- if (!!this.externalSource) {
1683
- article = await this._getJSONFromArticleObject({ article: this.article, quantity: quantity });
1684
- }
1685
- else {
1686
- article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
1687
- }
1688
- if (article) {
1689
- this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1690
- }
1691
- }
1692
- }
1693
- else {
1694
- if (this.article.goodType === 'B') {
1695
- if (!this.article.isConfigurable) {
1696
- await this._handleGeneratedArticleDirectly(quantity);
1697
- }
1698
- }
1699
- else {
1700
- const article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
1701
- this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1702
- }
1703
- }
1710
+ const article = await this._ioneControllerService.prepareArticleForCart(this.article, quantity, !!this.externalSource, this.createFrozenArticle);
1711
+ this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1704
1712
  }
1705
1713
  async handleAddToQuoteClick(quantity) {
1706
- this._appEventService.onAddToQuote.next(await this._getJSONFromArticleObject({ article: this.article, quantity: quantity }));
1707
- }
1708
- async _getJSONFromArticleObject(article) {
1709
- const configuratorStatistics = new ConfiguratorStatisticsEnvironment();
1710
- configuratorStatistics.userType = 'iOneProductPage';
1711
- configuratorStatistics.transactionType = 'Sales';
1712
- configuratorStatistics.actionDomain = 'bundle';
1713
- configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
1714
- configuratorStatistics.webHost = window.location.host;
1715
- configuratorStatistics.bundleHost = window.location.host;
1716
- return await this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics);
1717
- }
1718
- async _handleGeneratedArticleDirectly(quantity) {
1719
- const generatedGoodId = await this._getGeneratedArtDirectly(this.article.goodId);
1720
- if (generatedGoodId) {
1721
- const articleFull = await this._productConnectorAdapterService.getArticleFullObject(generatedGoodId, true);
1722
- const article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(articleFull);
1723
- this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1724
- }
1725
- }
1726
- async _getGeneratedArtDirectly(goodId) {
1727
- return await this._ioneControllerService.getGeneratedArtDirectly(goodId, true);
1714
+ this._appEventService.onAddToQuote.next(await this._ioneControllerService.getJSONFromArticleObject(this.article.goodId, this.article.goodType, quantity, !!this.externalSource));
1728
1715
  }
1729
1716
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductAddtocartComponent, deps: [{ token: IconCacheService }, { token: ProductConnectorService }, { token: ProductEventService }, { token: ProductSettingsService }, { token: ProductConnectorAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
1730
1717
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ProductAddtocartComponent, isStandalone: false, selector: "app-product-addtocart", inputs: { article: "article", externalSource: "externalSource", createFrozenArticle: "createFrozenArticle", configurable: "configurable", configuring: "configuring", showAddToCart: "showAddToCart", isReturn: "isReturn", fullscreen: "fullscreen", quantity: "quantity" }, outputs: { startConfiguration: "startConfiguration", addToCartClick: "addToCartClick", addToQuoteClick: "addToQuoteClick", showRelatedPopup: "showRelatedPopup" }, host: { properties: { "class.full-screen": "this.fullscreen" } }, viewQueries: [{ propertyName: "addToCartButton", first: true, predicate: ["addtocartbutton"], descendants: true, read: ElementRef }], ngImport: i0, template: `
@@ -1911,8 +1898,8 @@ class ProductRelatedComponent {
1911
1898
  get articles() {
1912
1899
  return this._articles;
1913
1900
  }
1914
- constructor(_iOne, _appEventService, _productConnectorAdapterService, _settingsService) {
1915
- this._iOne = _iOne;
1901
+ constructor(_productConnectorService, _appEventService, _productConnectorAdapterService, _settingsService) {
1902
+ this._productConnectorService = _productConnectorService;
1916
1903
  this._appEventService = _appEventService;
1917
1904
  this._productConnectorAdapterService = _productConnectorAdapterService;
1918
1905
  this._settingsService = _settingsService;
@@ -1924,20 +1911,11 @@ class ProductRelatedComponent {
1924
1911
  handleContentClick(article) {
1925
1912
  this._appEventService.onAlternativeClick.next(article);
1926
1913
  }
1927
- async handleAddToCartClick(article) {
1914
+ async handleAddToCartClick(articleListObject) {
1928
1915
  const quantity = 1;
1929
- const articleFull = await this._productConnectorAdapterService.getArticleFullObject(article.goodId, true);
1930
- if (articleFull) {
1931
- if (this.createFrozenArticle) {
1932
- const article = this._iOne.convertArticleFullObjectToArticleExtended(articleFull);
1933
- this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1934
- // this._appEventService.onAddToCart.next({ article: await this._getJSONFromArticleObject({article: articleFull, quantity: quantity}), quantity: quantity });
1935
- }
1936
- else {
1937
- const article = this._iOne.convertArticleFullObjectToArticleExtended(articleFull);
1938
- this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1939
- }
1940
- }
1916
+ const articleFull = await this._productConnectorAdapterService.getArticleFullObject(articleListObject.goodId, true);
1917
+ const article = await this._productConnectorService.prepareArticleForCart(articleFull, quantity, !!this.externalSource, this.createFrozenArticle);
1918
+ this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
1941
1919
  }
1942
1920
  handleConfigureButtonClick(article) {
1943
1921
  }
@@ -1951,12 +1929,12 @@ class ProductRelatedComponent {
1951
1929
  configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
1952
1930
  configuratorStatistics.webHost = window.location.host;
1953
1931
  configuratorStatistics.bundleHost = window.location.host;
1954
- return await this._iOne.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics);
1932
+ return await this._productConnectorService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics);
1955
1933
  }
1956
1934
  async _loadImages() {
1957
1935
  this.articleViewModels.forEach(avm => {
1958
1936
  if (avm.article.image) {
1959
- this._iOne.getImageForCoDocument(avm.article.image, false).then(imageContent => this._handleImageData(avm, imageContent));
1937
+ this._productConnectorService.getImageForCoDocument(avm.article.image, false).then(imageContent => this._handleImageData(avm, imageContent));
1960
1938
  }
1961
1939
  });
1962
1940
  }
@@ -2303,7 +2281,7 @@ class ProductDocumentsComponent {
2303
2281
  <co-files-upload [documents]="documents" [canAdd]="false" [readonly]="true"></co-files-upload>
2304
2282
  </div>
2305
2283
  }
2306
- `, isInline: true, styles: [":host{display:block}::ng-deep co-files-upload{flex-direction:column!important;width:100%}::ng-deep co-file-upload{margin:0!important;border-bottom:1px solid #f6f5f4}::ng-deep co-file-upload:first-child{border-top:1px solid #f6f5f4}::ng-deep co-files-upload .files-upload-wrapper{flex-direction:column!important;width:100%}::ng-deep co-file-upload co-tile{max-width:100%!important;width:100%;position:relative}::ng-deep co-file-upload co-tile:hover{box-shadow:none!important}::ng-deep co-file-upload co-tile:hover .tile-extra-bottom{background-color:#f6f5f4!important}::ng-deep co-file-upload co-tile .tile-wrapper{position:absolute!important;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;box-sizing:border-box}::ng-deep co-file-upload co-tile .tile-wrapper .image{position:absolute!important;left:0;top:0;width:100%!important;height:100%!important;cursor:pointer}::ng-deep co-file-upload co-tile .tile-extra-bottom{outline:none!important;border:none!important;background:transparent!important;line-height:20px;padding:20px 20px 20px 60px!important;margin:0!important;background:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0D%0A<svg%0D%0A xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0D%0A xmlns:cc=\"http://creativecommons.org/ns%23\"%0D%0A xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0D%0A xmlns:svg=\"http://www.w3.org/2000/svg\"%0D%0A xmlns=\"http://www.w3.org/2000/svg\"%0D%0A xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0D%0A xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0D%0A viewBox=\"0 0 50 50\"%0D%0A version=\"1.1\"%0D%0A id=\"svg8\"%0D%0A sodipodi:docname=\"download.svg\"%0D%0A inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\">%0D%0A <metadata%0D%0A id=\"metadata14\">%0D%0A <rdf:RDF>%0D%0A <cc:Work%0D%0A rdf:about=\"\">%0D%0A <dc:format>image/svg+xml</dc:format>%0D%0A <dc:type%0D%0A rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0D%0A <dc:title></dc:title>%0D%0A </cc:Work>%0D%0A </rdf:RDF>%0D%0A </metadata>%0D%0A <defs%0D%0A id=\"defs12\" />%0D%0A <sodipodi:namedview%0D%0A pagecolor=\"%23ffffff\"%0D%0A bordercolor=\"%23666666\"%0D%0A borderopacity=\"1\"%0D%0A objecttolerance=\"10\"%0D%0A gridtolerance=\"10\"%0D%0A guidetolerance=\"10\"%0D%0A inkscape:pageopacity=\"0\"%0D%0A inkscape:pageshadow=\"2\"%0D%0A inkscape:window-width=\"1920\"%0D%0A inkscape:window-height=\"1017\"%0D%0A id=\"namedview10\"%0D%0A showgrid=\"false\"%0D%0A inkscape:zoom=\"6.675088\"%0D%0A inkscape:cx=\"-14.056273\"%0D%0A inkscape:cy=\"29.806579\"%0D%0A inkscape:window-x=\"-8\"%0D%0A inkscape:window-y=\"-8\"%0D%0A inkscape:window-maximized=\"1\"%0D%0A inkscape:current-layer=\"svg8\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g62\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g64\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g66\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g68\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g70\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g72\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g74\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g76\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g78\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g80\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g82\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g84\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g86\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g88\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g90\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g6-0\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <g%0D%0A id=\"g4-9\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <path%0D%0A inkscape:connector-curvature=\"0\"%0D%0A d=\"m 498.966,339.946 c -7.197,0 -13.034,5.837 -13.034,13.034 v 49.804 c 0,28.747 -23.388,52.135 -52.135,52.135 H 78.203 c -28.747,0 -52.135,-23.388 -52.135,-52.135 V 352.98 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 C 5.835,339.946 0,345.782 0,352.98 v 49.804 c 0,43.121 35.082,78.203 78.203,78.203 h 355.594 c 43.121,0 78.203,-35.082 78.203,-78.203 V 352.98 c 0,-7.198 -5.835,-13.034 -13.034,-13.034 z\"%0D%0A id=\"path2\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A </g>%0D%0A </g>%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g12-0\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <g%0D%0A id=\"g10-8\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <path%0D%0A inkscape:connector-curvature=\"0\"%0D%0A d=\"M 419.833,391.3 H 92.167 c -7.197,0 -13.034,5.837 -13.034,13.034 0,7.197 5.835,13.034 13.034,13.034 h 327.665 c 7.199,0 13.034,-5.835 13.034,-13.034 0,-7.197 -5.835,-13.034 -13.033,-13.034 z\"%0D%0A id=\"path8-3\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A </g>%0D%0A </g>%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g18-4\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <g%0D%0A id=\"g16-7\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <path%0D%0A inkscape:connector-curvature=\"0\"%0D%0A d=\"m 387.919,207.93 c -4.795,-5.367 -13.034,-5.834 -18.404,-1.038 L 269.033,296.657 V 44.048 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 -7.197,0 -13.034,5.835 -13.034,13.034 V 296.657 L 142.483,206.893 c -5.367,-4.796 -13.607,-4.328 -18.404,1.038 -4.794,5.369 -4.331,13.609 1.037,18.404 l 109.174,97.527 c 6.187,5.529 13.946,8.292 21.708,8.292 7.759,0 15.519,-2.763 21.708,-8.289 l 109.174,-97.53 c 5.37,-4.798 5.834,-13.038 1.039,-18.405 z\"%0D%0A id=\"path14-9\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A </g>%0D%0A </g>%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g20\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g22-9\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g24-3\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g26\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g28-4\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g30-2\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g32\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g34-2\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g36-1\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g38\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g40-6\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g42-4\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g44\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g46-7\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g48-3\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A</svg>%0D%0A') no-repeat left 6px center / 36px auto!important}::ng-deep co-file-upload co-tile .tile-extra-bottom .main{padding:0!important}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["label", "amount"] }, { kind: "component", type: i3.FilesUploadComponent, selector: "co-files-upload", inputs: ["dropzone", "label", "cfgNames", "customImageClick", "isEditable", "hideAvatars", "fileSavesOnPopupOkClick", "selected"], outputs: ["editSlideoutSubmit", "tagsChangeEvent", "imageClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
2284
+ `, isInline: true, styles: [":host{display:block}::ng-deep co-files-upload{flex-direction:column!important;width:100%}::ng-deep co-file-upload{margin:0!important;border-bottom:1px solid #f6f5f4}::ng-deep co-file-upload:first-child{border-top:1px solid #f6f5f4}::ng-deep co-files-upload .files-upload-wrapper{flex-direction:column!important;width:100%}::ng-deep co-file-upload co-tile{max-width:100%!important;width:100%;position:relative}::ng-deep co-file-upload co-tile:hover{box-shadow:none!important}::ng-deep co-file-upload co-tile:hover .tile-extra-bottom{background-color:#f6f5f4!important}::ng-deep co-file-upload co-tile .tile-wrapper{position:absolute!important;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;box-sizing:border-box}::ng-deep co-file-upload co-tile .tile-wrapper .image{position:absolute!important;left:0;top:0;width:100%!important;height:100%!important;cursor:pointer}::ng-deep co-file-upload co-tile .tile-extra-bottom{outline:none!important;border:none!important;background:transparent!important;line-height:20px;padding:20px 20px 20px 60px!important;margin:0!important;background:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0D%0A<svg%0D%0A xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0D%0A xmlns:cc=\"http://creativecommons.org/ns%23\"%0D%0A xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0D%0A xmlns:svg=\"http://www.w3.org/2000/svg\"%0D%0A xmlns=\"http://www.w3.org/2000/svg\"%0D%0A xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0D%0A xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0D%0A viewBox=\"0 0 50 50\"%0D%0A version=\"1.1\"%0D%0A id=\"svg8\"%0D%0A sodipodi:docname=\"download.svg\"%0D%0A inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\">%0D%0A <metadata%0D%0A id=\"metadata14\">%0D%0A <rdf:RDF>%0D%0A <cc:Work%0D%0A rdf:about=\"\">%0D%0A <dc:format>image/svg+xml</dc:format>%0D%0A <dc:type%0D%0A rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0D%0A <dc:title></dc:title>%0D%0A </cc:Work>%0D%0A </rdf:RDF>%0D%0A </metadata>%0D%0A <defs%0D%0A id=\"defs12\" />%0D%0A <sodipodi:namedview%0D%0A pagecolor=\"%23ffffff\"%0D%0A bordercolor=\"%23666666\"%0D%0A borderopacity=\"1\"%0D%0A objecttolerance=\"10\"%0D%0A gridtolerance=\"10\"%0D%0A guidetolerance=\"10\"%0D%0A inkscape:pageopacity=\"0\"%0D%0A inkscape:pageshadow=\"2\"%0D%0A inkscape:window-width=\"1920\"%0D%0A inkscape:window-height=\"1017\"%0D%0A id=\"namedview10\"%0D%0A showgrid=\"false\"%0D%0A inkscape:zoom=\"6.675088\"%0D%0A inkscape:cx=\"-14.056273\"%0D%0A inkscape:cy=\"29.806579\"%0D%0A inkscape:window-x=\"-8\"%0D%0A inkscape:window-y=\"-8\"%0D%0A inkscape:window-maximized=\"1\"%0D%0A inkscape:current-layer=\"svg8\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g62\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g64\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g66\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g68\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g70\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g72\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g74\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g76\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g78\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g80\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g82\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g84\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g86\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g88\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\"%0D%0A id=\"g90\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g6-0\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <g%0D%0A id=\"g4-9\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <path%0D%0A inkscape:connector-curvature=\"0\"%0D%0A d=\"m 498.966,339.946 c -7.197,0 -13.034,5.837 -13.034,13.034 v 49.804 c 0,28.747 -23.388,52.135 -52.135,52.135 H 78.203 c -28.747,0 -52.135,-23.388 -52.135,-52.135 V 352.98 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 C 5.835,339.946 0,345.782 0,352.98 v 49.804 c 0,43.121 35.082,78.203 78.203,78.203 h 355.594 c 43.121,0 78.203,-35.082 78.203,-78.203 V 352.98 c 0,-7.198 -5.835,-13.034 -13.034,-13.034 z\"%0D%0A id=\"path2\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A </g>%0D%0A </g>%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g12-0\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <g%0D%0A id=\"g10-8\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <path%0D%0A inkscape:connector-curvature=\"0\"%0D%0A d=\"M 419.833,391.3 H 92.167 c -7.197,0 -13.034,5.837 -13.034,13.034 0,7.197 5.835,13.034 13.034,13.034 h 327.665 c 7.199,0 13.034,-5.835 13.034,-13.034 0,-7.197 -5.835,-13.034 -13.033,-13.034 z\"%0D%0A id=\"path8-3\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A </g>%0D%0A </g>%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g18-4\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <g%0D%0A id=\"g16-7\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\">%0D%0A <path%0D%0A inkscape:connector-curvature=\"0\"%0D%0A d=\"m 387.919,207.93 c -4.795,-5.367 -13.034,-5.834 -18.404,-1.038 L 269.033,296.657 V 44.048 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 -7.197,0 -13.034,5.835 -13.034,13.034 V 296.657 L 142.483,206.893 c -5.367,-4.796 -13.607,-4.328 -18.404,1.038 -4.794,5.369 -4.331,13.609 1.037,18.404 l 109.174,97.527 c 6.187,5.529 13.946,8.292 21.708,8.292 7.759,0 15.519,-2.763 21.708,-8.289 l 109.174,-97.53 c 5.37,-4.798 5.834,-13.038 1.039,-18.405 z\"%0D%0A id=\"path14-9\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A </g>%0D%0A </g>%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g20\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g22-9\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g24-3\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g26\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g28-4\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g30-2\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g32\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g34-2\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g36-1\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g38\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g40-6\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g42-4\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g44\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g46-7\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A <g%0D%0A transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\"%0D%0A id=\"g48-3\"%0D%0A style=\"fill:%23484f60;fill-opacity:1\" />%0D%0A</svg>%0D%0A') no-repeat left 6px center / 36px auto!important}::ng-deep co-file-upload co-tile .tile-extra-bottom .main{padding:0!important}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["label", "amount"] }, { kind: "component", type: i3.FilesUploadComponent, selector: "co-files-upload", inputs: ["dropzone", "label", "cfgNames", "customImageClick", "isEditable", "hideAvatars", "fileSavesOnPopupOkClick", "extendedDropzone", "selected"], outputs: ["editSlideoutSubmit", "tagsChangeEvent", "imageClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
2307
2285
  }
2308
2286
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductDocumentsComponent, decorators: [{
2309
2287
  type: Component,