View difference between Paste ID: JJHkC1HX and 2nfpYApy

-import { __esDecorate, __runInitializers } from '../../node_modules/tslib/tslib.es6.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;
     return class Button extends _classSuper {
-    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 = [];
+        #disabled = false
-    let _hasIcon_decorators;
+
-    let _hasIcon_initializers = [];
+
-    let _type_decorators;
+
-    let _type_initializers = [];
+        get disabled() { return this.#disabled; }
-    let _value_decorators;
+        set disabled(value) { const old = this.disabled; this.#disabled = value; this.requestUpdate('disabled', old, {type: Boolean, reflect: true});}
-    let _value_initializers = [];
+        #href = '';
-    let _buttonElement_decorators;
+
-    let _buttonElement_initializers = [];
+
-    let _assignedIcons_decorators;
+
-    let _assignedIcons_initializers = [];
+        get href() { return this.#href; }
         set href(value) { const old = this.href; this.#href = value; this.requestUpdate('href', old, {});}
         #target = '';
-            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);
+        get target() { return this.#target; }
-            __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);
+        set target(value) { const old = this.target; this.#target = value; this.requestUpdate('target', name, {});}
-            __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);
+        #trailingIcon = false;
-            __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; }
         set trailingIcon(value) { const old = this.trailingIcon; this.#trailingIcon = value; this.requestUpdate('trailingIcon', old, {type: Boolean, attribute: 'trailing-icon'})};}
         #hasIcon = false;
         /**
          * Whether to display the icon or not.
          */
         get hasIcon() { return this.#hasIcon; }
-        #disabled_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _disabled_initializers, false));
+        set hasIcon(value) { const old = this.hasIcon; this.#hasIcon = value; this.requestUpdate('hasIcon', old, {type: Boolean, attribute: 'has-icon'});}
         #type = 'submit';
         get type() { return this.#type; }
         set type(value) { const old = this.type; this.#type = value; this.requestUpdate('type', old, {});}
-        get disabled() { return this.#disabled_accessor_storage; }
+        #value = '';
-        set disabled(value) { this.#disabled_accessor_storage = value; }
+        get value() { return this.#value; }
-        #href_accessor_storage = __runInitializers(this, _href_initializers, '');
+        set value(value) { const old = this.value; this.#value = value; this.requestUpdate('value', old, {});}
         get name() {
             return this.getAttribute('name') ?? '';
         }
-        get href() { return this.#href_accessor_storage; }
+
-        set href(value) { this.#href_accessor_storage = value; }
+
-        #target_accessor_storage = __runInitializers(this, _target_initializers, '');
+
         /**
          * The associated form element with which this element's value will submit.
          */
         get form() {
-        get target() { return this.#target_accessor_storage; }
+
-        set target(value) { this.#target_accessor_storage = value; }
+
-        #trailingIcon_accessor_storage = __runInitializers(this, _trailingIcon_initializers, false);
+        get buttonElement() { return this.shadowRoot.querySelector('.button'); }
         get assignedIcons() { return this.shadowRoot.querySelector('slot[name=icon]').assignedElements({flatten: true}); }
         constructor() {
             super();
             if (!isServer) {
                 this.addEventListener('click', this.handleActivationClick);
             }
-        get trailingIcon() { return this.#trailingIcon_accessor_storage; }
+
-        set trailingIcon(value) { this.#trailingIcon_accessor_storage = value; }
+
-        #hasIcon_accessor_storage = __runInitializers(this, _hasIcon_initializers, false);
+
         }
         blur() {
             this.buttonElement?.blur();
-        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; }
+
       <${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 {
-        #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();
+
             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 };