@digital-realty/ix-switch-input 2.1.39 → 2.1.42-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/IxSwitchInput.d.ts +35 -35
- package/dist/IxSwitchInput.js +121 -121
- package/dist/constants.d.ts +1 -1
- package/dist/constants.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/ix-switch-input-styles.d.ts +1 -1
- package/dist/ix-switch-input-styles.js +2 -2
- package/dist/ix-switch-input.d.ts +1 -1
- package/dist/ix-switch-input.js +2 -2
- package/dist/ix-switch-input.min.js +1 -1
- package/dist/react/IxSwitchInput.d.ts +2 -2
- package/dist/react/IxSwitchInput.js +9 -9
- package/dist/types/index.d.ts +20 -20
- package/dist/types/index.js +1 -1
- package/package.json +4 -4
package/dist/IxSwitchInput.d.ts
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { LitElement, nothing } from 'lit';
|
|
2
|
-
import '@digital-realty/ix-switch-bar';
|
|
3
|
-
import { IxTextbox } from '@digital-realty/ix-textbox';
|
|
4
|
-
import { ToggleSwitchEvent, TextChangeEvent, TextEventDetail } from './types/index.js';
|
|
5
|
-
export declare class IxSwitchInput extends LitElement {
|
|
6
|
-
switchText: string;
|
|
7
|
-
switchNote: string;
|
|
8
|
-
label: string;
|
|
9
|
-
text: string;
|
|
10
|
-
defaultInputValue: string;
|
|
11
|
-
placeholder: string;
|
|
12
|
-
selected: boolean;
|
|
13
|
-
disabled: boolean;
|
|
14
|
-
required: boolean;
|
|
15
|
-
icons: boolean;
|
|
16
|
-
showOnlySelectedIcon: boolean;
|
|
17
|
-
isHidden: boolean;
|
|
18
|
-
isValid: boolean;
|
|
19
|
-
ixSwitchInputTextbox: IxTextbox;
|
|
20
|
-
static get styles(): import("lit").CSSResult[];
|
|
21
|
-
getPlaceholder(): string;
|
|
22
|
-
getValidityStatus(): boolean;
|
|
23
|
-
onToggleSwitch(e: ToggleSwitchEvent): void;
|
|
24
|
-
onUpdateText(e: TextChangeEvent): void;
|
|
25
|
-
dispatchSwitchEvent(): void;
|
|
26
|
-
dispatchTextEvent(eventDetail: TextEventDetail): void;
|
|
27
|
-
renderSwitch(): import("lit").TemplateResult<1>;
|
|
28
|
-
renderTextbox(): import("lit").TemplateResult<1> | typeof nothing;
|
|
29
|
-
render(): import("lit").TemplateResult<1>;
|
|
30
|
-
}
|
|
31
|
-
declare global {
|
|
32
|
-
interface HTMLElementTagNameMap {
|
|
33
|
-
'ix-switch-input': IxSwitchInput;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
1
|
+
import { LitElement, nothing } from 'lit';
|
|
2
|
+
import '@digital-realty/ix-switch-bar';
|
|
3
|
+
import { IxTextbox } from '@digital-realty/ix-textbox';
|
|
4
|
+
import { ToggleSwitchEvent, TextChangeEvent, TextEventDetail } from './types/index.js';
|
|
5
|
+
export declare class IxSwitchInput extends LitElement {
|
|
6
|
+
switchText: string;
|
|
7
|
+
switchNote: string;
|
|
8
|
+
label: string;
|
|
9
|
+
text: string;
|
|
10
|
+
defaultInputValue: string;
|
|
11
|
+
placeholder: string;
|
|
12
|
+
selected: boolean;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
required: boolean;
|
|
15
|
+
icons: boolean;
|
|
16
|
+
showOnlySelectedIcon: boolean;
|
|
17
|
+
isHidden: boolean;
|
|
18
|
+
isValid: boolean;
|
|
19
|
+
ixSwitchInputTextbox: IxTextbox;
|
|
20
|
+
static get styles(): import("lit").CSSResult[];
|
|
21
|
+
getPlaceholder(): string;
|
|
22
|
+
getValidityStatus(): boolean;
|
|
23
|
+
onToggleSwitch(e: ToggleSwitchEvent): void;
|
|
24
|
+
onUpdateText(e: TextChangeEvent): void;
|
|
25
|
+
dispatchSwitchEvent(): void;
|
|
26
|
+
dispatchTextEvent(eventDetail: TextEventDetail): void;
|
|
27
|
+
renderSwitch(): import("lit").TemplateResult<1>;
|
|
28
|
+
renderTextbox(): import("lit").TemplateResult<1> | typeof nothing;
|
|
29
|
+
render(): import("lit").TemplateResult<1>;
|
|
30
|
+
}
|
|
31
|
+
declare global {
|
|
32
|
+
interface HTMLElementTagNameMap {
|
|
33
|
+
'ix-switch-input': IxSwitchInput;
|
|
34
|
+
}
|
|
35
|
+
}
|
package/dist/IxSwitchInput.js
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { html, LitElement, nothing } from 'lit';
|
|
3
|
-
import { property, query } from 'lit/decorators.js';
|
|
4
|
-
import '@digital-realty/ix-switch-bar';
|
|
5
|
-
import { NotRequired } from './constants.js';
|
|
6
|
-
import { IxSwitchInputStyles } from './ix-switch-input-styles.js';
|
|
7
|
-
export class IxSwitchInput extends LitElement {
|
|
8
|
-
constructor() {
|
|
9
|
-
super(...arguments);
|
|
10
|
-
this.switchText = '';
|
|
11
|
-
this.switchNote = '';
|
|
12
|
-
this.label = '';
|
|
13
|
-
this.text = '';
|
|
14
|
-
this.defaultInputValue = '';
|
|
15
|
-
this.placeholder = '';
|
|
16
|
-
this.selected = false;
|
|
17
|
-
this.disabled = false;
|
|
18
|
-
this.required = false;
|
|
19
|
-
this.icons = false;
|
|
20
|
-
this.showOnlySelectedIcon = false;
|
|
21
|
-
this.isHidden = false;
|
|
22
|
-
this.isValid = true;
|
|
23
|
-
}
|
|
24
|
-
static get styles() {
|
|
25
|
-
return [IxSwitchInputStyles];
|
|
26
|
-
}
|
|
27
|
-
getPlaceholder() {
|
|
28
|
-
if (!this.selected) {
|
|
29
|
-
return this.defaultInputValue || `${NotRequired}`;
|
|
30
|
-
}
|
|
31
|
-
return '';
|
|
32
|
-
}
|
|
33
|
-
getValidityStatus() {
|
|
34
|
-
var _a, _b, _c;
|
|
35
|
-
if (!this.selected)
|
|
36
|
-
return true;
|
|
37
|
-
this.isValid =
|
|
38
|
-
(_c = (_b = (_a = this.ixSwitchInputTextbox) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.checkValidity()) !== null && _c !== void 0 ? _c : null;
|
|
39
|
-
return this.isValid;
|
|
40
|
-
}
|
|
41
|
-
onToggleSwitch(e) {
|
|
42
|
-
this.selected = !this.selected;
|
|
43
|
-
this.dispatchSwitchEvent();
|
|
44
|
-
e.stopPropagation();
|
|
45
|
-
this.text = '';
|
|
46
|
-
this.placeholder = this.getPlaceholder();
|
|
47
|
-
}
|
|
48
|
-
onUpdateText(e) {
|
|
49
|
-
this.text = e.detail.value;
|
|
50
|
-
this.getValidityStatus();
|
|
51
|
-
this.dispatchTextEvent({ value: this.text, isValid: this.isValid });
|
|
52
|
-
e.stopPropagation();
|
|
53
|
-
}
|
|
54
|
-
dispatchSwitchEvent() {
|
|
55
|
-
const toggleSwitchEvent = new CustomEvent('toggleSwitch', {
|
|
56
|
-
detail: { selected: this.selected },
|
|
57
|
-
composed: true,
|
|
58
|
-
});
|
|
59
|
-
this.dispatchEvent(toggleSwitchEvent);
|
|
60
|
-
}
|
|
61
|
-
dispatchTextEvent(eventDetail) {
|
|
62
|
-
const textChangeEvent = new CustomEvent('textChange', {
|
|
63
|
-
detail: eventDetail,
|
|
64
|
-
composed: true,
|
|
65
|
-
});
|
|
66
|
-
this.dispatchEvent(textChangeEvent);
|
|
67
|
-
}
|
|
68
|
-
renderSwitch() {
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, LitElement, nothing } from 'lit';
|
|
3
|
+
import { property, query } from 'lit/decorators.js';
|
|
4
|
+
import '@digital-realty/ix-switch-bar';
|
|
5
|
+
import { NotRequired } from './constants.js';
|
|
6
|
+
import { IxSwitchInputStyles } from './ix-switch-input-styles.js';
|
|
7
|
+
export class IxSwitchInput extends LitElement {
|
|
8
|
+
constructor() {
|
|
9
|
+
super(...arguments);
|
|
10
|
+
this.switchText = '';
|
|
11
|
+
this.switchNote = '';
|
|
12
|
+
this.label = '';
|
|
13
|
+
this.text = '';
|
|
14
|
+
this.defaultInputValue = '';
|
|
15
|
+
this.placeholder = '';
|
|
16
|
+
this.selected = false;
|
|
17
|
+
this.disabled = false;
|
|
18
|
+
this.required = false;
|
|
19
|
+
this.icons = false;
|
|
20
|
+
this.showOnlySelectedIcon = false;
|
|
21
|
+
this.isHidden = false;
|
|
22
|
+
this.isValid = true;
|
|
23
|
+
}
|
|
24
|
+
static get styles() {
|
|
25
|
+
return [IxSwitchInputStyles];
|
|
26
|
+
}
|
|
27
|
+
getPlaceholder() {
|
|
28
|
+
if (!this.selected) {
|
|
29
|
+
return this.defaultInputValue || `${NotRequired}`;
|
|
30
|
+
}
|
|
31
|
+
return '';
|
|
32
|
+
}
|
|
33
|
+
getValidityStatus() {
|
|
34
|
+
var _a, _b, _c;
|
|
35
|
+
if (!this.selected)
|
|
36
|
+
return true;
|
|
37
|
+
this.isValid =
|
|
38
|
+
(_c = (_b = (_a = this.ixSwitchInputTextbox) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.checkValidity()) !== null && _c !== void 0 ? _c : null;
|
|
39
|
+
return this.isValid;
|
|
40
|
+
}
|
|
41
|
+
onToggleSwitch(e) {
|
|
42
|
+
this.selected = !this.selected;
|
|
43
|
+
this.dispatchSwitchEvent();
|
|
44
|
+
e.stopPropagation();
|
|
45
|
+
this.text = '';
|
|
46
|
+
this.placeholder = this.getPlaceholder();
|
|
47
|
+
}
|
|
48
|
+
onUpdateText(e) {
|
|
49
|
+
this.text = e.detail.value;
|
|
50
|
+
this.getValidityStatus();
|
|
51
|
+
this.dispatchTextEvent({ value: this.text, isValid: this.isValid });
|
|
52
|
+
e.stopPropagation();
|
|
53
|
+
}
|
|
54
|
+
dispatchSwitchEvent() {
|
|
55
|
+
const toggleSwitchEvent = new CustomEvent('toggleSwitch', {
|
|
56
|
+
detail: { selected: this.selected },
|
|
57
|
+
composed: true,
|
|
58
|
+
});
|
|
59
|
+
this.dispatchEvent(toggleSwitchEvent);
|
|
60
|
+
}
|
|
61
|
+
dispatchTextEvent(eventDetail) {
|
|
62
|
+
const textChangeEvent = new CustomEvent('textChange', {
|
|
63
|
+
detail: eventDetail,
|
|
64
|
+
composed: true,
|
|
65
|
+
});
|
|
66
|
+
this.dispatchEvent(textChangeEvent);
|
|
67
|
+
}
|
|
68
|
+
renderSwitch() {
|
|
69
69
|
return html `<ix-switch-bar
|
|
70
70
|
.text=${this.switchText}
|
|
71
71
|
.note=${this.switchNote}
|
|
@@ -75,11 +75,11 @@ export class IxSwitchInput extends LitElement {
|
|
|
75
75
|
?icons=${this.icons}
|
|
76
76
|
?showOnlySelectedIcon="${this.showOnlySelectedIcon}"
|
|
77
77
|
@toggleSwitch=${(e) => this.onToggleSwitch(e)}
|
|
78
|
-
></ix-switch-bar>`;
|
|
79
|
-
}
|
|
80
|
-
renderTextbox() {
|
|
81
|
-
if (this.isHidden)
|
|
82
|
-
return nothing;
|
|
78
|
+
></ix-switch-bar>`;
|
|
79
|
+
}
|
|
80
|
+
renderTextbox() {
|
|
81
|
+
if (this.isHidden)
|
|
82
|
+
return nothing;
|
|
83
83
|
return html ` <p class="label">${this.label}</p>
|
|
84
84
|
<ix-textbox
|
|
85
85
|
id="ix-switch-input-textbox"
|
|
@@ -89,52 +89,52 @@ export class IxSwitchInput extends LitElement {
|
|
|
89
89
|
?required=${this.required && this.selected}
|
|
90
90
|
@textChange="${(e) => this.onUpdateText(e)}"
|
|
91
91
|
>
|
|
92
|
-
</ix-textbox>`;
|
|
93
|
-
}
|
|
94
|
-
render() {
|
|
95
|
-
return html ` ${this.renderSwitch()} ${this.renderTextbox()} `;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
__decorate([
|
|
99
|
-
property({ type: String })
|
|
100
|
-
], IxSwitchInput.prototype, "switchText", void 0);
|
|
101
|
-
__decorate([
|
|
102
|
-
property({ type: String })
|
|
103
|
-
], IxSwitchInput.prototype, "switchNote", void 0);
|
|
104
|
-
__decorate([
|
|
105
|
-
property({ type: String })
|
|
106
|
-
], IxSwitchInput.prototype, "label", void 0);
|
|
107
|
-
__decorate([
|
|
108
|
-
property({ type: String })
|
|
109
|
-
], IxSwitchInput.prototype, "text", void 0);
|
|
110
|
-
__decorate([
|
|
111
|
-
property({ type: String })
|
|
112
|
-
], IxSwitchInput.prototype, "defaultInputValue", void 0);
|
|
113
|
-
__decorate([
|
|
114
|
-
property({ type: String })
|
|
115
|
-
], IxSwitchInput.prototype, "placeholder", void 0);
|
|
116
|
-
__decorate([
|
|
117
|
-
property({ type: Boolean })
|
|
118
|
-
], IxSwitchInput.prototype, "selected", void 0);
|
|
119
|
-
__decorate([
|
|
120
|
-
property({ type: Boolean })
|
|
121
|
-
], IxSwitchInput.prototype, "disabled", void 0);
|
|
122
|
-
__decorate([
|
|
123
|
-
property({ type: Boolean })
|
|
124
|
-
], IxSwitchInput.prototype, "required", void 0);
|
|
125
|
-
__decorate([
|
|
126
|
-
property({ type: Boolean })
|
|
127
|
-
], IxSwitchInput.prototype, "icons", void 0);
|
|
128
|
-
__decorate([
|
|
129
|
-
property({ type: Boolean })
|
|
130
|
-
], IxSwitchInput.prototype, "showOnlySelectedIcon", void 0);
|
|
131
|
-
__decorate([
|
|
132
|
-
property({ type: Boolean })
|
|
133
|
-
], IxSwitchInput.prototype, "isHidden", void 0);
|
|
134
|
-
__decorate([
|
|
135
|
-
property({ type: Boolean })
|
|
136
|
-
], IxSwitchInput.prototype, "isValid", void 0);
|
|
137
|
-
__decorate([
|
|
138
|
-
query('#ix-switch-input-textbox')
|
|
139
|
-
], IxSwitchInput.prototype, "ixSwitchInputTextbox", void 0);
|
|
92
|
+
</ix-textbox>`;
|
|
93
|
+
}
|
|
94
|
+
render() {
|
|
95
|
+
return html ` ${this.renderSwitch()} ${this.renderTextbox()} `;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
__decorate([
|
|
99
|
+
property({ type: String })
|
|
100
|
+
], IxSwitchInput.prototype, "switchText", void 0);
|
|
101
|
+
__decorate([
|
|
102
|
+
property({ type: String })
|
|
103
|
+
], IxSwitchInput.prototype, "switchNote", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
property({ type: String })
|
|
106
|
+
], IxSwitchInput.prototype, "label", void 0);
|
|
107
|
+
__decorate([
|
|
108
|
+
property({ type: String })
|
|
109
|
+
], IxSwitchInput.prototype, "text", void 0);
|
|
110
|
+
__decorate([
|
|
111
|
+
property({ type: String })
|
|
112
|
+
], IxSwitchInput.prototype, "defaultInputValue", void 0);
|
|
113
|
+
__decorate([
|
|
114
|
+
property({ type: String })
|
|
115
|
+
], IxSwitchInput.prototype, "placeholder", void 0);
|
|
116
|
+
__decorate([
|
|
117
|
+
property({ type: Boolean })
|
|
118
|
+
], IxSwitchInput.prototype, "selected", void 0);
|
|
119
|
+
__decorate([
|
|
120
|
+
property({ type: Boolean })
|
|
121
|
+
], IxSwitchInput.prototype, "disabled", void 0);
|
|
122
|
+
__decorate([
|
|
123
|
+
property({ type: Boolean })
|
|
124
|
+
], IxSwitchInput.prototype, "required", void 0);
|
|
125
|
+
__decorate([
|
|
126
|
+
property({ type: Boolean })
|
|
127
|
+
], IxSwitchInput.prototype, "icons", void 0);
|
|
128
|
+
__decorate([
|
|
129
|
+
property({ type: Boolean })
|
|
130
|
+
], IxSwitchInput.prototype, "showOnlySelectedIcon", void 0);
|
|
131
|
+
__decorate([
|
|
132
|
+
property({ type: Boolean })
|
|
133
|
+
], IxSwitchInput.prototype, "isHidden", void 0);
|
|
134
|
+
__decorate([
|
|
135
|
+
property({ type: Boolean })
|
|
136
|
+
], IxSwitchInput.prototype, "isValid", void 0);
|
|
137
|
+
__decorate([
|
|
138
|
+
query('#ix-switch-input-textbox')
|
|
139
|
+
], IxSwitchInput.prototype, "ixSwitchInputTextbox", void 0);
|
|
140
140
|
//# sourceMappingURL=IxSwitchInput.js.map
|
package/dist/constants.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const NotRequired = "Not required";
|
|
1
|
+
export declare const NotRequired = "Not required";
|
package/dist/constants.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const NotRequired = 'Not required';
|
|
1
|
+
export const NotRequired = 'Not required';
|
|
2
2
|
//# sourceMappingURL=constants.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { IxSwitchInput } from './IxSwitchInput.js';
|
|
1
|
+
export { IxSwitchInput } from './IxSwitchInput.js';
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { IxSwitchInput } from './IxSwitchInput.js';
|
|
1
|
+
export { IxSwitchInput } from './IxSwitchInput.js';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const IxSwitchInputStyles: import("lit").CSSResult;
|
|
1
|
+
export declare const IxSwitchInputStyles: import("lit").CSSResult;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
1
|
+
import { css } from 'lit';
|
|
2
2
|
export const IxSwitchInputStyles = css `
|
|
3
3
|
:host {
|
|
4
4
|
display: block;
|
|
@@ -19,5 +19,5 @@ export const IxSwitchInputStyles = css `
|
|
|
19
19
|
margin: 1rem 0 var(--spacing-tiny, 0.25rem);
|
|
20
20
|
display: block;
|
|
21
21
|
}
|
|
22
|
-
`;
|
|
22
|
+
`;
|
|
23
23
|
//# sourceMappingURL=ix-switch-input-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/dist/ix-switch-input.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IxSwitchInput } from './IxSwitchInput.js';
|
|
2
|
-
window.customElements.define('ix-switch-input', IxSwitchInput);
|
|
1
|
+
import { IxSwitchInput } from './IxSwitchInput.js';
|
|
2
|
+
window.customElements.define('ix-switch-input', IxSwitchInput);
|
|
3
3
|
//# sourceMappingURL=ix-switch-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__decorate}from"tslib";import{css,LitElement,html,nothing}from"lit";import{property,query}from"lit/decorators.js";import"@digital-realty/ix-switch-bar";
|
|
1
|
+
import{__decorate}from"tslib";import{css,LitElement,html,nothing}from"lit";import{property,query}from"lit/decorators.js";import"@digital-realty/ix-switch-bar";let NotRequired="Not required",IxSwitchInputStyles=css`:host{display:block}:host([hidden]){display:none}ix-textbox{max-width:var(--po-number-textbox-max-width,320px)}.label{font-size:.875rem;font-weight:400;line-height:1rem;margin:1rem 0 var(--spacing-tiny,.25rem);display:block}`;class IxSwitchInput extends LitElement{constructor(){super(...arguments),this.switchText="",this.switchNote="",this.label="",this.text="",this.defaultInputValue="",this.placeholder="",this.selected=!1,this.disabled=!1,this.required=!1,this.icons=!1,this.showOnlySelectedIcon=!1,this.isHidden=!1,this.isValid=!0}static get styles(){return[IxSwitchInputStyles]}getPlaceholder(){return this.selected?"":this.defaultInputValue||""+NotRequired}getValidityStatus(){var t;return!this.selected||(this.isValid=null!=(t=null==(t=null==(t=this.ixSwitchInputTextbox)?void 0:t.component)?void 0:t.checkValidity())?t:null,this.isValid)}onToggleSwitch(t){this.selected=!this.selected,this.dispatchSwitchEvent(),t.stopPropagation(),this.text="",this.placeholder=this.getPlaceholder()}onUpdateText(t){this.text=t.detail.value,this.getValidityStatus(),this.dispatchTextEvent({value:this.text,isValid:this.isValid}),t.stopPropagation()}dispatchSwitchEvent(){var t=new CustomEvent("toggleSwitch",{detail:{selected:this.selected},composed:!0});this.dispatchEvent(t)}dispatchTextEvent(t){t=new CustomEvent("textChange",{detail:t,composed:!0});this.dispatchEvent(t)}renderSwitch(){return html`<ix-switch-bar .text="${this.switchText}" .note="${this.switchNote}" ?selected="${this.selected}" ?disabled="${this.disabled}" ?required="${this.required}" ?icons="${this.icons}" ?showOnlySelectedIcon="${this.showOnlySelectedIcon}" @toggleSwitch="${t=>this.onToggleSwitch(t)}"></ix-switch-bar>`}renderTextbox(){return this.isHidden?nothing:html`<p class="label">${this.label}</p><ix-textbox id="ix-switch-input-textbox" .text="${this.text}" .placeholder="${this.placeholder}" ?disabled="${!this.selected}" ?required="${this.required&&this.selected}" @textChange="${t=>this.onUpdateText(t)}"></ix-textbox>`}render(){return html`${this.renderSwitch()} ${this.renderTextbox()}`}}__decorate([property({type:String})],IxSwitchInput.prototype,"switchText",void 0),__decorate([property({type:String})],IxSwitchInput.prototype,"switchNote",void 0),__decorate([property({type:String})],IxSwitchInput.prototype,"label",void 0),__decorate([property({type:String})],IxSwitchInput.prototype,"text",void 0),__decorate([property({type:String})],IxSwitchInput.prototype,"defaultInputValue",void 0),__decorate([property({type:String})],IxSwitchInput.prototype,"placeholder",void 0),__decorate([property({type:Boolean})],IxSwitchInput.prototype,"selected",void 0),__decorate([property({type:Boolean})],IxSwitchInput.prototype,"disabled",void 0),__decorate([property({type:Boolean})],IxSwitchInput.prototype,"required",void 0),__decorate([property({type:Boolean})],IxSwitchInput.prototype,"icons",void 0),__decorate([property({type:Boolean})],IxSwitchInput.prototype,"showOnlySelectedIcon",void 0),__decorate([property({type:Boolean})],IxSwitchInput.prototype,"isHidden",void 0),__decorate([property({type:Boolean})],IxSwitchInput.prototype,"isValid",void 0),__decorate([query("#ix-switch-input-textbox")],IxSwitchInput.prototype,"ixSwitchInputTextbox",void 0),window.customElements.define("ix-switch-input",IxSwitchInput);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IxSwitchInput as LitComp } from '../IxSwitchInput.js';
|
|
2
|
-
export declare const IxSwitchInput: import("@lit/react").ReactWebComponent<LitComp, {}>;
|
|
1
|
+
import { IxSwitchInput as LitComp } from '../IxSwitchInput.js';
|
|
2
|
+
export declare const IxSwitchInput: import("@lit/react").ReactWebComponent<LitComp, {}>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { createComponent } from '@lit/react';
|
|
3
|
-
import { IxSwitchInput as LitComp } from '../IxSwitchInput.js';
|
|
4
|
-
customElements.define('ix-switch-input', LitComp);
|
|
5
|
-
export const IxSwitchInput = createComponent({
|
|
6
|
-
tagName: 'ix-switch-input',
|
|
7
|
-
elementClass: LitComp,
|
|
8
|
-
react: React,
|
|
9
|
-
});
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { IxSwitchInput as LitComp } from '../IxSwitchInput.js';
|
|
4
|
+
customElements.define('ix-switch-input', LitComp);
|
|
5
|
+
export const IxSwitchInput = createComponent({
|
|
6
|
+
tagName: 'ix-switch-input',
|
|
7
|
+
elementClass: LitComp,
|
|
8
|
+
react: React,
|
|
9
|
+
});
|
|
10
10
|
//# sourceMappingURL=IxSwitchInput.js.map
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The detail of the event that is passed when the textfield's value changes.
|
|
3
|
-
* This passes the value and validity of the textfield.
|
|
4
|
-
*/
|
|
5
|
-
export type TextEventDetail = {
|
|
6
|
-
value: string;
|
|
7
|
-
isValid: boolean;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* The event that is fired when the switch's value changes.
|
|
11
|
-
*/
|
|
12
|
-
export type ToggleSwitchEvent = CustomEvent<{
|
|
13
|
-
selected: boolean;
|
|
14
|
-
}>;
|
|
15
|
-
/**
|
|
16
|
-
* The event that is fired when the text field's value changes.
|
|
17
|
-
*/
|
|
18
|
-
export type TextChangeEvent = CustomEvent<{
|
|
19
|
-
value: string;
|
|
20
|
-
}>;
|
|
1
|
+
/**
|
|
2
|
+
* The detail of the event that is passed when the textfield's value changes.
|
|
3
|
+
* This passes the value and validity of the textfield.
|
|
4
|
+
*/
|
|
5
|
+
export type TextEventDetail = {
|
|
6
|
+
value: string;
|
|
7
|
+
isValid: boolean;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* The event that is fired when the switch's value changes.
|
|
11
|
+
*/
|
|
12
|
+
export type ToggleSwitchEvent = CustomEvent<{
|
|
13
|
+
selected: boolean;
|
|
14
|
+
}>;
|
|
15
|
+
/**
|
|
16
|
+
* The event that is fired when the text field's value changes.
|
|
17
|
+
*/
|
|
18
|
+
export type TextChangeEvent = CustomEvent<{
|
|
19
|
+
value: string;
|
|
20
|
+
}>;
|
package/dist/types/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Webcomponent ix-switch-input following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Digital Realty",
|
|
6
|
-
"version": "2.1.
|
|
6
|
+
"version": "2.1.42-alpha.0",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@digital-realty/ix-switch-bar": "^2.1.
|
|
31
|
-
"@digital-realty/ix-textbox": "^2.1.
|
|
30
|
+
"@digital-realty/ix-switch-bar": "^2.1.14-alpha.0",
|
|
31
|
+
"@digital-realty/ix-textbox": "^2.1.40-alpha.0",
|
|
32
32
|
"@lit/react": "^1.0.2",
|
|
33
33
|
"lit": "^2.0.2",
|
|
34
34
|
"react": "^18.2.0"
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"README.md",
|
|
103
103
|
"LICENSE"
|
|
104
104
|
],
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "020de6dab25bbe6058e9a71b2c56681822403481"
|
|
106
106
|
}
|