@digital-realty/ix-fab 1.0.8 → 1.0.11-alpha.0
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/dist/IxFab.d.ts +25 -25
- package/dist/IxFab.js +46 -46
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/ix-fab.d.ts +1 -1
- package/dist/ix-fab.js +2 -2
- package/dist/ix-fab.min.js +1 -0
- package/dist/react/IxFab.d.ts +4 -4
- package/dist/react/IxFab.js +12 -12
- package/package.json +7 -3
package/dist/IxFab.d.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import '@material/web/fab/fab.js';
|
|
3
|
-
import '@material/web/icon/icon.js';
|
|
4
|
-
export type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary';
|
|
5
|
-
export type FabSize = 'medium' | 'small' | 'large';
|
|
6
|
-
export declare class IxFab extends LitElement {
|
|
7
|
-
/**
|
|
8
|
-
* Lowers the FAB's elevation.
|
|
9
|
-
*/
|
|
10
|
-
lowered: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Changes the colour of the FAB
|
|
13
|
-
*/
|
|
14
|
-
variant: FabVariant;
|
|
15
|
-
/**
|
|
16
|
-
* The text to display on the FAB.
|
|
17
|
-
*/
|
|
18
|
-
label: string;
|
|
19
|
-
/**
|
|
20
|
-
* The size of the FAB.
|
|
21
|
-
*/
|
|
22
|
-
size: FabSize;
|
|
23
|
-
onClick: (event: MouseEvent) => void;
|
|
24
|
-
render(): import("lit").TemplateResult<1>;
|
|
25
|
-
}
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '@material/web/fab/fab.js';
|
|
3
|
+
import '@material/web/icon/icon.js';
|
|
4
|
+
export type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary';
|
|
5
|
+
export type FabSize = 'medium' | 'small' | 'large';
|
|
6
|
+
export declare class IxFab extends LitElement {
|
|
7
|
+
/**
|
|
8
|
+
* Lowers the FAB's elevation.
|
|
9
|
+
*/
|
|
10
|
+
lowered: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Changes the colour of the FAB
|
|
13
|
+
*/
|
|
14
|
+
variant: FabVariant;
|
|
15
|
+
/**
|
|
16
|
+
* The text to display on the FAB.
|
|
17
|
+
*/
|
|
18
|
+
label: string;
|
|
19
|
+
/**
|
|
20
|
+
* The size of the FAB.
|
|
21
|
+
*/
|
|
22
|
+
size: FabSize;
|
|
23
|
+
onClick: (event: MouseEvent) => void;
|
|
24
|
+
render(): import("lit").TemplateResult<1>;
|
|
25
|
+
}
|
package/dist/IxFab.js
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { LitElement, html } from 'lit';
|
|
3
|
-
import { property } from 'lit/decorators.js';
|
|
4
|
-
import '@material/web/fab/fab.js';
|
|
5
|
-
import '@material/web/icon/icon.js';
|
|
6
|
-
export class IxFab extends LitElement {
|
|
7
|
-
constructor() {
|
|
8
|
-
super(...arguments);
|
|
9
|
-
/**
|
|
10
|
-
* Lowers the FAB's elevation.
|
|
11
|
-
*/
|
|
12
|
-
this.lowered = false;
|
|
13
|
-
/**
|
|
14
|
-
* Changes the colour of the FAB
|
|
15
|
-
*/
|
|
16
|
-
this.variant = 'surface';
|
|
17
|
-
/**
|
|
18
|
-
* The text to display on the FAB.
|
|
19
|
-
*/
|
|
20
|
-
this.label = '';
|
|
21
|
-
/**
|
|
22
|
-
* The size of the FAB.
|
|
23
|
-
*/
|
|
24
|
-
this.size = 'medium';
|
|
25
|
-
// eslint-disable-next-line class-methods-use-this
|
|
26
|
-
this.onClick = () => { };
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { LitElement, html } from 'lit';
|
|
3
|
+
import { property } from 'lit/decorators.js';
|
|
4
|
+
import '@material/web/fab/fab.js';
|
|
5
|
+
import '@material/web/icon/icon.js';
|
|
6
|
+
export class IxFab extends LitElement {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
/**
|
|
10
|
+
* Lowers the FAB's elevation.
|
|
11
|
+
*/
|
|
12
|
+
this.lowered = false;
|
|
13
|
+
/**
|
|
14
|
+
* Changes the colour of the FAB
|
|
15
|
+
*/
|
|
16
|
+
this.variant = 'surface';
|
|
17
|
+
/**
|
|
18
|
+
* The text to display on the FAB.
|
|
19
|
+
*/
|
|
20
|
+
this.label = '';
|
|
21
|
+
/**
|
|
22
|
+
* The size of the FAB.
|
|
23
|
+
*/
|
|
24
|
+
this.size = 'medium';
|
|
25
|
+
// eslint-disable-next-line class-methods-use-this
|
|
26
|
+
this.onClick = () => { };
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
29
|
return html `
|
|
30
30
|
<md-fab
|
|
31
31
|
.label=${this.label}
|
|
@@ -36,22 +36,22 @@ export class IxFab extends LitElement {
|
|
|
36
36
|
>
|
|
37
37
|
<slot slot="icon"></slot>
|
|
38
38
|
</md-fab>
|
|
39
|
-
`;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
__decorate([
|
|
43
|
-
property({ type: Boolean, reflect: true })
|
|
44
|
-
], IxFab.prototype, "lowered", void 0);
|
|
45
|
-
__decorate([
|
|
46
|
-
property()
|
|
47
|
-
], IxFab.prototype, "variant", void 0);
|
|
48
|
-
__decorate([
|
|
49
|
-
property()
|
|
50
|
-
], IxFab.prototype, "label", void 0);
|
|
51
|
-
__decorate([
|
|
52
|
-
property()
|
|
53
|
-
], IxFab.prototype, "size", void 0);
|
|
54
|
-
__decorate([
|
|
55
|
-
property()
|
|
56
|
-
], IxFab.prototype, "onClick", void 0);
|
|
39
|
+
`;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
__decorate([
|
|
43
|
+
property({ type: Boolean, reflect: true })
|
|
44
|
+
], IxFab.prototype, "lowered", void 0);
|
|
45
|
+
__decorate([
|
|
46
|
+
property()
|
|
47
|
+
], IxFab.prototype, "variant", void 0);
|
|
48
|
+
__decorate([
|
|
49
|
+
property()
|
|
50
|
+
], IxFab.prototype, "label", void 0);
|
|
51
|
+
__decorate([
|
|
52
|
+
property()
|
|
53
|
+
], IxFab.prototype, "size", void 0);
|
|
54
|
+
__decorate([
|
|
55
|
+
property()
|
|
56
|
+
], IxFab.prototype, "onClick", void 0);
|
|
57
57
|
//# sourceMappingURL=IxFab.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { IxFab } from './IxFab.js';
|
|
1
|
+
export { IxFab } from './IxFab.js';
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { IxFab } from './IxFab.js';
|
|
1
|
+
export { IxFab } from './IxFab.js';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/ix-fab.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/dist/ix-fab.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IxFab } from './IxFab.js';
|
|
2
|
-
window.customElements.define('ix-fab', IxFab);
|
|
1
|
+
import { IxFab } from './IxFab.js';
|
|
2
|
+
window.customElements.define('ix-fab', IxFab);
|
|
3
3
|
//# sourceMappingURL=ix-fab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__decorate}from"tslib";import{LitElement,html}from"lit";import{property}from"lit/decorators.js";import"@material/web/fab/fab.js";import"@material/web/icon/icon.js";class IxFab extends LitElement{constructor(){super(...arguments),this.lowered=!1,this.variant="surface",this.label="",this.size="medium",this.onClick=()=>{}}render(){return html`<md-fab .label="${this.label}" .lowered="${this.lowered}" .size="${this.size}" .variant="${this.variant}" @click="${this.onClick}"><slot slot="icon"></slot></md-fab>`}}__decorate([property({type:Boolean,reflect:!0})],IxFab.prototype,"lowered",void 0),__decorate([property()],IxFab.prototype,"variant",void 0),__decorate([property()],IxFab.prototype,"label",void 0),__decorate([property()],IxFab.prototype,"size",void 0),__decorate([property()],IxFab.prototype,"onClick",void 0),window.customElements.define("ix-fab",IxFab);
|
package/dist/react/IxFab.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IxFab as IxFabLit } from '../IxFab.js';
|
|
2
|
-
export declare const IxFab: import("@lit/react").ReactWebComponent<IxFabLit, {
|
|
3
|
-
onclick: string;
|
|
4
|
-
}>;
|
|
1
|
+
import { IxFab as IxFabLit } from '../IxFab.js';
|
|
2
|
+
export declare const IxFab: import("@lit/react").ReactWebComponent<IxFabLit, {
|
|
3
|
+
onclick: string;
|
|
4
|
+
}>;
|
package/dist/react/IxFab.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { createComponent } from '@lit/react';
|
|
3
|
-
import { IxFab as IxFabLit } from '../IxFab.js';
|
|
4
|
-
customElements.define('ix-fab', IxFabLit);
|
|
5
|
-
export const IxFab = createComponent({
|
|
6
|
-
tagName: 'ix-fab',
|
|
7
|
-
elementClass: IxFabLit,
|
|
8
|
-
react: React,
|
|
9
|
-
events: {
|
|
10
|
-
onclick: 'onClick',
|
|
11
|
-
},
|
|
12
|
-
});
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { IxFab as IxFabLit } from '../IxFab.js';
|
|
4
|
+
customElements.define('ix-fab', IxFabLit);
|
|
5
|
+
export const IxFab = createComponent({
|
|
6
|
+
tagName: 'ix-fab',
|
|
7
|
+
elementClass: IxFabLit,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onclick: 'onClick',
|
|
11
|
+
},
|
|
12
|
+
});
|
|
13
13
|
//# sourceMappingURL=IxFab.js.map
|
package/package.json
CHANGED
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
"description": "Webcomponent ix-fab following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Digital Realty",
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.11-alpha.0",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
10
10
|
"exports": {
|
|
11
11
|
".": "./dist/index.js",
|
|
12
12
|
"./ix-fab.js": "./dist/ix-fab.js",
|
|
13
|
+
"./ix-fab.min.js": "./dist/ix-fab.min.js",
|
|
13
14
|
"./IxFab.js": "./dist/react/IxFab.js"
|
|
14
15
|
},
|
|
15
16
|
"publishConfig": {
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
"scripts": {
|
|
19
20
|
"analyze": "cem analyze --litelement",
|
|
20
21
|
"start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
|
|
21
|
-
"build": "tsc && npm run analyze -- --exclude dist",
|
|
22
|
+
"build": "tsc && npm run analyze -- --exclude dist && rollup -c",
|
|
22
23
|
"prepublish": "tsc && npm run analyze -- --exclude dist",
|
|
23
24
|
"lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
|
|
24
25
|
"format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
|
|
@@ -49,6 +50,9 @@
|
|
|
49
50
|
"husky": "^4.3.8",
|
|
50
51
|
"lint-staged": "^10.5.4",
|
|
51
52
|
"prettier": "^2.4.1",
|
|
53
|
+
"rollup-plugin-minify-html-literals": "^1.2.6",
|
|
54
|
+
"rollup-plugin-summary": "^2.0.0",
|
|
55
|
+
"rollup-plugin-uglify": "^6.0.4",
|
|
52
56
|
"tslib": "^2.3.1",
|
|
53
57
|
"typescript": "^4.5.2"
|
|
54
58
|
},
|
|
@@ -99,5 +103,5 @@
|
|
|
99
103
|
"README.md",
|
|
100
104
|
"LICENSE"
|
|
101
105
|
],
|
|
102
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "020de6dab25bbe6058e9a71b2c56681822403481"
|
|
103
107
|
}
|