material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-11 13:46:10 +03:00
Code Issues Projects Releases Wiki Activity

chore: use relative paths

Browse Source 
PiperOrigin-RevId: 481941267
This commit is contained in:
Elizabeth Mitchell 2022-10-18 09:28:12 -07:00 committed by Copybara-Service
parent 75d6b82485
commit 73ca8ae0eb
169 changed files with 478 additions and 427 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
actionelement/action-element.ts
View File

@ -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};
/**

3
actionelement/action-element_test.ts
View File

@ -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 {

6
autocomplete/filled-autocomplete.ts
View File

@ -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';

22
autocomplete/lib/_filled-autocomplete-theme.scss
View File

@ -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();

22
autocomplete/lib/_outlined-autocomplete-theme.scss
View File

@ -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
autocomplete/lib/autocompleteitem/autocomplete-item.ts
View File

@ -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 {

2
autocomplete/lib/autocompleteitem/harness.ts
View File

@ -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.

5
autocomplete/lib/autocompletelist/autocomplete-list.ts
View File

@ -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';

2
autocomplete/lib/autocompletelist/harness.ts
View File

@ -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.

3
autocomplete/lib/autocompletesurface/autocomplete-surface.ts
View File

@ -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;

2
autocomplete/lib/outlined-styles.scss
View File

@ -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';

6
autocomplete/outlined-autocomplete.ts
View File

@ -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';

4
badge/lib/_badge-theme.scss
View File

@ -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';

2
button/harness.ts
View File

@ -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';

4
button/lib/_button-theme.scss
View File

@ -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(

4
button/lib/_button.scss
View File

@ -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';

8
button/lib/_elevated-button-theme.scss
View File

@ -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';

4
button/lib/_elevation-theme.scss
View File

@ -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(

8
button/lib/_filled-button-theme.scss
View File

@ -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';

2
button/lib/_icon-theme.scss
View File

@ -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(

8
button/lib/_outlined-button-theme.scss
View File

@ -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';

8
button/lib/_text-button-theme.scss
View File

@ -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';

8
button/lib/_tonal-button-theme.scss
View File

@ -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';

19
button/lib/button.ts
View File

@ -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';

2
checkbox/harness.ts
View File

@ -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
checkbox/lib/_checkbox-theme.scss
View File

@ -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';

5
checkbox/lib/_checkbox.scss
View File

@ -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;

2
checkbox/lib/checkbox-styles.scss
View File

@ -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());

13
checkbox/lib/checkbox.ts
View File

@ -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;

2
checkbox/lib/checkbox_test.ts
View File

@ -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';

13
chips/action/lib/action.ts
View File

@ -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';
/**

4
chips/action/lib/link-action.ts
View File

@ -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';

4
chips/chip/lib/_assist-chip-theme.scss
View File

@ -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: (

14
chips/chip/lib/_chip-theme.scss
View File

@ -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
chips/chip/lib/_chip.scss
View File

@ -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() {

4
chips/chip/lib/_filter-chip-theme.scss
View File

@ -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: (

4
chips/chip/lib/_input-chip-theme.scss
View File

@ -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: (

4
chips/chip/lib/_suggestion-chip-theme.scss
View File

@ -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
chips/chip/lib/chip.ts
View File

@ -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',

5
controller/action-controller_test.ts
View File

@ -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 {

3
controller/form-controller.ts
View File

@ -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;};

3
controller/form-controller_test.ts
View File

@ -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) {

2
decorators/bound.ts
View File

@ -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.

2
decorators/test/aria-property_test.ts
View File

@ -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', () => {

4
elevation/lib/_elevation-theme.scss
View File

@ -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(

2
fab/fab-extended.ts
View File

@ -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';

2
fab/fab.ts
View File

@ -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';

2
fab/harness.ts
View File

@ -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';

6
fab/lib/_fab-extended-theme.scss
View File

@ -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();

10
fab/lib/_fab-shared-theme.scss
View File

@ -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
fab/lib/_fab-shared.scss
View File

@ -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 {

6
fab/lib/_fab-theme.scss
View File

@ -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();

11
fab/lib/fab-shared.ts
View File

@ -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
*/

2
fab/md-fab_test.ts
View File

@ -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';

2
field/harness.ts
View File

@ -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';

2
field/lib/_content.scss
View File

@ -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
field/lib/_filled-field-theme.scss
View File

@ -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';

2
field/lib/_filled-field.scss
View File

@ -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;

2
field/lib/_label-theme.scss
View File

@ -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(

10
field/lib/_outlined-field-theme.scss
View File

@ -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';

2
field/lib/_outlined-field.scss
View File

@ -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;

2
field/lib/_supporting-text-theme.scss
View File

@ -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(

3
field/lib/field.ts
View File

@ -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;

2
field/lib/field_test.ts
View File

@ -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';

2
field/lib/filled-field_test.ts
View File

@ -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';

2
field/lib/outlined-field_test.ts
View File

@ -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';

6
focus/lib/_focus-ring-theme.scss
View File

@ -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();

4
formfield/lib/_formfield-theme.scss
View File

@ -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';

2
iconbutton/filled-icon-button-toggle.ts
View File

@ -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';

2
iconbutton/filled-icon-button.ts
View File

@ -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';

2
iconbutton/filled-link-icon-button.ts
View File

@ -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';

2
iconbutton/filled-tonal-icon-button-toggle.ts
View File

@ -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';

2
iconbutton/filled-tonal-icon-button.ts
View File

@ -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';

2
iconbutton/filled-tonal-link-icon-button.ts
View File

@ -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';

2
iconbutton/harness.ts
View File

@ -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';

3
iconbutton/icon-button_test.ts
View File

@ -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';

10
iconbutton/lib/_filled-icon-button-theme.scss
View File

@ -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';

10
iconbutton/lib/_filled-tonal-icon-button-theme.scss
View File

@ -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
iconbutton/lib/_icon-button-theme.scss
View File

@ -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;

4
iconbutton/lib/_icon-button.scss
View File

@ -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 {

10
iconbutton/lib/_outlined-icon-button-theme.scss
View File

@ -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';

6
iconbutton/lib/_standard-icon-button-theme.scss
View File

@ -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';

9
iconbutton/lib/icon-button-toggle.ts
View File

@ -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 */

17
iconbutton/lib/icon-button.ts
View File

@ -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;

2
iconbutton/outlined-icon-button-toggle.ts
View File

@ -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';

2
iconbutton/outlined-icon-button.ts
View File

@ -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';

2
iconbutton/outlined-link-icon-button.ts
View File

@ -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';

2
iconbutton/standard-icon-button-toggle.ts
View File

@ -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';

2
iconbutton/standard-icon-button.ts
View File

@ -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';

2
iconbutton/standard-link-icon-button.ts
View File

@ -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';

2
list/harness.ts
View File

@ -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';

6
list/lib/_list-theme.scss
View File

@ -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';

2
list/lib/_list.scss
View File

@ -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();

9
list/lib/avatar/_list-item-avatar-theme.scss
View File

@ -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(

2
list/lib/divider/_list-divider-theme.scss
View File

@ -4,7 +4,7 @@
//
@use 'sass:map';
@use '@material/web/sass/theme';
@use '../../../sass/theme';
@use '../tokens';
$light-theme: (

5
list/lib/divider/list-divider.ts
View File

@ -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

2
list/lib/icon/_list-item-icon-theme.scss
View File

@ -4,7 +4,7 @@
//
@use 'sass:map';
@use '@material/web/sass/theme';
@use '../../../sass/theme';
@use '../tokens';
$light-theme: (

4
list/lib/image/_list-item-image-theme.scss
View File

@ -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(

5
list/lib/list.ts
View File

@ -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 = {

4
list/lib/listitem/_list-item-theme.scss
View File

@ -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