vviinn-widgets 2.18.21 → 2.19.1

package/dist/collection/components/image-search/search-filters/search-filters.css

@@ -12,21 +12,16 @@
 
 .filter {
   align-items: center;
-  -webkit-animation-duration: 0.25s;
-          animation-duration: 0.25s;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-  -webkit-animation-name: scalein;
-          animation-name: scalein;
+  animation-duration: 0.25s;
+  animation-fill-mode: forwards;
+  animation-name: scalein;
   border: 1px solid lightgray;
   cursor: pointer;
   display: flex;
   flex-direction: row;
   grid-gap: 8px;
-  height: -webkit-max-content;
   height: -moz-max-content;
   height: max-content;
-  min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content;
   padding: 0.1rem;
@@ -36,7 +31,6 @@
   transition-timing-function: ease-in-out;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 6px 16px;
 }
@@ -70,18 +64,6 @@
   transform: rotateX(180deg);
 }
 
-@-webkit-keyframes scalein {
-  from {
-    opacity: 0;
-    transform: scale(0.5);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
 @keyframes scalein {
   from {
     opacity: 0;
@@ -108,8 +90,7 @@
   .filters {
     flex-wrap: nowrap;
     overflow-x: scroll;
-    -ms-scroll-snap-type: x mandatory;
-        scroll-snap-type: x mandatory;
+    scroll-snap-type: x mandatory;
     grid-gap: unset;
   }
 

package/dist/collection/components/image-search/search-filters/search-filters.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, State, Element, Event, } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { imageSearchState } from "../../../store/imageSearch.store";
 import { CheckIcon } from "../../vviinn-icons";
 const FILTERS_COUNT = 5;
@@ -7,6 +7,7 @@ const getFilterId = (filter) => filter.href.split("/").reverse()[0];
 export class SearchFilters {
   constructor() {
     this.filter = null;
+    this.basicEventData = undefined;
     this.selectedCategoryId = null;
     this.hideFilters = true;
   }
@@ -41,105 +42,110 @@ export class SearchFilters {
     return this.selectedCategoryId === getFilterId(filterLink);
   }
   render() {
-    return (h(Host, { exportparts: "filter, show-more-filters" },
-      h("div", { class: "filters" },
-        this.filter.filters
-          .filter((_, i) => (this.hideFilters ? i < FILTERS_COUNT : true))
-          .map((f, n) => (h("div", { role: "button", tabindex: "0", part: this.isFilterSelected(f) ? "filter active" : "filter", class: {
-            filter: true,
-            active: this.selectedCategoryId === getFilterId(f),
-          }, style: { "animation-delay": `${n * 10}ms` }, onPointerUp: (ev) => {
-            ev.stopPropagation();
-            this.handleFilterSelection(f);
-          }, onKeyPress: (ev) => this.handleEnter(ev, f) },
-          this.isFilterSelected(f) ? h(CheckIcon, null) : null,
-          f.name))),
-        h("div", { class: {
-            filter: true,
-            "show-more": true,
-            hidden: this.filter.filters.length <= FILTERS_COUNT,
-            active: !this.hideFilters,
-          }, role: "button", tabindex: "0", "aria-role": "button", onClick: () => this.toggleFilters(), onKeyPress: (ev) => {
-            if (ev.key === "Enter") {
-              this.toggleFilters();
-            }
-          }, part: "show-more-filters" }, this.hideFilters ? "Zeige mehr" : "Zeige weniger"))));
+    return (h(Host, { exportparts: "filter, show-more-filters" }, h("div", { class: "filters" }, this.filter.filters
+      .filter((_, i) => (this.hideFilters ? i < FILTERS_COUNT : true))
+      .map((f, n) => (h("div", { role: "button", tabindex: "0", part: this.isFilterSelected(f) ? "filter active" : "filter", class: {
+        filter: true,
+        active: this.selectedCategoryId === getFilterId(f),
+      }, style: { "animation-delay": `${n * 10}ms` }, onPointerUp: (ev) => {
+        ev.stopPropagation();
+        this.handleFilterSelection(f);
+      }, onKeyPress: (ev) => this.handleEnter(ev, f) }, this.isFilterSelected(f) ? h(CheckIcon, null) : null, f.name))), h("div", { class: {
+        filter: true,
+        "show-more": true,
+        hidden: this.filter.filters.length <= FILTERS_COUNT,
+        active: !this.hideFilters,
+      }, role: "button", tabindex: "0", "aria-role": "button", onClick: () => this.toggleFilters(), onKeyPress: (ev) => {
+        if (ev.key === "Enter") {
+          this.toggleFilters();
+        }
+      }, part: "show-more-filters" }, this.hideFilters ? "Zeige mehr" : "Zeige weniger"))));
   }
   static get is() { return "search-filters"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["search-filters.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["search-filters.css"]
-  }; }
-  static get properties() { return {
-    "filter": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "SearchSessionFilter | null",
-        "resolved": "SearchSessionFilter",
-        "references": {
-          "SearchSessionFilter": {
-            "location": "import",
-            "path": "../../../searchSession/searchSession"
+  static get originalStyleUrls() {
+    return {
+      "$": ["search-filters.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["search-filters.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filter": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SearchSessionFilter | null",
+          "resolved": "SearchSessionFilter",
+          "references": {
+            "SearchSessionFilter": {
+              "location": "import",
+              "path": "../../../searchSession/searchSession"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "null"
-    },
-    "basicEventData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "BasicEventData",
-        "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
-        "references": {
-          "BasicEventData": {
-            "location": "import",
-            "path": "../../../recommendation/events"
+      "basicEventData": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "BasicEventData",
+          "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
+          "references": {
+            "BasicEventData": {
+              "location": "import",
+              "path": "../../../recommendation/events"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
-  static get states() { return {
-    "selectedCategoryId": {},
-    "hideFilters": {}
-  }; }
-  static get events() { return [{
-      "method": "vviinnSelectFilter",
-      "name": "vviinnSelectFilter",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "SelectFilterEventData",
-        "resolved": "BasicEventData & { action: FilterAction; filterName?: string; }",
-        "references": {
-          "SelectFilterEventData": {
-            "location": "import",
-            "path": "../../../recommendation/events"
+    };
+  }
+  static get states() {
+    return {
+      "selectedCategoryId": {},
+      "hideFilters": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "vviinnSelectFilter",
+        "name": "vviinnSelectFilter",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "SelectFilterEventData",
+          "resolved": "BasicEventData & { action: FilterAction; filterName?: string; }",
+          "references": {
+            "SelectFilterEventData": {
+              "location": "import",
+              "path": "../../../recommendation/events"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/vviinn-button/vviinn-button.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { VisualSearchIcon } from "../vviinn-icons";
 /**
  *
@@ -9,37 +9,40 @@ export class VviinnButton {
     this.addStyle = true;
   }
   render() {
-    return (h(Host, { exportparts: "button" },
-      h("button", { class: this.addStyle ? "open-button" : "raw-open-button", part: "button" },
-        h("slot", null,
-          h(VisualSearchIcon, null)))));
+    return (h(Host, { exportparts: "button" }, h("button", { class: this.addStyle ? "open-button" : "raw-open-button", part: "button" }, h("slot", null, h(VisualSearchIcon, null)))));
   }
   static get is() { return "vviinn-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-button.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-button.css"]
-  }; }
-  static get properties() { return {
-    "addStyle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "add-style",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-button.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "addStyle": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "add-style",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
 }

package/dist/collection/components/vviinn-carousel/vviinn-carousel.css

@@ -56,8 +56,7 @@
   display: flex;
   flex-direction: row;
   grid-gap: 8px;
-  -ms-scroll-snap-type: x mandatory;
-      scroll-snap-type: x mandatory;
+  scroll-snap-type: x mandatory;
   overflow-y: hidden;
   overflow-x: auto;
   flex-grow: 1;