@material/web 1.0.0-pre.1 → 1.0.0-pre.11

package/fab/lib/fab-shared.js

@@ -1,139 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import '../../elevation/elevation.js';
-import '../../focus/focus-ring.js';
-import '../../ripple/ripple.js';
-import { html } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ActionElement } from '../../actionelement/action-element.js';
-import { pointerPress, shouldShowStrongFocus } from '../../focus/strong-focus.js';
-import { MdRipple } from '../../ripple/ripple.js';
-/**
- * @soyCompatible
- */
-export class FabShared extends ActionElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.icon = '';
-        this.label = '';
-        this.lowered = false;
-        this.reducedTouchTarget = false;
-        this.showFocusRing = false;
-    }
-    /**
-     * @soyTemplate
-     * @soyClasses fabClasses: .md3-fab
-     */
-    render() {
-        const ariaLabel = this.label ? this.label : this.icon;
-        return html `
-      <button
-        class="md3-fab md3-surface ${classMap(this.getRenderClasses())}"
-        ?disabled="${this.disabled}"
-        aria-label="${ariaLabel}"
-        @focus="${this.handleFocus}"
-        @blur="${this.handleBlur}"
-        @pointerdown="${this.handlePointerDown}"
-        @pointerup="${this.handlePointerUp}"
-        @pointercancel="${this.handlePointerCancel}"
-        @pointerleave="${this.handlePointerLeave}"
-        @pointerenter="${this.handlePointerEnter}"
-        @click="${this.handleClick}"
-        @contextmenu="${this.handleContextMenu}">
-        ${this.renderElevation()}
-        ${this.renderFocusRing()}
-        ${this.renderRipple()}
-        <span class="md3-fab__icon">
-          <slot name="icon">${this.renderIcon(this.icon)}</slot>
-        </span>
-        ${this.renderLabel()}
-        ${this.renderTouchTarget()}
-      </button>`;
-    }
-    /** @soyTemplate */
-    getRenderClasses() {
-        return { 'md3-fab--lowered': this.lowered };
-    }
-    /** @soyTemplate */
-    renderTouchTarget() {
-        return this.reducedTouchTarget ? html `` :
-            html `<div class="md3-fab__touch"></div>`;
-    }
-    /** @soyTemplate */
-    renderLabel() {
-        return '';
-    }
-    /** @soyTemplate */
-    renderElevation() {
-        return html `<md-elevation shadow surface></md-elevation>`;
-    }
-    /** @soyTemplate */
-    renderRipple() {
-        return html `<md-ripple class="md3-fab__ripple" ?disabled="${this.disabled}"></md-ripple>`;
-    }
-    /** @soyTemplate */
-    renderFocusRing() {
-        return html `<md-focus-ring .visible="${this.showFocusRing}"></md-focus-ring>`;
-    }
-    beginPress({ positionEvent }) {
-        this.ripple.beginPress(positionEvent);
-    }
-    endPress(options) {
-        this.ripple.endPress();
-        super.endPress(options);
-    }
-    handlePointerDown(e) {
-        super.handlePointerDown(e);
-        pointerPress();
-        this.showFocusRing = shouldShowStrongFocus();
-    }
-    handlePointerEnter(e) {
-        this.ripple.beginHover(e);
-    }
-    handlePointerLeave(e) {
-        super.handlePointerLeave(e);
-        this.ripple.endHover();
-    }
-    handleFocus() {
-        this.showFocusRing = shouldShowStrongFocus();
-    }
-    handleBlur() {
-        this.showFocusRing = false;
-    }
-}
-FabShared.shadowRootOptions = { mode: 'open', delegatesFocus: true };
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], FabShared.prototype, "disabled", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], FabShared.prototype, "icon", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], FabShared.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], FabShared.prototype, "lowered", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], FabShared.prototype, "reducedTouchTarget", void 0);
-__decorate([
-    query('md-ripple'),
-    __metadata("design:type", MdRipple)
-], FabShared.prototype, "ripple", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], FabShared.prototype, "showFocusRing", void 0);
-//# sourceMappingURL=fab-shared.js.map

package/fab/lib/fab-shared.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fab-shared.js","sourceRoot":"","sources":["fab-shared.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\n\nimport {ActionElement, BeginPressConfig, EndPressConfig} from '../../actionelement/action-element.js';\nimport {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';\nimport {MdRipple} from '../../ripple/ripple.js';\n\n/**\n * @soyCompatible\n */\nexport abstract class FabShared extends ActionElement {\n  static override shadowRootOptions:\n      ShadowRootInit = {mode: 'open', delegatesFocus: true};\n\n  @property({type: Boolean}) disabled = false;\n\n  @property() icon = '';\n\n  @property() label = '';\n\n  @property({type: Boolean}) lowered = false;\n\n  @property({type: Boolean}) reducedTouchTarget = false;\n\n  @query('md-ripple') ripple!: MdRipple;\n\n  @state() protected showFocusRing = false;\n\n  /**\n   * @soyTemplate\n   * @soyClasses fabClasses: .md3-fab\n   */\n  protected override render(): TemplateResult {\n    const ariaLabel = this.label ? this.label : this.icon;\n\n    return html`\n      <button\n        class=\"md3-fab md3-surface ${classMap(this.getRenderClasses())}\"\n        ?disabled=\"${this.disabled}\"\n        aria-label=\"${ariaLabel}\"\n        @focus=\"${this.handleFocus}\"\n        @blur=\"${this.handleBlur}\"\n        @pointerdown=\"${this.handlePointerDown}\"\n        @pointerup=\"${this.handlePointerUp}\"\n        @pointercancel=\"${this.handlePointerCancel}\"\n        @pointerleave=\"${this.handlePointerLeave}\"\n        @pointerenter=\"${this.handlePointerEnter}\"\n        @click=\"${this.handleClick}\"\n        @contextmenu=\"${this.handleContextMenu}\">\n        ${this.renderElevation()}\n        ${this.renderFocusRing()}\n        ${this.renderRipple()}\n        <span class=\"md3-fab__icon\">\n          <slot name=\"icon\">${this.renderIcon(this.icon)}</slot>\n        </span>\n        ${this.renderLabel()}\n        ${this.renderTouchTarget()}\n      </button>`;\n  }\n\n  /** @soyTemplate */\n  protected getRenderClasses(): ClassInfo {\n    return {'md3-fab--lowered': this.lowered};\n  }\n\n  /** @soyTemplate */\n  protected abstract renderIcon(icon: string): TemplateResult|string;\n\n  /** @soyTemplate */\n  protected renderTouchTarget(): TemplateResult {\n    return this.reducedTouchTarget ? html`` :\n                                     html`<div class=\"md3-fab__touch\"></div>`;\n  }\n\n  /** @soyTemplate */\n  protected renderLabel(): TemplateResult|string {\n    return '';\n  }\n\n  /** @soyTemplate */\n  protected renderElevation(): TemplateResult {\n    return html`<md-elevation shadow surface></md-elevation>`;\n  }\n\n  /** @soyTemplate */\n  protected renderRipple(): TemplateResult {\n    return html`<md-ripple class=\"md3-fab__ripple\" ?disabled=\"${\n        this.disabled}\"></md-ripple>`;\n  }\n\n  /** @soyTemplate */\n  protected renderFocusRing(): TemplateResult {\n    return html`<md-focus-ring .visible=\"${\n        this.showFocusRing}\"></md-focus-ring>`;\n  }\n\n  override beginPress({positionEvent}: BeginPressConfig) {\n    this.ripple.beginPress(positionEvent);\n  }\n\n  override endPress(options: EndPressConfig) {\n    this.ripple.endPress();\n    super.endPress(options);\n  }\n\n  override handlePointerDown(e: PointerEvent) {\n    super.handlePointerDown(e);\n    pointerPress();\n    this.showFocusRing = shouldShowStrongFocus();\n  }\n\n  protected handlePointerEnter(e: PointerEvent) {\n    this.ripple.beginHover(e);\n  }\n\n  override handlePointerLeave(e: PointerEvent) {\n    super.handlePointerLeave(e);\n    this.ripple.endHover();\n  }\n\n  protected handleFocus() {\n    this.showFocusRing = shouldShowStrongFocus();\n  }\n\n  protected handleBlur() {\n    this.showFocusRing = false;\n  }\n}\n"]}

package/field/lib/_md-comp-filled-field.scss

@@ -1,72 +0,0 @@
-//
-// Copyright 2021 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:map';
-@use '../../tokens';
-
-$_default-deps: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-shape: tokens.md-sys-shape-values(),
-  md-sys-state: tokens.md-sys-state-values(),
-  md-sys-typescale: tokens.md-sys-typescale-values(),
-);
-
-@function values($deps: $_default-deps, $exclude-hardcoded-values: false) {
-  $text-field-values: tokens.md-comp-filled-text-field-values(
-    $deps,
-    $exclude-hardcoded-values
-  );
-  // TODO(b/203778922): Remove *-type when type composite tokens are removed
-  // Remove unused tokens.
-  $values: map.remove(
-    $text-field-values,
-    caret-color,
-    disabled-input-text-color,
-    disabled-input-text-opacity,
-    error-focus-caret-color,
-    error-focus-input-text-color,
-    error-hover-input-text-color,
-    error-input-text-color,
-    focus-input-text-color,
-    hover-input-text-color,
-    input-text-color,
-    input-text-font,
-    input-text-line-height,
-    input-text-size,
-    input-text-tracking,
-    input-text-type,
-    input-text-weight,
-    input-text-placeholder-color,
-    input-text-prefix-color,
-    input-text-suffix-color,
-    label-text-type,
-    supporting-text-type
-  );
-
-  // Add missing tokens.
-  $values: map.merge(
-    $values,
-    (
-      container-padding-horizontal: if($exclude-hardcoded-values, null, 16px),
-      container-padding-vertical: if($exclude-hardcoded-values, null, 8px),
-      content-color: map.get($text-field-values, input-text-color),
-      disabled-content-color:
-        map.get($text-field-values, disabled-input-text-color),
-      disabled-content-opacity:
-        map.get($text-field-values, disabled-input-text-opacity),
-      error-content-color: map.get($text-field-values, error-input-text-color),
-      error-focus-content-color:
-        map.get($text-field-values, error-focus-input-text-color),
-      error-hover-content-color:
-        map.get($text-field-values, error-hover-input-text-color),
-      focus-content-color: map.get($text-field-values, focus-input-text-color),
-      hover-content-color: map.get($text-field-values, hover-input-text-color),
-      supporting-text-padding: if($exclude-hardcoded-values, null, 16px),
-      supporting-text-padding-top: if($exclude-hardcoded-values, null, 4px),
-    )
-  );
-
-  @return $values;
-}

package/field/lib/_md-comp-outlined-field.scss

@@ -1,74 +0,0 @@
-//
-// Copyright 2021 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:map';
-@use '../../tokens';
-
-$_default-deps: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-shape: tokens.md-sys-shape-values(),
-  md-sys-state: tokens.md-sys-state-values(),
-  md-sys-typescale: tokens.md-sys-typescale-values(),
-);
-
-@function values($deps: $_default-deps, $exclude-hardcoded-values: false) {
-  $text-field-values: tokens.md-comp-outlined-text-field-values(
-    $deps,
-    $exclude-hardcoded-values
-  );
-  // TODO(b/203778922): Remove *-type when type composite tokens are removed
-  // Remove unused tokens.
-  $values: map.remove(
-    $text-field-values,
-    caret-color,
-    disabled-input-text-color,
-    disabled-input-text-opacity,
-    error-focus-caret-color,
-    error-focus-input-text-color,
-    error-hover-input-text-color,
-    error-input-text-color,
-    focus-input-text-color,
-    hover-input-text-color,
-    input-text-color,
-    input-text-font,
-    input-text-line-height,
-    input-text-size,
-    input-text-tracking,
-    input-text-type,
-    input-text-weight,
-    input-text-placeholder-color,
-    input-text-prefix-color,
-    input-text-suffix-color,
-    label-text-type,
-    supporting-text-type
-  );
-
-  // Add missing tokens.
-  $values: map.merge(
-    $values,
-    (
-      container-padding-horizontal: if($exclude-hardcoded-values, null, 16px),
-      container-padding-vertical: if($exclude-hardcoded-values, null, 8px),
-      content-color: map.get($text-field-values, input-text-color),
-      disabled-content-color:
-        map.get($text-field-values, disabled-input-text-color),
-      disabled-content-opacity:
-        map.get($text-field-values, disabled-input-text-opacity),
-      error-content-color: map.get($text-field-values, error-input-text-color),
-      error-focus-content-color:
-        map.get($text-field-values, error-focus-input-text-color),
-      error-hover-content-color:
-        map.get($text-field-values, error-hover-input-text-color),
-      focus-content-color: map.get($text-field-values, focus-input-text-color),
-      hover-content-color: map.get($text-field-values, hover-input-text-color),
-      label-text-padding-bottom: if($exclude-hardcoded-values, null, 8px),
-      outline-label-padding: if($exclude-hardcoded-values, null, 4px),
-      supporting-text-padding: if($exclude-hardcoded-values, null, 16px),
-      supporting-text-padding-top: if($exclude-hardcoded-values, null, 4px),
-    )
-  );
-
-  @return $values;
-}

package/focus/lib/_md-comp-focus-ring.scss

@@ -1,27 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:map';
-@use '../../tokens';
-
-$_default: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-shape: tokens.md-sys-shape-values(),
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return (
-    shape:
-      if(
-        $exclude-hardcoded-values,
-        null,
-        map.get($deps, md-sys-shape, corner-full)
-      ),
-    offset-vertical: if($exclude-hardcoded-values, null, 2px),
-    offset-horizontal: if($exclude-hardcoded-values, null, 2px),
-    width: if($exclude-hardcoded-values, null, 3px),
-    color: map.get($deps, md-sys-color, secondary)
-  );
-}

package/focus/strong-focus.d.ts

@@ -1,45 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-interface StrongFocus {
-    visible: boolean;
-    setVisible(visible: boolean): void;
-}
-/**
- * Set up integration with alternate global focus tracking object
- *
- * @param focusGlobal A global focus object to coordinate between multiple
- *     systems
- * @param enableKeydownHandler Set to true to let StrongFocusService listen for
- *     keyboard navigation
- */
-export declare function setup(focusGlobal: StrongFocus, enableKeydownHandler?: boolean): void;
-/**
- * Returns `true` if the component should show strong focus.
- *
- * By default, strong focus is shown only on keyboard navigation, and not on
- * pointer interaction.
- */
-export declare function shouldShowStrongFocus(): boolean;
-/**
- * Control if strong focus should always be shown on component focus
- *
- * Defaults to `false`
- *
- * @param force Forces strong focus on the page. Disables strong focus if false.
- */
-export declare function setForceStrongFocus(force: boolean): void;
-/**
- * If `true`, strong focus is always shown
- */
-export declare function isStrongFocusForced(): boolean;
-/**
- * Components should call this when a user interacts with a component with a
- * pointing device.
- *
- * By default, this will prevent the strong focus from being shown.
- */
-export declare function pointerPress(): void;
-export {};

package/focus/strong-focus.js

@@ -1,86 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-class FocusGlobal {
-    constructor() {
-        this.visible = false;
-    }
-    setVisible(visible) {
-        this.visible = visible;
-    }
-}
-/**
- * This object can be overwritten by the `setup()` function to use a different
- * focus coordination object.
- */
-let focusObject = new FocusGlobal();
-/**
- * Set of keyboard event codes that correspond to keyboard navigation
- */
-const KEYBOARD_NAVIGATION_KEYS = new Set(['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);
-function keydownHandler(e) {
-    if (KEYBOARD_NAVIGATION_KEYS.has(e.key)) {
-        focusObject.setVisible(true);
-    }
-}
-/**
- * Set up integration with alternate global focus tracking object
- *
- * @param focusGlobal A global focus object to coordinate between multiple
- *     systems
- * @param enableKeydownHandler Set to true to let StrongFocusService listen for
- *     keyboard navigation
- */
-export function setup(focusGlobal, enableKeydownHandler = false) {
-    focusObject = focusGlobal;
-    if (enableKeydownHandler) {
-        window.addEventListener('keydown', keydownHandler);
-    }
-    else {
-        window.removeEventListener('keydown', keydownHandler);
-    }
-}
-/**
- * Setting for always showing strong focus
- *
- * Defaults to false, controlled by `setForceStrongFocus`
- */
-let alwaysStrong = false;
-/**
- * Returns `true` if the component should show strong focus.
- *
- * By default, strong focus is shown only on keyboard navigation, and not on
- * pointer interaction.
- */
-export function shouldShowStrongFocus() {
-    return alwaysStrong || focusObject.visible;
-}
-/**
- * Control if strong focus should always be shown on component focus
- *
- * Defaults to `false`
- *
- * @param force Forces strong focus on the page. Disables strong focus if false.
- */
-export function setForceStrongFocus(force) {
-    alwaysStrong = force;
-}
-/**
- * If `true`, strong focus is always shown
- */
-export function isStrongFocusForced() {
-    return alwaysStrong;
-}
-/**
- * Components should call this when a user interacts with a component with a
- * pointing device.
- *
- * By default, this will prevent the strong focus from being shown.
- */
-export function pointerPress() {
-    focusObject.setVisible(false);
-}
-setup(focusObject, true);
-//# sourceMappingURL=strong-focus.js.map

package/focus/strong-focus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"strong-focus.js","sourceRoot":"","sources":["strong-focus.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,MAAM,WAAW;IAAjB;QACE,YAAO,GAAG,KAAK,CAAC;IAIlB,CAAC;IAHC,UAAU,CAAC,OAAgB;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF;AAED;;;GAGG;AACH,IAAI,WAAW,GAAgB,IAAI,WAAW,EAAE,CAAC;AAEjD;;GAEG;AACH,MAAM,wBAAwB,GAC1B,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;AAExE,SAAS,cAAc,CAAC,CAAgB;IACtC,IAAI,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;QACvC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAC9B;AACH,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,WAAwB,EAAE,oBAAoB,GAAG,KAAK;IAC1E,WAAW,GAAG,WAAW,CAAC;IAC1B,IAAI,oBAAoB,EAAE;QACxB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;KACpD;SAAM;QACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;KACvD;AACH,CAAC;AAED;;;;GAIG;AACH,IAAI,YAAY,GAAG,KAAK,CAAC;AAEzB;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,YAAY,IAAI,WAAW,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAc;IAChD,YAAY,GAAG,KAAK,CAAC;AACvB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB;IACjC,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IAC1B,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC;AAED,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\ninterface StrongFocus {\n  visible: boolean;\n  setVisible(visible: boolean): void;\n}\n\nclass FocusGlobal implements StrongFocus {\n  visible = false;\n  setVisible(visible: boolean) {\n    this.visible = visible;\n  }\n}\n\n/**\n * This object can be overwritten by the `setup()` function to use a different\n * focus coordination object.\n */\nlet focusObject: StrongFocus = new FocusGlobal();\n\n/**\n * Set of keyboard event codes that correspond to keyboard navigation\n */\nconst KEYBOARD_NAVIGATION_KEYS =\n    new Set(['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);\n\nfunction keydownHandler(e: KeyboardEvent) {\n  if (KEYBOARD_NAVIGATION_KEYS.has(e.key)) {\n    focusObject.setVisible(true);\n  }\n}\n\n/**\n * Set up integration with alternate global focus tracking object\n *\n * @param focusGlobal A global focus object to coordinate between multiple\n *     systems\n * @param enableKeydownHandler Set to true to let StrongFocusService listen for\n *     keyboard navigation\n */\nexport function setup(focusGlobal: StrongFocus, enableKeydownHandler = false) {\n  focusObject = focusGlobal;\n  if (enableKeydownHandler) {\n    window.addEventListener('keydown', keydownHandler);\n  } else {\n    window.removeEventListener('keydown', keydownHandler);\n  }\n}\n\n/**\n * Setting for always showing strong focus\n *\n * Defaults to false, controlled by `setForceStrongFocus`\n */\nlet alwaysStrong = false;\n\n/**\n * Returns `true` if the component should show strong focus.\n *\n * By default, strong focus is shown only on keyboard navigation, and not on\n * pointer interaction.\n */\nexport function shouldShowStrongFocus() {\n  return alwaysStrong || focusObject.visible;\n}\n\n/**\n * Control if strong focus should always be shown on component focus\n *\n * Defaults to `false`\n *\n * @param force Forces strong focus on the page. Disables strong focus if false.\n */\nexport function setForceStrongFocus(force: boolean) {\n  alwaysStrong = force;\n}\n\n/**\n * If `true`, strong focus is always shown\n */\nexport function isStrongFocusForced() {\n  return alwaysStrong;\n}\n\n/**\n * Components should call this when a user interacts with a component with a\n * pointing device.\n *\n * By default, this will prevent the strong focus from being shown.\n */\nexport function pointerPress() {\n  focusObject.setVisible(false);\n}\n\nsetup(focusObject, true);"]}

package/iconbutton/filled-icon-button-toggle.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-icon-button-toggle': MdFilledIconButtonToggle;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledIconButtonToggle extends IconButtonToggle {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/filled-icon-button-toggle.js

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles } from './lib/filled-styles.css.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdFilledIconButtonToggle = class MdFilledIconButtonToggle extends IconButtonToggle {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--filled': true,
-            'md3-icon-button--toggle-filled': true,
-        };
-    }
-};
-MdFilledIconButtonToggle.styles = [sharedStyles, styles];
-MdFilledIconButtonToggle = __decorate([
-    customElement('md-filled-icon-button-toggle')
-], MdFilledIconButtonToggle);
-export { MdFilledIconButtonToggle };
-//# sourceMappingURL=filled-icon-button-toggle.js.map

package/iconbutton/filled-icon-button-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-icon-button-toggle.js","sourceRoot":"","sources":["filled-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEH,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,gBAAgB;IAGzC,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,yBAAyB,EAAE,IAAI;YAC/B,gCAAgC,EAAE,IAAI;SACvC,CAAC;IACJ,CAAC;CACF,CAAA;AATiB,+BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAUpC;SAVY,wBAAwB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {styles} from './lib/filled-styles.css.js';\nimport {IconButtonToggle} from './lib/icon-button-toggle.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-icon-button-toggle': MdFilledIconButtonToggle;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This variant can toggle between icons.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-filled-icon-button-toggle')\nexport class MdFilledIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled': true,\n      'md3-icon-button--toggle-filled': true,\n    };\n  }\n}\n"]}

package/iconbutton/filled-link-icon-button.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkIconButton } from './lib/link-icon-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-link-icon-button': MdFilledLinkIconButton;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledLinkIconButton extends LinkIconButton {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}

package/iconbutton/filled-link-icon-button.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles } from './lib/filled-styles.css.js';
-import { LinkIconButton } from './lib/link-icon-button.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdFilledLinkIconButton = class MdFilledLinkIconButton extends LinkIconButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--filled': true,
-        };
-    }
-};
-MdFilledLinkIconButton.styles = [sharedStyles, styles];
-MdFilledLinkIconButton = __decorate([
-    customElement('md-filled-link-icon-button')
-], MdFilledLinkIconButton);
-export { MdFilledLinkIconButton };
-//# sourceMappingURL=filled-link-icon-button.js.map

package/iconbutton/filled-link-icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-link-icon-button.js","sourceRoot":"","sources":["filled-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;GAcG;AAEH,IAAa,sBAAsB,GAAnC,MAAa,sBAAuB,SAAQ,cAAc;IAGrC,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,yBAAyB,EAAE,IAAI;SAChC,CAAC;IACJ,CAAC;CACF,CAAA;AARiB,6BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CASlC;SATY,sBAAsB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {styles} from './lib/filled-styles.css.js';\nimport {LinkIconButton} from './lib/link-icon-button.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-filled-link-icon-button': MdFilledLinkIconButton;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-filled-link-icon-button')\nexport class MdFilledLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--filled': true,\n    };\n  }\n}\n"]}

package/iconbutton/filled-tonal-icon-button-toggle.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-tonal-icon-button-toggle': MdFilledTonalIconButtonToggle;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledTonalIconButtonToggle extends IconButtonToggle {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}