@3mo/collapsible-card 0.1.2 → 0.1.4

package/README.md

@@ -1,3 +1,3 @@
-# CollapsibleCard
-
+# CollapsibleCard
+
 An extension of @3mo/card component with support for collapsible state.

package/dist/CollapsibleCard.d.ts

@@ -1,32 +1,32 @@
-import { Card } from '@3mo/card';
-import '@3mo/localization';
-import '@3mo/icon-button';
-/**
- * @element mo-collapsible-card
- *
- * @attr collapsed
- * @attr disableCollapse
- * @attr showSubHeadingOnlyWhenCollapsed
- *
- * @i18n "Collapse"
- * @i18n "Expand"
- *
- * @fires collapse - Dispatched when the card is collapsed or expanded
- */
-export declare class CollapsibleCard extends Card {
-    readonly collapse: EventDispatcher<boolean>;
-    collapsed: boolean;
-    disableCollapse: boolean;
-    showSubHeadingOnlyWhenCollapsed: boolean;
-    static get styles(): import("@a11d/lit").CSSResult;
-    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
-    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
-    protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
-    protected toggleCollapse(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'mo-collapsible-card': CollapsibleCard;
-    }
-}
+import { Card } from '@3mo/card';
+import '@3mo/localization';
+import '@3mo/icon-button';
+/**
+ * @element mo-collapsible-card
+ *
+ * @attr collapsed
+ * @attr disableCollapse
+ * @attr showSubHeadingOnlyWhenCollapsed
+ *
+ * @i18n "Collapse"
+ * @i18n "Expand"
+ *
+ * @fires collapse - Dispatched when the card is collapsed or expanded
+ */
+export declare class CollapsibleCard extends Card {
+    readonly collapse: EventDispatcher<boolean>;
+    collapsed: boolean;
+    disableCollapse: boolean;
+    showSubHeadingOnlyWhenCollapsed: boolean;
+    static get styles(): import("@a11d/lit").CSSResult;
+    protected get defaultHeaderSubHeadingTemplate(): import("lit-html").HTMLTemplateResult;
+    protected get defaultHeaderActionTemplate(): import("lit-html").TemplateResult<1>;
+    protected get bodyTemplate(): import("lit-html").HTMLTemplateResult;
+    protected toggleCollapse(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-collapsible-card': CollapsibleCard;
+    }
+}
 //# sourceMappingURL=CollapsibleCard.d.ts.map

package/dist/CollapsibleCard.js

@@ -1,29 +1,29 @@
-import { __decorate } from "tslib";
-import { component, css, html, property, nothing, event } from '@a11d/lit';
-import { Card } from '@3mo/card';
-import { tooltip } from '@3mo/tooltip';
-import '@3mo/localization';
-import '@3mo/icon-button';
-/**
- * @element mo-collapsible-card
- *
- * @attr collapsed
- * @attr disableCollapse
- * @attr showSubHeadingOnlyWhenCollapsed
- *
- * @i18n "Collapse"
- * @i18n "Expand"
- *
- * @fires collapse - Dispatched when the card is collapsed or expanded
- */
-let CollapsibleCard = class CollapsibleCard extends Card {
-    constructor() {
-        super(...arguments);
-        this.collapsed = false;
-        this.disableCollapse = false;
-        this.showSubHeadingOnlyWhenCollapsed = false;
-    }
-    static get styles() {
+import { __decorate } from "tslib";
+import { component, css, html, property, nothing, event } from '@a11d/lit';
+import { Card } from '@3mo/card';
+import { tooltip } from '@3mo/tooltip';
+import '@3mo/localization';
+import '@3mo/icon-button';
+/**
+ * @element mo-collapsible-card
+ *
+ * @attr collapsed
+ * @attr disableCollapse
+ * @attr showSubHeadingOnlyWhenCollapsed
+ *
+ * @i18n "Collapse"
+ * @i18n "Expand"
+ *
+ * @fires collapse - Dispatched when the card is collapsed or expanded
+ */
+let CollapsibleCard = class CollapsibleCard extends Card {
+    constructor() {
+        super(...arguments);
+        this.collapsed = false;
+        this.disableCollapse = false;
+        this.showSubHeadingOnlyWhenCollapsed = false;
+    }
+    static get styles() {
         return css `
 			${super.styles}
 
@@ -35,12 +35,12 @@ let CollapsibleCard = class CollapsibleCard extends Card {
 				flex: unset !important;
 				height: unset !important;
 			}
-		`;
-    }
-    get defaultHeaderSubHeadingTemplate() {
-        return this.showSubHeadingOnlyWhenCollapsed && !this.collapsed ? nothing : super.defaultHeaderSubHeadingTemplate;
-    }
-    get defaultHeaderActionTemplate() {
+		`;
+    }
+    get defaultHeaderSubHeadingTemplate() {
+        return this.showSubHeadingOnlyWhenCollapsed && !this.collapsed ? nothing : super.defaultHeaderSubHeadingTemplate;
+    }
+    get defaultHeaderActionTemplate() {
         return html `
 			${super.defaultHeaderActionTemplate}
 
@@ -50,31 +50,31 @@ let CollapsibleCard = class CollapsibleCard extends Card {
 				icon=${this.collapsed ? 'expand_more' : 'expand_less'}
 				@click=${() => this.toggleCollapse()}
 			></mo-icon-button>
-		`;
-    }
-    get bodyTemplate() {
-        return this.collapsed ? nothing : super.bodyTemplate;
-    }
-    toggleCollapse() {
-        if (this.disableCollapse === false) {
-            this.collapsed = !this.collapsed;
-            this.collapse.dispatch(this.collapsed);
-        }
-    }
-};
-__decorate([
-    event()
-], CollapsibleCard.prototype, "collapse", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], CollapsibleCard.prototype, "collapsed", void 0);
-__decorate([
-    property({ type: Boolean })
-], CollapsibleCard.prototype, "disableCollapse", void 0);
-__decorate([
-    property({ type: Boolean })
-], CollapsibleCard.prototype, "showSubHeadingOnlyWhenCollapsed", void 0);
-CollapsibleCard = __decorate([
-    component('mo-collapsible-card')
-], CollapsibleCard);
-export { CollapsibleCard };
+		`;
+    }
+    get bodyTemplate() {
+        return this.collapsed ? nothing : super.bodyTemplate;
+    }
+    toggleCollapse() {
+        if (this.disableCollapse === false) {
+            this.collapsed = !this.collapsed;
+            this.collapse.dispatch(this.collapsed);
+        }
+    }
+};
+__decorate([
+    event()
+], CollapsibleCard.prototype, "collapse", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CollapsibleCard.prototype, "collapsed", void 0);
+__decorate([
+    property({ type: Boolean })
+], CollapsibleCard.prototype, "disableCollapse", void 0);
+__decorate([
+    property({ type: Boolean })
+], CollapsibleCard.prototype, "showSubHeadingOnlyWhenCollapsed", void 0);
+CollapsibleCard = __decorate([
+    component('mo-collapsible-card')
+], CollapsibleCard);
+export { CollapsibleCard };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CollapsibleCard.js';
+export * from './CollapsibleCard.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1 +1 @@
-export * from './CollapsibleCard.js';
+export * from './CollapsibleCard.js';