@blockquote-web-components/blockquote-tabs 1.3.0 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockquote-web-components/blockquote-tabs",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Webcomponent blockquote-tabs following open-wc recommendations",
   "keywords": [
     "lit",
@@ -61,14 +61,14 @@
     "build": "echo \"This is not a TypeScript project, so no need to build.\"",
     "dev:vite": "vite build",
     "format": "npm run format:eslint && npm run format:prettier && npm run format:stylelint",
-    "format:eslint": "eslint \"**/*.{js,ts,html}\" --fix --ignore-path .eslintignore",
-    "format:prettier": "prettier \"**/*.{js,ts,json,html}\" --write --ignore-path .eslintignore",
-    "format:stylelint": "stylelint \"**/*.{scss,css}\" --fix --allow-empty-input --ignore-path .eslintignore",
+    "format:eslint": "eslint . --fix",
+    "format:prettier": "prettier \"**/*.{js,ts,json,html}\" --write --ignore-path .prettierignore",
+    "format:stylelint": "stylelint \"**/*.{scss,css}\" --fix --allow-empty-input --ignore-path .prettierignore",
     "postinstall": "npm run sort:package",
     "lint": "npm run lint:eslint && npm run lint:prettier && npm run lint:stylelint",
-    "lint:eslint": "eslint \"**/*.{js,ts,html}\" --ignore-path .eslintignore",
-    "lint:prettier": "prettier \"**/*.{js,ts,json,html}\" --check --ignore-path .eslintignore",
-    "lint:stylelint": "stylelint \"**/*.{scss,css}\" --allow-empty-input --ignore-path .eslintignore",
+    "lint:eslint": "eslint .",
+    "lint:prettier": "prettier \"**/*.{js,ts,json,html}\" --check --ignore-path .prettierignore",
+    "lint:stylelint": "stylelint \"**/*.{scss,css}\" --allow-empty-input --ignore-path .prettierignore",
     "preview:vite": "vite preview",
     "sass:watch": "sass-style-template",
     "sort:package": "npx sort-package-json",
@@ -90,6 +90,8 @@
   },
   "prettier": {
     "arrowParens": "avoid",
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
     "printWidth": 100,
     "singleQuote": true,
     "trailingComma": "all",
@@ -103,58 +105,6 @@
       }
     ]
   },
-  "eslintConfig": {
-    "parserOptions": {
-      "ecmaVersion": "latest"
-    },
-    "extends": [
-      "@open-wc",
-      "prettier"
-    ],
-    "rules": {
-      "class-methods-use-this": "off",
-      "indent": [
-        "error",
-        2,
-        {
-          "SwitchCase": 1,
-          "ignoredNodes": [
-            "PropertyDefinition",
-            "TemplateLiteral > *"
-          ]
-        }
-      ],
-      "no-unused-expressions": [
-        "error",
-        {
-          "allowShortCircuit": true,
-          "allowTernary": true
-        }
-      ],
-      "object-curly-newline": "off",
-      "import/extensions": [
-        "error",
-        "always",
-        {
-          "ignorePackages": true
-        }
-      ],
-      "import/no-extraneous-dependencies": [
-        "error",
-        {
-          "devDependencies": [
-            "**/test/**/*.{js,ts}",
-            "**/*.config.{js,ts,mjs,cjs}",
-            "**/*.conf.{js,ts,mjs,cjs}"
-          ]
-        }
-      ],
-      "import/no-unresolved": "off",
-      "import/prefer-default-export": "off",
-      "lit/no-classfield-shadowing": "off",
-      "lit/no-native-attributes": "off"
-    }
-  },
   "stylelint": {
     "extends": "stylelint-config-standard-scss",
     "rules": {
@@ -165,19 +115,19 @@
     }
   },
   "dependencies": {
-    "@blockquote-web-components/blockquote-mixin-slot-content": "^1.5.0",
+    "@blockquote-web-components/blockquote-mixin-slot-content": "^1.5.2",
     "@juggle/resize-observer": "^3.4.0",
     "@lit-labs/observers": "^2.0.0",
     "lit": "^3.1.1"
   },
   "devDependencies": {
-    "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.8.0",
-    "@blockquote-web-components/blockquote-base-embedded-webview": "^1.10.0",
-    "@blockquote-web-components/blockquote-foundations-sass": "^1.1.2"
+    "@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.9.1",
+    "@blockquote-web-components/blockquote-base-embedded-webview": "^1.10.2",
+    "@blockquote-web-components/blockquote-foundations-sass": "^1.1.3"
   },
   "publishConfig": {
     "access": "public"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "4e3daa3414a4aa6eaf6cc0d792d3b86fa6fbb36b"
+  "gitHead": "7edc86cd16ada68f0d940336b43bfc9ba9389b0a"
 }

package/src/BlockquoteTabs.js

@@ -209,50 +209,56 @@ export class BlockquoteTabs extends BlockquoteMixinSlotContent(LitElement) {
   }
 
   get _scrollContentTpl() {
-    return html` <div
-      class="scroll-content"
-      ${ref(this._scrollContentRef)}
-      @scroll="${this._scrollEdge}"
-    >
-      ${this._tablistTpl}
-    </div>`;
+    return html`
+      <div class="scroll-content" ${ref(this._scrollContentRef)} @scroll="${this._scrollEdge}">
+        ${this._tablistTpl}
+      </div>
+    `;
   }
 
   get _tablistTpl() {
-    return html` <div role="tablist" aria-label="${this.label || nothing}">
-      <slot @click="${this._onTabClick}" @keydown="${this._onTabKeyDown}" name="tab"></slot>
-    </div>`;
+    return html`
+      <div role="tablist" aria-label="${this.label || nothing}">
+        <slot @click="${this._onTabClick}" @keydown="${this._onTabKeyDown}" name="tab"></slot>
+      </div>
+    `;
   }
 
   get _separatorTpl() {
-    return html`<span aria-hidden="true" class="separator"></span>`;
+    return html`
+      <span aria-hidden="true" class="separator"></span>
+    `;
   }
 
   get _indicatorsTpl() {
-    return html` <span
+    return html`
+      <span
         aria-hidden="true"
-        class="indicator ${this._hasScrollLeftIndicator ? 'show-indicator' : ''}"
-      ></span>
+        class="indicator ${this._hasScrollLeftIndicator ? 'show-indicator' : ''}"></span>
       <span
         aria-hidden="true"
-        class="indicator ${this._hasScrollRightIndicator ? 'show-indicator' : ''}"
-      ></span>`;
+        class="indicator ${this._hasScrollRightIndicator ? 'show-indicator' : ''}"></span>
+    `;
   }
 
   get _holdTpl() {
-    return html`<div class="hold">
-      ${this._scrollContentTpl} ${this._separatorTpl} ${this._indicatorsTpl}
-    </div>`;
+    return html`
+      <div class="hold">${this._scrollContentTpl} ${this._separatorTpl} ${this._indicatorsTpl}</div>
+    `;
   }
 
   get _tabpanelTpl() {
-    return html` <div>
-      <slot name="tabpanel"></slot>
-    </div>`;
+    return html`
+      <div>
+        <slot name="tabpanel"></slot>
+      </div>
+    `;
   }
 
   render() {
-    return html` ${this._holdTpl} ${this._tabpanelTpl} `;
+    return html`
+      ${this._holdTpl} ${this._tabpanelTpl}
+    `;
   }
 
   _scrollEdge({ target = this._scrollContentRef.value } = {}) {

package/src/tab/BlockquoteTab.js

@@ -67,7 +67,9 @@ export class BlockquoteTab extends BlockquoteMixinSlotContent(LitElement) {
   }
 
   render() {
-    return html`<slot></slot>`;
+    return html`
+      <slot></slot>
+    `;
   }
 
   /**

package/src/tabpanel/BlockquoteTabPanel.js

@@ -57,7 +57,9 @@ export class BlockquoteTabPanel extends LitElement {
   }
 
   render() {
-    return html` <slot></slot> `;
+    return html`
+      <slot></slot>
+    `;
   }
 
   /**