@logosphere-ui/core 0.0.0-alpha.4 → 0.0.0-alpha.42

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 (176) hide show
  1. package/AGENTS.md +1123 -0
  2. package/dist/AGENTS.md +1123 -0
  3. package/dist/atoms/Badge/badge.d.ts +1 -1
  4. package/dist/atoms/Button/button.d.ts +5 -3
  5. package/dist/atoms/Checkbox/checkbox.d.ts +2 -1
  6. package/dist/atoms/FormField/formfield.d.ts +10 -0
  7. package/dist/atoms/Slider/index.d.ts +1 -0
  8. package/dist/atoms/Slider/slider.d.ts +54 -0
  9. package/dist/badge-DsDxWEHx.js +72 -0
  10. package/dist/badge-DvaKpUHe.cjs +13 -0
  11. package/dist/badge.cjs +1 -1
  12. package/dist/badge.js +1 -1
  13. package/dist/{breadcrumb-B-4yqoJZ.js → breadcrumb-BB61Xt0s.js} +3 -3
  14. package/dist/breadcrumb.js +1 -1
  15. package/dist/button-DRZ4sG4T.cjs +10 -0
  16. package/dist/button-Uu9oaieg.js +58 -0
  17. package/dist/button.cjs +1 -1
  18. package/dist/button.js +1 -1
  19. package/dist/calendar-CIgyrv3U.cjs +88 -0
  20. package/dist/calendar-CZ_IN2TF.js +652 -0
  21. package/dist/calendar.cjs +1 -0
  22. package/dist/calendar.js +4 -0
  23. package/dist/card-BOCW7gad.cjs +43 -0
  24. package/dist/{card-CUhlTJyJ.js → card-MDwFGplY.js} +27 -26
  25. package/dist/card.cjs +1 -1
  26. package/dist/card.js +1 -1
  27. package/dist/chatbot-B-NiZIYK.cjs +183 -0
  28. package/dist/chatbot-CHgiUY4h.js +564 -0
  29. package/dist/chatbot.cjs +1 -1
  30. package/dist/chatbot.js +2 -2
  31. package/dist/checkbox-CX0LgsWP.js +148 -0
  32. package/dist/checkbox-DpbKHANK.cjs +53 -0
  33. package/dist/checkbox.cjs +1 -1
  34. package/dist/checkbox.js +1 -1
  35. package/dist/chip-group-BUL2H8rr.js +89 -0
  36. package/dist/chip-group-CpcjGoRm.cjs +26 -0
  37. package/dist/chip-group.cjs +1 -0
  38. package/dist/chip-group.js +4 -0
  39. package/dist/combobox-BmIFPk8X.cjs +113 -0
  40. package/dist/combobox-jak7Ac1m.js +437 -0
  41. package/dist/combobox.cjs +1 -1
  42. package/dist/combobox.js +1 -1
  43. package/dist/datepicker-BgysIOZI.js +375 -0
  44. package/dist/datepicker-DOBmbxlo.cjs +85 -0
  45. package/dist/datepicker.cjs +1 -1
  46. package/dist/datepicker.js +2 -2
  47. package/dist/{download-manager-A4fOxGWJ.js → download-manager-BPg-6Qfg.js} +4 -4
  48. package/dist/download-manager-DDeTYRPs.cjs +97 -0
  49. package/dist/download-manager.cjs +1 -1
  50. package/dist/download-manager.js +1 -1
  51. package/dist/drawer-3nyjAkcS.cjs +32 -0
  52. package/dist/drawer-CE9zzllI.js +114 -0
  53. package/dist/drawer.cjs +1 -0
  54. package/dist/drawer.js +4 -0
  55. package/dist/formfield-CRcyUMvQ.cjs +33 -0
  56. package/dist/formfield-O327HYt0.js +154 -0
  57. package/dist/formfield.cjs +1 -1
  58. package/dist/formfield.js +1 -1
  59. package/dist/index.cjs +291 -1
  60. package/dist/index.d.ts +14 -0
  61. package/dist/index.js +908 -32
  62. package/dist/index.umd.js +1544 -521
  63. package/dist/input-CQS0LzF-.cjs +59 -0
  64. package/dist/input-CeF3YJk-.js +257 -0
  65. package/dist/input.cjs +1 -1
  66. package/dist/input.js +1 -1
  67. package/dist/left-menu.cjs +1 -0
  68. package/dist/left-menu.js +5 -0
  69. package/dist/leftmenu-CmWvnA6L.js +301 -0
  70. package/dist/leftmenu-p9aR2QTy.cjs +83 -0
  71. package/dist/modal-DUIv_yoo.js +250 -0
  72. package/dist/modal-dUnnHe8u.cjs +84 -0
  73. package/dist/modal.cjs +1 -1
  74. package/dist/modal.js +1 -1
  75. package/dist/molecules/Accordion/accordion.d.ts +42 -0
  76. package/dist/molecules/Accordion/index.d.ts +2 -0
  77. package/dist/molecules/Chip/chip-group.d.ts +29 -0
  78. package/dist/molecules/Chip/index.d.ts +2 -0
  79. package/dist/molecules/Collapse/collapse.d.ts +42 -0
  80. package/dist/molecules/Collapse/index.d.ts +2 -0
  81. package/dist/molecules/Input/input.d.ts +7 -1
  82. package/dist/molecules/InputGroup/index.d.ts +1 -0
  83. package/dist/molecules/InputGroup/input-group.d.ts +40 -0
  84. package/dist/molecules/Pagination/index.d.ts +1 -0
  85. package/dist/molecules/Pagination/pagination.d.ts +60 -0
  86. package/dist/molecules/Popover/popover.d.ts +1 -0
  87. package/dist/molecules/SplitButton/index.d.ts +2 -0
  88. package/dist/molecules/SplitButton/split-button.d.ts +53 -0
  89. package/dist/molecules/Stepper/index.d.ts +2 -0
  90. package/dist/molecules/Stepper/stepper.d.ts +34 -0
  91. package/dist/molecules/Textarea/text-area.d.ts +5 -2
  92. package/dist/molecules/TimePicker/index.d.ts +2 -0
  93. package/dist/molecules/TimePicker/timepicker.d.ts +62 -0
  94. package/dist/organisms/Calendar/calendar.d.ts +54 -0
  95. package/dist/organisms/Calendar/index.d.ts +1 -0
  96. package/dist/organisms/Calendar/shared.d.ts +9 -0
  97. package/dist/organisms/Chatbot/chatbot.d.ts +10 -1
  98. package/dist/organisms/Chatbot/index.d.ts +1 -1
  99. package/dist/organisms/Combobox/combobox.d.ts +30 -0
  100. package/dist/organisms/DatePicker/datepicker.d.ts +33 -33
  101. package/dist/organisms/Drawer/drawer.d.ts +30 -0
  102. package/dist/organisms/Drawer/index.d.ts +1 -0
  103. package/dist/organisms/LeftMenu/index.d.ts +2 -0
  104. package/dist/organisms/LeftMenu/leftmenu-item.d.ts +14 -0
  105. package/dist/organisms/LeftMenu/leftmenu.d.ts +45 -0
  106. package/dist/organisms/Modal/modal.d.ts +29 -4
  107. package/dist/organisms/Tab/tab.d.ts +13 -1
  108. package/dist/organisms/Toast/index.d.ts +2 -0
  109. package/dist/organisms/Toast/toast-container.d.ts +42 -0
  110. package/dist/organisms/Toast/toast.d.ts +48 -0
  111. package/dist/organisms/TreeMenu/index.d.ts +1 -0
  112. package/dist/organisms/TreeMenu/tree-menu.d.ts +41 -0
  113. package/dist/pagination-B7jknoOz.js +360 -0
  114. package/dist/pagination-BkqbWBOn.cjs +169 -0
  115. package/dist/pagination.cjs +1 -0
  116. package/dist/pagination.js +4 -0
  117. package/dist/popover-CYDoeLKp.cjs +30 -0
  118. package/dist/{popover-B7tCqk3R.js → popover-DDaG8MSj.js} +21 -18
  119. package/dist/popover.cjs +1 -1
  120. package/dist/popover.js +1 -1
  121. package/dist/shared/types/button.types.d.ts +7 -0
  122. package/dist/styles/main.css +186 -182
  123. package/dist/switch-8RGGesy5.cjs +17 -0
  124. package/dist/switch-DNqPqH-R.js +64 -0
  125. package/dist/switch.cjs +1 -1
  126. package/dist/switch.js +1 -1
  127. package/dist/tab-CDMcFHvP.cjs +41 -0
  128. package/dist/tab-CuBCFGoO.js +204 -0
  129. package/dist/tab.cjs +1 -1
  130. package/dist/tab.js +1 -1
  131. package/dist/text-area-C73JxnqH.js +235 -0
  132. package/dist/text-area-Cprb-azV.cjs +51 -0
  133. package/dist/textarea.cjs +1 -1
  134. package/dist/textarea.js +1 -1
  135. package/dist/timepicker-CLJKWWGm.cjs +119 -0
  136. package/dist/timepicker-DMzGYd0p.js +316 -0
  137. package/dist/timepicker.cjs +1 -0
  138. package/dist/timepicker.js +4 -0
  139. package/dist/toast-container-6t6yEP9Y.cjs +64 -0
  140. package/dist/toast-container-B5v74b_5.js +274 -0
  141. package/dist/toast.cjs +1 -0
  142. package/dist/toast.js +6 -0
  143. package/dist/tree-menu-CkOPxr-W.js +154 -0
  144. package/dist/tree-menu-WNwZMreD.cjs +47 -0
  145. package/dist/tree-menu.cjs +1 -0
  146. package/dist/tree-menu.js +4 -0
  147. package/dist/ui-icon-BMJNdIOq.js +71 -0
  148. package/dist/ui-icon-DIucAQC_.cjs +22 -0
  149. package/package.json +99 -12
  150. package/dist/badge-BbhaO73N.cjs +0 -13
  151. package/dist/badge-DE7Tgd8Z.js +0 -71
  152. package/dist/button-C1EwOosO.js +0 -58
  153. package/dist/button-CDRccsk9.cjs +0 -10
  154. package/dist/card-n8ka8Zk-.cjs +0 -43
  155. package/dist/chatbot-Da_itUdJ.cjs +0 -160
  156. package/dist/chatbot-zkxngMRH.js +0 -481
  157. package/dist/checkbox-7Rb3WKGx.js +0 -119
  158. package/dist/checkbox-CdDTRdKV.cjs +0 -37
  159. package/dist/combobox-BJbI-Tgi.js +0 -268
  160. package/dist/combobox-pmE7bgEL.cjs +0 -99
  161. package/dist/datepicker-DFJx45C-.js +0 -750
  162. package/dist/datepicker-b9JGTTMx.cjs +0 -115
  163. package/dist/download-manager-BSIMTGaK.cjs +0 -97
  164. package/dist/formfield-D_7NFFoe.cjs +0 -27
  165. package/dist/formfield-d8fp9FTV.js +0 -118
  166. package/dist/input-BcnI1w3_.cjs +0 -46
  167. package/dist/input-Bj_7u8Iv.js +0 -192
  168. package/dist/modal-Bfc6WQSL.js +0 -110
  169. package/dist/modal-DQ8VFL-P.cjs +0 -39
  170. package/dist/popover-C2p5Pmts.cjs +0 -30
  171. package/dist/switch-Cpl53nRW.js +0 -64
  172. package/dist/switch-Rnnn10bn.cjs +0 -17
  173. package/dist/tab-BKdN4xAz.js +0 -176
  174. package/dist/tab-DcjAlXzU.cjs +0 -40
  175. package/dist/text-area-BkHdLnZj.cjs +0 -44
  176. package/dist/text-area-CC24lj8v.js +0 -204
package/dist/index.cjs CHANGED
@@ -1 +1,291 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button-CDRccsk9.cjs"),r=require("./badge-BbhaO73N.cjs"),t=require("./checkbox-CdDTRdKV.cjs"),o=require("./formfield-D_7NFFoe.cjs"),n=require("./switch-Rnnn10bn.cjs"),u=require("./breadcrumb-Cop-B1J7.cjs"),b=require("./card-n8ka8Zk-.cjs"),a=require("./input-BcnI1w3_.cjs"),c=require("./popover-C2p5Pmts.cjs"),i=require("./text-area-BkHdLnZj.cjs"),d=require("./chatbot-Da_itUdJ.cjs"),p=require("./combobox-pmE7bgEL.cjs"),g=require("./datepicker-b9JGTTMx.cjs"),s=require("./download-manager-BSIMTGaK.cjs"),l=require("./modal-DQ8VFL-P.cjs"),m=require("./tab-DcjAlXzU.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>e.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>r.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>t.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>o.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>n.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>u.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>b.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>a.LogosphereInput});Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>c.Popover});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>i.TextArea});Object.defineProperty(exports,"LedsUiChatbot",{enumerable:!0,get:()=>d.LedsUiChatbot});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>p.Combobox});Object.defineProperty(exports,"LedsDatePicker",{enumerable:!0,get:()=>g.LedsDatePicker});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>s.DownloadManager});Object.defineProperty(exports,"Modal",{enumerable:!0,get:()=>l.Modal});Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>m.LogosphereTab});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./button-DRZ4sG4T.cjs"),w=require("./badge-DvaKpUHe.cjs"),x=require("./checkbox-DpbKHANK.cjs"),$=require("./formfield-CRcyUMvQ.cjs"),r=require("lit"),s=require("lit/decorators.js"),S=require("./switch-8RGGesy5.cjs"),k=require("./breadcrumb-Cop-B1J7.cjs"),P=require("./card-BOCW7gad.cjs"),C=require("./input-CQS0LzF-.cjs"),E=require("./pagination-BkqbWBOn.cjs"),O=require("./popover-CYDoeLKp.cjs");require("./ui-icon-DIucAQC_.cjs");const z=require("@popperjs/core"),L=require("./chip-group-CpcjGoRm.cjs"),D=require("./text-area-Cprb-azV.cjs"),B=require("./timepicker-CLJKWWGm.cjs"),j=require("./chatbot-B-NiZIYK.cjs"),q=require("./calendar-CIgyrv3U.cjs"),A=require("./combobox-BmIFPk8X.cjs"),I=require("./datepicker-DOBmbxlo.cjs"),M=require("./drawer-3nyjAkcS.cjs"),T=require("./download-manager-DDeTYRPs.cjs"),v=require("./leftmenu-p9aR2QTy.cjs"),F=require("./modal-dUnnHe8u.cjs"),g=require("./toast-container-6t6yEP9Y.cjs"),G=require("./tab-CDMcFHvP.cjs"),N=require("./tree-menu-WNwZMreD.cjs"),K=':host{display:block}.slider{position:relative;width:100%;font-family:var(--font-family-base)}.slider--has-tooltip .slider__track-area{margin-top:var(--spacing-8)}.slider__track-area{position:relative;height:20px;display:flex;align-items:center}.slider__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-border);pointer-events:none}.slider__fill{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:var(--radius-full);background:var(--color-primary);pointer-events:none}.slider__input{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:6px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:none;outline:none}.slider__input::-webkit-slider-runnable-track{background:transparent;height:6px}.slider__input::-moz-range-track{background:transparent;height:6px}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-body-bg);border:2px solid var(--color-border);pointer-events:all;cursor:pointer;box-shadow:var(--shadow-sm)}.slider__input:not(:disabled):focus-visible::-webkit-slider-thumb{outline:none;box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider__input:not(:disabled):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.slider--disabled .slider__track{background:var(--color-border)}.slider--disabled .slider__fill{background:var(--color-primary-disabled)}.slider--disabled .slider__input{cursor:not-allowed}.slider--disabled .slider__input::-webkit-slider-thumb{background:var(--color-body-bg);border-color:var(--color-border);pointer-events:all;cursor:not-allowed;box-shadow:none}.slider--disabled .slider__input::-moz-range-thumb{background:var(--color-body-bg);border-color:var(--color-secondary-disabled);cursor:not-allowed;box-shadow:none}.slider--disabled .slider__scale-item{color:var(--color-secondary-disabled)}.slider--disabled .slider__scale-item:before{background:var(--color-secondary-disabled)}.slider--disabled .slider__tooltip{color:var(--color-secondary-disabled);border-color:var(--color-secondary-disabled)}.slider__tooltip{position:absolute;top:-34px;transform:translate(-50%);background:var(--color-body-bg);border:1px solid var(--color-border);color:var(--color-body-color);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);white-space:nowrap;pointer-events:none;z-index:var(--z-index-tooltip);line-height:var(--line-height-normal)}.slider__scale{position:relative;height:26px;margin-top:var(--spacing-1)}.slider__scale-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-tertiary);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.slider__scale-item:before{content:"";display:block;width:1px;height:6px;background:var(--color-border);flex-shrink:0}.slider__input--start,.slider__input--end{position:absolute;pointer-events:none}.slider__input--start::-webkit-slider-thumb,.slider__input--end::-webkit-slider-thumb{pointer-events:all}.slider__input--start::-moz-range-thumb,.slider__input--end::-moz-range-thumb{pointer-events:all}';var R=Object.defineProperty,H=Object.getOwnPropertyDescriptor,p=(l,t,e,o)=>{for(var i=o>1?void 0:o?H(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&R(t,e,i),i};exports.Slider=class extends r.LitElement{constructor(){super(...arguments),this.value=50,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.range=!1,this.rangeStart=25,this.rangeEnd=75,this.minDistance=0,this.tooltip="never",this.showScale=!1,this.percentage=!1,this.labels=[],this._hoverStart=!1,this._hoverEnd=!1}get _isLabeled(){return this.labels.length>0}get _effectiveStep(){return this._isLabeled&&this.labels.length>1?(this.max-this.min)/(this.labels.length-1):this.step}get _valuePct(){return(this.value-this.min)/(this.max-this.min)*100}get _startPct(){return(this.rangeStart-this.min)/(this.max-this.min)*100}get _endPct(){return(this.rangeEnd-this.min)/(this.max-this.min)*100}get _displayValue(){if(this._isLabeled){const t=Math.round((this.value-this.min)/this._effectiveStep);return this.labels[Math.min(t,this.labels.length-1)]??String(this.value)}return this.percentage?`${Math.round(this.value)}%`:String(this.value)}get _displayStart(){return this.percentage?`${Math.round(this.rangeStart)}%`:String(this.rangeStart)}get _displayEnd(){return this.percentage?`${Math.round(this.rangeEnd)}%`:String(this.rangeEnd)}_thumbLeft(t){return`calc(${t}% + ${(.5-t/100)*16}px)`}_onSingleChange(t){const e=t.target;this.value=Number(e.value),this._emit("change",{value:this.value})}_onStartChange(t){const e=t.target,o=Math.min(Number(e.value),this.rangeEnd-this.minDistance);this.rangeStart=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_onEndChange(t){const e=t.target,o=Math.max(Number(e.value),this.rangeStart+this.minDistance);this.rangeEnd=o,this._emit("change",{rangeStart:this.rangeStart,rangeEnd:this.rangeEnd})}_emit(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}_renderFill(){return this.range?r.html`
2
+ <div
3
+ class="slider__fill"
4
+ style="left: ${this._startPct}%; width: ${this._endPct-this._startPct}%"
5
+ ></div>
6
+ `:r.html`<div class="slider__fill" style="width: ${this._valuePct}%"></div>`}_renderTooltip(t,e,o){return this.tooltip==="never"||this.tooltip==="hover"&&!o?r.nothing:r.html`
7
+ <div class="slider__tooltip" style="left: ${this._thumbLeft(e)}">${t}</div>
8
+ `}_renderScale(){if(!this.showScale)return r.nothing;const t=this.max-this.min,e=Math.min(Math.round(t/this.step)+1,11),o=Array.from({length:e},(i,n)=>{const a=e>1?n/(e-1)*100:0,u=this.min+a/100*t,f=this.percentage?`${Math.round(u)}%`:String(Math.round(u));return{pct:a,display:f}});return r.html`
9
+ <div class="slider__scale">
10
+ ${o.map(({pct:i,display:n})=>r.html`
11
+ <span class="slider__scale-item" style="left: ${this._thumbLeft(i)}">${n}</span>
12
+ `)}
13
+ </div>
14
+ `}_renderLabels(){if(!this._isLabeled)return r.nothing;const t=this.labels.length;return r.html`
15
+ <div class="slider__scale">
16
+ ${this.labels.map((e,o)=>{const i=t>1?o/(t-1)*100:0;return r.html`
17
+ <span class="slider__scale-item" style="left: ${this._thumbLeft(i)}">${e}</span>
18
+ `})}
19
+ </div>
20
+ `}_renderSingleInput(){const t=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverStart;return r.html`
21
+ <div class="slider__track-area">
22
+ <div class="slider__track"></div>
23
+ ${this._renderFill()}
24
+ ${this._renderTooltip(this._displayValue,this._valuePct,t)}
25
+ <input
26
+ type="range"
27
+ class="slider__input"
28
+ .value=${String(this.value)}
29
+ min=${this.min}
30
+ max=${this.max}
31
+ step=${this._effectiveStep}
32
+ ?disabled=${this.disabled}
33
+ @input=${this._onSingleChange}
34
+ @mouseenter=${()=>{this._hoverStart=!0}}
35
+ @mouseleave=${()=>{this._hoverStart=!1}}
36
+ @focus=${()=>{this._hoverStart=!0}}
37
+ @blur=${()=>{this._hoverStart=!1}}
38
+ aria-label="Slider"
39
+ aria-valuemin=${this.min}
40
+ aria-valuemax=${this.max}
41
+ aria-valuenow=${this.value}
42
+ aria-valuetext=${this._displayValue}
43
+ aria-disabled=${this.disabled}
44
+ />
45
+ </div>
46
+ `}_renderRangeInputs(){const t=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverStart,e=this.tooltip==="always"||this.tooltip==="hover"&&this._hoverEnd,o=this._startPct>=100?4:3,i=this._startPct>=100?3:4;return r.html`
47
+ <div class="slider__track-area">
48
+ <div class="slider__track"></div>
49
+ ${this._renderFill()}
50
+ ${this._renderTooltip(this._displayStart,this._startPct,t)}
51
+ ${this._renderTooltip(this._displayEnd,this._endPct,e)}
52
+ <input
53
+ type="range"
54
+ class="slider__input slider__input--start"
55
+ style="z-index: ${o}"
56
+ .value=${String(this.rangeStart)}
57
+ min=${this.min}
58
+ max=${this.max}
59
+ step=${this._effectiveStep}
60
+ ?disabled=${this.disabled}
61
+ @input=${this._onStartChange}
62
+ @mouseenter=${()=>{this._hoverStart=!0}}
63
+ @mouseleave=${()=>{this._hoverStart=!1}}
64
+ @focus=${()=>{this._hoverStart=!0}}
65
+ @blur=${()=>{this._hoverStart=!1}}
66
+ aria-label="Range start"
67
+ aria-valuemin=${this.min}
68
+ aria-valuemax=${this.max}
69
+ aria-valuenow=${this.rangeStart}
70
+ aria-valuetext=${this._displayStart}
71
+ aria-disabled=${this.disabled}
72
+ />
73
+ <input
74
+ type="range"
75
+ class="slider__input slider__input--end"
76
+ style="z-index: ${i}"
77
+ .value=${String(this.rangeEnd)}
78
+ min=${this.min}
79
+ max=${this.max}
80
+ step=${this._effectiveStep}
81
+ ?disabled=${this.disabled}
82
+ @input=${this._onEndChange}
83
+ @mouseenter=${()=>{this._hoverEnd=!0}}
84
+ @mouseleave=${()=>{this._hoverEnd=!1}}
85
+ @focus=${()=>{this._hoverEnd=!0}}
86
+ @blur=${()=>{this._hoverEnd=!1}}
87
+ aria-label="Range end"
88
+ aria-valuemin=${this.min}
89
+ aria-valuemax=${this.max}
90
+ aria-valuenow=${this.rangeEnd}
91
+ aria-valuetext=${this._displayEnd}
92
+ aria-disabled=${this.disabled}
93
+ />
94
+ </div>
95
+ `}render(){const t=this.tooltip!=="never",e=this.showScale||this._isLabeled;return r.html`
96
+ <div
97
+ class="slider
98
+ ${this.disabled?"slider--disabled":""}
99
+ ${t?"slider--has-tooltip":""}
100
+ ${e?"slider--has-below":""}
101
+ "
102
+ role="presentation"
103
+ >
104
+ ${this.range?this._renderRangeInputs():this._renderSingleInput()}
105
+ ${this._renderScale()}
106
+ ${this._renderLabels()}
107
+ </div>
108
+ `}};exports.Slider.styles=[r.css`${r.unsafeCSS(K)}`];p([s.property({type:Number})],exports.Slider.prototype,"value",2);p([s.property({type:Number})],exports.Slider.prototype,"min",2);p([s.property({type:Number})],exports.Slider.prototype,"max",2);p([s.property({type:Number})],exports.Slider.prototype,"step",2);p([s.property({type:Boolean})],exports.Slider.prototype,"disabled",2);p([s.property({type:Boolean})],exports.Slider.prototype,"range",2);p([s.property({type:Number})],exports.Slider.prototype,"rangeStart",2);p([s.property({type:Number})],exports.Slider.prototype,"rangeEnd",2);p([s.property({type:Number})],exports.Slider.prototype,"minDistance",2);p([s.property({type:String})],exports.Slider.prototype,"tooltip",2);p([s.property({type:Boolean})],exports.Slider.prototype,"showScale",2);p([s.property({type:Boolean})],exports.Slider.prototype,"percentage",2);p([s.property({type:Array})],exports.Slider.prototype,"labels",2);p([s.state()],exports.Slider.prototype,"_hoverStart",2);p([s.state()],exports.Slider.prototype,"_hoverEnd",2);exports.Slider=p([s.customElement("logosphere-slider")],exports.Slider);const U=":host{display:block}.stepper{display:flex;font-family:var(--font-family-base)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--horizontal .stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;min-width:0}.stepper--horizontal .stepper__step-header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.stepper--horizontal .stepper__connector{position:absolute;top:10px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;z-index:0}.stepper--horizontal .stepper__labels{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--spacing-2);padding:0 var(--spacing-1)}.stepper--vertical{flex-direction:column;align-items:stretch}.stepper--vertical .stepper__step{display:flex;flex-direction:column;position:relative}.stepper--vertical .stepper__step-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-3)}.stepper--vertical .stepper__labels{display:flex;flex-direction:column;padding-top:var(--spacing-1);padding-bottom:var(--spacing-4)}.stepper--vertical .stepper__connector{position:absolute;top:28px;left:9px;width:2px;bottom:0}.stepper__indicator{width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background-color var(--transition-speed-base) var(--transition-timing),border-color var(--transition-speed-base) var(--transition-timing)}.stepper__indicator-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.stepper__indicator-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.stepper__indicator--completed{background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.stepper__indicator--current{background-color:var(--color-body-bg);border:2px solid var(--color-primary)}.stepper__indicator--upcoming{background-color:var(--color-body-bg);border:2px solid var(--color-border);color:var(--color-tertiary)}.stepper__indicator--disabled{background-color:var(--color-light-bg);border:2px solid var(--color-secondary-disabled);color:var(--color-secondary-disabled)}.stepper__connector--completed{background-color:var(--color-primary)}.stepper__connector--upcoming{background-color:var(--color-border)}.stepper__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-body-color);white-space:nowrap}.stepper__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-tertiary);margin-top:var(--spacing-0-5);white-space:normal}.stepper__step--current .stepper__title{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stepper__step--upcoming .stepper__title{color:var(--color-tertiary)}.stepper__step--disabled .stepper__title,.stepper__step--disabled .stepper__description{color:var(--color-secondary-disabled)}.stepper__step--clickable{cursor:pointer}.stepper__step--clickable:hover .stepper__indicator--upcoming,.stepper__step--clickable:hover .stepper__indicator--completed{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}.stepper__step--clickable:focus-visible{outline:none}.stepper__step--clickable:focus-visible .stepper__indicator{box-shadow:0 0 0 4px var(--color-primary-bg-subtle)}";var V=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,h=(l,t,e,o)=>{for(var i=o>1?void 0:o?Y(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&V(t,e,i),i};exports.Stepper=class extends r.LitElement{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1}_resolveState(t,e){return t.state?t.state:t.disabled?"disabled":e<this.activeStep?"completed":e===this.activeStep?"current":"upcoming"}_onStepClick(t,e){!this.clickable||e==="disabled"||e==="upcoming"||(this.activeStep=t,this.dispatchEvent(new CustomEvent("step-change",{detail:{index:t,step:this.steps[t]},bubbles:!0,composed:!0})))}_onStepKeydown(t,e,o){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._onStepClick(e,o)),(t.key==="ArrowRight"||t.key==="ArrowDown")&&(t.preventDefault(),this._focusStep(e+1)),(t.key==="ArrowLeft"||t.key==="ArrowUp")&&(t.preventDefault(),this._focusStep(e-1))}_focusStep(t){const e=Math.max(0,Math.min(this.steps.length-1,t));this.shadowRoot?.querySelector(`[data-step-index="${e}"]`)?.focus()}_renderIndicator(t,e){let o;return t==="completed"?o=r.html`<ui-icon name="uil-check" size="12"></ui-icon>`:t==="current"?o=r.html`<span class="stepper__indicator-dot"></span>`:o=r.html`<span class="stepper__indicator-number">${e+1}</span>`,r.html`
109
+ <div
110
+ class="stepper__indicator stepper__indicator--${t}"
111
+ aria-hidden="true"
112
+ >
113
+ ${o}
114
+ </div>
115
+ `}_renderConnector(t,e){return e?r.nothing:r.html`
116
+ <div
117
+ class="stepper__connector stepper__connector--${t==="completed"?"completed":"upcoming"}"
118
+ aria-hidden="true"
119
+ ></div>
120
+ `}_renderStep(t,e){const o=this._resolveState(t,e),i=e===this.steps.length-1,n=this.clickable&&(o==="completed"||o==="current");return r.html`
121
+ <div
122
+ class="stepper__step stepper__step--${o} ${n?"stepper__step--clickable":""}"
123
+ data-step-index=${e}
124
+ role=${this.clickable?"button":"listitem"}
125
+ tabindex=${n?"0":"-1"}
126
+ aria-current=${o==="current"?"step":r.nothing}
127
+ aria-disabled=${o==="disabled"?"true":r.nothing}
128
+ aria-label="${t.title}${t.description?`, ${t.description}`:""}, ${o}"
129
+ @click=${()=>this._onStepClick(e,o)}
130
+ @keydown=${a=>this._onStepKeydown(a,e,o)}
131
+ >
132
+ <div class="stepper__step-header">
133
+ ${this._renderIndicator(o,e)}
134
+ ${this.orientation==="vertical"?r.html`
135
+ <div class="stepper__labels">
136
+ <span class="stepper__title">${t.title}</span>
137
+ ${t.description?r.html`<span class="stepper__description">${t.description}</span>`:r.nothing}
138
+ </div>
139
+ `:r.nothing}
140
+ </div>
141
+
142
+ ${this.orientation==="horizontal"?r.html`
143
+ <div class="stepper__labels">
144
+ <span class="stepper__title">${t.title}</span>
145
+ ${t.description?r.html`<span class="stepper__description">${t.description}</span>`:r.nothing}
146
+ </div>
147
+ `:r.nothing}
148
+
149
+ ${this._renderConnector(o,i)}
150
+ </div>
151
+ `}render(){return r.html`
152
+ <div
153
+ class="stepper stepper--${this.orientation}"
154
+ role="list"
155
+ aria-label="Progress steps"
156
+ >
157
+ ${this.steps.map((t,e)=>this._renderStep(t,e))}
158
+ </div>
159
+ `}};exports.Stepper.styles=[r.css`${r.unsafeCSS(U)}`];h([s.property({attribute:!1})],exports.Stepper.prototype,"steps",2);h([s.property({type:Number})],exports.Stepper.prototype,"activeStep",2);h([s.property({type:String})],exports.Stepper.prototype,"orientation",2);h([s.property({type:Boolean})],exports.Stepper.prototype,"clickable",2);exports.Stepper=h([s.customElement("logosphere-stepper")],exports.Stepper);const Z=":host{display:inline-block;position:relative}.split-button{display:inline-flex;align-items:stretch;gap:1px;font-family:var(--font-family-base);border-radius:var(--radius-base);overflow:hidden}.split-button__action,.split-button__dropdown{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:1.25rem;letter-spacing:-.14px;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-base) var(--transition-timing);outline:none}.split-button__action:focus-visible,.split-button__dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;position:relative;z-index:1}.split-button__action:disabled,.split-button__dropdown:disabled{cursor:not-allowed;pointer-events:none}.split-button__action{gap:var(--spacing-1)}.split-button__chevron{transition:transform var(--transition-speed-base) var(--transition-timing);display:inline-flex}.split-button__chevron--open{transform:rotate(180deg)}.split-button--sm .split-button__action{padding:var(--spacing-0-5) var(--spacing-2)}.split-button--sm .split-button__dropdown{padding:var(--spacing-0-5) var(--spacing-1-5)}.split-button--md .split-button__action{padding:var(--spacing-1-5) var(--spacing-3)}.split-button--md .split-button__dropdown{padding:var(--spacing-1-5) var(--spacing-2)}.split-button--lg .split-button__action{padding:var(--spacing-2-5) var(--spacing-3)}.split-button--lg .split-button__dropdown{padding:var(--spacing-2-5) var(--spacing-2)}.split-button{background-color:#fff6}.split-button--primary .split-button__action,.split-button--primary .split-button__dropdown{background-color:var(--color-primary);color:#fff}.split-button--primary .split-button__action:hover:not(:disabled),.split-button--primary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-primary-hover)}.split-button--primary .split-button__action:active:not(:disabled),.split-button--primary .split-button__dropdown:active:not(:disabled){background-color:var(--color-primary-active)}.split-button--primary.split-button--disabled,.split-button--primary .split-button__action:disabled,.split-button--primary .split-button__dropdown:disabled{background-color:var(--color-primary-disabled)}.split-button--primary.split-button--disabled .split-button__action,.split-button--primary.split-button--disabled .split-button__dropdown{background-color:var(--color-primary-disabled)}.split-button--secondary .split-button__action,.split-button--secondary .split-button__dropdown{background-color:var(--color-secondary);color:#fff}.split-button--secondary .split-button__action:hover:not(:disabled),.split-button--secondary .split-button__dropdown:hover:not(:disabled){background-color:var(--color-secondary-hover)}.split-button--secondary .split-button__action:active:not(:disabled),.split-button--secondary .split-button__dropdown:active:not(:disabled){background-color:var(--color-secondary-active)}.split-button--secondary.split-button--disabled .split-button__action,.split-button--secondary.split-button--disabled .split-button__dropdown,.split-button--secondary .split-button__action:disabled,.split-button--secondary .split-button__dropdown:disabled{background-color:var(--color-secondary-disabled)}.split-button--success .split-button__action,.split-button--success .split-button__dropdown{background-color:var(--color-success);color:#fff}.split-button--success .split-button__action:hover:not(:disabled),.split-button--success .split-button__dropdown:hover:not(:disabled){background-color:var(--color-success-hover)}.split-button--success .split-button__action:active:not(:disabled),.split-button--success .split-button__dropdown:active:not(:disabled){background-color:var(--color-success-active)}.split-button--success.split-button--disabled .split-button__action,.split-button--success.split-button--disabled .split-button__dropdown,.split-button--success .split-button__action:disabled,.split-button--success .split-button__dropdown:disabled{background-color:var(--color-success-disabled)}.split-button--danger .split-button__action,.split-button--danger .split-button__dropdown{background-color:var(--color-danger);color:#fff}.split-button--danger .split-button__action:hover:not(:disabled),.split-button--danger .split-button__dropdown:hover:not(:disabled){background-color:var(--color-danger-hover)}.split-button--danger .split-button__action:active:not(:disabled),.split-button--danger .split-button__dropdown:active:not(:disabled){background-color:var(--color-danger-active)}.split-button--danger.split-button--disabled .split-button__action,.split-button--danger.split-button--disabled .split-button__dropdown,.split-button--danger .split-button__action:disabled,.split-button--danger .split-button__dropdown:disabled{background-color:var(--color-danger-disabled)}.split-button--info .split-button__action,.split-button--info .split-button__dropdown{background-color:var(--color-info);color:#fff}.split-button--info .split-button__action:hover:not(:disabled),.split-button--info .split-button__dropdown:hover:not(:disabled){background-color:var(--color-info-hover)}.split-button--info .split-button__action:active:not(:disabled),.split-button--info .split-button__dropdown:active:not(:disabled){background-color:var(--color-info-active)}.split-button--info.split-button--disabled .split-button__action,.split-button--info.split-button--disabled .split-button__dropdown,.split-button--info .split-button__action:disabled,.split-button--info .split-button__dropdown:disabled{background-color:var(--color-info-disabled)}.split-button--warning .split-button__action,.split-button--warning .split-button__dropdown{background-color:var(--color-warning);color:var(--color-warning-emphasis)}.split-button--warning .split-button__action:hover:not(:disabled),.split-button--warning .split-button__dropdown:hover:not(:disabled){background-color:var(--color-warning-hover)}.split-button--warning .split-button__action:active:not(:disabled),.split-button--warning .split-button__dropdown:active:not(:disabled){background-color:var(--color-warning-active)}.split-button--warning.split-button--disabled .split-button__action,.split-button--warning.split-button--disabled .split-button__dropdown,.split-button--warning .split-button__action:disabled,.split-button--warning .split-button__dropdown:disabled{background-color:var(--color-warning-disabled)}.split-button__panel{position:fixed;z-index:var(--z-index-dropdown);min-width:160px;background-color:var(--color-body-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-1) 0;outline:none}.split-button__panel-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-body-color);text-align:left;white-space:nowrap;transition:background-color var(--transition-speed-fast) var(--transition-timing);box-sizing:border-box}.split-button__panel-item:hover:not(:disabled){background-color:var(--color-body-bg-hover)}.split-button__panel-item:active:not(:disabled){background-color:var(--color-body-bg-active)}.split-button__panel-item--disabled,.split-button__panel-item:disabled{color:var(--color-secondary-disabled);cursor:not-allowed;pointer-events:none}.split-button__panel-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-1) 0}";var J=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,d=(l,t,e,o)=>{for(var i=o>1?void 0:o?Q(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&J(t,e,i),i};exports.SplitButton=class extends r.LitElement{constructor(){super(...arguments),this.label="Button",this.size="md",this.theme="primary",this.disabled=!1,this.dropdownDisabled=!1,this.items=[],this._open=!1,this._onDocClick=t=>{this._open&&(t.composedPath().includes(this)||this._setOpen(!1))},this._onDocKeydown=t=>{t.key==="Escape"&&this._open&&this._setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocClick,{capture:!0}),document.addEventListener("keydown",this._onDocKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onDocClick,{capture:!0}),document.removeEventListener("keydown",this._onDocKeydown),this._destroyPopper()}updated(t){super.updated(t),t.has("_open")&&(this._open?this._initPopper():this._destroyPopper())}_initPopper(){!this._dropdownBtn||!this._panel||(this._popper=z.createPopper(this._dropdownBtn,this._panel,{placement:"bottom-end",strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}))}_destroyPopper(){this._popper?.destroy(),this._popper=void 0}_setOpen(t){this._open!==t&&(this._open=t,this.dispatchEvent(new CustomEvent(t?"dropdown-open":"dropdown-close",{bubbles:!0,composed:!0})))}_onActionClick(t){t.stopPropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0}))}_onDropdownClick(t){t.stopPropagation(),!(this.disabled||this.dropdownDisabled)&&this._setOpen(!this._open)}_onItemClick(t){t.disabled||(this.dispatchEvent(new CustomEvent("item-select",{detail:{value:t.value,item:t},bubbles:!0,composed:!0})),this._setOpen(!1))}_onKeydown(t,e){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e==="action"?this._onActionClick(t):this._onDropdownClick(t))}_renderPanel(){if(!this._open)return r.nothing;const t=this.items.length>0;return r.html`
160
+ <div
161
+ class="split-button__panel"
162
+ role="menu"
163
+ aria-label="${this.label} options"
164
+ >
165
+ ${t?this.items.map(e=>r.html`
166
+ ${e.divider?r.html`<div class="split-button__panel-divider" role="separator"></div>`:r.nothing}
167
+ <button
168
+ class="split-button__panel-item ${e.disabled?"split-button__panel-item--disabled":""}"
169
+ role="menuitem"
170
+ ?disabled=${e.disabled}
171
+ @click=${()=>this._onItemClick(e)}
172
+ >
173
+ ${e.icon?r.html`<ui-icon name=${e.icon} size="16"></ui-icon>`:r.nothing}
174
+ <span>${e.label}</span>
175
+ </button>
176
+ `):r.html`<slot name="dropdown"></slot>`}
177
+ </div>
178
+ `}render(){const t=this.disabled,e=this.disabled||this.dropdownDisabled;return r.html`
179
+ <div
180
+ class="split-button split-button--${this.size} split-button--${this.theme}
181
+ ${this.disabled?"split-button--disabled":""}
182
+ ${this._open?"split-button--open":""}"
183
+ role="group"
184
+ >
185
+ <!-- Main action -->
186
+ <button
187
+ class="split-button__action"
188
+ ?disabled=${t}
189
+ aria-label=${this.label}
190
+ @click=${this._onActionClick}
191
+ @keydown=${o=>this._onKeydown(o,"action")}
192
+ type="button"
193
+ >
194
+ <slot name="prefix"></slot>
195
+ <span class="split-button__label">
196
+ <slot>${this.label}</slot>
197
+ </span>
198
+ </button>
199
+
200
+ <!-- Dropdown trigger -->
201
+ <button
202
+ class="split-button__dropdown"
203
+ ?disabled=${e}
204
+ aria-label="Open dropdown"
205
+ aria-haspopup="menu"
206
+ aria-expanded=${this._open?"true":"false"}
207
+ @click=${this._onDropdownClick}
208
+ @keydown=${o=>this._onKeydown(o,"dropdown")}
209
+ type="button"
210
+ >
211
+ <ui-icon
212
+ name="uil-angle-down"
213
+ size="16"
214
+ class="split-button__chevron ${this._open?"split-button__chevron--open":""}"
215
+ ></ui-icon>
216
+ </button>
217
+
218
+ <!-- Dropdown panel -->
219
+ ${this._renderPanel()}
220
+ </div>
221
+ `}};exports.SplitButton.styles=[r.css`${r.unsafeCSS(Z)}`];d([s.property({type:String})],exports.SplitButton.prototype,"label",2);d([s.property({type:String})],exports.SplitButton.prototype,"size",2);d([s.property({type:String})],exports.SplitButton.prototype,"theme",2);d([s.property({type:Boolean})],exports.SplitButton.prototype,"disabled",2);d([s.property({type:Boolean})],exports.SplitButton.prototype,"dropdownDisabled",2);d([s.property({attribute:!1})],exports.SplitButton.prototype,"items",2);d([s.state()],exports.SplitButton.prototype,"_open",2);d([s.query(".split-button__dropdown")],exports.SplitButton.prototype,"_dropdownBtn",2);d([s.query(".split-button__panel")],exports.SplitButton.prototype,"_panel",2);exports.SplitButton=d([s.customElement("logosphere-split-button")],exports.SplitButton);const W=":host{display:block}.collapse{font-family:var(--font-family-base);background-color:var(--color-body-bg);overflow:hidden}.collapse--full{border:1px solid var(--color-border);border-radius:var(--radius-base)}.collapse--bottom{border-bottom:1px solid var(--color-border);border-radius:0}.collapse__header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-speed-fast) var(--transition-timing);outline:none}.collapse--small .collapse__header{padding:var(--spacing-2) var(--spacing-4)}.collapse--full .collapse__header{border-radius:calc(var(--radius-base) - 1px)}.collapse--full.collapse--expanded .collapse__header{border-radius:calc(var(--radius-base) - 1px) calc(var(--radius-base) - 1px) 0 0}.collapse--full .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse--bottom .collapse__header:hover:not(.collapse--disabled .collapse__header){background-color:var(--color-body-bg-hover)}.collapse__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--radius-base) - 1px)}.collapse__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.16px;color:var(--color-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse__header-extra:empty{display:none}.collapse__header-extra{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.collapse__header-spacer{flex:1}.collapse__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);transition:transform var(--transition-speed-base) var(--transition-timing)}.collapse__icon--expanded{transform:rotate(180deg)}.collapse__body{height:0;overflow:hidden;transition:height var(--transition-speed-slow) var(--transition-timing)}.collapse__body-inner{padding:0 var(--spacing-4) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-body-color)}.collapse--bottom .collapse__body-inner{padding-top:var(--spacing-2)}.collapse--disabled .collapse__header{cursor:not-allowed;pointer-events:none}.collapse--disabled .collapse__title,.collapse--disabled .collapse__icon{color:var(--color-secondary-disabled)}.collapse--disabled.collapse--full{border-color:var(--color-secondary-disabled);background-color:var(--color-light-bg)}.collapse--disabled.collapse--bottom{border-bottom-color:var(--color-secondary-disabled);background-color:transparent}";var X=Object.defineProperty,tt=Object.getOwnPropertyDescriptor,c=(l,t,e,o)=>{for(var i=o>1?void 0:o?tt(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&X(t,e,i),i};const _=typeof requestAnimationFrame<"u"?requestAnimationFrame.bind(window):l=>setTimeout(()=>l(Date.now()),16);exports.Collapse=class extends r.LitElement{constructor(){super(...arguments),this.title="",this.expanded=!1,this.disabled=!1,this.iconPosition="right",this.border="full",this.size="default"}_toggle(){this.disabled||(this.expanded=!this.expanded,this.dispatchEvent(new CustomEvent("toggle",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_onKeydown(t){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this._toggle())}_lockHeightForClose(){const t=this._body;if(!t)return;const e=t.getBoundingClientRect().height;t.style.height=`${e}px`,t.style.overflow="hidden"}willUpdate(t){super.willUpdate(t),t.has("expanded")&&!this.expanded&&this._lockHeightForClose()}updated(t){if(super.updated(t),!t.has("expanded")||!this._body||!this._inner)return;const e=this._body,o=this._inner;this.expanded?(e.style.height="0px",e.style.overflow="hidden",_(()=>{_(()=>{e.style.height=`${o.scrollHeight}px`,e.addEventListener("transitionend",function i(){e.style.height="auto",e.style.overflow="",e.removeEventListener("transitionend",i)},{once:!0})})})):(e.getBoundingClientRect(),_(()=>{_(()=>{e.style.height="0px"})}))}_renderIcon(){return r.html`
222
+ <span class="collapse__icon ${this.expanded?"collapse__icon--expanded":""}">
223
+ <ui-icon name="uil-angle-down" size="22"></ui-icon>
224
+ </span>
225
+ `}render(){return r.html`
226
+ <div
227
+ class="collapse
228
+ collapse--${this.border}
229
+ collapse--${this.size}
230
+ ${this.expanded?"collapse--expanded":""}
231
+ ${this.disabled?"collapse--disabled":""}"
232
+ >
233
+ <!-- Header -->
234
+ <div
235
+ class="collapse__header"
236
+ role="button"
237
+ tabindex=${this.disabled?"-1":"0"}
238
+ aria-expanded=${this.expanded?"true":"false"}
239
+ aria-disabled=${this.disabled?"true":r.nothing}
240
+ @click=${this._toggle}
241
+ @keydown=${this._onKeydown}
242
+ >
243
+ ${this.iconPosition==="left"?this._renderIcon():r.nothing}
244
+
245
+ <div class="collapse__title">
246
+ <slot name="title">${this.title}</slot>
247
+ </div>
248
+
249
+ <div class="collapse__header-extra">
250
+ <slot name="extra"></slot>
251
+ </div>
252
+
253
+ <!-- pushes extra to title side, icon stays at far right -->
254
+ <span class="collapse__header-spacer"></span>
255
+
256
+ ${this.iconPosition==="right"?this._renderIcon():r.nothing}
257
+ </div>
258
+
259
+ <!-- Body (animated) -->
260
+ <div class="collapse__body ${this.expanded?"collapse__body--visible":""}">
261
+ <div class="collapse__body-inner">
262
+ <!-- slot="body" for explicit usage; default slot as fallback -->
263
+ <slot name="body"><slot></slot></slot>
264
+ </div>
265
+ </div>
266
+ </div>
267
+ `}};exports.Collapse.styles=[r.css`${r.unsafeCSS(W)}`];c([s.property({type:String})],exports.Collapse.prototype,"title",2);c([s.property({type:Boolean,reflect:!0})],exports.Collapse.prototype,"expanded",2);c([s.property({type:Boolean,reflect:!0})],exports.Collapse.prototype,"disabled",2);c([s.property({type:String})],exports.Collapse.prototype,"iconPosition",2);c([s.property({type:String})],exports.Collapse.prototype,"border",2);c([s.property({type:String})],exports.Collapse.prototype,"size",2);c([s.query(".collapse__body-inner")],exports.Collapse.prototype,"_inner",2);c([s.query(".collapse__body")],exports.Collapse.prototype,"_body",2);exports.Collapse=c([s.customElement("logosphere-collapse")],exports.Collapse);const et=":host{display:block}.input-group{display:inline-flex;align-items:center;font-family:var(--font-family-base)}.input-group--stretch>::slotted(*){align-self:stretch}.input-group>::slotted(*){flex-shrink:0}:host([block]){display:block}:host([block]) .input-group{display:flex;width:100%}:host([block]) .input-group>::slotted(*){flex:1;min-width:0}";var ot=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,m=(l,t,e,o)=>{for(var i=o>1?void 0:o?rt(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&ot(t,e,i),i};exports.InputGroup=class extends r.LitElement{constructor(){super(...arguments),this.stretch=!0,this._onFocusIn=t=>{const e=t.composedPath();this._getChildren().forEach(i=>{const n=e.includes(i);i.style.zIndex=n?"1":"0",i.style.position="relative"})},this._onFocusOut=t=>{const e=t.relatedTarget;e&&this.contains(e)||this._getChildren().forEach(o=>{o.style.zIndex="",o.style.position=""})}}firstUpdated(){this._applyGroupStyles(),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut)}_onSlotChange(){this._applyGroupStyles()}_getChildren(){return this.shadowRoot?.querySelector("slot")?.assignedElements()??[]}_applyGroupStyles(){const t=this._getChildren(),e=t.length;e!==0&&t.forEach((o,i)=>{const n=i===0,a=i===e-1;let u;e===1?u="var(--radius-base)":n?u="var(--radius-base) 0 0 var(--radius-base)":a?u="0 var(--radius-base) var(--radius-base) 0":u="0",o.style.setProperty("--formfield-border-radius",u),o.style.marginLeft=n?"":"-1px"})}render(){return r.html`
268
+ <div class="input-group${this.stretch?" input-group--stretch":""}">
269
+ <slot @slotchange=${this._onSlotChange}></slot>
270
+ </div>
271
+ `}};exports.InputGroup.styles=[r.css`${r.unsafeCSS(et)}`];m([s.property({type:Boolean})],exports.InputGroup.prototype,"stretch",2);exports.InputGroup=m([s.customElement("logosphere-input-group")],exports.InputGroup);const it=":host{display:block}.accordion{display:flex;flex-direction:column}.accordion--full{gap:var(--spacing-2)}.accordion--bottom{gap:0}.accordion--full ::slotted(logosphere-collapse),.accordion--full logosphere-collapse{width:100%}";var st=Object.defineProperty,nt=Object.getOwnPropertyDescriptor,b=(l,t,e,o)=>{for(var i=o>1?void 0:o?nt(t,e):t,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&st(t,e,i),i};exports.Accordion=class extends r.LitElement{constructor(){super(...arguments),this.items=[],this.multiple=!1,this.defaultOpen=[],this.border="full",this.iconPosition="right",this.size="default",this._openSet=new Set,this._onSlottedToggle=t=>{if(this.items.length>0||this.multiple)return;const e=t.target;t.detail.expanded&&this.querySelectorAll("logosphere-collapse").forEach(o=>{o!==e&&o.expanded&&(o.expanded=!1)})}}connectedCallback(){super.connectedCallback();const t=Array.isArray(this.defaultOpen)?this.defaultOpen:[this.defaultOpen];this._openSet=new Set(t),this.addEventListener("toggle",this._onSlottedToggle)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("toggle",this._onSlottedToggle)}_toggle(t){const e=new Set(this._openSet);e.has(t)?e.delete(t):(this.multiple||e.clear(),e.add(t));const o=this._openSet.has(t);this._openSet=e,this.dispatchEvent(new CustomEvent("accordion-change",{detail:{index:t,expanded:!o,openIndices:[...this._openSet]},bubbles:!0,composed:!0}))}render(){return this.items.length===0?r.html`
272
+ <div class="accordion accordion--${this.border}">
273
+ <slot></slot>
274
+ </div>
275
+ `:r.html`
276
+ <div class="accordion accordion--${this.border}">
277
+ ${this.items.map((t,e)=>r.html`
278
+ <logosphere-collapse
279
+ title=${t.title}
280
+ .expanded=${this._openSet.has(e)}
281
+ .disabled=${t.disabled??!1}
282
+ border=${this.border}
283
+ iconPosition=${this.iconPosition}
284
+ size=${this.size}
285
+ @toggle=${o=>{o.stopPropagation(),this._toggle(e)}}
286
+ >
287
+ <span slot="body">${t.content}</span>
288
+ </logosphere-collapse>
289
+ `)}
290
+ </div>
291
+ `}};exports.Accordion.styles=[r.css`${r.unsafeCSS(it)}`];b([s.property({attribute:!1})],exports.Accordion.prototype,"items",2);b([s.property({type:Boolean})],exports.Accordion.prototype,"multiple",2);b([s.property({attribute:!1})],exports.Accordion.prototype,"defaultOpen",2);b([s.property({type:String})],exports.Accordion.prototype,"border",2);b([s.property({type:String})],exports.Accordion.prototype,"iconPosition",2);b([s.property({type:String})],exports.Accordion.prototype,"size",2);b([s.state()],exports.Accordion.prototype,"_openSet",2);exports.Accordion=b([s.customElement("logosphere-accordion")],exports.Accordion);Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>y.Button});Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>w.LogosphereBadge});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>x.Checkbox});Object.defineProperty(exports,"FormField",{enumerable:!0,get:()=>$.FormField});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>S.Switch});Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:()=>k.Breadcrumb});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>P.Card});Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>C.LogosphereInput});exports.Pagination=E.Pagination;Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>O.Popover});Object.defineProperty(exports,"ChipGroup",{enumerable:!0,get:()=>L.ChipGroup});Object.defineProperty(exports,"TextArea",{enumerable:!0,get:()=>D.TextArea});Object.defineProperty(exports,"TimePicker",{enumerable:!0,get:()=>B.TimePicker});Object.defineProperty(exports,"LogosphereChatBot",{enumerable:!0,get:()=>j.LogosphereChatBot});Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>q.LogosphereCalendar});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:()=>A.Combobox});Object.defineProperty(exports,"LogosphereDatePicker",{enumerable:!0,get:()=>I.LogosphereDatePicker});Object.defineProperty(exports,"Drawer",{enumerable:!0,get:()=>M.Drawer});Object.defineProperty(exports,"DownloadManager",{enumerable:!0,get:()=>T.DownloadManager});Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>v.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>v.LeftMenuItemElement});exports.Modal=F.Modal;Object.defineProperty(exports,"LogosphereToast",{enumerable:!0,get:()=>g.LogosphereToast});Object.defineProperty(exports,"LogosphereToastContainer",{enumerable:!0,get:()=>g.LogosphereToastContainer});exports.ToastService=g.ToastService;Object.defineProperty(exports,"LogosphereTab",{enumerable:!0,get:()=>G.LogosphereTab});Object.defineProperty(exports,"TreeMenu",{enumerable:!0,get:()=>N.TreeMenu});
package/dist/index.d.ts CHANGED
@@ -2,15 +2,29 @@ export * from "./atoms/Button/index.js";
2
2
  export * from "./atoms/Badge/index.js";
3
3
  export * from "./atoms/Checkbox/index.js";
4
4
  export * from "./atoms/FormField/index.js";
5
+ export * from "./atoms/Slider/index.js";
5
6
  export * from "./atoms/Switch/index.js";
6
7
  export * from "./molecules/Breadcrumb/index.js";
7
8
  export * from "./molecules/Card/index.js";
8
9
  export * from "./molecules/Input/index.js";
10
+ export * from "./molecules/Pagination/index.js";
9
11
  export * from "./molecules/Popover/index.js";
12
+ export * from "./molecules/Stepper/index.js";
13
+ export * from "./molecules/SplitButton/index.js";
14
+ export * from "./molecules/Collapse/index.js";
15
+ export * from "./molecules/InputGroup/index.js";
16
+ export * from "./molecules/Accordion/index.js";
17
+ export * from "./molecules/Chip/index.js";
10
18
  export * from "./molecules/Textarea/index.js";
19
+ export * from "./molecules/TimePicker/index.js";
11
20
  export * from "./organisms/Chatbot/index.js";
21
+ export * from "./organisms/Calendar/index.js";
12
22
  export * from "./organisms/Combobox/index.js";
13
23
  export * from "./organisms/DatePicker/index.js";
24
+ export * from "./organisms/Drawer/index.js";
14
25
  export * from "./organisms/DownloadManager/index.js";
26
+ export * from "./organisms/LeftMenu/index.js";
15
27
  export * from "./organisms/Modal/index.js";
28
+ export * from "./organisms/Toast/index.js";
16
29
  export * from "./organisms/Tab/index.js";
30
+ export * from "./organisms/TreeMenu/index.js";