sas-ui 0.8.141 → 0.8.142
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/cjs/sas-alert_22.cjs.entry.js +2 -1
- package/dist/cjs/sas-details.cjs.entry.js +6 -1
- package/dist/collection/components/sas-details/sas-details.js +6 -1
- package/dist/collection/components/sas-select/sas-select.js +2 -1
- package/dist/custom-elements/index.js +8 -2
- package/dist/esm/sas-alert_22.entry.js +2 -1
- package/dist/esm/sas-details.entry.js +6 -1
- package/dist/sas-ui/{p-0028ad05.entry.js → p-61226927.entry.js} +1 -1
- package/dist/sas-ui/p-66efc595.entry.js +1 -0
- package/dist/sas-ui/sas-ui.esm.js +1 -1
- package/dist/types/components/sas-details/sas-details.d.ts +1 -0
- package/package.json +1 -1
- package/dist/sas-ui/p-d697a786.entry.js +0 -1
|
@@ -4958,7 +4958,8 @@ let SasSelect = class {
|
|
|
4958
4958
|
getErrorMessage() {
|
|
4959
4959
|
const validity = this.validity;
|
|
4960
4960
|
if (validity.valueMissing) {
|
|
4961
|
-
|
|
4961
|
+
const prefix = Boolean(this.label) ? this.label : 'Field';
|
|
4962
|
+
return `${prefix} is required`;
|
|
4962
4963
|
}
|
|
4963
4964
|
}
|
|
4964
4965
|
checkShadowDom() {
|
|
@@ -32,7 +32,7 @@ let SasDetails = class {
|
|
|
32
32
|
let summaryElement = this.el.querySelector('[slot="summary"]');
|
|
33
33
|
summaryElement.tabIndex = 0;
|
|
34
34
|
let contentElement = this.el.querySelector('[slot="content"]');
|
|
35
|
-
this.height =
|
|
35
|
+
this.height = this.getHeight();
|
|
36
36
|
if (!this.open) {
|
|
37
37
|
contentElement.style.height = '0';
|
|
38
38
|
}
|
|
@@ -44,6 +44,10 @@ let SasDetails = class {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
+
getHeight() {
|
|
48
|
+
let contentElement = this.el.querySelector('[slot="content"]');
|
|
49
|
+
return contentElement.getBoundingClientRect().height;
|
|
50
|
+
}
|
|
47
51
|
hasContent(contentElement) {
|
|
48
52
|
if (contentElement && contentElement.innerHTML) {
|
|
49
53
|
return true;
|
|
@@ -64,6 +68,7 @@ let SasDetails = class {
|
|
|
64
68
|
if (this.hasContent(contentElement)) {
|
|
65
69
|
const currentHeight = contentElement.getBoundingClientRect().height;
|
|
66
70
|
const isOpen = currentHeight > 0 ? true : false;
|
|
71
|
+
this.height = this.height > 0 ? this.height : this.getHeight();
|
|
67
72
|
const originalHeight = this.height;
|
|
68
73
|
let drawFunction;
|
|
69
74
|
if (isOpen) {
|
|
@@ -28,7 +28,7 @@ export class SasDetails {
|
|
|
28
28
|
let summaryElement = this.el.querySelector('[slot="summary"]');
|
|
29
29
|
summaryElement.tabIndex = 0;
|
|
30
30
|
let contentElement = this.el.querySelector('[slot="content"]');
|
|
31
|
-
this.height =
|
|
31
|
+
this.height = this.getHeight();
|
|
32
32
|
if (!this.open) {
|
|
33
33
|
contentElement.style.height = '0';
|
|
34
34
|
}
|
|
@@ -40,6 +40,10 @@ export class SasDetails {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
+
getHeight() {
|
|
44
|
+
let contentElement = this.el.querySelector('[slot="content"]');
|
|
45
|
+
return contentElement.getBoundingClientRect().height;
|
|
46
|
+
}
|
|
43
47
|
hasContent(contentElement) {
|
|
44
48
|
if (contentElement && contentElement.innerHTML) {
|
|
45
49
|
return true;
|
|
@@ -60,6 +64,7 @@ export class SasDetails {
|
|
|
60
64
|
if (this.hasContent(contentElement)) {
|
|
61
65
|
const currentHeight = contentElement.getBoundingClientRect().height;
|
|
62
66
|
const isOpen = currentHeight > 0 ? true : false;
|
|
67
|
+
this.height = this.height > 0 ? this.height : this.getHeight();
|
|
63
68
|
const originalHeight = this.height;
|
|
64
69
|
let drawFunction;
|
|
65
70
|
if (isOpen) {
|
|
@@ -336,7 +336,8 @@ export class SasSelect {
|
|
|
336
336
|
getErrorMessage() {
|
|
337
337
|
const validity = this.validity;
|
|
338
338
|
if (validity.valueMissing) {
|
|
339
|
-
|
|
339
|
+
const prefix = Boolean(this.label) ? this.label : 'Field';
|
|
340
|
+
return `${prefix} is required`;
|
|
340
341
|
}
|
|
341
342
|
}
|
|
342
343
|
checkShadowDom() {
|
|
@@ -6674,7 +6674,7 @@ let SasDetails$1 = class extends H {
|
|
|
6674
6674
|
let summaryElement = this.el.querySelector('[slot="summary"]');
|
|
6675
6675
|
summaryElement.tabIndex = 0;
|
|
6676
6676
|
let contentElement = this.el.querySelector('[slot="content"]');
|
|
6677
|
-
this.height =
|
|
6677
|
+
this.height = this.getHeight();
|
|
6678
6678
|
if (!this.open) {
|
|
6679
6679
|
contentElement.style.height = '0';
|
|
6680
6680
|
}
|
|
@@ -6686,6 +6686,10 @@ let SasDetails$1 = class extends H {
|
|
|
6686
6686
|
}
|
|
6687
6687
|
}
|
|
6688
6688
|
}
|
|
6689
|
+
getHeight() {
|
|
6690
|
+
let contentElement = this.el.querySelector('[slot="content"]');
|
|
6691
|
+
return contentElement.getBoundingClientRect().height;
|
|
6692
|
+
}
|
|
6689
6693
|
hasContent(contentElement) {
|
|
6690
6694
|
if (contentElement && contentElement.innerHTML) {
|
|
6691
6695
|
return true;
|
|
@@ -6706,6 +6710,7 @@ let SasDetails$1 = class extends H {
|
|
|
6706
6710
|
if (this.hasContent(contentElement)) {
|
|
6707
6711
|
const currentHeight = contentElement.getBoundingClientRect().height;
|
|
6708
6712
|
const isOpen = currentHeight > 0 ? true : false;
|
|
6713
|
+
this.height = this.height > 0 ? this.height : this.getHeight();
|
|
6709
6714
|
const originalHeight = this.height;
|
|
6710
6715
|
let drawFunction;
|
|
6711
6716
|
if (isOpen) {
|
|
@@ -12765,7 +12770,8 @@ let SasSelect$1 = class extends H {
|
|
|
12765
12770
|
getErrorMessage() {
|
|
12766
12771
|
const validity = this.validity;
|
|
12767
12772
|
if (validity.valueMissing) {
|
|
12768
|
-
|
|
12773
|
+
const prefix = Boolean(this.label) ? this.label : 'Field';
|
|
12774
|
+
return `${prefix} is required`;
|
|
12769
12775
|
}
|
|
12770
12776
|
}
|
|
12771
12777
|
checkShadowDom() {
|
|
@@ -4954,7 +4954,8 @@ let SasSelect = class {
|
|
|
4954
4954
|
getErrorMessage() {
|
|
4955
4955
|
const validity = this.validity;
|
|
4956
4956
|
if (validity.valueMissing) {
|
|
4957
|
-
|
|
4957
|
+
const prefix = Boolean(this.label) ? this.label : 'Field';
|
|
4958
|
+
return `${prefix} is required`;
|
|
4958
4959
|
}
|
|
4959
4960
|
}
|
|
4960
4961
|
checkShadowDom() {
|
|
@@ -28,7 +28,7 @@ let SasDetails = class {
|
|
|
28
28
|
let summaryElement = this.el.querySelector('[slot="summary"]');
|
|
29
29
|
summaryElement.tabIndex = 0;
|
|
30
30
|
let contentElement = this.el.querySelector('[slot="content"]');
|
|
31
|
-
this.height =
|
|
31
|
+
this.height = this.getHeight();
|
|
32
32
|
if (!this.open) {
|
|
33
33
|
contentElement.style.height = '0';
|
|
34
34
|
}
|
|
@@ -40,6 +40,10 @@ let SasDetails = class {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
+
getHeight() {
|
|
44
|
+
let contentElement = this.el.querySelector('[slot="content"]');
|
|
45
|
+
return contentElement.getBoundingClientRect().height;
|
|
46
|
+
}
|
|
43
47
|
hasContent(contentElement) {
|
|
44
48
|
if (contentElement && contentElement.innerHTML) {
|
|
45
49
|
return true;
|
|
@@ -60,6 +64,7 @@ let SasDetails = class {
|
|
|
60
64
|
if (this.hasContent(contentElement)) {
|
|
61
65
|
const currentHeight = contentElement.getBoundingClientRect().height;
|
|
62
66
|
const isOpen = currentHeight > 0 ? true : false;
|
|
67
|
+
this.height = this.height > 0 ? this.height : this.getHeight();
|
|
63
68
|
const originalHeight = this.height;
|
|
64
69
|
let drawFunction;
|
|
65
70
|
if (isOpen) {
|