@github/markdown-toolbar-element - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/index.d.ts

@@ -41,42 +41,44 @@ declare global {
 declare class MarkdownHeaderButtonElement extends MarkdownButtonElement {
-    constructor();
+    #private;
+    connectedCallback(): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }
 declare class MarkdownBoldButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownItalicButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownQuoteButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownCodeButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownLinkButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownImageButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownUnorderedListButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownOrderedListButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownTaskListButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownMentionButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownRefButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownStrikethroughButtonElement extends MarkdownButtonElement {
-    constructor();
+    connectedCallback(): void;
 }
 declare class MarkdownToolbarElement extends HTMLElement {
-    constructor();
     connectedCallback(): void;
@@ -83,0 +85,0 @@ disconnectedCallback(): void;

dist/index.js

@@ -0,1 +1,7 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _MarkdownHeaderButtonElement_instances, _MarkdownHeaderButtonElement_setLevelStyle;
 const buttonSelectors = [
@@ -62,13 +68,28 @@ '[data-md-button]',
     constructor() {
-        super();
+        super(...arguments);
+        _MarkdownHeaderButtonElement_instances.add(this);
+    }
+    connectedCallback() {
         const level = parseInt(this.getAttribute('level') || '3', 10);
-        if (level < 1 || level > 6) {
+        __classPrivateFieldGet(this, _MarkdownHeaderButtonElement_instances, "m", _MarkdownHeaderButtonElement_setLevelStyle).call(this, level);
+    }
+    static get observedAttributes() {
+        return ['level'];
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (name !== 'level')
             return;
-        }
-        const prefix = `${'#'.repeat(level)} `;
-        styles.set(this, {
-            prefix
-        });
+        const level = parseInt(newValue || '3', 10);
+        __classPrivateFieldGet(this, _MarkdownHeaderButtonElement_instances, "m", _MarkdownHeaderButtonElement_setLevelStyle).call(this, level);
     }
 }
+_MarkdownHeaderButtonElement_instances = new WeakSet(), _MarkdownHeaderButtonElement_setLevelStyle = function _MarkdownHeaderButtonElement_setLevelStyle(level) {
+    if (level < 1 || level > 6) {
+        return;
+    }
+    const prefix = `${'#'.repeat(level)} `;
+    styles.set(this, {
+        prefix
+    });
+};
 if (!window.customElements.get('md-header')) {
@@ -79,4 +100,3 @@ window.MarkdownHeaderButtonElement = MarkdownHeaderButtonElement;
 class MarkdownBoldButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '**', suffix: '**', trimFirst: true });
@@ -90,4 +110,3 @@ }
 class MarkdownItalicButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '_', suffix: '_', trimFirst: true });
@@ -101,4 +120,3 @@ }
 class MarkdownQuoteButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '> ', multiline: true, surroundWithNewlines: true });
@@ -112,4 +130,3 @@ }
 class MarkdownCodeButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '`', suffix: '`', blockPrefix: '```', blockSuffix: '```' });
@@ -123,4 +140,3 @@ }
 class MarkdownLinkButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '[', suffix: '](url)', replaceNext: 'url', scanFor: 'https?://' });
@@ -134,4 +150,3 @@ }
 class MarkdownImageButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '![', suffix: '](url)', replaceNext: 'url', scanFor: 'https?://' });
@@ -145,4 +160,3 @@ }
 class MarkdownUnorderedListButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '- ', multiline: true, unorderedList: true });
@@ -156,4 +170,3 @@ }
 class MarkdownOrderedListButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '1. ', multiline: true, orderedList: true });
@@ -167,4 +180,3 @@ }
 class MarkdownTaskListButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '- [ ] ', multiline: true, surroundWithNewlines: true });
@@ -178,4 +190,3 @@ }
 class MarkdownMentionButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '@', prefixSpace: true });
@@ -189,4 +200,3 @@ }
 class MarkdownRefButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '#', prefixSpace: true });
@@ -200,4 +210,3 @@ }
 class MarkdownStrikethroughButtonElement extends MarkdownButtonElement {
-    constructor() {
-        super();
+    connectedCallback() {
         styles.set(this, { prefix: '~~', suffix: '~~', trimFirst: true });
@@ -211,5 +220,2 @@ }
 class MarkdownToolbarElement extends HTMLElement {
-    constructor() {
-        super();
-    }
     connectedCallback() {
@@ -216,0 +222,0 @@ if (!this.hasAttribute('role')) {

package.json

 {
   "name": "@github/markdown-toolbar-element",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Markdown formatting buttons for text inputs.",
@@ -32,4 +32,5 @@ "repository": "github/markdown-toolbar-element",
     "chai": "^4.3.4",
-    "eslint": "^7.27.0",
-    "eslint-plugin-github": "^4.1.3",
+    "chromium": "^3.0.3",
+    "eslint": "^8.6.0",
+    "eslint-plugin-github": "^4.3.5",
     "karma": "^6.3.2",
@@ -39,4 +40,4 @@ "karma-chai": "^0.1.0",
     "karma-mocha": "^2.0.1",
-    "karma-mocha-reporter": "^2.2.5",
-    "mocha": "^8.4.0",
+    "karma-mocha-reporter": "^2.2.3",
+    "mocha": "^9.1.3",
     "typescript": "^4.2.4"
@@ -43,0 +44,0 @@ },

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

32425

4.78%

Lines of code

699

1.16%

Worsened metrics

Dev dependency count

12

9.09%

No dependency changes