@ctrliq/quantic-components 1.70.2 → 1.71.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.
Files changed (32) hide show
  1. package/dist/astro.d.ts +2 -1
  2. package/dist/astro.js +2 -1
  3. package/dist/astro.js.map +1 -1
  4. package/dist/card/card-carousel.stories.js +4 -3
  5. package/dist/card/card-image.stories.js +3 -2
  6. package/dist/index.d.ts +1 -0
  7. package/dist/index.js +1 -0
  8. package/dist/index.js.map +1 -1
  9. package/dist/layout/sidebar.component.js +10 -7
  10. package/dist/meta/index.js.map +1 -1
  11. package/dist/panel/index.stories.js +2 -1
  12. package/dist/prose/index.constants.d.ts +6 -0
  13. package/dist/prose/index.constants.js +5 -0
  14. package/dist/prose/index.d.ts +15 -0
  15. package/dist/prose/index.js +96 -0
  16. package/dist/prose/index.stories.d.ts +20 -0
  17. package/dist/prose/index.stories.js +121 -0
  18. package/dist/quantic-components.js +102 -8
  19. package/dist/quantic-components.js.map +1 -1
  20. package/dist/quantic-components.min.js +88 -39
  21. package/dist/quantic-components.min.js.map +1 -1
  22. package/dist/register.js.map +1 -1
  23. package/dist/shared/auto-hide-empty-slots.mixin.js +1 -1
  24. package/dist/shared/story-images.d.ts +5 -0
  25. package/dist/shared/story-images.js +5 -0
  26. package/dist/types/astro.d.ts +2 -1
  27. package/dist/types/index.d.ts +1 -0
  28. package/dist/types/prose/index.constants.d.ts +6 -0
  29. package/dist/types/prose/index.d.ts +15 -0
  30. package/dist/types/prose/index.stories.d.ts +20 -0
  31. package/dist/types/shared/story-images.d.ts +5 -0
  32. package/package.json +2 -2
package/dist/layout/sidebar.component.js CHANGED
@@ -30,7 +30,7 @@ let Sidebar = class Sidebar extends AutoHideEmptySlotsMixin(QuanticElement, [
30
30
  this.collapsible = false;
31
31
  this.handleToggle = () => {
32
32
  this.dispatchEvent(new CustomEvent('expanded-changed', {
33
- detail: { expanded: !this.isAsideExpanded },
33
+ detail: { expanded: this.isAsideExpanded === false },
34
34
  bubbles: true,
35
35
  composed: true,
36
36
  }));
@@ -49,12 +49,15 @@ let Sidebar = class Sidebar extends AutoHideEmptySlotsMixin(QuanticElement, [
49
49
  }
50
50
  }
51
51
  render() {
52
+ const isAsideExpanded = this.isAsideExpanded !== false;
53
+ const toggleLabel = isAsideExpanded ? 'Collapse' : 'Expand sidebar';
54
+ const toggleTitle = isAsideExpanded ? 'Collapse sidebar' : 'Expand sidebar';
52
55
  return html `
53
56
  <nav
54
- class=${classMap({ main: true, 'is-aside-expanded': this.isAsideExpanded !== false })}
57
+ class=${classMap({ main: true, 'is-aside-expanded': isAsideExpanded })}
55
58
  role="navigation"
56
59
  aria-label=${this.ariaLabel}
57
- aria-expanded=${this.isAsideExpanded !== false ? 'true' : 'false'}
60
+ aria-expanded=${isAsideExpanded ? 'true' : 'false'}
58
61
  >
59
62
  <div class="header">
60
63
  <slot name="header"></slot>
@@ -73,19 +76,19 @@ let Sidebar = class Sidebar extends AutoHideEmptySlotsMixin(QuanticElement, [
73
76
  ? html `<div class="toggle-container">
74
77
  <quantic-sidebar-menu-item
75
78
  @click=${this.handleToggle}
76
- title=${this.isAsideExpanded ? 'Collapse sidebar' : 'Expand sidebar'}
77
- label=${this.isAsideExpanded ? 'Collapse' : 'Expand sidebar'}
79
+ title=${toggleTitle}
80
+ label=${toggleLabel}
78
81
  variant=${SidebarMenuItemVariant.Secondary}
79
82
  >
80
83
  <quantic-icon-lucide-panel-left-close
81
84
  slot="icon"
82
85
  size="sm"
83
- ?hidden=${!this.isAsideExpanded}
86
+ ?hidden=${!isAsideExpanded}
84
87
  ></quantic-icon-lucide-panel-left-close>
85
88
  <quantic-icon-lucide-panel-left
86
89
  slot="icon"
87
90
  size="sm"
88
- ?hidden=${this.isAsideExpanded}
91
+ ?hidden=${isAsideExpanded}
89
92
  ></quantic-icon-lucide-panel-left>
90
93
  </quantic-sidebar-menu-item>
91
94
  </div>`