@htmlbricks/hb-vertical-img-txt-archive 0.14.3

package/release/docs.ts

@@ -0,0 +1,187 @@
+import type { CssPart, CssVar, HtmlSlot, i18nLang, StyleSetup, ComponentSetup } from "@htmlbricks/hb-jsutils/main";
+import type { Component } from "../app/types/webcomponent.type";
+
+export const storybookArgs = {
+	collection: { control: { type: "object" } },
+	size: { control: { type: "number" } },
+	collectionItemClick: { collectionItemClick: "eventEvent" },
+};
+
+const cssVars: CssVar[] = [];
+export const cssParts: CssPart[] = [{ name: "container" }, { name: "item" }, { name: "image" }, { name: "title" }, { name: "text" }];
+export const htmlSlots: HtmlSlot[] = [];
+export const i18nLanguages: i18nLang[] = [];
+
+export const styleSetup: StyleSetup = {
+	vars: cssVars,
+	parts: cssParts,
+};
+
+const examples: { name: string; description?: string; data: Component }[] = [
+	{
+		name: "default",
+		data: {
+			collection: [
+				{
+					title: "Title 1",
+					text: "Text 1",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 2",
+					text: "Text 2",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+
+				{
+					title: "Title 3",
+					text: "Text 3",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 4",
+					text: "Text 4",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 5",
+					text: "Text 5",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 6",
+					text: "Text 6",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 7",
+					text: "Text 7",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 8",
+					text: "Text 8",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+			],
+		},
+	},
+	{
+		name: "default2",
+		data: {
+			collection: [
+				{
+					title: "Title 1",
+					text: "Text 1",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 2",
+					text: "Text 2",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+
+				{
+					title: "Title 3",
+					text: "Text 3",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 4",
+					text: "Text 4",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 5",
+					text: "Text 5",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 6",
+					text: "Text 6",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+			],
+		},
+	},
+	{
+		name: "default2",
+		data: {
+			size: 4,
+			collection: [
+				{
+					title: "Title 1",
+					text: "Text 1",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 2",
+					text: "Text 2",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+
+				{
+					title: "Title 3",
+					text: "Text 3",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 4",
+					text: "Text 4",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 5",
+					text: "Text 5",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+				{
+					title: "Title 6",
+					text: "Text 6",
+					link: { type: "tab", uri: "https://www.google.com" },
+					image: "https://via.placeholder.com/300x200",
+				},
+			],
+		},
+	},
+];
+export const componentSetup: ComponentSetup & { examples: { name: string; description?: string; data: Component }[] } = {
+	definitions: null as any,
+	storybookArgs,
+	styleSetup,
+	author: null as any,
+	contributors: [],
+	owner: null as any,
+	htmlSlots,
+	i18n: i18nLanguages,
+	examples,
+	screenshots: [],
+	licenses: [{ type: "Apache-2.0", path: "LICENSE.md", cost: 0, currency: "EUR" }],
+	readmePath: "README.md",
+	name: "hb-vertical-img-txt-archive",
+	category: "archives",
+	tags: ["archives"],
+	size: {},
+	iifePath: "release/release.js",
+	repoName: "@htmlbricks/hb-vertical-img-txt-archive",
+	version: null as any,
+};

package/release/manifest.json

@@ -0,0 +1,372 @@
+{
+  "definitions": {
+    "events": {
+      "$ref": "#/definitions/Events",
+      "$schema": "http://json-schema.org/draft-07/schema#",
+      "definitions": {
+        "Events": {
+          "additionalProperties": false,
+          "properties": {
+            "collectionItemClick": {
+              "additionalProperties": false,
+              "properties": {
+                "uri": {
+                  "type": "string"
+                }
+              },
+              "required": [
+                "uri"
+              ],
+              "type": "object"
+            }
+          },
+          "required": [
+            "collectionItemClick"
+          ],
+          "type": "object"
+        }
+      }
+    },
+    "component": {
+      "$ref": "#/definitions/Component",
+      "$schema": "http://json-schema.org/draft-07/schema#",
+      "definitions": {
+        "Component": {
+          "additionalProperties": false,
+          "properties": {
+            "collection": {
+              "items": {
+                "$ref": "#/definitions/Item"
+              },
+              "type": "array"
+            },
+            "id": {
+              "type": "string"
+            },
+            "size": {
+              "type": "number"
+            },
+            "style": {
+              "type": "string"
+            }
+          },
+          "required": [
+            "collection"
+          ],
+          "type": "object"
+        },
+        "Item": {
+          "additionalProperties": false,
+          "properties": {
+            "image": {
+              "type": "string"
+            },
+            "index": {
+              "type": "number"
+            },
+            "link": {
+              "additionalProperties": false,
+              "properties": {
+                "type": {
+                  "enum": [
+                    "tab",
+                    "page",
+                    "event"
+                  ],
+                  "type": "string"
+                },
+                "uri": {
+                  "type": "string"
+                }
+              },
+              "required": [
+                "type",
+                "uri"
+              ],
+              "type": "object"
+            },
+            "subtitle": {
+              "type": "string"
+            },
+            "text": {
+              "type": "string"
+            },
+            "title": {
+              "type": "string"
+            }
+          },
+          "required": [
+            "title",
+            "text",
+            "link",
+            "image"
+          ],
+          "type": "object"
+        }
+      }
+    }
+  },
+  "storybookArgs": {
+    "collection": {
+      "control": {
+        "type": "object"
+      }
+    },
+    "size": {
+      "control": {
+        "type": "number"
+      }
+    },
+    "collectionItemClick": {
+      "collectionItemClick": "eventEvent"
+    }
+  },
+  "styleSetup": {
+    "vars": [],
+    "parts": [
+      {
+        "name": "container"
+      },
+      {
+        "name": "item"
+      },
+      {
+        "name": "image"
+      },
+      {
+        "name": "title"
+      },
+      {
+        "name": "text"
+      }
+    ]
+  },
+  "author": "Dario Caruso <dev@dariocaruso.info> (https://dariocaruso.info)",
+  "contributors": [],
+  "owner": "Dario Caruso <dev@dariocaruso.info> (https://dariocaruso.info)",
+  "htmlSlots": [],
+  "i18n": [],
+  "examples": [
+    {
+      "name": "default",
+      "data": {
+        "collection": [
+          {
+            "title": "Title 1",
+            "text": "Text 1",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 2",
+            "text": "Text 2",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 3",
+            "text": "Text 3",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 4",
+            "text": "Text 4",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 5",
+            "text": "Text 5",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 6",
+            "text": "Text 6",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 7",
+            "text": "Text 7",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 8",
+            "text": "Text 8",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          }
+        ]
+      }
+    },
+    {
+      "name": "default2",
+      "data": {
+        "collection": [
+          {
+            "title": "Title 1",
+            "text": "Text 1",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 2",
+            "text": "Text 2",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 3",
+            "text": "Text 3",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 4",
+            "text": "Text 4",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 5",
+            "text": "Text 5",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 6",
+            "text": "Text 6",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          }
+        ]
+      }
+    },
+    {
+      "name": "default2",
+      "data": {
+        "size": 4,
+        "collection": [
+          {
+            "title": "Title 1",
+            "text": "Text 1",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 2",
+            "text": "Text 2",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 3",
+            "text": "Text 3",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 4",
+            "text": "Text 4",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 5",
+            "text": "Text 5",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          },
+          {
+            "title": "Title 6",
+            "text": "Text 6",
+            "link": {
+              "type": "tab",
+              "uri": "https://www.google.com"
+            },
+            "image": "https://via.placeholder.com/300x200"
+          }
+        ]
+      }
+    }
+  ],
+  "screenshots": [],
+  "licenses": [
+    {
+      "type": "Apache-2.0",
+      "path": "LICENSE.md",
+      "cost": 0,
+      "currency": "EUR"
+    }
+  ],
+  "readmePath": "README.md",
+  "name": "hb-vertical-img-txt-archive",
+  "category": "archives",
+  "tags": [
+    "archives"
+  ],
+  "size": {},
+  "iifePath": "release/release.js",
+  "repoName": "@htmlbricks/hb-vertical-img-txt-archive",
+  "version": "0.14.3"
+}

package/release/release.js

@@ -0,0 +1,2 @@
+var release=function(){"use strict";function t(){}function e(t){return t()}function n(){return Object.create(null)}function o(t){t.forEach(e)}function r(t){return"function"==typeof t}function i(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}let l,c;function a(t,e){return l||(l=document.createElement("a")),l.href=e,t===l.href}function s(t,e){t.appendChild(e)}function u(t,e,n){t.insertBefore(e,n||null)}function f(t){t.parentNode.removeChild(t)}function d(t){return document.createElement(t)}function h(t){return document.createTextNode(t)}function p(){return h(" ")}function g(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function m(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}function v(t,e,n,o){null===n?t.style.removeProperty(e):t.style.setProperty(e,n,o?"important":"")}function y(t){const e={};for(const n of t)e[n.name]=n.value;return e}function $(t){c=t}function w(){if(!c)throw new Error("Function called outside component initialization");return c}function b(){const t=w();return(e,n,{cancelable:o=!1}={})=>{const r=t.$$.callbacks[e];if(r){const i=function(t,e,{bubbles:n=!1,cancelable:o=!1}={}){const r=document.createEvent("CustomEvent");return r.initCustomEvent(t,n,o,e),r}(e,n,{cancelable:o});return r.slice().forEach((e=>{e.call(t,i)})),!i.defaultPrevented}return!0}}const x=[],_=[],E=[],k=[],C=Promise.resolve();let L=!1;function z(t){E.push(t)}const A=new Set;let M=0;function T(){const t=c;do{for(;M<x.length;){const t=x[M];M++,$(t),j(t.$$)}for($(null),x.length=0,M=0;_.length;)_.pop()();for(let t=0;t<E.length;t+=1){const e=E[t];A.has(e)||(A.add(e),e())}E.length=0}while(x.length);for(;k.length;)k.pop()();L=!1,A.clear(),$(t)}function j(t){if(null!==t.fragment){t.update(),o(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(z)}}const D=new Set;function N(t,e){t&&t.i&&(D.delete(t),t.i(e))}function O(t,e){t.d(1),e.delete(t.key)}function P(t,e){-1===t.$$.dirty[0]&&(x.push(t),L||(L=!0,C.then(T)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function S(i,l,a,s,u,d,h,p=[-1]){const g=c;$(i);const m=i.$$={fragment:null,ctx:null,props:d,update:t,not_equal:u,bound:n(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(l.context||(g?g.$$.context:[])),callbacks:n(),dirty:p,skip_bound:!1,root:l.target||g.$$.root};h&&h(m.root);let v=!1;if(m.ctx=a?a(i,l.props||{},((t,e,...n)=>{const o=n.length?n[0]:e;return m.ctx&&u(m.ctx[t],m.ctx[t]=o)&&(!m.skip_bound&&m.bound[t]&&m.bound[t](o),v&&P(i,t)),e})):[],m.update(),v=!0,o(m.before_update),m.fragment=!!s&&s(m.ctx),l.target){if(l.hydrate){const t=function(t){return Array.from(t.childNodes)}(l.target);m.fragment&&m.fragment.l(t),t.forEach(f)}else m.fragment&&m.fragment.c();l.intro&&N(i.$$.fragment),function(t,n,i,l){const{fragment:c,on_mount:a,on_destroy:s,after_update:u}=t.$$;c&&c.m(n,i),l||z((()=>{const n=a.map(e).filter(r);s?s.push(...n):o(n),t.$$.on_mount=[]})),u.forEach(z)}(i,l.target,l.anchor,l.customElement),T()}$(g)}let R;"function"==typeof HTMLElement&&(R=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(e).filter(r);for(const t in this.$$.slotted)this.appendChild(this.$$.slotted[t])}attributeChangedCallback(t,e,n){this[t]=n}disconnectedCallback(){o(this.$$.on_disconnect)}$destroy(){!function(t,e){const n=t.$$;null!==n.fragment&&(o(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}(this,1),this.$destroy=t}$on(t,e){const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}});var W=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,F=/\n/g,H=/^\s*/,I=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,B=/^:\s*/,q=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,J=/^[;\s]*/,K=/^\s+|\s+$/g,V="";function G(t){return t?t.replace(K,V):V}var Q,U=function(t,e){var n,o=null;if(!t||"string"!=typeof t)return o;for(var r,i,l=function(t,e){if("string"!=typeof t)throw new TypeError("First argument must be a string");if(!t)return[];e=e||{};var n=1,o=1;function r(t){var e=t.match(F);e&&(n+=e.length);var r=t.lastIndexOf("\n");o=~r?t.length-r:o+t.length}function i(){var t={line:n,column:o};return function(e){return e.position=new l(t),s(),e}}function l(t){this.start=t,this.end={line:n,column:o},this.source=e.source}function c(r){var i=new Error(e.source+":"+n+":"+o+": "+r);if(i.reason=r,i.filename=e.source,i.line=n,i.column=o,i.source=t,!e.silent)throw i}function a(e){var n=e.exec(t);if(n){var o=n[0];return r(o),t=t.slice(o.length),n}}function s(){a(H)}function u(t){var e;for(t=t||[];e=f();)!1!==e&&t.push(e);return t}function f(){var e=i();if("/"==t.charAt(0)&&"*"==t.charAt(1)){for(var n=2;V!=t.charAt(n)&&("*"!=t.charAt(n)||"/"!=t.charAt(n+1));)++n;if(n+=2,V===t.charAt(n-1))return c("End of comment missing");var l=t.slice(2,n-2);return o+=2,r(l),t=t.slice(n),o+=2,e({type:"comment",comment:l})}}function d(){var t=i(),e=a(I);if(e){if(f(),!a(B))return c("property missing ':'");var n=a(q),o=t({type:"declaration",property:G(e[0].replace(W,V)),value:n?G(n[0].replace(W,V)):V});return a(J),o}}return l.prototype.content=t,s(),function(){var t,e=[];for(u(e);t=d();)!1!==t&&(e.push(t),u(e));return e}()}(t),c="function"==typeof e,a=0,s=l.length;a<s;a++)r=(n=l[a]).property,i=n.value,c?e(r,i,n):i&&(o||(o={}),o[r]=i);return o};function X(t,e,n){const o=t.slice();return o[12]=e[n],o}function Y(t){let e,n=[],o=new Map,r=t[0];const i=t=>t[12].index;for(let e=0;e<r.length;e+=1){let l=X(t,r,e),c=i(l);o.set(c,n[e]=Z(c,l))}return{c(){e=d("div");for(let t=0;t<n.length;t+=1)n[t].c();g(e,"id","collection_container"),g(e,"part","container"),v(e,"grid-template-columns","repeat("+(t[2]||5)+", auto)")},m(t,o){u(t,e,o);for(let t=0;t<n.length;t+=1)n[t].m(e,null)},p(t,l){1&l&&(r=t[0],n=function(t,e,n,o,r,i,l,c,a,s,u,f){let d=t.length,h=i.length,p=d;const g={};for(;p--;)g[t[p].key]=p;const m=[],v=new Map,y=new Map;for(p=h;p--;){const t=f(r,i,p),c=n(t);let a=l.get(c);a?o&&a.p(t,e):(a=s(c,t),a.c()),v.set(c,m[p]=a),c in g&&y.set(c,Math.abs(p-g[c]))}const $=new Set,w=new Set;function b(t){N(t,1),t.m(c,u),l.set(t.key,t),u=t.first,h--}for(;d&&h;){const e=m[h-1],n=t[d-1],o=e.key,r=n.key;e===n?(u=e.first,d--,h--):v.has(r)?!l.has(o)||$.has(o)?b(e):w.has(r)?d--:y.get(o)>y.get(r)?(w.add(o),b(e)):($.add(r),d--):(a(n,l),d--)}for(;d--;){const e=t[d];v.has(e.key)||a(e,l)}for(;h;)b(m[h-1]);return m}(n,l,i,1,t,r,o,e,O,Z,null,X)),4&l&&v(e,"grid-template-columns","repeat("+(t[2]||5)+", auto)")},d(t){t&&f(e);for(let t=0;t<n.length;t+=1)n[t].d()}}}function Z(t,e){let n,o,r,i,l,c,v,y,$,w,b,x,_,E=e[12].title+"",k=e[12].text+"";return{key:t,first:null,c(){n=d("div"),o=d("div"),r=d("img"),c=p(),v=d("div"),y=d("h3"),$=h(E),w=p(),b=d("p"),x=h(k),_=p(),g(r,"part","image"),a(r.src,i=e[12].image)||g(r,"src",i),g(r,"alt",l=e[12].title),g(o,"class","collection_item_image"),g(y,"part","title"),g(b,"part","text"),g(v,"class","collection_item_text"),g(n,"class","collection_item"),g(n,"part","item"),this.first=n},m(t,e){u(t,n,e),s(n,o),s(o,r),s(n,c),s(n,v),s(v,y),s(y,$),s(v,w),s(v,b),s(b,x),s(n,_)},p(t,n){e=t,1&n&&!a(r.src,i=e[12].image)&&g(r,"src",i),1&n&&l!==(l=e[12].title)&&g(r,"alt",l),1&n&&E!==(E=e[12].title+"")&&m($,E),1&n&&k!==(k=e[12].text+"")&&m(x,k)},d(t){t&&f(n)}}}function tt(e){let n,o,r;z(e[6]);let i=e[0]?.length&&Y(e);return{c(){i&&i.c(),n=h(""),this.c=t},m(t,l){var c,a,s,f;i&&i.m(t,l),u(t,n,l),o||(c=window,a="resize",s=e[6],c.addEventListener(a,s,f),r=()=>c.removeEventListener(a,s,f),o=!0)},p(t,[e]){t[0]?.length?i?i.p(t,e):(i=Y(t),i.c(),i.m(n.parentNode,n)):i&&(i.d(1),i=null)},i:t,o:t,d(t){i&&i.d(t),t&&f(n),o=!1,r()}}}function et(t,e,n){w(),b();let o,r,{id:i}=e,{style:l}=e,{size:c}=e,{collection:a}=e;return t.$$set=t=>{"id"in t&&n(3,i=t.id),"style"in t&&n(5,l=t.style),"size"in t&&n(4,c=t.size),"collection"in t&&n(0,a=t.collection)},t.$$.update=()=>{if(59&t.$$.dirty){if(o||n(1,o=0),i||n(3,i=""),l&&U(l),"string"==typeof a)try{n(0,a=JSON.parse(a))}catch(t){console.error("error parsing collection",t)}let t=0;if((null==a?void 0:a.length)&&a.forEach((e=>{e.index=t++})),c)"string"==typeof c&&n(4,c=Number(c)),n(2,r=c);else if(a){const t=Math.round(o/250);n(2,r=t<a.length?t:a.length)}else n(2,r=5)}},[a,o,r,i,c,l,function(){n(1,o=window.innerWidth)}]}(function(t,e){e.__esModule=!0,e.LanguageTranslator=e.addComponent=e.getChildStyleToPass=void 0,e.getChildStyleToPass=function(t,e){var n,o,r="";if(t&&(null==e?void 0:e.length)&&(null===(n=Object.keys(t))||void 0===n?void 0:n.length)&&(null===(o=null==e?void 0:e.filter((function(e){return Object.keys(t).includes(e.name)})))||void 0===o?void 0:o.length))for(var i=function(n){(null==e?void 0:e.filter((function(e){return e.name===n&&e.defaultValue!==t[n]})))&&(r+="".concat(n,":").concat(t[n],";"))},l=0,c=Object.keys(t);l<c.length;l++)i(c[l]);return r},e.addComponent=function(t){var e,n=(null===(e=null==t?void 0:t.repoName.split("/"))||void 0===e?void 0:e[1])||(null==t?void 0:t.repoName);if(!n)throw new Error("wrong componentPath "+(null==t?void 0:t.repoName));if(!(null==t?void 0:t.version))throw new Error("wrong version "+(null==t?void 0:t.version));var o=(null==t?void 0:t.iifePath)||"release/release.js";if(!document.getElementById(n+"-script")){var r=document.createElement("script");r.id=n+"-script",r.src="https://cdn.jsdelivr.net/npm/".concat(t.repoName,"@").concat(t.version,"/").concat(o),(null==t?void 0:t.local)&&location.href.includes("localhost")&&(r.src="".concat(t.local)),document.head.appendChild(r)}};var n=function(){function t(t){if(!(null==t?void 0:t.dictionary))throw new Error("no dictionary provided");this.dictionary=t.dictionary,this.setLang(null==t?void 0:t.lang)}return t.prototype.setLang=function(e){e||(e=t.getDefaultLang()),this.lang=e},t.prototype.translateWord=function(e,n){return t.getDictionaryWord(e,this.dictionary,n||this.lang)},t.prototype.translateDate=function(e,n,o){return t.formatDate(e,n,o||this.lang)},t.getDefaultLang=function(){var t,e,n,o,r,i="en";return(null===navigator||void 0===navigator?void 0:navigator.languages)&&(null===(n=null===(e=null===(t=navigator.languages[0])||void 0===t?void 0:t.split("-")[0])||void 0===e?void 0:e.toLowerCase())||void 0===n?void 0:n.length)&&(i=null===(r=null===(o=navigator.languages[0])||void 0===o?void 0:o.split("-")[0])||void 0===r?void 0:r.toLowerCase()),i},t.getDictionaryWord=function(e,n,o){var r;if(!e)throw new Error("no wordKey provided");if(!n)throw new Error("no dictionary provided");if(o&&(null===(r=n[o])||void 0===r?void 0:r[e]))return n[o][e];var i="",l=t.getDefaultLang();if(!o||l!==o){var c=null==n?void 0:n[l];(null==c?void 0:c[e])&&(i=c[e])}return i},t.formatDate=function(e,n,o){if(!e)throw new Error("no date provided");if("function"!=typeof e.getMonth)throw new Error("wrong date format");return new Intl.DateTimeFormat(o||t.getDefaultLang(),n).format(e)},t}();e.LanguageTranslator=n})(Q={exports:{}},Q.exports);class nt extends R{constructor(t){super(),this.shadowRoot.innerHTML='<style>@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");:host{font-family:"Roboto", sans-serif}#collection_container{display:grid;justify-content:space-between;grid-gap:20px}.collection_item{max-width:100%}img{width:100%;height:100%;object-fit:cover}</style>',S(this,{target:this.shadowRoot,props:y(this.attributes),customElement:!0},et,tt,i,{id:3,style:5,size:4,collection:0},null),t&&(t.target&&u(t.target,this,t.anchor),t.props&&(this.$set(t.props),T()))}static get observedAttributes(){return["id","style","size","collection"]}get id(){return this.$$.ctx[3]}set id(t){this.$$set({id:t}),T()}get style(){return this.$$.ctx[5]}set style(t){this.$$set({style:t}),T()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),T()}get collection(){return this.$$.ctx[0]}set collection(t){this.$$set({collection:t}),T()}}return customElements.define("hb-vertical-img-txt-archive",nt),nt}();
+//# sourceMappingURL=release.js.map