@vandeurenglenn/lite-elements 0.3.32 → 0.3.33

package/exports/button.js

@@ -27,7 +27,7 @@ let CustomButton = (() => {
             _hasIcon_decorators = [property({ attribute: 'has-icon', reflect: true })];
             _hasLabel_decorators = [property({ attribute: 'has-label', reflect: true })];
             _type_decorators = [property({ attribute: 'type', reflect: true })];
-            _label_decorators = [property()];
+            _label_decorators = [property({ attribute: true })];
             __esDecorate(this, null, _hasIcon_decorators, { kind: "accessor", name: "hasIcon", static: false, private: false, access: { has: obj => "hasIcon" in obj, get: obj => obj.hasIcon, set: (obj, value) => { obj.hasIcon = value; } }, metadata: _metadata }, _hasIcon_initializers, _hasIcon_extraInitializers);
             __esDecorate(this, null, _hasLabel_decorators, { kind: "accessor", name: "hasLabel", static: false, private: false, access: { has: obj => "hasLabel" in obj, get: obj => obj.hasLabel, set: (obj, value) => { obj.hasLabel = value; } }, metadata: _metadata }, _hasLabel_initializers, _hasLabel_extraInitializers);
             __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);

package/exports/drawer-layout.js

@@ -89,7 +89,7 @@ let CustomDrawerLayout = (() => {
                 if (this.mainDrawerId === detail && !this.keepClosed)
                     this.drawerOpen = true;
             });
-            document.addEventListener('custom-theme-narrow', this._onnarrow);
+            document.addEventListener('custom-theme-narrow', this._onnarrow.bind(this));
         }
         _onnarrow({ detail }) {
             this.narrow = detail;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.32",
+	"version": "0.3.33",
 	"description": "set of lite elements following Material Design 3 spec",
 	"type": "module",
 	"scripts": {
@@ -129,14 +129,6 @@
 			"import": "./exports/dial.js",
 			"types": "./exports/time-picker/dial.d.ts"
 		},
-		"./dialog": {
-			"import": "./exports/dialog.js",
-			"types": "./exports/dialog/dialog.d.ts"
-		},
-		"./dialog.js": {
-			"import": "./exports/dialog.js",
-			"types": "./exports/dialog/dialog.d.ts"
-		},
 		"./divider": {
 			"import": "./exports/divider.js",
 			"types": "./exports/divider/divider.d.ts"
@@ -201,14 +193,6 @@
 			"import": "./exports/elements.js",
 			"types": "./exports/elements.d.ts"
 		},
-		"./elevation": {
-			"import": "./exports/elevation.js",
-			"types": "./exports/elevation/elevation.d.ts"
-		},
-		"./elevation.js": {
-			"import": "./exports/elevation.js",
-			"types": "./exports/elevation/elevation.d.ts"
-		},
 		"./file-reader-mixin": {
 			"import": "./exports/file-reader-mixin.js",
 			"types": "./exports/mixins/file-reader-mixin.d.ts"
@@ -241,14 +225,6 @@
 			"import": "./exports/icon-set.js",
 			"types": "./exports/icon/icon-set.d.ts"
 		},
-		"./icon": {
-			"import": "./exports/icon.js",
-			"types": "./exports/icon/icon.d.ts"
-		},
-		"./icon.js": {
-			"import": "./exports/icon.js",
-			"types": "./exports/icon/icon.d.ts"
-		},
 		"./input": {
 			"import": "./exports/input.js",
 			"types": "./exports/time-picker/input.d.ts"
@@ -305,14 +281,6 @@
 			"import": "./exports/notifications.js",
 			"types": "./exports/notification/notifications.d.ts"
 		},
-		"./pages": {
-			"import": "./exports/pages.js",
-			"types": "./exports/pages/pages.d.ts"
-		},
-		"./pages.js": {
-			"import": "./exports/pages.js",
-			"types": "./exports/pages/pages.d.ts"
-		},
 		"./pane": {
 			"import": "./exports/pane.js",
 			"types": "./exports/pane/pane.d.ts"
@@ -353,30 +321,6 @@
 			"import": "./exports/section.js",
 			"types": "./exports/section/section.d.ts"
 		},
-		"./select-mixin": {
-			"import": "./exports/select-mixin.js",
-			"types": "./exports/mixins/select-mixin.d.ts"
-		},
-		"./select-mixin.js": {
-			"import": "./exports/select-mixin.js",
-			"types": "./exports/mixins/select-mixin.d.ts"
-		},
-		"./selector-mixin": {
-			"import": "./exports/selector-mixin.js",
-			"types": "./exports/mixins/selector-mixin.d.ts"
-		},
-		"./selector-mixin.js": {
-			"import": "./exports/selector-mixin.js",
-			"types": "./exports/mixins/selector-mixin.d.ts"
-		},
-		"./selector": {
-			"import": "./exports/selector.js",
-			"types": "./exports/selector/selector.d.ts"
-		},
-		"./selector.js": {
-			"import": "./exports/selector.js",
-			"types": "./exports/selector/selector.d.ts"
-		},
 		"./summary-mirror": {
 			"import": "./exports/summary-mirror.js",
 			"types": "./exports/summary/summary-mirror.d.ts"
@@ -401,22 +345,6 @@
 			"import": "./exports/supporting-pane.js",
 			"types": "./exports/supporting-pane/supporting-pane.d.ts"
 		},
-		"./tab": {
-			"import": "./exports/tab.js",
-			"types": "./exports/tabs/tab.d.ts"
-		},
-		"./tab.js": {
-			"import": "./exports/tab.js",
-			"types": "./exports/tabs/tab.d.ts"
-		},
-		"./tabs": {
-			"import": "./exports/tabs.js",
-			"types": "./exports/tabs/tabs.d.ts"
-		},
-		"./tabs.js": {
-			"import": "./exports/tabs.js",
-			"types": "./exports/tabs/tabs.d.ts"
-		},
 		"./text-field": {
 			"import": "./exports/text-field.js",
 			"types": "./exports/text-field/text-field.d.ts"

package/exports/dialog/dialog.d.ts

@@ -1,15 +0,0 @@
-import { LiteElement } from '@vandeurenglenn/lite';
-import '../elevation/elevation.js';
-import '../icon/icon.js';
-export declare class CustomDialog extends LiteElement {
-    accessor open: boolean;
-    accessor fullscreen: boolean;
-    accessor hasActions: boolean;
-    accessor hasHeader: boolean;
-    accessor hasHero: boolean;
-    connectedCallback(): void;
-    onChange(propertyKey: any, value: any): void;
-    private _close;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/exports/elevation/elevation.d.ts

@@ -1,11 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LiteElement } from '@vandeurenglenn/lite';
-export declare class CustomElevation extends LiteElement {
-    accessor level: number;
-    onChange(propertyKey: any, value: any): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/exports/icon/icon.d.ts

@@ -1,12 +0,0 @@
-import { LiteElement } from '@vandeurenglenn/lite';
-declare class Icon extends LiteElement {
-    accessor host: any;
-    accessor icon: string;
-    accessor setName: any;
-    accessor _icon: any;
-    onChange(propertyKey: any, value: any): void;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export { Icon, Icon as CustomIcon };

package/exports/mixins/select-mixin.d.ts

@@ -1,32 +0,0 @@
-import { LiteElement } from '@vandeurenglenn/lite';
-export declare class SelectBase extends LiteElement {
-    #private;
-    currentSelected: HTMLElement;
-    connectedCallback(): void;
-    get multi(): boolean;
-    set multi(value: boolean);
-    get defaultSelected(): string | 0;
-    set selected(value: string | number | HTMLElement | string[] | HTMLElement[]);
-    get selected(): string | number | HTMLElement | string[] | HTMLElement[];
-    get slotted(): HTMLSlotElement | this;
-    get attrForSelected(): string;
-    /**
-     * get the attribute used to set selected
-     *
-     * @example
-     * <custom-selector attr-for-selected="select">
-     *  <li select="1"></li>
-     *  <li select="2"></li>
-     * </custom-selector>
-     */
-    set attrForSelected(value: string);
-    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
-    /**
-     * @param {string|number|HTMLElement} selected
-     */
-    select(selected: any): void;
-    next(): void;
-    previous(): void;
-    getIndexFor(element: any): number;
-}
-export declare function SelectMixin<TBase extends CustomElementConstructor>(Base: TBase): typeof SelectBase;

package/exports/mixins/selector-mixin.d.ts

@@ -1,8 +0,0 @@
-import { SelectBase } from './select-mixin.js';
-export declare class SelectorBase extends SelectBase {
-    #private;
-    constructor();
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-}
-export declare function SelectorMixin<TBase extends CustomElementConstructor>(Base: TBase): typeof SelectorBase;

package/exports/pages/pages.d.ts

@@ -1,14 +0,0 @@
-import { SelectBase } from '../mixins/select-mixin.js';
-/**
- * @extends HTMLElement
- */
-export declare class CustomPages extends SelectBase {
-    connectedCallback(): Promise<void>;
-    isEvenNumber(number: any): boolean;
-    /**
-     * set animation class when slot changes
-     */
-    slotchange(): void;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/exports/selector/selector.d.ts

@@ -1,5 +0,0 @@
-import { SelectorBase } from '../mixins/selector-mixin.js';
-export declare class CustomSelector extends SelectorBase {
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/exports/tabs/tab.d.ts

@@ -1,4 +0,0 @@
-import { LiteElement } from '@vandeurenglenn/lite';
-export declare class CustomTab extends LiteElement {
-    render(): import("lit-html").TemplateResult<1>;
-}

package/exports/tabs/tabs.d.ts

@@ -1,5 +0,0 @@
-import { SelectorBase } from '../mixins/selector-mixin.js';
-import './tab.js';
-export declare class CustomTabs extends SelectorBase {
-    render(): import("lit-html").TemplateResult<1>;
-}