mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
chore: use relative paths
PiperOrigin-RevId: 481941267
This commit is contained in:
parent
75d6b82485
commit
73ca8ae0eb
@ -4,9 +4,10 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig} from '@material/web/controller/action-controller.js';
|
||||
import {LitElement} from 'lit';
|
||||
|
||||
import {ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig} from '../controller/action-controller.js';
|
||||
|
||||
export {BeginPressConfig, EndPressConfig};
|
||||
|
||||
/**
|
||||
|
@ -6,10 +6,11 @@
|
||||
|
||||
import 'jasmine';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {html} from 'lit';
|
||||
import {customElement, property} from 'lit/decorators.js';
|
||||
|
||||
import {Environment} from '../testing/environment.js';
|
||||
|
||||
import {ActionElement} from './action-element.js';
|
||||
|
||||
declare global {
|
||||
|
@ -4,9 +4,9 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/autocomplete/autocomplete-list.js';
|
||||
import '@material/web/autocomplete/autocomplete-surface.js';
|
||||
import '@material/web/field/filled-field.js';
|
||||
import '../field/filled-field.js';
|
||||
import './autocomplete-list.js';
|
||||
import './autocomplete-surface.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -7,17 +7,17 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/elevation/lib/elevation-theme';
|
||||
@use '@material/web/field/lib/filled-field-theme';
|
||||
@use '@material/web/list/lib/listitem/list-item-theme';
|
||||
@use '@material/web/list/list';
|
||||
@use '@material/web/list/list-item';
|
||||
@use '@material/web/menusurface/menu-surface';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/shape';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/textfield/lib/filled-text-field-theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../elevation/lib/elevation-theme';
|
||||
@use '../../field/lib/filled-field-theme';
|
||||
@use '../../list/lib/listitem/list-item-theme';
|
||||
@use '../../list/list';
|
||||
@use '../../list/list-item';
|
||||
@use '../../menusurface/menu-surface';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/shape';
|
||||
@use '../../sass/theme';
|
||||
@use '../../textfield/lib/filled-text-field-theme';
|
||||
@use '../../tokens';
|
||||
|
||||
$custom-property-prefix: 'filled-autocomplete';
|
||||
$light-theme: tokens.md-comp-filled-autocomplete-values();
|
||||
|
@ -7,17 +7,17 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/elevation/lib/elevation-theme';
|
||||
@use '@material/web/field/lib/outlined-field-theme';
|
||||
@use '@material/web/list/lib/listitem/list-item-theme';
|
||||
@use '@material/web/list/list';
|
||||
@use '@material/web/list/list-item';
|
||||
@use '@material/web/menusurface/menu-surface';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/shape';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/textfield/lib/outlined-text-field-theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../elevation/lib/elevation-theme';
|
||||
@use '../../field/lib/outlined-field-theme';
|
||||
@use '../../list/lib/listitem/list-item-theme';
|
||||
@use '../../list/list';
|
||||
@use '../../list/list-item';
|
||||
@use '../../menusurface/menu-surface';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/shape';
|
||||
@use '../../sass/theme';
|
||||
@use '../../textfield/lib/outlined-text-field-theme';
|
||||
@use '../../tokens';
|
||||
|
||||
$custom-property-prefix: 'outlined-autocomplete';
|
||||
$light-theme: tokens.md-comp-outlined-autocomplete-values();
|
||||
|
@ -4,8 +4,8 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {ListItem} from '@material/web/list/lib/listitem/list-item.js';
|
||||
import {ARIARole} from '@material/web/types/aria.js';
|
||||
import {ListItem} from '../../../list/lib/listitem/list-item.js';
|
||||
import {ARIARole} from '../../../types/aria.js';
|
||||
|
||||
/** Base class for autocomplete item component. */
|
||||
export class AutocompleteItem extends ListItem {
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {ListItemHarness} from '@material/web/list/lib/listitem/harness.js';
|
||||
import {ListItemHarness} from '../../../list/lib/listitem/harness.js';
|
||||
|
||||
/**
|
||||
* Test harness for autocomplete item.
|
||||
|
@ -4,10 +4,11 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {List} from '@material/web/list/lib/list.js';
|
||||
import {ARIARole} from '@material/web/types/aria.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
||||
import {List} from '../../../list/lib/list.js';
|
||||
import {ARIARole} from '../../../types/aria.js';
|
||||
|
||||
/** Base class for autocomplete list component. */
|
||||
export class AutocompleteList extends List {
|
||||
override role: ARIARole = 'listbox';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {ListHarness} from '@material/web/list/harness.js';
|
||||
import {ListHarness} from '../../../list/harness.js';
|
||||
|
||||
/**
|
||||
* Test harness for autocomplete list.
|
||||
|
@ -4,9 +4,10 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {MenuSurface} from '@material/web/menu-surface/lib/menu-surface.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
||||
import {MenuSurface} from '../../../menusurface/lib/menu-surface.js';
|
||||
|
||||
/** Base class for autocomplete surface component. */
|
||||
export class AutocompleteSurface extends MenuSurface {
|
||||
override stayOpenOnBodyClick = true;
|
||||
|
@ -6,7 +6,7 @@
|
||||
// stylelint-disable selector-class-pattern --
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use "sass:map";
|
||||
@use 'sass:map';
|
||||
@use './outlined-autocomplete-theme';
|
||||
@use './autocomplete';
|
||||
|
||||
|
@ -4,9 +4,9 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/autocomplete/autocomplete-list.js';
|
||||
import '@material/web/autocomplete/autocomplete-surface.js';
|
||||
import '@material/web/field/outlined-field.js';
|
||||
import '../field/outlined-field.js';
|
||||
import './autocomplete-list.js';
|
||||
import './autocomplete-surface.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -7,8 +7,8 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens/latest' as tokens;
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
$_custom-property-prefix: 'badge';
|
||||
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {Harness} from '@material/web/testing/harness.js';
|
||||
import {Harness} from '../testing/harness.js';
|
||||
|
||||
import {Button} from './lib/button.js';
|
||||
|
||||
|
@ -7,8 +7,8 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/color';
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '../../sass/color';
|
||||
@use '../../ripple/ripple-theme';
|
||||
|
||||
@mixin theme-styles($theme) {
|
||||
@include _set-label-text-typography(
|
||||
|
@ -6,8 +6,8 @@
|
||||
// stylelint-disable selector-class-pattern --
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use '@material/web/elevation/lib/surface' as elevation-surface;
|
||||
@use '@material/web/sass/dom';
|
||||
@use '../../elevation/lib/surface' as elevation-surface;
|
||||
@use '../../sass/dom';
|
||||
|
||||
@use './button-theme';
|
||||
|
||||
|
@ -4,10 +4,10 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/typography';
|
||||
@use '../../tokens';
|
||||
@use './button-theme';
|
||||
@use './elevation-theme';
|
||||
@use './icon-theme';
|
||||
|
@ -6,8 +6,8 @@
|
||||
@use 'sass:map';
|
||||
@use 'sass:meta';
|
||||
|
||||
@use '@material/web/elevation/lib/elevation-theme';
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '../../elevation/lib/elevation-theme';
|
||||
@use '../../ripple/ripple-theme';
|
||||
|
||||
@mixin theme-styles($theme) {
|
||||
@include _elevation(
|
||||
|
@ -4,10 +4,10 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/typography';
|
||||
@use '../../tokens';
|
||||
@use './button-theme';
|
||||
@use './elevation-theme';
|
||||
@use './icon-theme';
|
||||
|
@ -7,7 +7,7 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '../../ripple/ripple-theme';
|
||||
|
||||
@mixin theme-styles($theme) {
|
||||
@include _set-icon-color(
|
||||
|
@ -7,10 +7,10 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/typography';
|
||||
@use '../../tokens';
|
||||
@use './button-theme';
|
||||
@use './icon-theme';
|
||||
|
||||
|
@ -4,10 +4,10 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/typography';
|
||||
@use '../../tokens';
|
||||
@use './button-theme';
|
||||
@use './icon-theme';
|
||||
|
||||
|
@ -4,10 +4,10 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/typography';
|
||||
@use '../../tokens';
|
||||
@use './button-theme';
|
||||
@use './elevation-theme';
|
||||
@use './icon-theme';
|
||||
|
@ -6,20 +6,21 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '@material/web/focus/focus-ring.js';
|
||||
import '@material/web/ripple/ripple.js';
|
||||
import '../../icon/icon.js';
|
||||
import '../../focus/focus-ring.js';
|
||||
import '../../ripple/ripple.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '@material/web/actionelement/action-element.js';
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '@material/web/focus/strong-focus.js';
|
||||
import {MdRipple} from '@material/web/ripple/ripple.js';
|
||||
import {ARIAHasPopup} from '@material/web/types/aria.js';
|
||||
import {html as staticHtml, literal} from 'lit/static-html.js';
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {property, query, queryAssignedElements, state} from 'lit/decorators.js';
|
||||
import {ClassInfo, classMap} from 'lit/directives/class-map.js';
|
||||
import {ifDefined} from 'lit/directives/if-defined.js';
|
||||
import {html as staticHtml, literal} from 'lit/static-html.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '../../actionelement/action-element.js';
|
||||
import {ariaProperty} from '../../decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';
|
||||
import {MdRipple} from '../../ripple/ripple.js';
|
||||
import {ARIAHasPopup} from '../../types/aria.js';
|
||||
|
||||
import {ButtonState} from './state.js';
|
||||
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {Harness} from '@material/web/testing/harness.js';
|
||||
import {Harness} from '../testing/harness.js';
|
||||
|
||||
import {Checkbox} from './lib/checkbox.js';
|
||||
|
||||
|
@ -8,10 +8,10 @@
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/color';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../ripple/ripple-theme';
|
||||
@use '../../sass/color';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
$custom-property-prefix: 'checkbox';
|
||||
|
||||
|
@ -7,9 +7,8 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:math';
|
||||
@use '@material/web/focus/lib/focus-ring-theme';
|
||||
@use '@material/web/motion/animation';
|
||||
|
||||
@use '../../focus/lib/focus-ring-theme';
|
||||
@use '../../motion/animation';
|
||||
@use './checkbox-theme';
|
||||
|
||||
$_transition-duration: 90ms;
|
||||
|
@ -3,9 +3,9 @@
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
|
||||
@use '../../tokens';
|
||||
@use './checkbox';
|
||||
@use './checkbox-theme';
|
||||
@use '@material/web/tokens';
|
||||
|
||||
:host {
|
||||
@include checkbox-theme.theme-styles(tokens.md-comp-checkbox-values());
|
||||
|
@ -4,18 +4,19 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/focus/focus-ring.js';
|
||||
import '@material/web/ripple/ripple.js';
|
||||
import '../../focus/focus-ring.js';
|
||||
import '../../ripple/ripple.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '@material/web/actionelement/action-element.js';
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '@material/web/focus/strong-focus.js';
|
||||
import {MdRipple} from '@material/web/ripple/ripple.js';
|
||||
import {html, PropertyValues, TemplateResult} from 'lit';
|
||||
import {property, query, state} from 'lit/decorators.js';
|
||||
import {classMap} from 'lit/directives/class-map.js';
|
||||
import {ifDefined} from 'lit/directives/if-defined.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '../../actionelement/action-element.js';
|
||||
import {ariaProperty} from '../../decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';
|
||||
import {MdRipple} from '../../ripple/ripple.js';
|
||||
|
||||
/** @soyCompatible */
|
||||
export class Checkbox extends ActionElement {
|
||||
@query('input') protected formElement!: HTMLInputElement;
|
||||
|
@ -4,10 +4,10 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {MdFocusRing} from '@material/web/focus/focus-ring.js';
|
||||
import {html} from 'lit';
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
|
||||
import {MdFocusRing} from '../../focus/focus-ring.js';
|
||||
import {Environment} from '../../testing/environment.js';
|
||||
import {CheckboxHarness} from '../harness.js';
|
||||
|
||||
|
@ -4,17 +4,18 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/focus/focus-ring.js';
|
||||
import '@material/web/ripple/ripple.js';
|
||||
import '../../../focus/focus-ring.js';
|
||||
import '../../../ripple/ripple.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '@material/web/actionelement/action-element.js';
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '@material/web/focus/strong-focus.js';
|
||||
import {MdRipple} from '@material/web/ripple/ripple.js';
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {property, query, state} from 'lit/decorators.js';
|
||||
import {ClassInfo, classMap} from 'lit/directives/class-map.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '../../../actionelement/action-element.js';
|
||||
import {ariaProperty} from '../../../decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '../../../focus/strong-focus.js';
|
||||
import {MdRipple} from '../../../ripple/ripple.js';
|
||||
|
||||
import {Md3ChipActionEventType} from './events.js';
|
||||
|
||||
/**
|
||||
|
@ -8,7 +8,9 @@ import {html, TemplateResult} from 'lit';
|
||||
import {property} from 'lit/decorators.js';
|
||||
import {classMap} from 'lit/directives/class-map.js';
|
||||
import {ifDefined} from 'lit/directives/if-defined.js';
|
||||
import {EndPressConfig} from '@material/web/actionelement/action-element.js';
|
||||
|
||||
import {EndPressConfig} from '../../../actionelement/action-element.js';
|
||||
|
||||
import {PrimaryAction} from './primary-action.js';
|
||||
|
||||
type LinkTarget = '_blank'|'_parent'|'_self'|'_top';
|
||||
|
@ -5,8 +5,8 @@
|
||||
*/
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../../sass/resolvers';
|
||||
@use '../../../sass/theme';
|
||||
@use './chip-theme';
|
||||
|
||||
$_light-theme: (
|
||||
|
@ -12,14 +12,14 @@
|
||||
@use 'sass:math';
|
||||
@use 'sass:color';
|
||||
|
||||
@use '@material/web/elevation/lib/elevation-theme';
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/dom';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '../../../elevation/lib/elevation-theme';
|
||||
@use '../../../ripple/ripple-theme';
|
||||
@use '../../../sass/dom';
|
||||
@use '../../../sass/resolvers';
|
||||
@use '../../../sass/theme';
|
||||
@use '../../../sass/typography';
|
||||
// TODO(b/240224981): Uncomment when styles are traslated to md3 shape.
|
||||
// @use '@material/web/sass/shape';
|
||||
// @use '../../../sass/shape';
|
||||
|
||||
$height: 32px;
|
||||
$minimum-height: 24px;
|
||||
|
@ -8,11 +8,11 @@
|
||||
// stylelint-disable selector-class-pattern --
|
||||
// Internal styling for Chip MDC component.
|
||||
|
||||
@use '@material/web/focus/lib/focus-ring-theme';
|
||||
@use '@material/web/motion/animation';
|
||||
@use '../../../focus/lib/focus-ring-theme';
|
||||
@use '../../../motion/animation';
|
||||
// TODO(b/240224981): Uncomment when styles are translated to md3 ripple
|
||||
// @use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/dom';
|
||||
// @use '../../../ripple/ripple-theme';
|
||||
@use '../../../sass/dom';
|
||||
@use './chip-theme';
|
||||
|
||||
@mixin core-styles() {
|
||||
|
@ -5,8 +5,8 @@
|
||||
*/
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../../sass/resolvers';
|
||||
@use '../../../sass/theme';
|
||||
@use './chip-theme';
|
||||
|
||||
$_light-theme: (
|
||||
|
@ -5,8 +5,8 @@
|
||||
*/
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../../sass/resolvers';
|
||||
@use '../../../sass/theme';
|
||||
@use './chip-theme';
|
||||
|
||||
$_light-theme: (
|
||||
|
@ -5,8 +5,8 @@
|
||||
*/
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../../sass/resolvers';
|
||||
@use '../../../sass/theme';
|
||||
@use './chip-theme';
|
||||
|
||||
$_light-theme: (
|
||||
|
@ -6,12 +6,13 @@
|
||||
|
||||
import '../../action/delete-action.js';
|
||||
|
||||
import {ActionElement} from '@material/web/actionelement/action-element.js';
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {property} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
||||
import {ActionElement} from '../../../actionelement/action-element.js';
|
||||
import {ariaProperty} from '../../../decorators/aria-property.js';
|
||||
|
||||
/** Defines the border type of a chip. */
|
||||
export enum BorderType {
|
||||
ELEVATED = 'ELEVATED',
|
||||
|
@ -6,11 +6,12 @@
|
||||
|
||||
import 'jasmine';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {Harness} from '@material/web/testing/harness.js';
|
||||
import {html, LitElement} from 'lit';
|
||||
import {customElement, property} from 'lit/decorators.js';
|
||||
|
||||
import {Environment} from '../testing/environment.js';
|
||||
import {Harness} from '../testing/harness.js';
|
||||
|
||||
import {ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig, TOUCH_DELAY_MS, WAIT_FOR_MOUSE_CLICK_MS} from './action-controller.js';
|
||||
|
||||
declare global {
|
||||
|
@ -4,9 +4,10 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {bound} from '@material/web/decorators/bound.js';
|
||||
import {ReactiveController, ReactiveControllerHost} from 'lit';
|
||||
|
||||
import {bound} from '../decorators/bound.js';
|
||||
|
||||
declare global {
|
||||
interface Window {
|
||||
ShadyDOM?: {inUse: boolean;};
|
||||
|
@ -6,10 +6,11 @@
|
||||
|
||||
import 'jasmine';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {html, LitElement, TemplateResult} from 'lit';
|
||||
import {customElement, property} from 'lit/decorators.js';
|
||||
|
||||
import {Environment} from '../testing/environment.js';
|
||||
|
||||
import {FormController, FormElement, getFormValue} from './form-controller.js';
|
||||
|
||||
function submitForm(form: HTMLFormElement) {
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {FunctionKeys} from '@material/web/types/keys.js';
|
||||
import {FunctionKeys} from '../types/keys.js';
|
||||
|
||||
/**
|
||||
* Binds a class's method to its instance.
|
||||
|
@ -6,11 +6,11 @@
|
||||
|
||||
import 'jasmine';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {html, LitElement} from 'lit';
|
||||
import {customElement, property, query} from 'lit/decorators.js';
|
||||
import {ifDefined} from 'lit/directives/if-defined.js';
|
||||
|
||||
import {Environment} from '../../testing/environment.js';
|
||||
import {ariaProperty} from '../aria-property.js';
|
||||
|
||||
describe('@ariaProperty', () => {
|
||||
|
@ -5,8 +5,8 @@
|
||||
|
||||
@use 'sass:map';
|
||||
@use 'sass:meta';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/var';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/var';
|
||||
@use './elevation-overlay-theme';
|
||||
|
||||
@function resolve-theme(
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {Harness} from '@material/web/testing/harness.js';
|
||||
import {Harness} from '../testing/harness.js';
|
||||
|
||||
import {Fab} from './lib/fab.js';
|
||||
import {FabExtended} from './lib/fab-extended.js';
|
||||
|
@ -7,9 +7,9 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
@use './fab-shared-theme';
|
||||
|
||||
$surface-theme: tokens.md-comp-extended-fab-surface-values();
|
||||
|
@ -9,11 +9,11 @@
|
||||
@use 'sass:map';
|
||||
@use 'sass:meta';
|
||||
|
||||
@use '@material/web/elevation/lib/elevation-theme';
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/elevation';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../elevation/lib/elevation-theme';
|
||||
@use '../../ripple/ripple-theme';
|
||||
@use '../../sass/elevation';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
|
||||
@function resolve-theme($theme, $resolvers) {
|
||||
$theme: elevation-theme.resolve-theme(
|
||||
|
@ -6,9 +6,9 @@
|
||||
// stylelint-disable selector-class-pattern --
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use '@material/web/sass/touch-target';
|
||||
@use '@material/web/elevation/lib/surface';
|
||||
@use '@material/web/focus/lib/focus-ring-theme';
|
||||
@use '../../sass/touch-target';
|
||||
@use '../../elevation/lib/surface';
|
||||
@use '../../focus/lib/focus-ring-theme';
|
||||
|
||||
@mixin static-styles() {
|
||||
:host {
|
||||
|
@ -4,9 +4,9 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
@use './fab-shared-theme';
|
||||
|
||||
$surface-theme: tokens.md-comp-fab-surface-values();
|
||||
|
@ -4,16 +4,17 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/focus/focus-ring.js';
|
||||
import '@material/web/ripple/ripple.js';
|
||||
import '../../focus/focus-ring.js';
|
||||
import '../../ripple/ripple.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '@material/web/actionelement/action-element.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '@material/web/focus/strong-focus.js';
|
||||
import {MdRipple} from '@material/web/ripple/ripple.js';
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {property, query, state} from 'lit/decorators.js';
|
||||
import {ClassInfo, classMap} from 'lit/directives/class-map.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '../../actionelement/action-element.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';
|
||||
import {MdRipple} from '../../ripple/ripple.js';
|
||||
|
||||
/**
|
||||
* @soyCompatible
|
||||
*/
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {html, render} from 'lit';
|
||||
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {Harness} from '@material/web/testing/harness.js';
|
||||
import {Harness} from '../testing/harness.js';
|
||||
|
||||
import {Field} from './lib/field.js';
|
||||
|
||||
|
@ -7,7 +7,7 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:math';
|
||||
@use '@material/web/motion/animation';
|
||||
@use '../../motion/animation';
|
||||
|
||||
// Duration of the label animation.
|
||||
$_label-duration: 150ms;
|
||||
|
@ -10,11 +10,11 @@
|
||||
@use 'sass:map';
|
||||
@use 'sass:meta';
|
||||
@use 'sass:string';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/shape';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/var';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/shape';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/var';
|
||||
@use '../../tokens';
|
||||
@use './content-theme';
|
||||
@use './field-theme';
|
||||
@use './label-theme';
|
||||
|
@ -7,7 +7,7 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/motion/animation';
|
||||
@use '../../motion/animation';
|
||||
@use './field-theme';
|
||||
|
||||
$_animation-duration: 150ms;
|
||||
|
@ -9,7 +9,7 @@
|
||||
@use 'sass:map';
|
||||
@use 'sass:meta';
|
||||
@use 'sass:string';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '../../sass/typography';
|
||||
|
||||
@function resolve-theme($theme, $resolvers) {
|
||||
@return typography.resolve-theme(
|
||||
|
@ -8,11 +8,11 @@
|
||||
|
||||
@use 'sass:map';
|
||||
@use 'sass:string';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/shape';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/var';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/shape';
|
||||
@use '../../sass/theme';
|
||||
@use '../../sass/var';
|
||||
@use '../../tokens';
|
||||
@use './content-theme';
|
||||
@use './field-theme';
|
||||
@use './label-theme';
|
||||
|
@ -7,7 +7,7 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/motion/animation';
|
||||
@use '../../motion/animation';
|
||||
|
||||
$_animation-duration: 150ms;
|
||||
|
||||
|
@ -7,7 +7,7 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/typography';
|
||||
@use '../../sass/typography';
|
||||
|
||||
@function resolve-theme($theme, $resolvers) {
|
||||
@return typography.resolve-theme(
|
||||
|
@ -6,11 +6,12 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {createAnimationSignal, Easing} from '@material/web/motion/animation.js';
|
||||
import {html, LitElement, PropertyValues, TemplateResult} from 'lit';
|
||||
import {property, queryAsync, state} from 'lit/decorators.js';
|
||||
import {ClassInfo, classMap} from 'lit/directives/class-map.js';
|
||||
|
||||
import {createAnimationSignal, Easing} from '../../motion/animation.js';
|
||||
|
||||
/** @soyCompatible */
|
||||
export class Field extends LitElement {
|
||||
@property({type: Boolean}) disabled = false;
|
||||
|
@ -6,10 +6,10 @@
|
||||
|
||||
import 'jasmine';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {html} from 'lit';
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
|
||||
import {Environment} from '../../testing/environment.js';
|
||||
import {FieldHarness} from '../harness.js';
|
||||
|
||||
import {Field} from './field.js';
|
||||
|
@ -6,10 +6,10 @@
|
||||
|
||||
import 'jasmine';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {html} from 'lit';
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
|
||||
import {Environment} from '../../testing/environment.js';
|
||||
import {FieldHarness} from '../harness.js';
|
||||
|
||||
import {FilledField} from './filled-field.js';
|
||||
|
@ -6,10 +6,10 @@
|
||||
|
||||
import 'jasmine';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {html} from 'lit';
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
|
||||
import {Environment} from '../../testing/environment.js';
|
||||
import {FieldHarness} from '../harness.js';
|
||||
|
||||
import {OutlinedField} from './outlined-field.js';
|
||||
|
@ -4,9 +4,9 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
$_custom-property-prefix: 'focus-ring';
|
||||
$_color-sys: tokens.md-sys-color-values-light-dynamic();
|
||||
|
@ -8,8 +8,8 @@
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
$custom-property-prefix: 'formfield';
|
||||
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {Harness} from '@material/web/testing/harness.js';
|
||||
import {Harness} from '../testing/harness.js';
|
||||
|
||||
import {IconButton} from './lib/icon-button.js';
|
||||
import {IconButtonToggle} from './lib/icon-button-toggle.js';
|
||||
|
@ -8,9 +8,10 @@ import './standard-icon-button-toggle.js';
|
||||
import './standard-link-icon-button.js';
|
||||
import './standard-icon-button.js';
|
||||
|
||||
import {Environment} from '@material/web/testing/environment.js';
|
||||
import {html} from 'lit';
|
||||
|
||||
import {Environment} from '../testing/environment.js';
|
||||
|
||||
import {IconButtonHarness} from './harness.js';
|
||||
import {MdStandardIconButtonToggle} from './standard-icon-button-toggle.js';
|
||||
|
||||
|
@ -8,11 +8,11 @@
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/color';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../ripple/ripple-theme';
|
||||
@use '../../sass/color';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
@use './icon-button-theme';
|
||||
|
||||
|
@ -8,11 +8,11 @@
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/color';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../ripple/ripple-theme';
|
||||
@use '../../sass/color';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
@use './icon-button-theme';
|
||||
|
||||
|
@ -8,10 +8,10 @@
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/color';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../ripple/ripple-theme';
|
||||
@use '../../sass/color';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
@mixin state-layer-size($size) {
|
||||
height: $size;
|
||||
|
@ -9,8 +9,8 @@
|
||||
// stylelint-disable selector-class-pattern --
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use '@material/web/focus/lib/focus-ring-theme';
|
||||
@use '@material/web/sass/touch-target';
|
||||
@use '../../focus/lib/focus-ring-theme';
|
||||
@use '../../sass/touch-target';
|
||||
|
||||
@mixin static-styles() {
|
||||
:host {
|
||||
|
@ -7,12 +7,12 @@
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/color';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../ripple/ripple-theme';
|
||||
@use '../../sass/resolvers';
|
||||
@use '../../sass/color';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
@use './icon-button-theme';
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
|
||||
$_custom-property-prefix: 'outlined-icon-button';
|
||||
|
||||
|
@ -8,9 +8,9 @@
|
||||
|
||||
@use 'sass:map';
|
||||
|
||||
@use '@material/web/ripple/ripple-theme';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens';
|
||||
@use '../../ripple/ripple-theme';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens';
|
||||
|
||||
@use './icon-button-theme';
|
||||
|
||||
|
@ -4,16 +4,17 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '@material/web/actionelement/action-element.js';
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '@material/web/focus/strong-focus.js';
|
||||
import {MdRipple} from '@material/web/ripple/ripple.js';
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {property, query, state} from 'lit/decorators.js';
|
||||
import {ClassInfo, classMap} from 'lit/directives/class-map.js';
|
||||
import {ifDefined} from 'lit/directives/if-defined.js';
|
||||
import {html as staticHtml, literal} from 'lit/static-html.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '../../actionelement/action-element.js';
|
||||
import {ariaProperty} from '../../decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';
|
||||
import {MdRipple} from '../../ripple/ripple.js';
|
||||
|
||||
/** @soyCompatible */
|
||||
export abstract class IconButtonToggle extends ActionElement {
|
||||
/** @soyPrefixAttribute */
|
||||
|
@ -4,21 +4,22 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/focus/focus-ring.js';
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../../focus/focus-ring.js';
|
||||
import '../../icon/icon.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '@material/web/actionelement/action-element.js';
|
||||
import {isRtl} from '@material/web/controller/is-rtl.js';
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '@material/web/focus/strong-focus.js';
|
||||
import {MdRipple} from '@material/web/ripple/ripple.js';
|
||||
import {ARIAHasPopup} from '@material/web/types/aria.js';
|
||||
import {html, TemplateResult} from 'lit';
|
||||
import {property, query, state} from 'lit/decorators.js';
|
||||
import {ClassInfo, classMap} from 'lit/directives/class-map.js';
|
||||
import {ifDefined} from 'lit/directives/if-defined.js';
|
||||
import {html as staticHtml, literal} from 'lit/static-html.js';
|
||||
|
||||
import {ActionElement, BeginPressConfig, EndPressConfig} from '../../actionelement/action-element.js';
|
||||
import {isRtl} from '../../controller/is-rtl.js';
|
||||
import {ariaProperty} from '../../decorators/aria-property.js';
|
||||
import {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';
|
||||
import {MdRipple} from '../../ripple/ripple.js';
|
||||
import {ARIAHasPopup} from '../../types/aria.js';
|
||||
|
||||
/** @soyCompatible */
|
||||
export abstract class IconButton extends ActionElement {
|
||||
@property({type: Boolean, reflect: true}) disabled = false;
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import '@material/web/icon/icon.js';
|
||||
import '../icon/icon.js';
|
||||
|
||||
import {customElement} from 'lit/decorators.js';
|
||||
import {ClassInfo} from 'lit/directives/class-map.js';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {Harness} from '@material/web/testing/harness.js';
|
||||
import {Harness} from '../testing/harness.js';
|
||||
|
||||
import {List} from './lib/list.js';
|
||||
import {ListItemHarness} from './lib/listitem/harness.js';
|
||||
|
@ -4,9 +4,9 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/elevation/lib/elevation-theme';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/tokens' as m3-tokens;
|
||||
@use '../../elevation/lib/elevation-theme';
|
||||
@use '../../sass/theme';
|
||||
@use '../../tokens' as m3-tokens;
|
||||
@use './tokens';
|
||||
@use './divider/list-divider-theme';
|
||||
|
||||
|
@ -6,7 +6,7 @@
|
||||
// stylelint-disable selector-class-pattern --
|
||||
// Selector '.md3-*' should only be used in this project.
|
||||
|
||||
@use '@material/web/elevation/lib/elevation-overlay';
|
||||
@use '../../elevation/lib/elevation-overlay';
|
||||
|
||||
@mixin static-styles() {
|
||||
@include elevation-overlay.static-styles();
|
||||
|
@ -1,6 +1,11 @@
|
||||
//
|
||||
// Copyright 2022 Google LLC
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/map-ext';
|
||||
@use '../../../sass/theme';
|
||||
@use '../../../sass/map-ext';
|
||||
@use '../listitem/list-item-theme';
|
||||
|
||||
$light-theme: map-ext.pick(
|
||||
|
@ -4,7 +4,7 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../../sass/theme';
|
||||
@use '../tokens';
|
||||
|
||||
$light-theme: (
|
||||
|
@ -4,11 +4,12 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {ARIARole} from '@material/web/types/aria.js';
|
||||
import {html, LitElement, TemplateResult} from 'lit';
|
||||
import {property} from 'lit/decorators.js';
|
||||
|
||||
import {ariaProperty} from '../../../decorators/aria-property.js';
|
||||
import {ARIARole} from '../../../types/aria.js';
|
||||
|
||||
/** @soyCompatible */
|
||||
export class ListDivider extends LitElement {
|
||||
@ariaProperty // tslint:disable-line:no-new-decorators
|
||||
|
@ -4,7 +4,7 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../../sass/theme';
|
||||
@use '../tokens';
|
||||
|
||||
$light-theme: (
|
||||
|
@ -4,8 +4,8 @@
|
||||
//
|
||||
|
||||
@use 'sass:map';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '@material/web/sass/map-ext';
|
||||
@use '../../../sass/theme';
|
||||
@use '../../../sass/map-ext';
|
||||
@use '../tokens';
|
||||
|
||||
$light-theme: map-ext.pick(
|
||||
|
@ -4,13 +4,14 @@
|
||||
* SPDX-License-Identifier: Apache-2.0
|
||||
*/
|
||||
|
||||
import {ariaProperty} from '@material/web/decorators/aria-property.js';
|
||||
import {ARIARole} from '@material/web/types/aria.js';
|
||||
import {html, LitElement, PropertyValues, TemplateResult} from 'lit';
|
||||
import {property, query, queryAssignedElements} from 'lit/decorators.js';
|
||||
import {ClassInfo, classMap} from 'lit/directives/class-map.js';
|
||||
import {ifDefined} from 'lit/directives/if-defined.js';
|
||||
|
||||
import {ariaProperty} from '../../decorators/aria-property.js';
|
||||
import {ARIARole} from '../../types/aria.js';
|
||||
|
||||
import {ListItem} from './listitem/list-item.js';
|
||||
|
||||
const NAVIGATABLE_KEYS = {
|
||||
|
@ -8,8 +8,8 @@
|
||||
|
||||
@use 'sass:map';
|
||||
@use 'sass:string';
|
||||
@use '@material/web/sass/resolvers';
|
||||
@use '@material/web/sass/theme';
|
||||
@use '../../../sass/resolvers';
|
||||
@use '../../../sass/theme';
|
||||
@use '../icon/list-item-icon-theme';
|
||||
@use '../image/list-item-image-theme';
|
||||
@use '../video/list-item-video-theme';
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user