Skip to content

Commit 6cbc02c

Browse files
asynclizcopybara-github
authored andcommitted
chore(labs): update gb import paths to be relative for CDN use
PiperOrigin-RevId: 903601980
1 parent dcfdf54 commit 6cbc02c

25 files changed

Lines changed: 141 additions & 183 deletions

labs/gb/components/button/button.ts

Lines changed: 6 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,15 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7+
import {type ClassInfo} from 'lit/directives/class-map.js';
78
import {
89
afterDispatch,
910
setupDispatchHooks,
10-
} from '@material/web/internal/events/dispatch-hooks.js';
11-
import {focusRingClasses} from '@material/web/labs/gb/components/focus/focus-ring.js';
12-
import {
13-
rippleClasses,
14-
setupRipple,
15-
} from '@material/web/labs/gb/components/ripple/ripple.js';
16-
import {createClassMapDirective} from '@material/web/labs/gb/components/shared/directives.js';
17-
import {
18-
isDisabled,
19-
PSEUDO_CLASSES,
20-
} from '@material/web/labs/gb/components/shared/pseudo-classes.js';
21-
import {type ClassInfo} from 'lit/directives/class-map.js';
11+
} from '../../../../internal/events/dispatch-hooks.js';
12+
import {focusRingClasses} from '../focus/focus-ring.js';
13+
import {rippleClasses, setupRipple} from '../ripple/ripple.js';
14+
import {createClassMapDirective} from '../shared/directives.js';
15+
import {isDisabled, PSEUDO_CLASSES} from '../shared/pseudo-classes.js';
2216

2317
/** Button color configuration types. */
2418
export type ButtonColor = 'filled' | 'elevated' | 'tonal' | 'outlined' | 'text';

labs/gb/components/button/md-button.ts

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,19 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {ARIAMixinStrict} from '@material/web/internal/aria/aria.js';
8-
import {mixinDelegatesAria} from '@material/web/internal/aria/delegate.js';
9-
import {redispatchEvent} from '@material/web/internal/events/redispatch-event.js';
10-
import {mixinElementInternals} from '@material/web/labs/behaviors/element-internals.js';
11-
import {mixinFormAssociated} from '@material/web/labs/behaviors/form-associated.js';
12-
import {mixinFormSubmitter} from '@material/web/labs/behaviors/form-submitter.js';
137
import {css, CSSResultOrNative, html, LitElement, nothing} from 'lit';
148
import {customElement, property} from 'lit/decorators.js';
15-
16-
import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.css' with {type: 'css'}; // github-only
17-
// import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.cssresult.js'; // google3-only
18-
import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.css' with {type: 'css'}; // github-only
19-
// import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.cssresult.js'; // google3-only
9+
import {ARIAMixinStrict} from '../../../../internal/aria/aria.js';
10+
import {mixinDelegatesAria} from '../../../../internal/aria/delegate.js';
11+
import {redispatchEvent} from '../../../../internal/events/redispatch-event.js';
12+
import {mixinElementInternals} from '../../../behaviors/element-internals.js';
13+
import {mixinFormAssociated} from '../../../behaviors/form-associated.js';
14+
import {mixinFormSubmitter} from '../../../behaviors/form-submitter.js';
15+
16+
import focusRingStyles from '../focus/focus-ring.css' with {type: 'css'}; // github-only
17+
// import focusRingStyles from '../focus/focus-ring.cssresult.js'; // google3-only
18+
import rippleStyles from '../ripple/ripple.css' with {type: 'css'}; // github-only
19+
// import rippleStyles from '../ripple/ripple.cssresult.js'; // google3-only
2020
import buttonStyles from './button.css' with {type: 'css'}; // github-only
2121
// import buttonStyles from './button.cssresult.js'; // google3-only
2222

labs/gb/components/card/card.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {FOCUS_RING_CLASSES} from '@material/web/labs/gb/components/focus/focus-ring.js';
8-
import {createClassMapDirective} from '@material/web/labs/gb/components/shared/directives.js';
9-
import {PSEUDO_CLASSES} from '@material/web/labs/gb/components/shared/pseudo-classes.js';
107
import {type ClassInfo} from 'lit/directives/class-map.js';
8+
import {FOCUS_RING_CLASSES} from '../focus/focus-ring.js';
9+
import {createClassMapDirective} from '../shared/directives.js';
10+
import {PSEUDO_CLASSES} from '../shared/pseudo-classes.js';
1111

1212
/** Card color configuration types. */
1313
export type CardColor = 'elevated' | 'filled' | 'outlined';

labs/gb/components/card/md-card.ts

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,16 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {ARIAMixinStrict} from '@material/web/internal/aria/aria.js';
8-
import {mixinDelegatesAria} from '@material/web/internal/aria/delegate.js';
9-
import {ripple} from '@material/web/labs/gb/components/ripple/ripple.js';
107
import {css, CSSResultOrNative, html, LitElement, nothing} from 'lit';
118
import {customElement, property} from 'lit/decorators.js';
9+
import {ARIAMixinStrict} from '../../../../internal/aria/aria.js';
10+
import {mixinDelegatesAria} from '../../../../internal/aria/delegate.js';
11+
import {ripple} from '../ripple/ripple.js';
1212

13-
import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.css' with {type: 'css'}; // github-only
14-
// import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.cssresult.js'; // google3-only
15-
import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.css' with {type: 'css'}; // github-only
16-
// import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.cssresult.js'; // google3-only
13+
import focusRingStyles from '../focus/focus-ring.css' with {type: 'css'}; // github-only
14+
// import focusRingStyles from '../focus/focus-ring.cssresult.js'; // google3-only
15+
import rippleStyles from '../ripple/ripple.css' with {type: 'css'}; // github-only
16+
// import rippleStyles from '../ripple/ripple.cssresult.js'; // google3-only
1717
import cardStyles from './card.css' with {type: 'css'}; // github-only
1818
// import cardStyles from './card.cssresult.js'; // google3-only
1919

labs/gb/components/checkbox/checkbox.ts

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,11 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {focusRingClasses} from '@material/web/labs/gb/components/focus/focus-ring.js';
8-
import {
9-
rippleClasses,
10-
setupRipple,
11-
} from '@material/web/labs/gb/components/ripple/ripple.js';
12-
import {createClassMapDirective} from '@material/web/labs/gb/components/shared/directives.js';
13-
import {PSEUDO_CLASSES} from '@material/web/labs/gb/components/shared/pseudo-classes.js';
147
import {type ClassInfo} from 'lit/directives/class-map.js';
8+
import {focusRingClasses} from '../focus/focus-ring.js';
9+
import {rippleClasses, setupRipple} from '../ripple/ripple.js';
10+
import {createClassMapDirective} from '../shared/directives.js';
11+
import {PSEUDO_CLASSES} from '../shared/pseudo-classes.js';
1512

1613
/** Checkbox classes. */
1714
export const CHECKBOX_CLASSES = {

labs/gb/components/checkbox/md-checkbox.ts

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,28 +4,28 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {ARIAMixinStrict} from '@material/web/internal/aria/aria.js';
8-
import {mixinDelegatesAria} from '@material/web/internal/aria/delegate.js';
9-
import {redispatchEvent} from '@material/web/internal/events/redispatch-event.js';
7+
import {css, CSSResultOrNative, html, LitElement, nothing} from 'lit';
8+
import {customElement, property, query} from 'lit/decorators.js';
9+
import {ARIAMixinStrict} from '../../../../internal/aria/aria.js';
10+
import {mixinDelegatesAria} from '../../../../internal/aria/delegate.js';
11+
import {redispatchEvent} from '../../../../internal/events/redispatch-event.js';
1012
import {
1113
createValidator,
1214
getValidityAnchor,
1315
mixinConstraintValidation,
14-
} from '@material/web/labs/behaviors/constraint-validation.js';
15-
import {mixinElementInternals} from '@material/web/labs/behaviors/element-internals.js';
16+
} from '../../../behaviors/constraint-validation.js';
17+
import {mixinElementInternals} from '../../../behaviors/element-internals.js';
1618
import {
1719
getFormState,
1820
getFormValue,
1921
mixinFormAssociated,
20-
} from '@material/web/labs/behaviors/form-associated.js';
21-
import {CheckboxValidator} from '@material/web/labs/behaviors/validators/checkbox-validator.js';
22-
import {css, CSSResultOrNative, html, LitElement, nothing} from 'lit';
23-
import {customElement, property, query} from 'lit/decorators.js';
22+
} from '../../../behaviors/form-associated.js';
23+
import {CheckboxValidator} from '../../../behaviors/validators/checkbox-validator.js';
2424

25-
import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.css' with {type: 'css'}; // github-only
26-
// import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.cssresult.js'; // google3-only
27-
import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.css' with {type: 'css'}; // github-only
28-
// import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.cssresult.js'; // google3-only
25+
import focusRingStyles from '../focus/focus-ring.css' with {type: 'css'}; // github-only
26+
// import focusRingStyles from '../focus/focus-ring.cssresult.js'; // google3-only
27+
import rippleStyles from '../ripple/ripple.css' with {type: 'css'}; // github-only
28+
// import rippleStyles from '../ripple/ripple.cssresult.js'; // google3-only
2929
import checkboxStyles from './checkbox.css' with {type: 'css'}; // github-only
3030
// import checkboxStyles from './checkbox.cssresult.js'; // google3-only
3131

labs/gb/components/divider/divider.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {createClassMapDirective} from '@material/web/labs/gb/components/shared/directives.js';
87
import {type ClassInfo} from 'lit/directives/class-map.js';
8+
import {createClassMapDirective} from '../shared/directives.js';
99

1010
/** Divider classes. */
1111
export const DIVIDER_CLASSES = {

labs/gb/components/fab/fab.ts

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,11 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {focusRingClasses} from '@material/web/labs/gb/components/focus/focus-ring.js';
8-
import {
9-
rippleClasses,
10-
setupRipple,
11-
} from '@material/web/labs/gb/components/ripple/ripple.js';
12-
import {createClassMapDirective} from '@material/web/labs/gb/components/shared/directives.js';
13-
import {PSEUDO_CLASSES} from '@material/web/labs/gb/components/shared/pseudo-classes.js';
147
import {type ClassInfo} from 'lit/directives/class-map.js';
8+
import {focusRingClasses} from '../focus/focus-ring.js';
9+
import {rippleClasses, setupRipple} from '../ripple/ripple.js';
10+
import {createClassMapDirective} from '../shared/directives.js';
11+
import {PSEUDO_CLASSES} from '../shared/pseudo-classes.js';
1512

1613
/** Fab color configuration types. */
1714
export type FabColor =

labs/gb/components/fab/md-fab.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@
77
import {css, CSSResultOrNative, html, LitElement} from 'lit';
88
import {customElement, property} from 'lit/decorators.js';
99

10-
import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.css' with {type: 'css'}; // github-only
11-
// import focusRingStyles from '@material/web/labs/gb/components/focus/focus-ring.cssresult.js'; // google3-only
12-
import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.css' with {type: 'css'}; // github-only
13-
// import rippleStyles from '@material/web/labs/gb/components/ripple/ripple.cssresult.js'; // google3-only
10+
import focusRingStyles from '../focus/focus-ring.css' with {type: 'css'}; // github-only
11+
// import focusRingStyles from '../focus/focus-ring.cssresult.js'; // google3-only
12+
import rippleStyles from '../ripple/ripple.css' with {type: 'css'}; // github-only
13+
// import rippleStyles from '../ripple/ripple.cssresult.js'; // google3-only
1414
import fabStyles from './fab.css' with {type: 'css'}; // github-only
1515
// import {styles as fabStyles} from './fab.cssresult.js'; // google3-only
1616

labs/gb/components/focus/focus-ring.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
* SPDX-License-Identifier: Apache-2.0
55
*/
66

7-
import {PSEUDO_CLASSES} from '@material/web/labs/gb/components/shared/pseudo-classes.js';
87
import {type ClassInfo} from 'lit/directives/class-map.js';
8+
import {PSEUDO_CLASSES} from '../shared/pseudo-classes.js';
99

1010
/** Focus ring type configuration types. */
1111
export type FocusRingType = 'outer' | 'inner';

0 commit comments

Comments
 (0)