View difference between Paste ID: 1Tute0me and 2nfpYApy

 import { __esDecorate, __runInitializers } from '../../node_modules/tslib/tslib.es6.js';
 import '../../focus/md-focus-ring.js';
 import '../../ripple/ripple.js';
 import { isServer, nothing, html as html$1, LitElement } from 'lit';
 import { property, query, queryAssignedElements } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { literal, html } from 'lit/static-html.js';
 import { requestUpdateOnAriaChange } from '../../internal/aria/delegate.js';
 import { internals } from '../../internal/controller/element-internals.js';
 import { isActivationClick, dispatchActivationClick } from '../../internal/controller/events.js';
 import { setupFormSubmitter } from '../../internal/controller/form-submitter.js';
 
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
 /**
  * A button component.
  */
 let Button = (() => {
-    let _classSuper = LitElement;
+
-    let _instanceExtraInitializers = [];
+
-    let _disabled_decorators;
+
-    let _disabled_initializers = [];
+
-    let _href_decorators;
+
-    let _href_initializers = [];
+
-    let _target_decorators;
+
-    let _target_initializers = [];
+
-    let _trailingIcon_decorators;
+
-    let _trailingIcon_initializers = [];
+
-    let _hasIcon_decorators;
+
-    let _hasIcon_initializers = [];
+
-    let _type_decorators;
+
-    let _type_initializers = [];
+
-    let _value_decorators;
+
-    let _value_initializers = [];
+
-    let _buttonElement_decorators;
+
-    let _buttonElement_initializers = [];
+
-    let _assignedIcons_decorators;
+
-    let _assignedIcons_initializers = [];
+
         set href(value) { this.#href_accessor_storage = value; }
         #target_accessor_storage = __runInitializers(this, _target_initializers, '');
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+
-            __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _href_decorators, { kind: "accessor", name: "href", static: false, private: false, access: { has: obj => "href" in obj, get: obj => obj.href, set: (obj, value) => { obj.href = value; } }, metadata: _metadata }, _href_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _target_decorators, { kind: "accessor", name: "target", static: false, private: false, access: { has: obj => "target" in obj, get: obj => obj.target, set: (obj, value) => { obj.target = value; } }, metadata: _metadata }, _target_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _trailingIcon_decorators, { kind: "accessor", name: "trailingIcon", static: false, private: false, access: { has: obj => "trailingIcon" in obj, get: obj => obj.trailingIcon, set: (obj, value) => { obj.trailingIcon = value; } }, metadata: _metadata }, _trailingIcon_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _hasIcon_decorators, { kind: "accessor", name: "hasIcon", static: false, private: false, access: { has: obj => "hasIcon" in obj, get: obj => obj.hasIcon, set: (obj, value) => { obj.hasIcon = value; } }, metadata: _metadata }, _hasIcon_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _buttonElement_decorators, { kind: "accessor", name: "buttonElement", static: false, private: false, access: { has: obj => "buttonElement" in obj, get: obj => obj.buttonElement, set: (obj, value) => { obj.buttonElement = value; } }, metadata: _metadata }, _buttonElement_initializers, _instanceExtraInitializers);
+
-            __esDecorate(this, null, _assignedIcons_decorators, { kind: "accessor", name: "assignedIcons", static: false, private: false, access: { has: obj => "assignedIcons" in obj, get: obj => obj.assignedIcons, set: (obj, value) => { obj.assignedIcons = value; } }, metadata: _metadata }, _assignedIcons_initializers, _instanceExtraInitializers);
+
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+
          * _Note:_ Link buttons cannot have trailing icons.
          */
         get trailingIcon() { return this.#trailingIcon_accessor_storage; }
         set trailingIcon(value) { this.#trailingIcon_accessor_storage = value; }
         #hasIcon_accessor_storage = __runInitializers(this, _hasIcon_initializers, false);
         /**
          * Whether to display the icon or not.
          */
         get hasIcon() { return this.#hasIcon_accessor_storage; }
         set hasIcon(value) { this.#hasIcon_accessor_storage = value; }
         #type_accessor_storage = __runInitializers(this, _type_initializers, 'submit');
         get type() { return this.#type_accessor_storage; }
         set type(value) { this.#type_accessor_storage = value; }
         #value_accessor_storage = __runInitializers(this, _value_initializers, '');
         get value() { return this.#value_accessor_storage; }
         set value(value) { this.#value_accessor_storage = value; }
         get name() {
             return this.getAttribute('name') ?? '';
         }
         set name(name) {
             this.setAttribute('name', name);
         }
         /**
          * The associated form element with which this element's value will submit.
          */
         get form() {
             return this[internals].form;
         }
         #buttonElement_accessor_storage = __runInitializers(this, _buttonElement_initializers, void 0);
         get buttonElement() { return this.#buttonElement_accessor_storage; }
         set buttonElement(value) { this.#buttonElement_accessor_storage = value; }
         #assignedIcons_accessor_storage = __runInitializers(this, _assignedIcons_initializers, void 0);
         get assignedIcons() { return this.#assignedIcons_accessor_storage; }
         set assignedIcons(value) { this.#assignedIcons_accessor_storage = value; }
         /** @private */
         [(_disabled_decorators = [property({ type: Boolean, reflect: true })], _href_decorators = [property()], _target_decorators = [property()], _trailingIcon_decorators = [property({ type: Boolean, attribute: 'trailing-icon' })], _hasIcon_decorators = [property({ type: Boolean, attribute: 'has-icon' })], _type_decorators = [property()], _value_decorators = [property()], _buttonElement_decorators = [query('.button')], _assignedIcons_decorators = [queryAssignedElements({ slot: 'icon', flatten: true })], internals)] = this /* needed for closure */.attachInternals();
         constructor() {
             super();
             if (!isServer) {
                 this.addEventListener('click', this.handleActivationClick);
             }
         }
         focus() {
             this.buttonElement?.focus();
         }
         blur() {
             this.buttonElement?.blur();
         }
         render() {
             // Link buttons may not be disabled
             const isDisabled = this.disabled && !this.href;
             const button = this.href ? literal `a` : literal `button`;
             // Needed for closure conformance
             const { ariaLabel, ariaHasPopup, ariaExpanded } = this;
             return html `
       <${button}
         class="button ${classMap(this.getRenderClasses())}"
         ?disabled=${isDisabled}
         aria-label="${ariaLabel || nothing}"
         aria-haspopup="${ariaHasPopup || nothing}"
         aria-expanded="${ariaExpanded || nothing}"
         href=${this.href || nothing}
         target=${this.target || nothing}
       >${this.renderContent()}</${button}>`;
         }
         getRenderClasses() {
             return {
                 'button--icon-leading': !this.trailingIcon && this.hasIcon,
                 'button--icon-trailing': this.trailingIcon && this.hasIcon,
             };
         }
         renderContent() {
             // Link buttons may not be disabled
             const isDisabled = this.disabled && !this.href;
             const icon = html$1 `<slot name="icon" @slotchange="${this.handleSlotChange}"></slot>`;
             return html$1 `
       ${this.renderElevation?.()}
       ${this.renderOutline?.()}
       <md-focus-ring part="focus-ring"></md-focus-ring>
       <md-ripple class="button__ripple" ?disabled="${isDisabled}"></md-ripple>
       <span class="touch"></span>
       ${this.trailingIcon ? nothing : icon}
       <span class="button__label"><slot></slot></span>
       ${this.trailingIcon ? icon : nothing}
     `;
         }
         handleActivationClick = (event) => {
             if (!isActivationClick((event)) || !this.buttonElement) {
                 return;
             }
             this.focus();
             dispatchActivationClick(this.buttonElement);
         };
         handleSlotChange() {
             this.hasIcon = this.assignedIcons.length > 0;
         }
     };
 })();
 
 export { Button };