@digital-realty/ix-switch-input 2.1.7 → 2.1.9
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.js
CHANGED
|
@@ -31,10 +31,11 @@ export class IxSwitchInput extends LitElement {
|
|
|
31
31
|
return '';
|
|
32
32
|
}
|
|
33
33
|
getValidityStatus() {
|
|
34
|
-
var _a, _b;
|
|
34
|
+
var _a, _b, _c;
|
|
35
35
|
if (!this.selected)
|
|
36
36
|
return true;
|
|
37
|
-
this.isValid =
|
|
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;
|
|
38
39
|
return this.isValid;
|
|
39
40
|
}
|
|
40
41
|
onToggleSwitch(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IxSwitchInput.js","sourceRoot":"","sources":["../src/IxSwitchInput.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,+BAA+B,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAOlE,MAAM,OAAO,aAAc,SAAQ,UAAU;IAA7C;;QAC8B,eAAU,GAAG,EAAE,CAAC;QAEhB,eAAU,GAAG,EAAE,CAAC;QAEhB,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;QAEV,sBAAiB,GAAG,EAAE,CAAC;QAEvB,gBAAW,GAAG,EAAE,CAAC;QAEhB,aAAQ,GAAG,KAAK,CAAC;QAEjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,UAAK,GAAG,KAAK,CAAC;QAEd,yBAAoB,GAAG,KAAK,CAAC;QAE7B,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"IxSwitchInput.js","sourceRoot":"","sources":["../src/IxSwitchInput.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport '@digital-realty/ix-switch-bar';\nimport { IxTextbox } from '@digital-realty/ix-textbox';\n\nimport { NotRequired } from './constants.js';\nimport { IxSwitchInputStyles } from './ix-switch-input-styles.js';\nimport {\n ToggleSwitchEvent,\n TextChangeEvent,\n TextEventDetail,\n} from './types/index.js';\n\nexport class IxSwitchInput extends LitElement {\n @property({ type: String }) switchText = '';\n\n @property({ type: String }) switchNote = '';\n\n @property({ type: String }) label = '';\n\n @property({ type: String }) text = '';\n\n @property({ type: String }) defaultInputValue = '';\n\n @property({ type: String }) placeholder = '';\n\n @property({ type: Boolean }) selected = false;\n\n @property({ type: Boolean }) disabled = false;\n\n @property({ type: Boolean }) required = false;\n\n @property({ type: Boolean }) icons = false;\n\n @property({ type: Boolean }) showOnlySelectedIcon = false;\n\n @property({ type: Boolean }) isHidden = false;\n\n @property({ type: Boolean }) isValid = true;\n\n @query('#ix-switch-input-textbox') ixSwitchInputTextbox!: IxTextbox;\n\n static get styles() {\n return [IxSwitchInputStyles];\n }\n\n getPlaceholder() {\n if (!this.selected) {\n return this.defaultInputValue || `${NotRequired}`;\n }\n return '';\n }\n\n getValidityStatus() {\n if (!this.selected) return true;\n this.isValid =\n this.ixSwitchInputTextbox?.component?.checkValidity() ?? null;\n return this.isValid;\n }\n\n onToggleSwitch(e: ToggleSwitchEvent) {\n this.selected = !this.selected;\n this.dispatchSwitchEvent();\n e.stopPropagation();\n this.text = '';\n this.placeholder = this.getPlaceholder();\n }\n\n onUpdateText(e: TextChangeEvent) {\n this.text = e.detail.value;\n this.getValidityStatus();\n this.dispatchTextEvent({ value: this.text, isValid: this.isValid });\n e.stopPropagation();\n }\n\n dispatchSwitchEvent() {\n const toggleSwitchEvent = new CustomEvent('toggleSwitch', {\n detail: { selected: this.selected },\n composed: true,\n });\n this.dispatchEvent(toggleSwitchEvent);\n }\n\n dispatchTextEvent(eventDetail: TextEventDetail) {\n const textChangeEvent = new CustomEvent('textChange', {\n detail: eventDetail,\n composed: true,\n });\n this.dispatchEvent(textChangeEvent);\n }\n\n renderSwitch() {\n return html`<ix-switch-bar\n .text=${this.switchText}\n .note=${this.switchNote}\n ?selected=${this.selected}\n ?disabled=${this.disabled}\n ?required=${this.required}\n ?icons=${this.icons}\n ?showOnlySelectedIcon=\"${this.showOnlySelectedIcon}\"\n @toggleSwitch=${(e: ToggleSwitchEvent) => this.onToggleSwitch(e)}\n ></ix-switch-bar>`;\n }\n\n renderTextbox() {\n if (this.isHidden) return nothing;\n return html` <p class=\"label\">${this.label}</p>\n <ix-textbox\n id=\"ix-switch-input-textbox\"\n .text=\"${this.text}\"\n .placeholder=\"${this.placeholder}\"\n ?disabled=\"${!this.selected}\"\n ?required=${this.required && this.selected}\n @textChange=\"${(e: TextChangeEvent) => this.onUpdateText(e)}\"\n >\n </ix-textbox>`;\n }\n\n render() {\n return html` ${this.renderSwitch()} ${this.renderTextbox()} `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ix-switch-input': IxSwitchInput;\n }\n}\n"]}
|
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.9",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@digital-realty/ix-switch-bar": "^2.1.5",
|
|
30
|
-
"@digital-realty/ix-textbox": "^2.1.
|
|
30
|
+
"@digital-realty/ix-textbox": "^2.1.6",
|
|
31
31
|
"@lit-labs/react": "^2.0.3",
|
|
32
32
|
"lit": "^2.0.2",
|
|
33
33
|
"react": "^18.2.0"
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
"README.md",
|
|
99
99
|
"LICENSE"
|
|
100
100
|
],
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "ed23dcb034e9d2a56ba58c27d995a737442e66ea"
|
|
102
102
|
}
|