@startinblox/components-ds4go 3.1.4 → 3.1.5

package/dist/index.js

@@ -1 +1 @@
-import "./index-DQ-N8-vz.js";
+import "./index-Cr3kKhks.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/components-ds4go",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "description": "Startin'blox DS4GO",
   "main": "dist/index.js",
   "type": "module",

package/src/components/modal/ds4go-fact-bundle-modal.ts

@@ -58,6 +58,14 @@ export class Ds4goFactBundleModal extends OrbitComponent {
   @state()
   negotiations: ExtendedContractNegotiation[] = [];
 
+  @state()
+  showTechnicalInfo = false;
+
+  _toggleTechnicalInfo(e: Event) {
+    e.preventDefault();
+    this.showTechnicalInfo = !this.showTechnicalInfo;
+  }
+
   _getResource = new Task(this, {
     task: async () => {
       if (!this.object) return;
@@ -180,18 +188,29 @@ export class Ds4goFactBundleModal extends OrbitComponent {
                     </div>
                   </div></tems-division
                 >
-                <tems-division type="h4"
-                  ><div>${msg("Technical informations")}</div></tems-division
-                >
-                ${this.contracts && this.contracts.length > 0
-                  ? html`${this.contracts.map(
-                      (contract: ContractDefinition) =>
-                        html`<ds4go-contract-modal-part
-                          .contract=${contract}
-                          .assets=${this.assets}
-                          .policies=${this.policies}
-                        ></ds4go-contract-modal-part>`,
-                    )}`
+                <tems-button
+                  @click=${this._toggleTechnicalInfo}
+                  type="outline-gray"
+                  label=${this.showTechnicalInfo
+                    ? msg("Hide Technical Informations")
+                    : msg("Show Technical Informations")}
+                ></tems-button>
+                ${this.showTechnicalInfo
+                  ? html`
+                      <tems-division type="h4"
+                        >${msg("Technical informations")}</tems-division
+                      >
+                      ${this.contracts && this.contracts.length > 0
+                        ? html`${this.contracts.map(
+                            (contract: ContractDefinition) =>
+                              html`<ds4go-contract-modal-part
+                                .contract=${contract}
+                                .assets=${this.assets}
+                                .policies=${this.policies}
+                              ></ds4go-contract-modal-part>`,
+                          )}`
+                        : nothing}
+                    `
                   : nothing}
                 ${this.negotiations && this.negotiations.length > 0
                   ? html`<ds4go-negotiations-modal-part

package/src/components/solid-fact-bundle-creation.ts

@@ -153,6 +153,9 @@ export class SolidFactBundle extends OrbitComponent {
         this.spliceLength =
           Math.floor((window.innerWidth - 800) / 354) *
           Math.floor((window.innerHeight - 255) / 500);
+        if (this.spliceLength < 5) {
+          this._showAllResults();
+        }
       }
 
       if (factsWithoutSelected.length > 0) {
@@ -254,7 +257,10 @@ export class SolidFactBundle extends OrbitComponent {
           offeredAccess: "40",
           pricingTier: "premium",
           "dcat:endpointUrl": newFactBundleId,
-          previewLinks: this.selectedFacts.slice(0, 3).map(fact => fact["@id"]).join(", "),
+          previewLinks: this.selectedFacts
+            .slice(0, 3)
+            .map((fact) => fact["@id"])
+            .join(", "),
           "dsif:pricing": {
             "dsif:costPerAPICall": 0.15,
             "dsif:setupFee": 50,
@@ -424,7 +430,7 @@ export class SolidFactBundle extends OrbitComponent {
                   ? html`<tems-button
                       type="primary"
                       disabled=${this.selectedFacts.length === 0 || nothing}
-                      label=${msg("Set bundle informations")}
+                      label=${msg("Next")}
                       @click=${this._nextStep}
                     ></tems-button>`
                   : html`<div class="flex">