@colijnit/transaction 255.1.37 → 255.1.38

package/esm2015/lib/transaction-version.js

@@ -3,8 +3,8 @@ export class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "255.1.37";
-        this.publishDate = "11-9-2024 10:43:26";
+        this.symVer = "255.1.38";
+        this.publishDate = "12-9-2024 14:26:15";
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsb0JBQW9CLENBQUM7SUFDNUMsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMjU1LjEuMzdcIjtcbiAgcHVibGljIHB1Ymxpc2hEYXRlID0gXCIxMS05LTIwMjQgMTA6NDM6MjZcIjtcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsb0JBQW9CLENBQUM7SUFDNUMsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMjU1LjEuMzhcIjtcbiAgcHVibGljIHB1Ymxpc2hEYXRlID0gXCIxMi05LTIwMjQgMTQ6MjY6MTVcIjtcbn0iXX0=

package/fesm2015/colijnit-transaction.js

@@ -268,8 +268,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "255.1.37";
-        this.publishDate = "11-9-2024 10:43:26";
+        this.symVer = "255.1.38";
+        this.publishDate = "12-9-2024 14:26:15";
     }
 }
 
@@ -515,6 +515,8 @@ var Icon;
     Icon["IndustrySolid"] = "industry_solid";
     Icon["Invoice"] = "invoice";
     Icon["LessThanSolid"] = "less_than_solid";
+    Icon["LightCreditCardCheck"] = "light_credit_card_check";
+    Icon["LightEuroSignMinus"] = "light_euro_sign_minus";
     Icon["LinkRegular"] = "link_regular";
     Icon["LinkSimpleSolid"] = "link_simple_solid";
     Icon["ListRegular"] = "list_regular";
@@ -662,6 +664,8 @@ const IconSvg = {
     "industry_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M32 32C14.3 32 0 46.3 0 64V304v48 80c0 26.5 21.5 48 48 48H464c26.5 0 48-21.5 48-48V304 152.2c0-18.2-19.4-29.7-35.4-21.1L320 215.4V152.2c0-18.2-19.4-29.7-35.4-21.1L128 215.4V64c0-17.7-14.3-32-32-32H32z\"/></svg>",
     "invoice": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 464H320c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm80 48c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H96c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H96c-8.8 0-16-7.2-16-16zM192 400c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H208c-8.8 0-16-7.2-16-16zM112 224H272c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H112c-17.7 0-32-14.3-32-32V256c0-17.7 14.3-32 32-32z\"/></svg>",
     "less_than_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M380.6 81.7c7.9 15.8 1.5 35-14.3 42.9L103.6 256 366.3 387.4c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3l-320-160C6.8 279.2 0 268.1 0 256s6.8-23.2 17.7-28.6l320-160c15.8-7.9 35-1.5 42.9 14.3z\"/></svg>",
+    "light_credit_card_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 96C0 60.7 28.7 32 64 32l448 0c35.3 0 64 28.7 64 64l0 115.2c-10.1-5.2-20.8-9.4-32-12.6l0-38.6L32 160l0 64 362.8 0c-12.9 9.1-24.5 19.9-34.6 32L32 256l0 160c0 17.7 14.3 32 32 32l275.2 0c5.9 11.4 12.9 22.2 21.1 32L64 480c-35.3 0-64-28.7-64-64L0 96zm32 0l0 32 512 0 0-32c0-17.7-14.3-32-32-32L64 64C46.3 64 32 78.3 32 96zM96 368c0-8.8 7.2-16 16-16l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16zm128 0c0-8.8 7.2-16 16-16l80.7 0c-.5 5.3-.7 10.6-.7 16s.2 10.7 .7 16L240 384c-8.8 0-16-7.2-16-16zm128 0c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm32 0c0 61.9 50.1 112 112 112s112-50.1 112-112s-50.1-112-112-112s-112 50.1-112 112zm44.7-11.3c6.2-6.2 16.4-6.2 22.6 0L480 385.4l60.7-60.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-72 72c-6.2 6.2-16.4 6.2-22.6 0l-40-40c-6.2-6.2-6.2-16.4 0-22.6z\"/></svg>",
+    "light_euro_sign_minus": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 208c0-8.8 7.2-16 16-16l25.3 0C68.8 99.5 154.5 32 256 32l49 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-49 0c-83.6 0-154.7 53.4-181.1 128L272 192c8.8 0 16 7.2 16 16s-7.2 16-16 16L66.7 224c-1.8 10.4-2.7 21.1-2.7 32s1 21.6 2.7 32L272 288c1 0 2.1 .1 3 .3c-5.1 10.1-9.3 20.7-12.4 31.7L74.9 320c26.4 74.6 97.5 128 181.1 128l19.2 0c5.9 11.4 12.9 22.2 21.1 32L256 480C154.5 480 68.8 412.5 41.3 320L16 320c-8.8 0-16-7.2-16-16s7.2-16 16-16l18.3 0c-1.5-10.5-2.3-21.1-2.3-32s.8-21.5 2.3-32L16 224c-8.8 0-16-7.2-16-16zM288 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm32 0c0 61.9 50.1 112 112 112s112-50.1 112-112s-50.1-112-112-112s-112 50.1-112 112zm32 0c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16z\"/></svg>",
     "link_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M59.7 244.8C3.5 301 3.5 392.1 59.7 448.2c53.6 53.6 139.5 56.4 196.5 6.5l6.1-5.4-31.6-36.1-6.1 5.4c-38 33.2-95.2 31.3-130.9-4.4c-37.4-37.4-37.4-98.1 0-135.6L207 165.4c37.4-37.4 98.1-37.4 135.6 0c35.7 35.7 37.6 92.9 4.4 130.9l-5.4 6.1L377.7 334l5.4-6.1c49.9-57 47-142.9-6.5-196.5c-56.2-56.2-147.3-56.2-203.5 0L59.7 244.8zm520.6 22.4c56.2-56.2 56.2-147.3 0-203.5C526.8 10.2 440.9 7.3 383.9 57.2l-6.1 5.4 31.6 36.1 6.1-5.4c38-33.2 95.2-31.3 130.9 4.4c37.4 37.4 37.4 98.1 0 135.6L433.1 346.6c-37.4 37.4-98.2 37.4-135.6 0c-35.7-35.7-37.6-92.9-4.4-130.9l4.7-5.4-36.1-31.6-4.7 5.4c-49.8 57-46.9 142.9 6.6 196.4c56.2 56.2 147.3 56.2 203.5 0L580.3 267.2z\"/></svg>",
     "link_simple_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 256C0 167.6 71.6 96 160 96h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H160c-53 0-96 43-96 96s43 96 96 96h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H352c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c53 0 96-43 96-96s-43-96-96-96H352c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c88.4 0 160 71.6 160 160zM192 224H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32z\"/></svg>",
     "list_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM488 72C501.3 72 512 82.75 512 96C512 109.3 501.3 120 488 120H184C170.7 120 160 109.3 160 96C160 82.75 170.7 72 184 72H488zM488 232C501.3 232 512 242.7 512 256C512 269.3 501.3 280 488 280H184C170.7 280 160 269.3 160 256C160 242.7 170.7 232 184 232H488zM488 392C501.3 392 512 402.7 512 416C512 429.3 501.3 440 488 440H184C170.7 440 160 429.3 160 416C160 402.7 170.7 392 184 392H488zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z\"/></svg>",
@@ -24077,10 +24081,14 @@ class TransactionLinesSidePanelServiceOrderComponent extends TransactionBaseComp
         this.transactionService = transactionService;
         this.changeDetector = changeDetector;
         this.Icon = Icon;
+        this.showDetails = false;
     }
     showClass() {
         return true;
     }
+    showDetailsClick() {
+        this.showDetails = !this.showDetails;
+    }
     ngOnInit() {
         const _super = Object.create(null, {
             ngOnInit: { get: () => super.ngOnInit }
@@ -24097,10 +24105,10 @@ TransactionLinesSidePanelServiceOrderComponent.decorators = [
                 template: `
     <div class="full-details-wrapper">
       <div class="details-wrapper">
-        <div class="details-label-wrapper">
+        <div class="details-label-wrapper clickable" (click)="showDetailsClick()">
           <label class="detail-label" [textContent]="'ARTICLE_DETAILS' | localize"
           ></label>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
+          <co-icon [class.active]="showDetails" [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
         </div>
         <div class="details-display articles">
           <div class="article-description">
@@ -24124,74 +24132,82 @@ TransactionLinesSidePanelServiceOrderComponent.decorators = [
           <co-image-display class="image-display" [model]="image"></co-image-display>
         </div>
       </div>
-      <!-- Temp test Ruben 23/8 -->
-      <!--div class="details-wrapper">
-        <div class="details-label-wrapper">
-          <label class="detail-label" [textContent]="'SALESORDER_DETAIL' | localize"
-          ></label>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
-        </div>
-        <div class="details-display">
-          <div class="detail">
-            <label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.sourceTransactionNr"></span>
-          </div>
-          <div class="vertical-line"></div>
-          <div class="detail">
-            <label class="label" [textContent]="'ORDER_DATE'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'"></span>
+      <div class="show-details-wrapper"
+           *ngIf="showDetails"
+           [@slideToggle]="showDetails ? 'open' : 'closed'">
+        <div class="details-wrapper">
+          <div class="details-label-wrapper">
+            <label class="detail-label" [textContent]="'SALESORDER_DETAIL' | localize"
+            ></label>
           </div>
-          <div class="vertical-line"></div>
-          <div class="detail">
-            <label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
-          </div>
-          <div class="vertical-line"></div>
-          <div class="detail">
-            <label class="label" [textContent]="'REFERENCE'| localize"></label>
-            <span class="value" [textContent]="transactionServiceInfo.priority"></span>
-          </div>
-        </div>
-      </div>
-      <div class="details-wrapper">
-        <div class="details-label-wrapper">
-          <label class="detail-label" [textContent]="'PURCHASEORDER_DETAIL' | localize"
-          ></label>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
-        </div>
-        <div class="details-display supplier">
-          <div class="top-details">
+          <div class="details-display">
             <div class="detail">
               <label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionNr"></span>
+              <span class="value" [textContent]="transactionServiceInfo.sourceTransactionNr"></span>
             </div>
             <div class="vertical-line"></div>
             <div class="detail">
               <label class="label" [textContent]="'ORDER_DATE'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'"></span>
+              <span class="value" [textContent]="transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'"></span>
             </div>
             <div class="vertical-line"></div>
             <div class="detail">
-              <label class="label" [textContent]="'RECEIVED'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
+              <label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
+              <span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
             </div>
             <div class="vertical-line"></div>
             <div class="detail">
               <label class="label" [textContent]="'REFERENCE'| localize"></label>
-              <span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
+              <span class="value" [textContent]="transactionServiceInfo.priority"></span>
             </div>
           </div>
+        </div>
+        <div class="details-wrapper">
+          <div class="details-label-wrapper">
+            <label class="detail-label" [textContent]="'PURCHASEORDER_DETAIL' | localize"
+            ></label>
+          </div>
+          <div class="details-display supplier">
+            <div class="top-details">
+              <div class="detail">
+                <label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionNr"></span>
+              </div>
+              <div class="vertical-line"></div>
+              <div class="detail">
+                <label class="label" [textContent]="'ORDER_DATE'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'"></span>
+              </div>
+              <div class="vertical-line"></div>
+              <div class="detail">
+                <label class="label" [textContent]="'RECEIVED'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
+              </div>
+              <div class="vertical-line"></div>
+              <div class="detail">
+                <label class="label" [textContent]="'REFERENCE'| localize"></label>
+                <span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
+              </div>
+            </div>
             <div class="bottom-details">
               <div class="detail supplier">
                 <label class="label" [textContent]="'SUPPLIER'| localize"></label>
                 <span class="value" [textContent]="transactionServiceInfo.sourceSupplierName"></span>
               </div>
             </div>
+          </div>
         </div>
-      </div-->
+      </div>
     </div>
   `,
-                encapsulation: ViewEncapsulation.None
+                encapsulation: ViewEncapsulation.None,
+                animations: [
+                    trigger('slideToggle', [
+                        state('void', style({ height: '0px', overflow: 'hidden' })),
+                        state('*', style({ height: '*', overflow: 'hidden' })),
+                        transition('void <=> *', animate('300ms ease-in-out')),
+                    ])
+                ]
             },] }
 ];
 TransactionLinesSidePanelServiceOrderComponent.ctorParameters = () => [
@@ -39248,7 +39264,7 @@ TransactionHeaderOrderComponent.decorators = [
         <div class="transaction-header-block-row" (click)="showDialog = true" [screenConfigurationObject]="cfgNames.HeaderOrderDiscountHeader" screenConfigNativeElement>
           <div class="transaction-header-discount-button">
             <div class="header-discount" (click)="openDiscount($event)">
-              <co-icon class="header-discount-icon" [iconData]="iconCacheService.getIcon(icons.RegularEuroSignMinus)"></co-icon>
+              <co-icon class="header-discount-icon" [iconData]="iconCacheService.getIcon(icons.LightEuroSignMinus)"></co-icon>
             </div>
           </div>
         </div>
@@ -39495,7 +39511,7 @@ TransactionHeaderPaymentComponent.decorators = [
           <span class="payment-paid" [class.success]="paid >= toPay" [textContent]="(paid | coCurrency) || 0"></span>
         </div>
         <div class="header-payment-button-wrapper" (click)="openPayment($event)" [screenConfigurationObject]="cfgNames.HeaderPaymentPaymentHeader" screenConfigNativeElement>
-            <co-icon class="header-order-icon" [iconData]="iconCacheService.getIcon(icons.CreditCardRegularCheck)">
+            <co-icon class="header-order-icon" [iconData]="iconCacheService.getIcon(icons.LightCreditCardCheck)">
             </co-icon>
 
           <!--co-transaction-header-payment-button *ngIf="transactionInfo.transactionKind !== transKind.PurchaseOrder"
@@ -51918,10 +51934,10 @@ TransactionServiceOverviewComponent.decorators = [
         <div class="service-message-and-image-wrapper">
           <div class="service-message-wrapper">
             <label class="label service-label" [textContent]="'SERVICE_REPORT'| localize"></label>
+            <span *ngIf="transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers"
+                               [textContent]="transactionServiceInfo.wizardQuestionsAndAnswers"></span>
             <co-transaction-service-message  class="transaction-service-message" [transaction]="transaction">
             </co-transaction-service-message>
-            <co-input-textarea *ngIf="transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers" [readonly]="true"
-                               [model]="transactionServiceInfo.wizardQuestionsAndAnswers"></co-input-textarea>
           </div>
           <co-files-upload (documentChangeEvent)="upsertDocument($event)"
                            (documentDeleted)="deleteDocument($event)"
@@ -52018,7 +52034,6 @@ TransactionServiceMessageComponent.decorators = [
                 template: `
     <co-input-textarea #input
                    [model]="transactionServiceInfo.reportMessage"
-
                    [readonly]="readonly"
                    [showSaveCancel]="true"
     ></co-input-textarea>