@3mo/collapsible-card 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/Card/Card.d.ts +62 -62
- package/dist/Card/index.d.ts +1 -1
- package/dist/CollapsibleCard/CollapsibleCard.d.ts +31 -31
- package/dist/CollapsibleCard/index.d.ts +1 -1
- package/dist/CollapsibleCard.d.ts +31 -31
- package/dist/CollapsibleCard.js +60 -60
- package/dist/Flex/AsteriskSyntaxStyleHandler.d.ts +9 -0
- package/dist/Flex/AsteriskSyntaxStyleHandler.d.ts.map +1 -0
- package/dist/Flex/Flex.d.ts +38 -38
- package/dist/Flex/index.d.ts +2 -1
- package/dist/Flex/index.d.ts.map +1 -1
- package/dist/Heading/Heading.d.ts +28 -28
- package/dist/Heading/index.d.ts +1 -1
- package/dist/Icon/Icon.d.ts +32 -32
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/MaterialIcon.d.ts +1 -1
- package/dist/Icon/index.d.ts +2 -2
- package/dist/IconButton/IconButton.d.ts +23 -23
- package/dist/IconButton/IconButton.d.ts.map +1 -1
- package/dist/IconButton/index.d.ts +2 -2
- package/dist/SlotController/SlotController.d.ts +18 -18
- package/dist/SlotController/SlotController.d.ts.map +1 -1
- package/dist/SlotController/index.d.ts +1 -1
- package/dist/Tooltip/Tooltip.d.ts +39 -39
- package/dist/Tooltip/TooltipDirective.d.ts +12 -12
- package/dist/Tooltip/TooltipDirective.d.ts.map +1 -1
- package/dist/Tooltip/TooltipHost.d.ts +10 -10
- package/dist/Tooltip/index.d.ts +3 -3
- package/dist/bundle.js +1 -1
- package/dist/disabledProperty/disabledProperty.d.ts +5 -5
- package/dist/disabledProperty/disabledProperty.d.ts.map +1 -1
- package/dist/disabledProperty/index.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/localization/CardinalPluralizationRulesByLanguage.d.ts +12 -11
- package/dist/localization/CardinalPluralizationRulesByLanguage.d.ts.map +1 -1
- package/dist/localization/DirectionsByLanguage.d.ts +10 -9
- package/dist/localization/DirectionsByLanguage.d.ts.map +1 -1
- package/dist/localization/LanguageCode.d.ts +186 -189
- package/dist/localization/LanguageCode.d.ts.map +1 -1
- package/dist/localization/LanguageController.d.ts +10 -0
- package/dist/localization/LanguageController.d.ts.map +1 -0
- package/dist/localization/Localizer.d.ts +40 -38
- package/dist/localization/Localizer.d.ts.map +1 -1
- package/dist/localization/formatters/Currency.d.ts +373 -0
- package/dist/localization/formatters/Currency.d.ts.map +1 -0
- package/dist/localization/formatters/Number.format.d.ts +9 -0
- package/dist/localization/formatters/Number.format.d.ts.map +1 -0
- package/dist/localization/formatters/Number.formatAsCurrency.d.ts +12 -0
- package/dist/localization/formatters/Number.formatAsCurrency.d.ts.map +1 -0
- package/dist/localization/formatters/Number.formatAsPercent.d.ts +9 -0
- package/dist/localization/formatters/Number.formatAsPercent.d.ts.map +1 -0
- package/dist/localization/formatters/Number.formatAsUnit.d.ts +11 -0
- package/dist/localization/formatters/Number.formatAsUnit.d.ts.map +1 -0
- package/dist/localization/formatters/OptionsWithLanguage.d.ts +5 -0
- package/dist/localization/formatters/OptionsWithLanguage.d.ts.map +1 -0
- package/dist/localization/formatters/String.toNumber.d.ts +7 -0
- package/dist/localization/formatters/String.toNumber.d.ts.map +1 -0
- package/dist/localization/formatters/index.d.ts +7 -0
- package/dist/localization/formatters/index.d.ts.map +1 -0
- package/dist/localization/index.d.ts +6 -4
- package/dist/localization/index.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +33 -33
package/README.md
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
# CollapsibleCard
|
|
2
|
-
|
|
1
|
+
# CollapsibleCard
|
|
2
|
+
|
|
3
3
|
An extension of @3mo/card component with support for collapsible state.
|
package/dist/Card/Card.d.ts
CHANGED
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
import { Component } from '@a11d/lit';
|
|
2
|
-
import { SlotController } from '@3mo/slot-controller';
|
|
3
|
-
import '@3mo/heading';
|
|
4
|
-
import '@3mo/flex';
|
|
5
|
-
export declare const enum CardType {
|
|
6
|
-
Filled = "filled",
|
|
7
|
-
Outlined = "outlined"
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* @element mo-card
|
|
11
|
-
*
|
|
12
|
-
* @attr type
|
|
13
|
-
* @attr heading
|
|
14
|
-
* @attr subHeading
|
|
15
|
-
* @attr avatar
|
|
16
|
-
* @attr image
|
|
17
|
-
*
|
|
18
|
-
* @slot action - Actions in the header
|
|
19
|
-
* @slot heading - Custom heading in the header
|
|
20
|
-
* @slot subHeading - Custom subHeading in the header
|
|
21
|
-
* @slot avatar - Custom avatar in the header
|
|
22
|
-
* @slot header - The header. Using this will lead to slots 'heading', 'subHeading', 'avatar' and 'action's not working.
|
|
23
|
-
* @slot media - Embedded media
|
|
24
|
-
* @slot - Body / Content
|
|
25
|
-
* @slot footer - Actions in the footer
|
|
26
|
-
*
|
|
27
|
-
* @cssprop --mo-card-header-padding - Padding of the header
|
|
28
|
-
* @cssprop --mo-card-avatar-background - Color of the avatar
|
|
29
|
-
* @cssprop --mo-card-avatar-color - Text color of the avatar
|
|
30
|
-
* @cssprop --mo-card-body-padding - Padding of the body
|
|
31
|
-
* @cssprop --mo-card-footer-padding - Padding of the footer
|
|
32
|
-
*
|
|
33
|
-
* @csspart media - Embedded media
|
|
34
|
-
* @csspart header - The header
|
|
35
|
-
* @csspart avatar - The avatar
|
|
36
|
-
* @csspart heading - The heading
|
|
37
|
-
* @csspart subHeading - The subHeading
|
|
38
|
-
* @csspart footer - The footer
|
|
39
|
-
*/
|
|
40
|
-
export declare class Card extends Component {
|
|
41
|
-
type: CardType;
|
|
42
|
-
heading?: string;
|
|
43
|
-
subHeading?: string;
|
|
44
|
-
avatar?: string;
|
|
45
|
-
image?: string;
|
|
46
|
-
protected readonly slotController: SlotController;
|
|
47
|
-
static get styles(): import("@a11d/lit").CSSResult;
|
|
48
|
-
protected get template(): import("lit-html").TemplateResult<1>;
|
|
49
|
-
protected get mediaTemplate(): import("lit-html").HTMLTemplateResult;
|
|
50
|
-
protected get headerTemplate(): import("lit-html").HTMLTemplateResult;
|
|
51
|
-
protected get defaultHeaderAvatarTemplate(): import("lit-html").TemplateResult<1>;
|
|
52
|
-
protected get defaultHeaderHeadingTemplate(): import("lit-html").TemplateResult<1>;
|
|
53
|
-
protected get defaultHeaderSubHeadingTemplate(): import("lit-html").TemplateResult<1>;
|
|
54
|
-
protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
|
|
55
|
-
protected get bodyTemplate(): import("lit-html").TemplateResult<1>;
|
|
56
|
-
protected get footerTemplate(): import("lit-html").HTMLTemplateResult;
|
|
57
|
-
}
|
|
58
|
-
declare global {
|
|
59
|
-
interface HTMLElementTagNameMap {
|
|
60
|
-
'mo-card': Card;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
1
|
+
import { Component } from '@a11d/lit';
|
|
2
|
+
import { SlotController } from '@3mo/slot-controller';
|
|
3
|
+
import '@3mo/heading';
|
|
4
|
+
import '@3mo/flex';
|
|
5
|
+
export declare const enum CardType {
|
|
6
|
+
Filled = "filled",
|
|
7
|
+
Outlined = "outlined"
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @element mo-card
|
|
11
|
+
*
|
|
12
|
+
* @attr type
|
|
13
|
+
* @attr heading
|
|
14
|
+
* @attr subHeading
|
|
15
|
+
* @attr avatar
|
|
16
|
+
* @attr image
|
|
17
|
+
*
|
|
18
|
+
* @slot action - Actions in the header
|
|
19
|
+
* @slot heading - Custom heading in the header
|
|
20
|
+
* @slot subHeading - Custom subHeading in the header
|
|
21
|
+
* @slot avatar - Custom avatar in the header
|
|
22
|
+
* @slot header - The header. Using this will lead to slots 'heading', 'subHeading', 'avatar' and 'action's not working.
|
|
23
|
+
* @slot media - Embedded media
|
|
24
|
+
* @slot - Body / Content
|
|
25
|
+
* @slot footer - Actions in the footer
|
|
26
|
+
*
|
|
27
|
+
* @cssprop --mo-card-header-padding - Padding of the header
|
|
28
|
+
* @cssprop --mo-card-avatar-background - Color of the avatar
|
|
29
|
+
* @cssprop --mo-card-avatar-color - Text color of the avatar
|
|
30
|
+
* @cssprop --mo-card-body-padding - Padding of the body
|
|
31
|
+
* @cssprop --mo-card-footer-padding - Padding of the footer
|
|
32
|
+
*
|
|
33
|
+
* @csspart media - Embedded media
|
|
34
|
+
* @csspart header - The header
|
|
35
|
+
* @csspart avatar - The avatar
|
|
36
|
+
* @csspart heading - The heading
|
|
37
|
+
* @csspart subHeading - The subHeading
|
|
38
|
+
* @csspart footer - The footer
|
|
39
|
+
*/
|
|
40
|
+
export declare class Card extends Component {
|
|
41
|
+
type: CardType;
|
|
42
|
+
heading?: string;
|
|
43
|
+
subHeading?: string;
|
|
44
|
+
avatar?: string;
|
|
45
|
+
image?: string;
|
|
46
|
+
protected readonly slotController: SlotController;
|
|
47
|
+
static get styles(): import("@a11d/lit").CSSResult;
|
|
48
|
+
protected get template(): import("lit-html").TemplateResult<1>;
|
|
49
|
+
protected get mediaTemplate(): import("lit-html").HTMLTemplateResult;
|
|
50
|
+
protected get headerTemplate(): import("lit-html").HTMLTemplateResult;
|
|
51
|
+
protected get defaultHeaderAvatarTemplate(): import("lit-html").TemplateResult<1>;
|
|
52
|
+
protected get defaultHeaderHeadingTemplate(): import("lit-html").TemplateResult<1>;
|
|
53
|
+
protected get defaultHeaderSubHeadingTemplate(): import("lit-html").TemplateResult<1>;
|
|
54
|
+
protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
|
|
55
|
+
protected get bodyTemplate(): import("lit-html").TemplateResult<1>;
|
|
56
|
+
protected get footerTemplate(): import("lit-html").HTMLTemplateResult;
|
|
57
|
+
}
|
|
58
|
+
declare global {
|
|
59
|
+
interface HTMLElementTagNameMap {
|
|
60
|
+
'mo-card': Card;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
63
|
//# sourceMappingURL=Card.d.ts.map
|
package/dist/Card/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './Card.js';
|
|
1
|
+
export * from './Card.js';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { Card } from '@3mo/card';
|
|
2
|
-
import '@3mo/localization';
|
|
3
|
-
import '@3mo/icon-button';
|
|
4
|
-
/**
|
|
5
|
-
* @element mo-collapsible-card
|
|
6
|
-
*
|
|
7
|
-
* @attr collapsed
|
|
8
|
-
* @attr disableCollapse
|
|
9
|
-
* @attr showSubHeadingOnlyWhenCollapsed
|
|
10
|
-
*
|
|
11
|
-
* @i18n "Collapse"
|
|
12
|
-
* @i18n "Expand"
|
|
13
|
-
*
|
|
14
|
-
* @fires collapse - Dispatched when the card is collapsed or expanded
|
|
15
|
-
*/
|
|
16
|
-
export declare class CollapsibleCard extends Card {
|
|
17
|
-
readonly collapse: EventDispatcher<boolean>;
|
|
18
|
-
collapsed: boolean;
|
|
19
|
-
disableCollapse: boolean;
|
|
20
|
-
showSubHeadingOnlyWhenCollapsed: boolean;
|
|
21
|
-
static get styles(): import("@a11d/lit").CSSResult;
|
|
22
|
-
protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
|
|
23
|
-
protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
|
|
24
|
-
protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
|
|
25
|
-
protected toggleCollapse(): void;
|
|
26
|
-
}
|
|
27
|
-
declare global {
|
|
28
|
-
interface HTMLElementTagNameMap {
|
|
29
|
-
'mo-collapsible-card': CollapsibleCard;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
1
|
+
import { Card } from '@3mo/card';
|
|
2
|
+
import '@3mo/localization';
|
|
3
|
+
import '@3mo/icon-button';
|
|
4
|
+
/**
|
|
5
|
+
* @element mo-collapsible-card
|
|
6
|
+
*
|
|
7
|
+
* @attr collapsed
|
|
8
|
+
* @attr disableCollapse
|
|
9
|
+
* @attr showSubHeadingOnlyWhenCollapsed
|
|
10
|
+
*
|
|
11
|
+
* @i18n "Collapse"
|
|
12
|
+
* @i18n "Expand"
|
|
13
|
+
*
|
|
14
|
+
* @fires collapse - Dispatched when the card is collapsed or expanded
|
|
15
|
+
*/
|
|
16
|
+
export declare class CollapsibleCard extends Card {
|
|
17
|
+
readonly collapse: EventDispatcher<boolean>;
|
|
18
|
+
collapsed: boolean;
|
|
19
|
+
disableCollapse: boolean;
|
|
20
|
+
showSubHeadingOnlyWhenCollapsed: boolean;
|
|
21
|
+
static get styles(): import("@a11d/lit").CSSResult;
|
|
22
|
+
protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
|
|
23
|
+
protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
|
|
24
|
+
protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
|
|
25
|
+
protected toggleCollapse(): void;
|
|
26
|
+
}
|
|
27
|
+
declare global {
|
|
28
|
+
interface HTMLElementTagNameMap {
|
|
29
|
+
'mo-collapsible-card': CollapsibleCard;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
32
|
//# sourceMappingURL=CollapsibleCard.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './CollapsibleCard.js';
|
|
1
|
+
export * from './CollapsibleCard.js';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { Card } from '@3mo/card';
|
|
2
|
-
import '@3mo/localization';
|
|
3
|
-
import '@3mo/icon-button';
|
|
4
|
-
/**
|
|
5
|
-
* @element mo-collapsible-card
|
|
6
|
-
*
|
|
7
|
-
* @attr collapsed
|
|
8
|
-
* @attr disableCollapse
|
|
9
|
-
* @attr showSubHeadingOnlyWhenCollapsed
|
|
10
|
-
*
|
|
11
|
-
* @i18n "Collapse"
|
|
12
|
-
* @i18n "Expand"
|
|
13
|
-
*
|
|
14
|
-
* @fires collapse - Dispatched when the card is collapsed or expanded
|
|
15
|
-
*/
|
|
16
|
-
export declare class CollapsibleCard extends Card {
|
|
17
|
-
readonly collapse: EventDispatcher<boolean>;
|
|
18
|
-
collapsed: boolean;
|
|
19
|
-
disableCollapse: boolean;
|
|
20
|
-
showSubHeadingOnlyWhenCollapsed: boolean;
|
|
21
|
-
static get styles(): import("@a11d/lit").CSSResult;
|
|
22
|
-
protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
|
|
23
|
-
protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
|
|
24
|
-
protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
|
|
25
|
-
protected toggleCollapse(): void;
|
|
26
|
-
}
|
|
27
|
-
declare global {
|
|
28
|
-
interface HTMLElementTagNameMap {
|
|
29
|
-
'mo-collapsible-card': CollapsibleCard;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
1
|
+
import { Card } from '@3mo/card';
|
|
2
|
+
import '@3mo/localization';
|
|
3
|
+
import '@3mo/icon-button';
|
|
4
|
+
/**
|
|
5
|
+
* @element mo-collapsible-card
|
|
6
|
+
*
|
|
7
|
+
* @attr collapsed
|
|
8
|
+
* @attr disableCollapse
|
|
9
|
+
* @attr showSubHeadingOnlyWhenCollapsed
|
|
10
|
+
*
|
|
11
|
+
* @i18n "Collapse"
|
|
12
|
+
* @i18n "Expand"
|
|
13
|
+
*
|
|
14
|
+
* @fires collapse - Dispatched when the card is collapsed or expanded
|
|
15
|
+
*/
|
|
16
|
+
export declare class CollapsibleCard extends Card {
|
|
17
|
+
readonly collapse: EventDispatcher<boolean>;
|
|
18
|
+
collapsed: boolean;
|
|
19
|
+
disableCollapse: boolean;
|
|
20
|
+
showSubHeadingOnlyWhenCollapsed: boolean;
|
|
21
|
+
static get styles(): import("@a11d/lit").CSSResult;
|
|
22
|
+
protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
|
|
23
|
+
protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
|
|
24
|
+
protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
|
|
25
|
+
protected toggleCollapse(): void;
|
|
26
|
+
}
|
|
27
|
+
declare global {
|
|
28
|
+
interface HTMLElementTagNameMap {
|
|
29
|
+
'mo-collapsible-card': CollapsibleCard;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
32
|
//# sourceMappingURL=CollapsibleCard.d.ts.map
|
package/dist/CollapsibleCard.js
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { component, css, html, property, nothing, event } from '@a11d/lit';
|
|
3
|
-
import { Card } from '@3mo/card';
|
|
4
|
-
import { tooltip } from '@3mo/tooltip';
|
|
5
|
-
import '@3mo/localization';
|
|
6
|
-
import '@3mo/icon-button';
|
|
7
|
-
/**
|
|
8
|
-
* @element mo-collapsible-card
|
|
9
|
-
*
|
|
10
|
-
* @attr collapsed
|
|
11
|
-
* @attr disableCollapse
|
|
12
|
-
* @attr showSubHeadingOnlyWhenCollapsed
|
|
13
|
-
*
|
|
14
|
-
* @i18n "Collapse"
|
|
15
|
-
* @i18n "Expand"
|
|
16
|
-
*
|
|
17
|
-
* @fires collapse - Dispatched when the card is collapsed or expanded
|
|
18
|
-
*/
|
|
19
|
-
let CollapsibleCard = class CollapsibleCard extends Card {
|
|
20
|
-
constructor() {
|
|
21
|
-
super(...arguments);
|
|
22
|
-
this.collapsed = false;
|
|
23
|
-
this.disableCollapse = false;
|
|
24
|
-
this.showSubHeadingOnlyWhenCollapsed = false;
|
|
25
|
-
}
|
|
26
|
-
static get styles() {
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { component, css, html, property, nothing, event } from '@a11d/lit';
|
|
3
|
+
import { Card } from '@3mo/card';
|
|
4
|
+
import { tooltip } from '@3mo/tooltip';
|
|
5
|
+
import '@3mo/localization';
|
|
6
|
+
import '@3mo/icon-button';
|
|
7
|
+
/**
|
|
8
|
+
* @element mo-collapsible-card
|
|
9
|
+
*
|
|
10
|
+
* @attr collapsed
|
|
11
|
+
* @attr disableCollapse
|
|
12
|
+
* @attr showSubHeadingOnlyWhenCollapsed
|
|
13
|
+
*
|
|
14
|
+
* @i18n "Collapse"
|
|
15
|
+
* @i18n "Expand"
|
|
16
|
+
*
|
|
17
|
+
* @fires collapse - Dispatched when the card is collapsed or expanded
|
|
18
|
+
*/
|
|
19
|
+
let CollapsibleCard = class CollapsibleCard extends Card {
|
|
20
|
+
constructor() {
|
|
21
|
+
super(...arguments);
|
|
22
|
+
this.collapsed = false;
|
|
23
|
+
this.disableCollapse = false;
|
|
24
|
+
this.showSubHeadingOnlyWhenCollapsed = false;
|
|
25
|
+
}
|
|
26
|
+
static get styles() {
|
|
27
27
|
return css `
|
|
28
28
|
${super.styles}
|
|
29
29
|
|
|
@@ -35,12 +35,12 @@ let CollapsibleCard = class CollapsibleCard extends Card {
|
|
|
35
35
|
flex: unset !important;
|
|
36
36
|
height: unset !important;
|
|
37
37
|
}
|
|
38
|
-
`;
|
|
39
|
-
}
|
|
40
|
-
get defaultHeaderSubHeadingTemplate() {
|
|
41
|
-
return this.showSubHeadingOnlyWhenCollapsed && !this.collapsed ? nothing : super.defaultHeaderSubHeadingTemplate;
|
|
42
|
-
}
|
|
43
|
-
get defaultHeaderActionTemplate() {
|
|
38
|
+
`;
|
|
39
|
+
}
|
|
40
|
+
get defaultHeaderSubHeadingTemplate() {
|
|
41
|
+
return this.showSubHeadingOnlyWhenCollapsed && !this.collapsed ? nothing : super.defaultHeaderSubHeadingTemplate;
|
|
42
|
+
}
|
|
43
|
+
get defaultHeaderActionTemplate() {
|
|
44
44
|
return html `
|
|
45
45
|
${super.defaultHeaderActionTemplate}
|
|
46
46
|
|
|
@@ -50,31 +50,31 @@ let CollapsibleCard = class CollapsibleCard extends Card {
|
|
|
50
50
|
icon=${this.collapsed ? 'expand_more' : 'expand_less'}
|
|
51
51
|
@click=${() => this.toggleCollapse()}
|
|
52
52
|
></mo-icon-button>
|
|
53
|
-
`;
|
|
54
|
-
}
|
|
55
|
-
get bodyTemplate() {
|
|
56
|
-
return this.collapsed ? nothing : super.bodyTemplate;
|
|
57
|
-
}
|
|
58
|
-
toggleCollapse() {
|
|
59
|
-
if (this.disableCollapse === false) {
|
|
60
|
-
this.collapsed = !this.collapsed;
|
|
61
|
-
this.collapse.dispatch(this.collapsed);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
__decorate([
|
|
66
|
-
event()
|
|
67
|
-
], CollapsibleCard.prototype, "collapse", void 0);
|
|
68
|
-
__decorate([
|
|
69
|
-
property({ type: Boolean, reflect: true })
|
|
70
|
-
], CollapsibleCard.prototype, "collapsed", void 0);
|
|
71
|
-
__decorate([
|
|
72
|
-
property({ type: Boolean })
|
|
73
|
-
], CollapsibleCard.prototype, "disableCollapse", void 0);
|
|
74
|
-
__decorate([
|
|
75
|
-
property({ type: Boolean })
|
|
76
|
-
], CollapsibleCard.prototype, "showSubHeadingOnlyWhenCollapsed", void 0);
|
|
77
|
-
CollapsibleCard = __decorate([
|
|
78
|
-
component('mo-collapsible-card')
|
|
79
|
-
], CollapsibleCard);
|
|
80
|
-
export { CollapsibleCard };
|
|
53
|
+
`;
|
|
54
|
+
}
|
|
55
|
+
get bodyTemplate() {
|
|
56
|
+
return this.collapsed ? nothing : super.bodyTemplate;
|
|
57
|
+
}
|
|
58
|
+
toggleCollapse() {
|
|
59
|
+
if (this.disableCollapse === false) {
|
|
60
|
+
this.collapsed = !this.collapsed;
|
|
61
|
+
this.collapse.dispatch(this.collapsed);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
__decorate([
|
|
66
|
+
event()
|
|
67
|
+
], CollapsibleCard.prototype, "collapse", void 0);
|
|
68
|
+
__decorate([
|
|
69
|
+
property({ type: Boolean, reflect: true })
|
|
70
|
+
], CollapsibleCard.prototype, "collapsed", void 0);
|
|
71
|
+
__decorate([
|
|
72
|
+
property({ type: Boolean })
|
|
73
|
+
], CollapsibleCard.prototype, "disableCollapse", void 0);
|
|
74
|
+
__decorate([
|
|
75
|
+
property({ type: Boolean })
|
|
76
|
+
], CollapsibleCard.prototype, "showSubHeadingOnlyWhenCollapsed", void 0);
|
|
77
|
+
CollapsibleCard = __decorate([
|
|
78
|
+
component('mo-collapsible-card')
|
|
79
|
+
], CollapsibleCard);
|
|
80
|
+
export { CollapsibleCard };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type StyleEntry, type StyleHandler } from '@a11d/lit';
|
|
2
|
+
export declare class AsteriskSyntaxStyleHandler implements StyleHandler {
|
|
3
|
+
private static readonly supportedKeys;
|
|
4
|
+
static readonly regex: RegExp;
|
|
5
|
+
static getProportion(value: string): number;
|
|
6
|
+
handles(_: HTMLElement, [key, value]: StyleEntry): boolean;
|
|
7
|
+
apply(element: HTMLElement, [, value]: StyleEntry): void;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=AsteriskSyntaxStyleHandler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AsteriskSyntaxStyleHandler.d.ts","sourceRoot":"","sources":["../../../Flex/AsteriskSyntaxStyleHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAgB,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAE5E,qBACa,0BAA2B,YAAW,YAAY;IAC9D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAuC;IAE5E,MAAM,CAAC,QAAQ,CAAC,KAAK,SAAkC;IACvD,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM;IAIlC,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,UAAU;IAIhD,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU;CAIjD"}
|
package/dist/Flex/Flex.d.ts
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { Component } from '@a11d/lit';
|
|
2
|
-
import type * as CSS from 'csstype';
|
|
3
|
-
export type FlexDirection = 'horizontal' | 'vertical' | 'horizontal-reversed' | 'vertical-reversed';
|
|
4
|
-
/**
|
|
5
|
-
* @attr direction
|
|
6
|
-
* @attr wrap
|
|
7
|
-
* @attr gap
|
|
8
|
-
* @attr justifyItems
|
|
9
|
-
* @attr justifyContent
|
|
10
|
-
* @attr alignItems
|
|
11
|
-
* @attr alignContent
|
|
12
|
-
*
|
|
13
|
-
* @slot - The content of the flex container.
|
|
14
|
-
*/
|
|
15
|
-
export declare class Flex extends Component {
|
|
16
|
-
private static readonly flexDirectionByDirections;
|
|
17
|
-
get direction(): FlexDirection;
|
|
18
|
-
set direction(value: FlexDirection);
|
|
19
|
-
get wrap(): CSS.Property.FlexWrap;
|
|
20
|
-
set wrap(value: CSS.Property.FlexWrap);
|
|
21
|
-
get gap(): CSS.Property.Gap<string>;
|
|
22
|
-
set gap(value: CSS.Property.Gap<string>);
|
|
23
|
-
get justifyItems(): CSS.Property.JustifyItems;
|
|
24
|
-
set justifyItems(value: CSS.Property.JustifyItems);
|
|
25
|
-
get justifyContent(): CSS.Property.JustifyContent;
|
|
26
|
-
set justifyContent(value: CSS.Property.JustifyContent);
|
|
27
|
-
get alignItems(): CSS.Property.AlignItems;
|
|
28
|
-
set alignItems(value: CSS.Property.AlignItems);
|
|
29
|
-
get alignContent(): CSS.Property.AlignContent;
|
|
30
|
-
set alignContent(value: CSS.Property.AlignContent);
|
|
31
|
-
static get styles(): import("@a11d/lit").CSSResult;
|
|
32
|
-
protected get template(): import("lit-html").TemplateResult<1>;
|
|
33
|
-
}
|
|
34
|
-
declare global {
|
|
35
|
-
interface HTMLElementTagNameMap {
|
|
36
|
-
'mo-flex': Flex;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
1
|
+
import { Component } from '@a11d/lit';
|
|
2
|
+
import type * as CSS from 'csstype';
|
|
3
|
+
export type FlexDirection = 'horizontal' | 'vertical' | 'horizontal-reversed' | 'vertical-reversed';
|
|
4
|
+
/**
|
|
5
|
+
* @attr direction
|
|
6
|
+
* @attr wrap
|
|
7
|
+
* @attr gap
|
|
8
|
+
* @attr justifyItems
|
|
9
|
+
* @attr justifyContent
|
|
10
|
+
* @attr alignItems
|
|
11
|
+
* @attr alignContent
|
|
12
|
+
*
|
|
13
|
+
* @slot - The content of the flex container.
|
|
14
|
+
*/
|
|
15
|
+
export declare class Flex extends Component {
|
|
16
|
+
private static readonly flexDirectionByDirections;
|
|
17
|
+
get direction(): FlexDirection;
|
|
18
|
+
set direction(value: FlexDirection);
|
|
19
|
+
get wrap(): CSS.Property.FlexWrap;
|
|
20
|
+
set wrap(value: CSS.Property.FlexWrap);
|
|
21
|
+
get gap(): CSS.Property.Gap<string>;
|
|
22
|
+
set gap(value: CSS.Property.Gap<string>);
|
|
23
|
+
get justifyItems(): CSS.Property.JustifyItems;
|
|
24
|
+
set justifyItems(value: CSS.Property.JustifyItems);
|
|
25
|
+
get justifyContent(): CSS.Property.JustifyContent;
|
|
26
|
+
set justifyContent(value: CSS.Property.JustifyContent);
|
|
27
|
+
get alignItems(): CSS.Property.AlignItems;
|
|
28
|
+
set alignItems(value: CSS.Property.AlignItems);
|
|
29
|
+
get alignContent(): CSS.Property.AlignContent;
|
|
30
|
+
set alignContent(value: CSS.Property.AlignContent);
|
|
31
|
+
static get styles(): import("@a11d/lit").CSSResult;
|
|
32
|
+
protected get template(): import("lit-html").TemplateResult<1>;
|
|
33
|
+
}
|
|
34
|
+
declare global {
|
|
35
|
+
interface HTMLElementTagNameMap {
|
|
36
|
+
'mo-flex': Flex;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
39
|
//# sourceMappingURL=Flex.d.ts.map
|
package/dist/Flex/index.d.ts
CHANGED
package/dist/Flex/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,WAAW,CAAA"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { Component } from '@a11d/lit';
|
|
2
|
-
export declare const enum HeadingTypography {
|
|
3
|
-
Heading1 = "heading1",
|
|
4
|
-
Heading2 = "heading2",
|
|
5
|
-
Heading3 = "heading3",
|
|
6
|
-
Heading4 = "heading4",
|
|
7
|
-
Heading5 = "heading5",
|
|
8
|
-
Heading6 = "heading6",
|
|
9
|
-
Subtitle1 = "subtitle1",
|
|
10
|
-
Subtitle2 = "subtitle2"
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @element mo-heading
|
|
14
|
-
*
|
|
15
|
-
* @attr typography - The typography of the heading.
|
|
16
|
-
*
|
|
17
|
-
* @slot - The content of the heading.
|
|
18
|
-
*/
|
|
19
|
-
export declare class Heading extends Component {
|
|
20
|
-
typography: HeadingTypography;
|
|
21
|
-
static get styles(): import("@a11d/lit").CSSResult;
|
|
22
|
-
protected get template(): import("lit-html").TemplateResult<1>;
|
|
23
|
-
}
|
|
24
|
-
declare global {
|
|
25
|
-
interface HTMLElementTagNameMap {
|
|
26
|
-
'mo-heading': Heading;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
1
|
+
import { Component } from '@a11d/lit';
|
|
2
|
+
export declare const enum HeadingTypography {
|
|
3
|
+
Heading1 = "heading1",
|
|
4
|
+
Heading2 = "heading2",
|
|
5
|
+
Heading3 = "heading3",
|
|
6
|
+
Heading4 = "heading4",
|
|
7
|
+
Heading5 = "heading5",
|
|
8
|
+
Heading6 = "heading6",
|
|
9
|
+
Subtitle1 = "subtitle1",
|
|
10
|
+
Subtitle2 = "subtitle2"
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @element mo-heading
|
|
14
|
+
*
|
|
15
|
+
* @attr typography - The typography of the heading.
|
|
16
|
+
*
|
|
17
|
+
* @slot - The content of the heading.
|
|
18
|
+
*/
|
|
19
|
+
export declare class Heading extends Component {
|
|
20
|
+
typography: HeadingTypography;
|
|
21
|
+
static get styles(): import("@a11d/lit").CSSResult;
|
|
22
|
+
protected get template(): import("lit-html").TemplateResult<1>;
|
|
23
|
+
}
|
|
24
|
+
declare global {
|
|
25
|
+
interface HTMLElementTagNameMap {
|
|
26
|
+
'mo-heading': Heading;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
29
|
//# sourceMappingURL=Heading.d.ts.map
|
package/dist/Heading/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './Heading.js';
|
|
1
|
+
export * from './Heading.js';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/Icon/Icon.d.ts
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { Component } from '@a11d/lit';
|
|
2
|
-
import { MaterialIcon } from './index.js';
|
|
3
|
-
export declare const enum IconVariant {
|
|
4
|
-
Filled = "filled",
|
|
5
|
-
Outlined = "outlined",
|
|
6
|
-
Sharp = "sharp",
|
|
7
|
-
Rounded = "rounded"
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* @attr variant - The variant of the icon tied to a specific font.
|
|
11
|
-
* @attr icon - The icon to display.
|
|
12
|
-
*/
|
|
13
|
-
export declare class Icon extends Component {
|
|
14
|
-
static defaultVariant: IconVariant;
|
|
15
|
-
static readonly fontsByVariant: Map<IconVariant, {
|
|
16
|
-
name: string;
|
|
17
|
-
url: string;
|
|
18
|
-
}>;
|
|
19
|
-
private static readonly fontStyleElement;
|
|
20
|
-
private static readonly fontUrls;
|
|
21
|
-
private static get;
|
|
22
|
-
private static ensureAvailable;
|
|
23
|
-
variant: IconVariant;
|
|
24
|
-
icon?: MaterialIcon;
|
|
25
|
-
static get styles(): import("@a11d/lit").CSSResult;
|
|
26
|
-
protected get template(): import("lit-html").TemplateResult<1>;
|
|
27
|
-
}
|
|
28
|
-
declare global {
|
|
29
|
-
interface HTMLElementTagNameMap {
|
|
30
|
-
'mo-icon': Icon;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
1
|
+
import { Component } from '@a11d/lit';
|
|
2
|
+
import { type MaterialIcon } from './index.js';
|
|
3
|
+
export declare const enum IconVariant {
|
|
4
|
+
Filled = "filled",
|
|
5
|
+
Outlined = "outlined",
|
|
6
|
+
Sharp = "sharp",
|
|
7
|
+
Rounded = "rounded"
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* @attr variant - The variant of the icon tied to a specific font.
|
|
11
|
+
* @attr icon - The icon to display.
|
|
12
|
+
*/
|
|
13
|
+
export declare class Icon extends Component {
|
|
14
|
+
static defaultVariant: IconVariant;
|
|
15
|
+
static readonly fontsByVariant: Map<IconVariant, {
|
|
16
|
+
name: string;
|
|
17
|
+
url: string;
|
|
18
|
+
}>;
|
|
19
|
+
private static readonly fontStyleElement;
|
|
20
|
+
private static readonly fontUrls;
|
|
21
|
+
private static get;
|
|
22
|
+
private static ensureAvailable;
|
|
23
|
+
variant: IconVariant;
|
|
24
|
+
icon?: MaterialIcon;
|
|
25
|
+
static get styles(): import("@a11d/lit").CSSResult;
|
|
26
|
+
protected get template(): import("lit-html").TemplateResult<1>;
|
|
27
|
+
}
|
|
28
|
+
declare global {
|
|
29
|
+
interface HTMLElementTagNameMap {
|
|
30
|
+
'mo-icon': Icon;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
33
|
//# sourceMappingURL=Icon.d.ts.map
|
package/dist/Icon/Icon.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../Icon/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyC,MAAM,WAAW,CAAA;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../Icon/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyC,MAAM,WAAW,CAAA;AAC5E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAE9C,0BAAkB,WAAW;IAC5B,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;CACnB;AAED;;;GAGG;AACH,qBACa,IAAK,SAAQ,SAAS;IAClC,MAAM,CAAC,cAAc,cAAqB;IAE1C,MAAM,CAAC,QAAQ,CAAC,cAAc;;;OAK5B;IAEF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAkC;IAC1E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAOpD,OAAO,CAAC,MAAM,CAAC,GAAG;IAUlB,OAAO,CAAC,MAAM,CAAC,eAAe;IAW4C,OAAO,cAAsB;IAC3F,IAAI,CAAC,EAAE,YAAY,CAAA;IAE/B,WAAoB,MAAM,kCAEzB;IAED,cAAuB,QAAQ,yCAE9B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,SAAS,EAAE,IAAI,CAAA;KACf;CACD"}
|