@descope/web-components-ui 1.26.0 → 1.28.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.
Files changed (24) hide show
  1. package/dist/cjs/index.cjs.js +14 -5
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +16 -7
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/DescopeDev.js +1 -1
  6. package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
  7. package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
  8. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
  9. package/dist/umd/descope-button-index-js.js +4 -4
  10. package/dist/umd/descope-date-field-descope-calendar-index-js.js +1 -1
  11. package/dist/umd/descope-date-field-index-js.js +1 -1
  12. package/dist/umd/descope-icon-index-js.js +1 -1
  13. package/dist/umd/descope-third-party-app-logo-index-js.js +1 -1
  14. package/dist/umd/descope-upload-file-index-js.js +1 -1
  15. package/dist/umd/descope-user-attribute-index-js.js +1 -1
  16. package/dist/umd/descope-user-auth-method-index-js.js +1 -1
  17. package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
  18. package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
  19. package/package.json +1 -1
  20. package/src/components/descope-date-field/DateFieldClass.js +1 -1
  21. package/src/components/descope-date-field/descope-calendar/CalendarClass.js +2 -4
  22. package/src/components/descope-date-field/descope-calendar/index.js +0 -1
  23. package/src/components/descope-date-field/index.js +0 -1
  24. package/src/components/descope-icon/IconClass.js +11 -0
package/src/components/descope-date-field/DateFieldClass.js CHANGED
@@ -83,7 +83,7 @@ class RawDateFieldClass extends BaseInputClass {
83
83
  <div>
84
84
  <descope-text-field>
85
85
  <span slot="suffix" class="toggle-calendar">
86
- <descope-icon>${calendarIcon}</descope-icon>
86
+ ${calendarIcon}
87
87
  </span>
88
88
  </descope-text-field>
89
89
  <vaadin-popover></vaadin-popover>
package/src/components/descope-date-field/descope-calendar/CalendarClass.js CHANGED
@@ -124,11 +124,9 @@ class RawCalendar extends BaseInputClass {
124
124
  <div>
125
125
  <nav class="nav top-nav">
126
126
  <div class="nav-prev">
127
- <descope-icon></descope-icon>
128
127
  </div>
129
128
  <div class="selectors"></div>
130
129
  <div class="nav-next">
131
- <descope-icon></descope-icon>
132
130
  </div>
133
131
  </nav>
134
132
  <div class="calendar"></div>
@@ -256,8 +254,8 @@ class RawCalendar extends BaseInputClass {
256
254
  })
257
255
  );
258
256
 
259
- this.shadowRoot.querySelector('.nav-next descope-icon').innerHTML = arrowRightIcon;
260
- this.shadowRoot.querySelector('.nav-prev descope-icon').innerHTML = arrowLeftIcon;
257
+ this.shadowRoot.querySelector('.nav-next').innerHTML = arrowRightIcon;
258
+ this.shadowRoot.querySelector('.nav-prev').innerHTML = arrowLeftIcon;
261
259
  }
262
260
 
263
261
  onSubmit() {
package/src/components/descope-date-field/descope-calendar/index.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import '@descope-ui/descope-combo-box';
2
- import '../../descope-icon';
3
2
  import '../../descope-button';
4
3
 
5
4
  import { componentName, CalendarClass } from './CalendarClass';
package/src/components/descope-date-field/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import '@vaadin/popover/src/vaadin-popover';
2
2
  import './descope-calendar';
3
3
  import '../descope-text-field';
4
- import '../descope-icon';
5
4
 
6
5
  import { componentName, DateFieldClass } from './DateFieldClass';
7
6
 
package/src/components/descope-icon/IconClass.js CHANGED
@@ -34,6 +34,15 @@ class RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {
34
34
  `;
35
35
  }
36
36
 
37
+ init() {
38
+ super.init?.();
39
+ this.toggleVisibility(this.src);
40
+ }
41
+
42
+ toggleVisibility(isVisible) {
43
+ this.style.display = isVisible ? '' : 'none';
44
+ }
45
+
37
46
  get src() {
38
47
  return this.getAttribute('src');
39
48
  }
@@ -59,6 +68,8 @@ class RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {
59
68
  if (oldValue === newValue) return;
60
69
 
61
70
  if (attrName === 'src') {
71
+ this.toggleVisibility(newValue);
72
+
62
73
  createIcon(this.src).then((res) => {
63
74
  this.innerHTML = '';
64
75
  if (res) {