@politiet/sheriff-web-components 1.2.0 → 1.3.1
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/frameworks/preact.d.ts +1 -0
- package/dist/frameworks/preact.d.ts.map +1 -1
- package/dist/frameworks/react.d.ts +1 -0
- package/dist/frameworks/react.d.ts.map +1 -1
- package/dist/frameworks/solidjs.d.ts +1 -0
- package/dist/frameworks/solidjs.d.ts.map +1 -1
- package/dist/frameworks/svelte.d.ts +1 -0
- package/dist/frameworks/svelte.d.ts.map +1 -1
- package/dist/frameworks/vue.d.ts +1 -0
- package/dist/frameworks/vue.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/playwright-util/screenshot.d.ts +3 -0
- package/dist/playwright-util/screenshot.d.ts.map +1 -0
- package/dist/playwright-util/screenshot.js +25 -0
- package/dist/playwright-util/screenshot.js.map +1 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.d.ts +9 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.js +16 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.js.map +1 -0
- package/dist/react-wrappers/index.d.ts +1 -0
- package/dist/react-wrappers/index.d.ts.map +1 -1
- package/dist/react-wrappers/index.js +1 -0
- package/dist/react-wrappers/index.js.map +1 -1
- package/dist/sds-checkbox-group/sds-checkbox-group.d.ts.map +1 -1
- package/dist/sds-checkbox-group/sds-checkbox-group.js +3 -13
- package/dist/sds-checkbox-group/sds-checkbox-group.js.map +1 -1
- package/dist/sds-radio/sds-radio.spec.js +7 -0
- package/dist/sds-radio/sds-radio.spec.js.map +1 -1
- package/dist/sds-radio-group/sds-radio-group.d.ts.map +1 -1
- package/dist/sds-radio-group/sds-radio-group.js +3 -13
- package/dist/sds-radio-group/sds-radio-group.js.map +1 -1
- package/dist/sds-textarea/sds-textarea.d.ts +77 -0
- package/dist/sds-textarea/sds-textarea.d.ts.map +1 -0
- package/dist/sds-textarea/sds-textarea.js +240 -0
- package/dist/sds-textarea/sds-textarea.js.map +1 -0
- package/dist/sds-textarea/sds-textarea.spec.d.ts +2 -0
- package/dist/sds-textarea/sds-textarea.spec.d.ts.map +1 -0
- package/dist/sds-textarea/sds-textarea.spec.js +171 -0
- package/dist/sds-textarea/sds-textarea.spec.js.map +1 -0
- package/dist/sds-textarea/sds-textarea.styles.d.ts +2 -0
- package/dist/sds-textarea/sds-textarea.styles.d.ts.map +1 -0
- package/dist/sds-textarea/sds-textarea.styles.js +118 -0
- package/dist/sds-textarea/sds-textarea.styles.js.map +1 -0
- package/dist/sds-textfield/sds-textfield.d.ts.map +1 -1
- package/dist/sds-textfield/sds-textfield.js +2 -12
- package/dist/sds-textfield/sds-textfield.js.map +1 -1
- package/dist/sheriff-web-components.js +560 -235
- package/dist/utils/renderErrorMessage.d.ts +3 -0
- package/dist/utils/renderErrorMessage.d.ts.map +1 -0
- package/dist/utils/renderErrorMessage.js +9 -0
- package/dist/utils/renderErrorMessage.js.map +1 -0
- package/dist/utils/types.d.ts +2 -0
- package/dist/utils/types.d.ts.map +1 -0
- package/dist/utils/types.js +2 -0
- package/dist/utils/types.js.map +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preact.d.ts","sourceRoot":"","sources":["../../src/frameworks/preact.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAC;AAEhB,OAAO,QAAQ,QAAQ,CAAC;IACvB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"preact.d.ts","sourceRoot":"","sources":["../../src/frameworks/preact.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAC;AAEhB,OAAO,QAAQ,QAAQ,CAAC;IACvB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;YACrB,cAAc,EAAE,GAAG,CAAC;SACpB;KACD;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/frameworks/react.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AAEf,OAAO,QAAQ,OAAO,CAAC;IACtB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/frameworks/react.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AAEf,OAAO,QAAQ,OAAO,CAAC;IACtB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;YACrB,cAAc,EAAE,GAAG,CAAC;SACpB;KACD;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"solidjs.d.ts","sourceRoot":"","sources":["../../src/frameworks/solidjs.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAElB,OAAO,QAAQ,UAAU,CAAC;IACzB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"solidjs.d.ts","sourceRoot":"","sources":["../../src/frameworks/solidjs.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAElB,OAAO,QAAQ,UAAU,CAAC;IACzB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;YACrB,cAAc,EAAE,GAAG,CAAC;SACpB;KACD;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../../src/frameworks/svelte.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,CAAC,GAAG,CAAC;IAC5B,UAAU,iBAAiB;QAC1B,YAAY,EAAE,GAAG,CAAC;QAClB,cAAc,EAAE,GAAG,CAAC;QACpB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,UAAU,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG,CAAC;QAClB,aAAa,EAAE,GAAG,CAAC;QACnB,UAAU,EAAE,GAAG,CAAC;QAChB,WAAW,EAAE,GAAG,CAAC;QACjB,UAAU,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG,CAAC;QAClB,cAAc,EAAE,GAAG,CAAC;QACpB,kBAAkB,EAAE,GAAG,CAAC;QACxB,eAAe,EAAE,GAAG,CAAC;QACrB,WAAW,EAAE,GAAG,CAAC;QACjB,iBAAiB,EAAE,GAAG,CAAC;QACvB,YAAY,EAAE,GAAG,CAAC;QAClB,UAAU,EAAE,GAAG,CAAC;QAChB,eAAe,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../../src/frameworks/svelte.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,CAAC,GAAG,CAAC;IAC5B,UAAU,iBAAiB;QAC1B,YAAY,EAAE,GAAG,CAAC;QAClB,cAAc,EAAE,GAAG,CAAC;QACpB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,UAAU,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG,CAAC;QAClB,aAAa,EAAE,GAAG,CAAC;QACnB,UAAU,EAAE,GAAG,CAAC;QAChB,WAAW,EAAE,GAAG,CAAC;QACjB,UAAU,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG,CAAC;QAClB,cAAc,EAAE,GAAG,CAAC;QACpB,kBAAkB,EAAE,GAAG,CAAC;QACxB,eAAe,EAAE,GAAG,CAAC;QACrB,WAAW,EAAE,GAAG,CAAC;QACjB,iBAAiB,EAAE,GAAG,CAAC;QACvB,YAAY,EAAE,GAAG,CAAC;QAClB,UAAU,EAAE,GAAG,CAAC;QAChB,eAAe,EAAE,GAAG,CAAC;QACrB,cAAc,EAAE,GAAG,CAAC;KACpB;CACD"}
|
package/dist/frameworks/vue.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../../src/frameworks/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,QAAQ,KAAK,CAAC;IACpB,UAAiB,gBAAgB;QAChC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,cAAc,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACrC,oBAAoB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAC3C,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,aAAa,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACpC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,WAAW,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAClC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,cAAc,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACrC,kBAAkB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACzC,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACtC,WAAW,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAClC,iBAAiB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACxC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../../src/frameworks/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,QAAQ,KAAK,CAAC;IACpB,UAAiB,gBAAgB;QAChC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,cAAc,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACrC,oBAAoB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAC3C,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,aAAa,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACpC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,WAAW,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAClC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,cAAc,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACrC,kBAAkB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACzC,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACtC,WAAW,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAClC,iBAAiB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACxC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACtC,cAAc,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;KACrC;CACD"}
|
package/dist/index.d.ts
CHANGED
|
@@ -15,5 +15,6 @@ export { SDSRadio } from './sds-radio/sds-radio';
|
|
|
15
15
|
export { SDSRadioGroup } from './sds-radio-group/sds-radio-group';
|
|
16
16
|
export { SDSSwitch } from './sds-switch/sds-switch';
|
|
17
17
|
export { SDSText } from './sds-text/sds-text';
|
|
18
|
+
export { SDSTextArea } from './sds-textarea/sds-textarea';
|
|
18
19
|
export { SDSTextField } from './sds-textfield/sds-textfield';
|
|
19
20
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -15,5 +15,6 @@ export { SDSRadio } from './sds-radio/sds-radio';
|
|
|
15
15
|
export { SDSRadioGroup } from './sds-radio-group/sds-radio-group';
|
|
16
16
|
export { SDSSwitch } from './sds-switch/sds-switch';
|
|
17
17
|
export { SDSText } from './sds-text/sds-text';
|
|
18
|
+
export { SDSTextArea } from './sds-textarea/sds-textarea';
|
|
18
19
|
export { SDSTextField } from './sds-textfield/sds-textfield';
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { SDSButton } from './sds-button/sds-button';\nexport { SDSCheckbox } from './sds-checkbox/sds-checkbox';\nexport { SDSCheckboxGroup } from './sds-checkbox-group/sds-checkbox-group';\nexport { SDSChip } from './sds-chip/sds-chip';\nexport { SDSDetail } from './sds-detail/sds-detail';\nexport { SDSHeading } from './sds-heading/sds-heading';\nexport { SDSIcon } from './sds-icon/sds-icon';\nexport { SDSLabel } from './sds-label/sds-label';\nexport { SDSLink } from './sds-link/sds-link';\nexport { SDSLoader } from './sds-loader/sds-loader';\nexport { SDSNavCard } from './sds-nav-card/sds-nav-card';\nexport { SDSNotification } from './sds-notification/sds-notification';\nexport { SDSParagraph } from './sds-paragraph/sds-paragraph';\nexport { SDSRadio } from './sds-radio/sds-radio';\nexport { SDSRadioGroup } from './sds-radio-group/sds-radio-group';\nexport { SDSSwitch } from './sds-switch/sds-switch';\nexport { SDSText } from './sds-text/sds-text';\nexport { SDSTextField } from './sds-textfield/sds-textfield';\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { SDSButton } from './sds-button/sds-button';\nexport { SDSCheckbox } from './sds-checkbox/sds-checkbox';\nexport { SDSCheckboxGroup } from './sds-checkbox-group/sds-checkbox-group';\nexport { SDSChip } from './sds-chip/sds-chip';\nexport { SDSDetail } from './sds-detail/sds-detail';\nexport { SDSHeading } from './sds-heading/sds-heading';\nexport { SDSIcon } from './sds-icon/sds-icon';\nexport { SDSLabel } from './sds-label/sds-label';\nexport { SDSLink } from './sds-link/sds-link';\nexport { SDSLoader } from './sds-loader/sds-loader';\nexport { SDSNavCard } from './sds-nav-card/sds-nav-card';\nexport { SDSNotification } from './sds-notification/sds-notification';\nexport { SDSParagraph } from './sds-paragraph/sds-paragraph';\nexport { SDSRadio } from './sds-radio/sds-radio';\nexport { SDSRadioGroup } from './sds-radio-group/sds-radio-group';\nexport { SDSSwitch } from './sds-switch/sds-switch';\nexport { SDSText } from './sds-text/sds-text';\nexport { SDSTextArea } from './sds-textarea/sds-textarea';\nexport { SDSTextField } from './sds-textfield/sds-textfield';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/playwright-util/screenshot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEhD,eAAO,MAAM,uBAAuB,GAAU,MAAM,IAAI,EAAE,WAAW,MAAM,kBA0B1E,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { expect } from '@playwright/test';
|
|
2
|
+
export const takeScreenshotOfElement = async (page, elementId) => {
|
|
3
|
+
await page.reload();
|
|
4
|
+
// Default state
|
|
5
|
+
await expect(page.locator(`#${elementId}`)).toHaveScreenshot(`${elementId}.png`);
|
|
6
|
+
// Hover state
|
|
7
|
+
page.locator(`#${elementId}`).hover();
|
|
8
|
+
await expect(page.locator(`#${elementId}`)).toHaveScreenshot(`${elementId}-hover.png`);
|
|
9
|
+
// Focus state
|
|
10
|
+
await page.evaluate((id) => {
|
|
11
|
+
const element = document.getElementById(id);
|
|
12
|
+
if (element) {
|
|
13
|
+
// Create a white background to show focus ring in screenshots
|
|
14
|
+
const parentDiv = document.createElement('div');
|
|
15
|
+
parentDiv.style.padding = '10px';
|
|
16
|
+
parentDiv.style.backgroundColor = 'white';
|
|
17
|
+
element.parentNode?.insertBefore(parentDiv, element);
|
|
18
|
+
parentDiv.appendChild(element);
|
|
19
|
+
}
|
|
20
|
+
}, elementId);
|
|
21
|
+
page.locator(`#${elementId}`).focus();
|
|
22
|
+
const parentDiv = page.locator(`#${elementId}`).locator('xpath=..');
|
|
23
|
+
await expect(parentDiv).toHaveScreenshot(`${elementId}-focus.png`);
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=screenshot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"screenshot.js","sourceRoot":"","sources":["../../src/playwright-util/screenshot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAQ,MAAM,kBAAkB,CAAC;AAEhD,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAE,IAAU,EAAE,SAAiB,EAAE,EAAE;IAC9E,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;IAEpB,gBAAgB;IAChB,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,SAAS,MAAM,CAAC,CAAC;IAEjF,cAAc;IACd,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;IACtC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,SAAS,YAAY,CAAC,CAAC;IAEvF,cAAc;IACd,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE;QAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAC5C,IAAI,OAAO,EAAE,CAAC;YACb,8DAA8D;YAC9D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACjC,SAAS,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC;YAC1C,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACrD,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACF,CAAC,EAAE,SAAS,CAAC,CAAC;IACd,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;IAEtC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACpE,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,GAAG,SAAS,YAAY,CAAC,CAAC;AACpE,CAAC,CAAC","sourcesContent":["import { expect, Page } from '@playwright/test';\n\nexport const takeScreenshotOfElement = async (page: Page, elementId: string) => {\n\tawait page.reload();\n\n\t// Default state\n\tawait expect(page.locator(`#${elementId}`)).toHaveScreenshot(`${elementId}.png`);\n\n\t// Hover state\n\tpage.locator(`#${elementId}`).hover();\n\tawait expect(page.locator(`#${elementId}`)).toHaveScreenshot(`${elementId}-hover.png`);\n\n\t// Focus state\n\tawait page.evaluate((id) => {\n\t\tconst element = document.getElementById(id);\n\t\tif (element) {\n\t\t\t// Create a white background to show focus ring in screenshots\n\t\t\tconst parentDiv = document.createElement('div');\n\t\t\tparentDiv.style.padding = '10px';\n\t\t\tparentDiv.style.backgroundColor = 'white';\n\t\t\telement.parentNode?.insertBefore(parentDiv, element);\n\t\t\tparentDiv.appendChild(element);\n\t\t}\n\t}, elementId);\n\tpage.locator(`#${elementId}`).focus();\n\n\tconst parentDiv = page.locator(`#${elementId}`).locator('xpath=..');\n\tawait expect(parentDiv).toHaveScreenshot(`${elementId}-focus.png`);\n};\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SDSTextArea } from '../sds-textarea/sds-textarea';
|
|
2
|
+
export declare const SDSTextAreaWrapper: import("@lit/react").ReactWebComponent<SDSTextArea, {
|
|
3
|
+
onInput: string;
|
|
4
|
+
onChange: string;
|
|
5
|
+
onSelect: string;
|
|
6
|
+
onFocus: string;
|
|
7
|
+
onBlur: string;
|
|
8
|
+
}>;
|
|
9
|
+
//# sourceMappingURL=SDSTextAreaWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SDSTextAreaWrapper.d.ts","sourceRoot":"","sources":["../../src/react-wrappers/SDSTextAreaWrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,kBAAkB;;;;;;EAW7B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { SDSTextArea } from '../sds-textarea/sds-textarea';
|
|
4
|
+
export const SDSTextAreaWrapper = createComponent({
|
|
5
|
+
tagName: 'sds-textarea',
|
|
6
|
+
elementClass: SDSTextArea,
|
|
7
|
+
react: React,
|
|
8
|
+
events: {
|
|
9
|
+
onInput: 'input',
|
|
10
|
+
onChange: 'input',
|
|
11
|
+
onSelect: 'select',
|
|
12
|
+
onFocus: 'focus',
|
|
13
|
+
onBlur: 'blur',
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=SDSTextAreaWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SDSTextAreaWrapper.js","sourceRoot":"","sources":["../../src/react-wrappers/SDSTextAreaWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IACjD,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,WAAW;IACzB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,MAAM;KACd;CACD,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { createComponent } from '@lit/react';\nimport { SDSTextArea } from '../sds-textarea/sds-textarea';\n\nexport const SDSTextAreaWrapper = createComponent({\n\ttagName: 'sds-textarea',\n\telementClass: SDSTextArea,\n\treact: React,\n\tevents: {\n\t\tonInput: 'input',\n\t\tonChange: 'input',\n\t\tonSelect: 'select',\n\t\tonFocus: 'focus',\n\t\tonBlur: 'blur',\n\t},\n});\n"]}
|
|
@@ -15,5 +15,6 @@ export { SDSRadioGroupWrapper } from './SDSRadioGroupWrapper';
|
|
|
15
15
|
export { SDSRadioWrapper } from './SDSRadioWrapper';
|
|
16
16
|
export { SDSSwitchWrapper } from './SDSSwitchWrapper';
|
|
17
17
|
export { SDSTextFieldWrapper } from './SDSTextFieldWrapper';
|
|
18
|
+
export { SDSTextAreaWrapper } from './SDSTextAreaWrapper';
|
|
18
19
|
export { SDSTextWrapper } from './SDSTextWrapper';
|
|
19
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-wrappers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-wrappers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -15,5 +15,6 @@ export { SDSRadioGroupWrapper } from './SDSRadioGroupWrapper';
|
|
|
15
15
|
export { SDSRadioWrapper } from './SDSRadioWrapper';
|
|
16
16
|
export { SDSSwitchWrapper } from './SDSSwitchWrapper';
|
|
17
17
|
export { SDSTextFieldWrapper } from './SDSTextFieldWrapper';
|
|
18
|
+
export { SDSTextAreaWrapper } from './SDSTextAreaWrapper';
|
|
18
19
|
export { SDSTextWrapper } from './SDSTextWrapper';
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-wrappers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { SDSButtonWrapper } from './SDSButtonWrapper';\nexport { SDSCheckboxGroupWrapper } from './SDSCheckboxGroupWrapper';\nexport { SDSCheckboxWrapper } from './SDSCheckboxWrapper';\nexport { SDSChipWrapper } from './SDSChipWrapper';\nexport { SDSDetailWrapper } from './SDSDetailWrapper';\nexport { SDSHeadingWrapper } from './SDSHeadingWrapper';\nexport { SDSIconWrapper } from './SDSIconWrapper';\nexport { SDSLabelWrapper } from './SDSLabelWrapper';\nexport { SDSLinkWrapper } from './SDSLinkWrapper';\nexport { SDSLoaderWrapper } from './SDSLoaderWrapper';\nexport { SDSNavCardWrapper } from './SDSNavCardWrapper';\nexport { SDSNotificationWrapper } from './SDSNotificationWrapper';\nexport { SDSParagraphWrapper } from './SDSParagraphWrapper';\nexport { SDSRadioGroupWrapper } from './SDSRadioGroupWrapper';\nexport { SDSRadioWrapper } from './SDSRadioWrapper';\nexport { SDSSwitchWrapper } from './SDSSwitchWrapper';\nexport { SDSTextFieldWrapper } from './SDSTextFieldWrapper';\nexport { SDSTextWrapper } from './SDSTextWrapper';\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-wrappers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { SDSButtonWrapper } from './SDSButtonWrapper';\nexport { SDSCheckboxGroupWrapper } from './SDSCheckboxGroupWrapper';\nexport { SDSCheckboxWrapper } from './SDSCheckboxWrapper';\nexport { SDSChipWrapper } from './SDSChipWrapper';\nexport { SDSDetailWrapper } from './SDSDetailWrapper';\nexport { SDSHeadingWrapper } from './SDSHeadingWrapper';\nexport { SDSIconWrapper } from './SDSIconWrapper';\nexport { SDSLabelWrapper } from './SDSLabelWrapper';\nexport { SDSLinkWrapper } from './SDSLinkWrapper';\nexport { SDSLoaderWrapper } from './SDSLoaderWrapper';\nexport { SDSNavCardWrapper } from './SDSNavCardWrapper';\nexport { SDSNotificationWrapper } from './SDSNotificationWrapper';\nexport { SDSParagraphWrapper } from './SDSParagraphWrapper';\nexport { SDSRadioGroupWrapper } from './SDSRadioGroupWrapper';\nexport { SDSRadioWrapper } from './SDSRadioWrapper';\nexport { SDSSwitchWrapper } from './SDSSwitchWrapper';\nexport { SDSTextFieldWrapper } from './SDSTextFieldWrapper';\nexport { SDSTextAreaWrapper } from './SDSTextAreaWrapper';\nexport { SDSTextWrapper } from './SDSTextWrapper';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-checkbox-group.d.ts","sourceRoot":"","sources":["../../src/sds-checkbox-group/sds-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAMhD,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-checkbox-group.d.ts","sourceRoot":"","sources":["../../src/sds-checkbox-group/sds-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAMhD,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;AAI9B,MAAM,WAAW,qBAAqB;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CACtE;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAE/C,OAAgB,MAAM,4BAAY;IAGS,MAAM,CAAC,EAAE,MAAM,CAAC;IACQ,QAAQ,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IAG7F,OAAO,CAAC,eAAe,CAAgB;IAEvC,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAapC;IAEF,IAAI,KAAK,IAAI,EAAE,CAEd;IAEQ,MAAM;CAiBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
|
|
@@ -11,6 +11,7 @@ import { guardedCustomElement } from '../utils/guarded-custom-element';
|
|
|
11
11
|
import { styles } from './sds-checkbox-group.styles';
|
|
12
12
|
import '../sds-checkbox/sds-checkbox';
|
|
13
13
|
import '../sds-icon/sds-icon';
|
|
14
|
+
import { renderErrorMessage } from '../utils/renderErrorMessage';
|
|
14
15
|
let SDSCheckboxGroup = class SDSCheckboxGroup extends LitElement {
|
|
15
16
|
constructor() {
|
|
16
17
|
super(...arguments);
|
|
@@ -19,9 +20,7 @@ let SDSCheckboxGroup = class SDSCheckboxGroup extends LitElement {
|
|
|
19
20
|
const checkbox = event.target;
|
|
20
21
|
const value = checkbox.value;
|
|
21
22
|
const isChecked = checkbox.checked;
|
|
22
|
-
this._selectedValues = isChecked
|
|
23
|
-
? [...this._selectedValues, value]
|
|
24
|
-
: this._selectedValues.filter((v) => v !== value);
|
|
23
|
+
this._selectedValues = isChecked ? [...this._selectedValues, value] : this._selectedValues.filter((v) => v !== value);
|
|
25
24
|
this.dispatchEvent(new CustomEvent('sds-update', {
|
|
26
25
|
bubbles: true,
|
|
27
26
|
composed: true,
|
|
@@ -43,16 +42,7 @@ let SDSCheckboxGroup = class SDSCheckboxGroup extends LitElement {
|
|
|
43
42
|
<div class="sds-checkbox-group__checkboxes">
|
|
44
43
|
<slot @change=${this._handleCheckboxChange}></slot>
|
|
45
44
|
</div>
|
|
46
|
-
${this.errorMessage
|
|
47
|
-
? html `<p class="sds-checkbox-group__error-message">
|
|
48
|
-
<sds-icon
|
|
49
|
-
name="warning-material-filled"
|
|
50
|
-
size="m"
|
|
51
|
-
color="var(--sds-color-semantic-icon-critical)"
|
|
52
|
-
></sds-icon>
|
|
53
|
-
${this.errorMessage}
|
|
54
|
-
</p>`
|
|
55
|
-
: nothing}
|
|
45
|
+
${renderErrorMessage(this.errorMessage, 'sds-checkbox-group__error-message')}
|
|
56
46
|
</fieldset>
|
|
57
47
|
`;
|
|
58
48
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-checkbox-group.js","sourceRoot":"","sources":["../../src/sds-checkbox-group/sds-checkbox-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-checkbox-group.js","sourceRoot":"","sources":["../../src/sds-checkbox-group/sds-checkbox-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAW1D,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAUE,oBAAe,GAAa,EAAE,CAAC;QAEtB,0BAAqB,GAAG,CAAC,KAAkB,EAAQ,EAAE;YACrE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAA0B,CAAC;YAClD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;YAC7B,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC;YAEnC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;YAEtH,IAAI,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,YAAY,EAAE;gBAC7B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACd,CAAC,CACF,CAAC;QACH,CAAC,CAAC;IAuBH,CAAC;IArBA,IAAI,KAAK;QACR,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;IACjD,CAAC;IAEQ,MAAM;QACd,MAAM,YAAY,GAAG;YACpB,oBAAoB,EAAE,IAAI;YAC1B,2BAA2B,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;SACvD,CAAC;QAEF,OAAO,IAAI,CAAA;sBACS,QAAQ,CAAC,YAAY,CAAC;MACtC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,8CAA8C,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,OAAO;MAChG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,4CAA4C,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,OAAO;;qBAE9E,IAAI,CAAC,qBAAqB;;MAEzC,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,mCAAmC,CAAC;;GAE7E,CAAC;IACH,CAAC;;AA9CD,UAAU;AACM,uBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAGS;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAiB;AACQ;IAAlE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAmB;AACd;IAAtE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAuB;AAGrF;IADP,KAAK,EAAE;yDAC+B;AAV3B,gBAAgB;IAD5B,oBAAoB,CAAC,oBAAoB,CAAC;GAC9B,gBAAgB,CAgD5B","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { styles } from './sds-checkbox-group.styles';\n\nimport '../sds-checkbox/sds-checkbox';\nimport '../sds-icon/sds-icon';\nimport { renderErrorMessage } from '../utils/renderErrorMessage';\n\n// Props Interface\nexport interface SDSCheckboxGroupProps {\n\tlegend?: string;\n\t'help-text'?: string;\n\t'error-message'?: string;\n\tonChange?: (event: CustomEvent<{ selectedValues: string[] }>) => void;\n}\n\n@guardedCustomElement('sds-checkbox-group')\nexport class SDSCheckboxGroup extends LitElement {\n\t// Styling\n\tstatic override styles = [styles];\n\n\t// Props\n\t@property({ type: String, reflect: true }) legend?: string;\n\t@property({ type: String, attribute: 'help-text', reflect: true }) helpText?: string;\n\t@property({ type: String, attribute: 'error-message', reflect: true }) errorMessage?: string;\n\n\t@state()\n\tprivate _selectedValues: string[] = [];\n\n\tprivate readonly _handleCheckboxChange = (event: CustomEvent): void => {\n\t\tconst checkbox = event.target as HTMLInputElement;\n\t\tconst value = checkbox.value;\n\t\tconst isChecked = checkbox.checked;\n\n\t\tthis._selectedValues = isChecked ? [...this._selectedValues, value] : this._selectedValues.filter((v) => v !== value);\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('sds-update', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t);\n\t};\n\n\tget value(): {} {\n\t\treturn { selectedValues: this._selectedValues };\n\t}\n\n\toverride render() {\n\t\tconst groupClasses = {\n\t\t\t'sds-checkbox-group': true,\n\t\t\t'sds-checkbox-group--error': Boolean(this.errorMessage),\n\t\t};\n\n\t\treturn html`\n\t\t\t<fieldset class=\"${classMap(groupClasses)}\">\n\t\t\t\t${this.legend ? html`<legend class=\"sds-checkbox-group__legend\">${this.legend}</legend>` : nothing}\n\t\t\t\t${this.helpText ? html`<p class=\"sds-checkbox-group__help-text\">${this.helpText}</p>` : nothing}\n\t\t\t\t<div class=\"sds-checkbox-group__checkboxes\">\n\t\t\t\t\t<slot @change=${this._handleCheckboxChange}></slot>\n\t\t\t\t</div>\n\t\t\t\t${renderErrorMessage(this.errorMessage, 'sds-checkbox-group__error-message')}\n\t\t\t</fieldset>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-checkbox-group': SDSCheckboxGroup;\n\t}\n}\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { test } from '@playwright/test';
|
|
2
2
|
import { onFormSubmitCallback } from '../playwright-util/form';
|
|
3
3
|
import { expect } from '../playwright-util/custom-matchers';
|
|
4
|
+
import { takeScreenshotOfElement } from 'src/playwright-util/screenshot';
|
|
4
5
|
test.describe('radio-component', () => {
|
|
5
6
|
test.beforeEach(async ({ page }) => {
|
|
6
7
|
await page.goto('iframe.html?viewMode=docs&id=test-radio--docs');
|
|
@@ -67,5 +68,11 @@ test.describe('radio-component', () => {
|
|
|
67
68
|
await expect(page.locator('#unchecked')).isNotChecked();
|
|
68
69
|
await expect(page.locator('#checked')).isChecked();
|
|
69
70
|
});
|
|
71
|
+
test('design-implementation', async ({ page }) => {
|
|
72
|
+
const elementIds = ['with-label', 'unchecked', 'checked', 'custom-value', 'disabled', 'checked-disabled'];
|
|
73
|
+
for (const elementId of elementIds) {
|
|
74
|
+
await takeScreenshotOfElement(page, elementId);
|
|
75
|
+
}
|
|
76
|
+
});
|
|
70
77
|
});
|
|
71
78
|
//# sourceMappingURL=sds-radio.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-radio.spec.js","sourceRoot":"","sources":["../../src/sds-radio/sds-radio.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-radio.spec.js","sourceRoot":"","sources":["../../src/sds-radio/sds-radio.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,IAAI,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACrC,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACxD,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACvD,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACrD,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC1D,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACtD,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjC,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACnD,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,YAAY,EAAE,CAAC;QAE5C,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAClD,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,YAAY,EAAE,CAAC;QAE5C,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC9C,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,CAAC;QAEvC,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChD,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAE5D,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC/D,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC,SAAS,EAAE,CAAC;QAC/C,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC,KAAK,EAAE,CAAC;QACzD,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACnD,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,CAAC;QAEzC,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAClD,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;QAC7B,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,CAAC;QAEzC,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChD,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAC5B,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC,YAAY,EAAE,CAAC;QAE3C,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC/D,MAAM,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC,SAAS,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC1C,MAAM,WAAW,GAAG,MAAM,oBAAoB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QAEnE,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACzD,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAE/B,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAC1D,MAAM,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAEhC,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAC1D,MAAM,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAEhC,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC;QAE7C,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,WAAW,EAAE,CAAC,KAAK,IAAI,EAAE,wBAAwB,CAAC,CAAC,UAAU,EAAE,CAAC;QACrG,MAAM,QAAQ,GAAG,MAAM,WAAW,EAAE,CAAC;QAErC,MAAM,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC;YAC9B,OAAO,EAAE,IAAI;YACb,cAAc,EAAE,cAAc;YAC9B,aAAa,EAAE,UAAU;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACjD,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAChD,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACrC,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAEvC,MAAM,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC;QAE5C,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;QACxD,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAChD,MAAM,UAAU,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC;QAC1G,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;YACpC,MAAM,uBAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAChD,CAAC;IACF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { onFormSubmitCallback } from '../playwright-util/form';\nimport { expect } from '../playwright-util/custom-matchers';\nimport { takeScreenshotOfElement } from 'src/playwright-util/screenshot';\n\ntest.describe('radio-component', () => {\n\ttest.beforeEach(async ({ page }) => {\n\t\tawait page.goto('iframe.html?viewMode=docs&id=test-radio--docs');\n\t});\n\n\ttest('visibility', async ({ page }) => {\n\t\tawait expect(page.locator('#with-label')).toBeVisible();\n\t\tawait expect(page.locator('#unchecked')).toBeVisible();\n\t\tawait expect(page.locator('#checked')).toBeVisible();\n\t\tawait expect(page.locator('#custom-value')).toBeVisible();\n\t\tawait expect(page.locator('#disabled')).toBeVisible();\n\t\tawait expect(page.locator('#checked-disabled')).toBeVisible();\n\t});\n\n\ttest('states', async ({ page }) => {\n\t\tconst radioWithLabel = page.locator('#with-label');\n\t\tawait expect(radioWithLabel).isNotChecked();\n\n\t\tconst uncheckedRadio = page.locator('#unchecked');\n\t\tawait expect(uncheckedRadio).isNotChecked();\n\n\t\tconst checkedRadio = page.locator('#checked');\n\t\tawait expect(checkedRadio).isChecked();\n\n\t\tconst disabledRadio = page.locator('#disabled');\n\t\tawait expect(disabledRadio).toHaveAttribute('disabled', '');\n\n\t\tconst checkedDisabledRadio = page.locator('#checked-disabled');\n\t\tawait expect(checkedDisabledRadio).isChecked();\n\t\tawait expect(checkedDisabledRadio).toHaveAttribute('disabled', '');\n\t});\n\n\ttest('interaction', async ({ page }) => {\n\t\tawait page.getByLabel('Radio button with label').click();\n\t\tconst radioWithLabel = page.locator('#with-label');\n\t\tawait expect(radioWithLabel).isChecked();\n\n\t\tconst uncheckedRadio = page.locator('#unchecked');\n\t\tawait uncheckedRadio.click();\n\t\tawait expect(uncheckedRadio).isChecked();\n\n\t\tconst disabledRadio = page.locator('#disabled');\n\t\tawait disabledRadio.click();\n\t\tawait expect(disabledRadio).isNotChecked();\n\n\t\tconst checkedDisabledRadio = page.locator('#checked-disabled');\n\t\tawait checkedDisabledRadio.click();\n\t\tawait expect(checkedDisabledRadio).isChecked();\n\t});\n\n\ttest('form-submission', async ({ page }) => {\n\t\tconst getFormData = await onFormSubmitCallback(page, 'radio-form');\n\n\t\tconst radioGroupMember = page.locator('#group-member-1');\n\t\tawait radioGroupMember.click();\n\n\t\tconst radioGroupMember2 = page.locator('#group-member-2');\n\t\tawait radioGroupMember2.click();\n\n\t\tconst radioGroupMember3 = page.locator('#group-member-3');\n\t\tawait radioGroupMember3.click();\n\n\t\tawait page.locator('#submit-button').click();\n\n\t\tawait expect.poll(async () => (await getFormData()) !== null, 'Form data not received').toBeTruthy();\n\t\tconst formData = await getFormData();\n\n\t\texpect(formData).toMatchObject({\n\t\t\tchecked: 'on',\n\t\t\t'custom-value': 'custom-value',\n\t\t\t'radio-group': 'option-3',\n\t\t});\n\t\texpect(formData).not.toHaveProperty('unchecked');\n\t\texpect(formData).not.toHaveProperty('disabled');\n\t\texpect(formData).not.toHaveProperty('checked-disabled');\n\t});\n\n\ttest('form-reset', async ({ page }) => {\n\t\tawait page.locator('#unchecked').click();\n\t\tawait page.locator('#checked').click();\n\n\t\tawait page.locator('#reset-button').click();\n\n\t\tawait expect(page.locator('#unchecked')).isNotChecked();\n\t\tawait expect(page.locator('#checked')).isChecked();\n\t});\n\n\ttest('design-implementation', async ({ page }) => {\n\t\tconst elementIds = ['with-label', 'unchecked', 'checked', 'custom-value', 'disabled', 'checked-disabled'];\n\t\tfor (const elementId of elementIds) {\n\t\t\tawait takeScreenshotOfElement(page, elementId);\n\t\t}\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-radio-group.d.ts","sourceRoot":"","sources":["../../src/sds-radio-group/sds-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-radio-group.d.ts","sourceRoot":"","sources":["../../src/sds-radio-group/sds-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAG9B;;;GAGG;AAEH,MAAM,WAAW,kBAAkB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAAY;IAEN,MAAM,CAAC,EAAE,MAAM,CAAC;IACQ,QAAQ,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IAErE,OAAO,CAAC,cAAc,CAAuB;IAEtD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAajC;IAEF,IAAI,KAAK,IAAI,EAAE,CAEd;IAEQ,MAAM;CAYf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD"}
|
|
@@ -10,14 +10,13 @@ import { guardedCustomElement } from '../utils/guarded-custom-element';
|
|
|
10
10
|
import { styles } from './sds-radio-group.styles';
|
|
11
11
|
import '../sds-radio/sds-radio';
|
|
12
12
|
import '../sds-icon/sds-icon';
|
|
13
|
+
import { renderErrorMessage } from '../utils/renderErrorMessage';
|
|
13
14
|
let SDSRadioGroup = class SDSRadioGroup extends LitElement {
|
|
14
15
|
constructor() {
|
|
15
16
|
super(...arguments);
|
|
16
17
|
this._selectedValue = null;
|
|
17
18
|
this._handleRadioChange = (event) => {
|
|
18
|
-
const target = event
|
|
19
|
-
.composedPath()
|
|
20
|
-
.find((el) => el instanceof HTMLElement && el.tagName === 'SDS-RADIO');
|
|
19
|
+
const target = event.composedPath().find((el) => el instanceof HTMLElement && el.tagName === 'SDS-RADIO');
|
|
21
20
|
if (target) {
|
|
22
21
|
this._selectedValue = target.getAttribute('value') || null;
|
|
23
22
|
this.dispatchEvent(new CustomEvent('sds-update', {
|
|
@@ -38,16 +37,7 @@ let SDSRadioGroup = class SDSRadioGroup extends LitElement {
|
|
|
38
37
|
<div class="sds-radio-group__radios" @change=${this._handleRadioChange}>
|
|
39
38
|
<slot></slot>
|
|
40
39
|
</div>
|
|
41
|
-
${this.errorMessage
|
|
42
|
-
? html `<p class="sds-radio-group__error-message">
|
|
43
|
-
<sds-icon
|
|
44
|
-
name="warning-material-filled"
|
|
45
|
-
size="m"
|
|
46
|
-
color="var(--sds-color-semantic-icon-critical)"
|
|
47
|
-
></sds-icon>
|
|
48
|
-
${this.errorMessage}
|
|
49
|
-
</p>`
|
|
50
|
-
: nothing}
|
|
40
|
+
${renderErrorMessage(this.errorMessage, 'sds-radio-group__error-message')}
|
|
51
41
|
</fieldset>
|
|
52
42
|
`;
|
|
53
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-radio-group.js","sourceRoot":"","sources":["../../src/sds-radio-group/sds-radio-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-radio-group.js","sourceRoot":"","sources":["../../src/sds-radio-group/sds-radio-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAe1D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAOW,mBAAc,GAAkB,IAAI,CAAC;QAErC,uBAAkB,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC5D,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,YAAY,WAAW,IAAI,EAAE,CAAC,OAAO,KAAK,WAAW,CAAoC,CAAC;YAE7I,IAAI,MAAM,EAAE,CAAC;gBACZ,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;gBAE3D,IAAI,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,YAAY,EAAE;oBAC7B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACd,CAAC,CACF,CAAC;YACH,CAAC;QACF,CAAC,CAAC;IAkBH,CAAC;IAhBA,IAAI,KAAK;QACR,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC;IAC/C,CAAC;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA;;MAEP,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,2CAA2C,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,OAAO;MAC7F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,OAAO;mDAC7C,IAAI,CAAC,kBAAkB;;;MAGpE,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,gCAAgC,CAAC;;GAE1E,CAAC;IACH,CAAC;;AAtCe,oBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEN;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAiB;AACQ;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;+CAAmB;AACd;IAAvD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;mDAAuB;AAE7D;IAAhB,KAAK,EAAE;qDAA8C;AAP1C,aAAa;IADzB,oBAAoB,CAAC,iBAAiB,CAAC;GAC3B,aAAa,CAwCzB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { styles } from './sds-radio-group.styles';\n\nimport '../sds-radio/sds-radio';\nimport '../sds-icon/sds-icon';\nimport { renderErrorMessage } from '../utils/renderErrorMessage';\n\n/**\n * TODO: Implement keyboard navigation behavior according to\n * https://www.w3.org/WAI/ARIA/apg/patterns/radio/\n */\n\nexport interface SDSRadioGroupProps {\n\tlegend?: string;\n\t'help-text'?: string;\n\t'error-message'?: string;\n\tonChange?: (event: CustomEvent<{ selectedValue: string | null }>) => void;\n}\n\n@guardedCustomElement('sds-radio-group')\nexport class SDSRadioGroup extends LitElement {\n\tstatic override styles = [styles];\n\n\t@property({ type: String }) legend?: string;\n\t@property({ type: String, attribute: 'help-text' }) helpText?: string;\n\t@property({ type: String, attribute: 'error-message' }) errorMessage?: string;\n\n\t@state() private _selectedValue: string | null = null;\n\n\tprivate readonly _handleRadioChange = (event: Event): void => {\n\t\tconst target = event.composedPath().find((el) => el instanceof HTMLElement && el.tagName === 'SDS-RADIO') as HTMLElement & { value: string };\n\n\t\tif (target) {\n\t\t\tthis._selectedValue = target.getAttribute('value') || null;\n\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('sds-update', {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t};\n\n\tget value(): {} {\n\t\treturn { selectedValue: this._selectedValue };\n\t}\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<fieldset class=\"sds-radio-group\">\n\t\t\t\t${this.legend ? html`<legend class=\"sds-radio-group__legend\">${this.legend}</legend>` : nothing}\n\t\t\t\t${this.helpText ? html`<p class=\"sds-radio-group__help-text\">${this.helpText}</p>` : nothing}\n\t\t\t\t<div class=\"sds-radio-group__radios\" @change=${this._handleRadioChange}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t\t${renderErrorMessage(this.errorMessage, 'sds-radio-group__error-message')}\n\t\t\t</fieldset>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-radio-group': SDSRadioGroup;\n\t}\n}\n"]}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '../sds-icon/sds-icon';
|
|
3
|
+
export interface SDSTextAreaProps {
|
|
4
|
+
value?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
'help-text'?: string;
|
|
9
|
+
'error-message'?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readonly?: boolean;
|
|
12
|
+
autocomplete?: HTMLTextAreaElement['autocomplete'];
|
|
13
|
+
required?: boolean;
|
|
14
|
+
rows?: number;
|
|
15
|
+
cols?: number;
|
|
16
|
+
wrap?: 'hard' | 'soft' | 'off';
|
|
17
|
+
minlength?: number;
|
|
18
|
+
maxlength?: number;
|
|
19
|
+
counter?: number;
|
|
20
|
+
onInput?: (event: Event) => void;
|
|
21
|
+
onChange?: (event: Event) => void;
|
|
22
|
+
onSelect?: (event: Event) => void;
|
|
23
|
+
onFocus?: (event: Event) => void;
|
|
24
|
+
onBlur?: (event: Event) => void;
|
|
25
|
+
}
|
|
26
|
+
export declare class SDSTextArea extends LitElement {
|
|
27
|
+
static styles: import("lit").CSSResult[];
|
|
28
|
+
value?: string;
|
|
29
|
+
name?: string;
|
|
30
|
+
label?: string;
|
|
31
|
+
placeholder?: string;
|
|
32
|
+
helpText?: string;
|
|
33
|
+
errorMessage?: string;
|
|
34
|
+
disabled: boolean;
|
|
35
|
+
readOnly: boolean;
|
|
36
|
+
autocomplete?: HTMLTextAreaElement['autocomplete'];
|
|
37
|
+
required: boolean;
|
|
38
|
+
rows?: number;
|
|
39
|
+
cols?: number;
|
|
40
|
+
wrap?: 'hard' | 'soft';
|
|
41
|
+
minlength?: number;
|
|
42
|
+
maxlength?: number;
|
|
43
|
+
counter?: number;
|
|
44
|
+
control: HTMLTextAreaElement;
|
|
45
|
+
static formAssociated: boolean;
|
|
46
|
+
readonly internals: ElementInternals;
|
|
47
|
+
private _defaultValue;
|
|
48
|
+
constructor();
|
|
49
|
+
connectedCallback(): void;
|
|
50
|
+
private updateValidity;
|
|
51
|
+
private renderCharacterCounter;
|
|
52
|
+
private readonly _handleInputChange;
|
|
53
|
+
private readonly _handleSelect;
|
|
54
|
+
private readonly _handleFocus;
|
|
55
|
+
private readonly _handleBlur;
|
|
56
|
+
formResetCallback(): void;
|
|
57
|
+
select(): void;
|
|
58
|
+
type(): string;
|
|
59
|
+
focus(): void;
|
|
60
|
+
blur(): void;
|
|
61
|
+
click(): void;
|
|
62
|
+
get selectionStart(): number | null;
|
|
63
|
+
set selectionStart(value: number | null);
|
|
64
|
+
get selectionEnd(): number | null;
|
|
65
|
+
set selectionEnd(value: number | null);
|
|
66
|
+
setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none'): void;
|
|
67
|
+
checkValidity(): boolean;
|
|
68
|
+
reportValidity(): boolean;
|
|
69
|
+
setCustomValidity(message: string): void;
|
|
70
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
71
|
+
}
|
|
72
|
+
declare global {
|
|
73
|
+
interface HTMLElementTagNameMap {
|
|
74
|
+
'sds-textarea': SDSTextArea;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=sds-textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sds-textarea.d.ts","sourceRoot":"","sources":["../../src/sds-textarea/sds-textarea.ts"],"names":[],"mappings":"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"}
|