@sky.ui/core 0.0.8 → 0.0.21

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 (218) hide show
  1. package/auto-import.js +1 -31
  2. package/dist/custom-elements.json +7115 -21498
  3. package/dist/helper/utils/color-resolver.d.ts +12 -0
  4. package/dist/helper/utils/color-resolver.js +1 -1
  5. package/dist/helper/utils/color-resolver.js.map +1 -1
  6. package/dist/index.d.ts +1 -31
  7. package/dist/index.js +1 -1
  8. package/dist/sky-alert/sky-alert.js +32 -42
  9. package/dist/sky-alert/sky-alert.js.map +1 -1
  10. package/dist/sky-appbar/sky-appbar.d.ts +5 -0
  11. package/dist/sky-appbar/sky-appbar.js +63 -21
  12. package/dist/sky-appbar/sky-appbar.js.map +1 -1
  13. package/dist/sky-avatar/sky-avatar.d.ts +2 -2
  14. package/dist/sky-avatar/sky-avatar.js +36 -28
  15. package/dist/sky-avatar/sky-avatar.js.map +1 -1
  16. package/dist/sky-badge/sky-badge.d.ts +2 -0
  17. package/dist/sky-badge/sky-badge.js +21 -19
  18. package/dist/sky-badge/sky-badge.js.map +1 -1
  19. package/dist/sky-button/sky-button.d.ts +4 -0
  20. package/dist/sky-button/sky-button.js +85 -26
  21. package/dist/sky-button/sky-button.js.map +1 -1
  22. package/dist/sky-card/sky-card.d.ts +7 -1
  23. package/dist/sky-card/sky-card.js +72 -40
  24. package/dist/sky-card/sky-card.js.map +1 -1
  25. package/dist/sky-checkbox/sky-checkbox.js +34 -23
  26. package/dist/sky-checkbox/sky-checkbox.js.map +1 -1
  27. package/dist/sky-chip/sky-chip.js +53 -35
  28. package/dist/sky-chip/sky-chip.js.map +1 -1
  29. package/dist/sky-combobox/sky-combobox.d.ts +6 -2
  30. package/dist/sky-combobox/sky-combobox.js +92 -262
  31. package/dist/sky-combobox/sky-combobox.js.map +1 -1
  32. package/dist/sky-dialog/sky-dialog.d.ts +4 -11
  33. package/dist/sky-dialog/sky-dialog.js +78 -131
  34. package/dist/sky-dialog/sky-dialog.js.map +1 -1
  35. package/dist/sky-flexbox/sky-flexbox.js.map +1 -1
  36. package/dist/sky-form/sky-form.js +21 -19
  37. package/dist/sky-form/sky-form.js.map +1 -1
  38. package/dist/sky-image/sky-image.d.ts +1 -0
  39. package/dist/sky-image/sky-image.js +14 -7
  40. package/dist/sky-image/sky-image.js.map +1 -1
  41. package/dist/sky-input/sky-input.d.ts +15 -2
  42. package/dist/sky-input/sky-input.js +188 -193
  43. package/dist/sky-input/sky-input.js.map +1 -1
  44. package/dist/sky-list/sky-list.d.ts +11 -2
  45. package/dist/sky-list/sky-list.js +15 -25
  46. package/dist/sky-list/sky-list.js.map +1 -1
  47. package/dist/sky-listitem/sky-listitem.js +62 -30
  48. package/dist/sky-listitem/sky-listitem.js.map +1 -1
  49. package/dist/sky-radio/sky-radio.d.ts +2 -0
  50. package/dist/sky-radio/sky-radio.js +29 -9
  51. package/dist/sky-radio/sky-radio.js.map +1 -1
  52. package/dist/sky-sheet/sky-sheet.d.ts +1 -1
  53. package/dist/sky-sheet/sky-sheet.js +68 -22
  54. package/dist/sky-sheet/sky-sheet.js.map +1 -1
  55. package/dist/sky-simple-table/index.d.ts +1 -0
  56. package/dist/sky-simple-table/index.js +1 -0
  57. package/dist/sky-simple-table/sky-simple-table.d.ts +68 -0
  58. package/dist/sky-simple-table/sky-simple-table.js +100 -0
  59. package/dist/sky-simple-table/sky-simple-table.js.map +1 -0
  60. package/dist/sky-theme-provider/sky-theme-provider.d.ts +10 -1
  61. package/dist/sky-theme-provider/sky-theme-provider.js +2 -2
  62. package/dist/sky-theme-provider/sky-theme-provider.js.map +1 -1
  63. package/package.json +24 -269
  64. package/dist/sky-accordion/index.d.ts +0 -1
  65. package/dist/sky-accordion/index.js +0 -1
  66. package/dist/sky-accordion/sky-accordion.d.ts +0 -201
  67. package/dist/sky-accordion/sky-accordion.js +0 -84
  68. package/dist/sky-accordion/sky-accordion.js.map +0 -1
  69. package/dist/sky-accordion-item/index.d.ts +0 -1
  70. package/dist/sky-accordion-item/index.js +0 -1
  71. package/dist/sky-accordion-item/sky-accordion-item.d.ts +0 -161
  72. package/dist/sky-accordion-item/sky-accordion-item.js +0 -191
  73. package/dist/sky-accordion-item/sky-accordion-item.js.map +0 -1
  74. package/dist/sky-breadcrumb/index.d.ts +0 -1
  75. package/dist/sky-breadcrumb/index.js +0 -1
  76. package/dist/sky-breadcrumb/sky-breadcrumb.d.ts +0 -111
  77. package/dist/sky-breadcrumb/sky-breadcrumb.js +0 -230
  78. package/dist/sky-breadcrumb/sky-breadcrumb.js.map +0 -1
  79. package/dist/sky-button-group/index.d.ts +0 -1
  80. package/dist/sky-button-group/index.js +0 -1
  81. package/dist/sky-button-group/sky-button-group.d.ts +0 -93
  82. package/dist/sky-button-group/sky-button-group.js +0 -281
  83. package/dist/sky-button-group/sky-button-group.js.map +0 -1
  84. package/dist/sky-carousel/index.d.ts +0 -1
  85. package/dist/sky-carousel/index.js +0 -1
  86. package/dist/sky-carousel/sky-carousel.d.ts +0 -265
  87. package/dist/sky-carousel/sky-carousel.js +0 -211
  88. package/dist/sky-carousel/sky-carousel.js.map +0 -1
  89. package/dist/sky-counter/index.d.ts +0 -1
  90. package/dist/sky-counter/index.js +0 -1
  91. package/dist/sky-counter/sky-counter.d.ts +0 -130
  92. package/dist/sky-counter/sky-counter.js +0 -101
  93. package/dist/sky-counter/sky-counter.js.map +0 -1
  94. package/dist/sky-drawer/index.d.ts +0 -1
  95. package/dist/sky-drawer/index.js +0 -1
  96. package/dist/sky-drawer/sky-drawer.d.ts +0 -161
  97. package/dist/sky-drawer/sky-drawer.js +0 -175
  98. package/dist/sky-drawer/sky-drawer.js.map +0 -1
  99. package/dist/sky-dropdown/index.d.ts +0 -1
  100. package/dist/sky-dropdown/index.js +0 -1
  101. package/dist/sky-dropdown/sky-dropdown.d.ts +0 -254
  102. package/dist/sky-dropdown/sky-dropdown.js +0 -61
  103. package/dist/sky-dropdown/sky-dropdown.js.map +0 -1
  104. package/dist/sky-dropdown-item/index.d.ts +0 -1
  105. package/dist/sky-dropdown-item/index.js +0 -1
  106. package/dist/sky-dropdown-item/sky-dropdown-item.d.ts +0 -207
  107. package/dist/sky-dropdown-item/sky-dropdown-item.js +0 -341
  108. package/dist/sky-dropdown-item/sky-dropdown-item.js.map +0 -1
  109. package/dist/sky-flexbar/index.d.ts +0 -1
  110. package/dist/sky-flexbar/index.js +0 -1
  111. package/dist/sky-flexbar/sky-flexbar.d.ts +0 -189
  112. package/dist/sky-flexbar/sky-flexbar.js +0 -157
  113. package/dist/sky-flexbar/sky-flexbar.js.map +0 -1
  114. package/dist/sky-flexitem/index.d.ts +0 -1
  115. package/dist/sky-flexitem/index.js +0 -1
  116. package/dist/sky-flexitem/sky-flexitem.d.ts +0 -114
  117. package/dist/sky-flexitem/sky-flexitem.js +0 -52
  118. package/dist/sky-flexitem/sky-flexitem.js.map +0 -1
  119. package/dist/sky-navbar/index.d.ts +0 -1
  120. package/dist/sky-navbar/index.js +0 -1
  121. package/dist/sky-navbar/sky-navbar.d.ts +0 -211
  122. package/dist/sky-navbar/sky-navbar.js +0 -521
  123. package/dist/sky-navbar/sky-navbar.js.map +0 -1
  124. package/dist/sky-navpanel/index.d.ts +0 -1
  125. package/dist/sky-navpanel/index.js +0 -1
  126. package/dist/sky-navpanel/sky-navpanel.d.ts +0 -187
  127. package/dist/sky-navpanel/sky-navpanel.js +0 -404
  128. package/dist/sky-navpanel/sky-navpanel.js.map +0 -1
  129. package/dist/sky-notification/index.d.ts +0 -1
  130. package/dist/sky-notification/index.js +0 -1
  131. package/dist/sky-notification/sky-notification.d.ts +0 -152
  132. package/dist/sky-notification/sky-notification.js +0 -456
  133. package/dist/sky-notification/sky-notification.js.map +0 -1
  134. package/dist/sky-otp/index.d.ts +0 -1
  135. package/dist/sky-otp/index.js +0 -1
  136. package/dist/sky-otp/sky-otp.d.ts +0 -101
  137. package/dist/sky-otp/sky-otp.js +0 -96
  138. package/dist/sky-otp/sky-otp.js.map +0 -1
  139. package/dist/sky-overlay/index.d.ts +0 -1
  140. package/dist/sky-overlay/index.js +0 -1
  141. package/dist/sky-overlay/sky-overlay.d.ts +0 -71
  142. package/dist/sky-overlay/sky-overlay.js +0 -26
  143. package/dist/sky-overlay/sky-overlay.js.map +0 -1
  144. package/dist/sky-pagination/index.d.ts +0 -1
  145. package/dist/sky-pagination/index.js +0 -1
  146. package/dist/sky-pagination/sky-pagination.d.ts +0 -167
  147. package/dist/sky-pagination/sky-pagination.js +0 -453
  148. package/dist/sky-pagination/sky-pagination.js.map +0 -1
  149. package/dist/sky-progress/index.d.ts +0 -1
  150. package/dist/sky-progress/index.js +0 -1
  151. package/dist/sky-progress/sky-progress.d.ts +0 -70
  152. package/dist/sky-progress/sky-progress.js +0 -87
  153. package/dist/sky-progress/sky-progress.js.map +0 -1
  154. package/dist/sky-radio-group/index.d.ts +0 -1
  155. package/dist/sky-radio-group/index.js +0 -1
  156. package/dist/sky-radio-group/sky-radio-group.d.ts +0 -186
  157. package/dist/sky-radio-group/sky-radio-group.js +0 -239
  158. package/dist/sky-radio-group/sky-radio-group.js.map +0 -1
  159. package/dist/sky-range/index.d.ts +0 -1
  160. package/dist/sky-range/index.js +0 -1
  161. package/dist/sky-range/sky-range.d.ts +0 -110
  162. package/dist/sky-range/sky-range.js +0 -196
  163. package/dist/sky-range/sky-range.js.map +0 -1
  164. package/dist/sky-serial/index.d.ts +0 -1
  165. package/dist/sky-serial/index.js +0 -1
  166. package/dist/sky-serial/sky-serial.d.ts +0 -127
  167. package/dist/sky-serial/sky-serial.js +0 -133
  168. package/dist/sky-serial/sky-serial.js.map +0 -1
  169. package/dist/sky-skeleton/index.d.ts +0 -1
  170. package/dist/sky-skeleton/index.js +0 -1
  171. package/dist/sky-skeleton/sky-skeleton.d.ts +0 -80
  172. package/dist/sky-skeleton/sky-skeleton.js +0 -233
  173. package/dist/sky-skeleton/sky-skeleton.js.map +0 -1
  174. package/dist/sky-slider/index.d.ts +0 -1
  175. package/dist/sky-slider/index.js +0 -1
  176. package/dist/sky-slider/sky-slider.d.ts +0 -96
  177. package/dist/sky-slider/sky-slider.js +0 -139
  178. package/dist/sky-slider/sky-slider.js.map +0 -1
  179. package/dist/sky-speeddial/index.d.ts +0 -1
  180. package/dist/sky-speeddial/index.js +0 -1
  181. package/dist/sky-speeddial/sky-speeddial.d.ts +0 -86
  182. package/dist/sky-speeddial/sky-speeddial.js +0 -154
  183. package/dist/sky-speeddial/sky-speeddial.js.map +0 -1
  184. package/dist/sky-spinner/index.d.ts +0 -1
  185. package/dist/sky-spinner/index.js +0 -1
  186. package/dist/sky-spinner/sky-spinner.d.ts +0 -87
  187. package/dist/sky-spinner/sky-spinner.js +0 -334
  188. package/dist/sky-spinner/sky-spinner.js.map +0 -1
  189. package/dist/sky-steps/index.d.ts +0 -1
  190. package/dist/sky-steps/index.js +0 -1
  191. package/dist/sky-steps/sky-steps.d.ts +0 -170
  192. package/dist/sky-steps/sky-steps.js +0 -455
  193. package/dist/sky-steps/sky-steps.js.map +0 -1
  194. package/dist/sky-switch/index.d.ts +0 -1
  195. package/dist/sky-switch/index.js +0 -1
  196. package/dist/sky-switch/sky-switch.d.ts +0 -116
  197. package/dist/sky-switch/sky-switch.js +0 -191
  198. package/dist/sky-switch/sky-switch.js.map +0 -1
  199. package/dist/sky-tab/index.d.ts +0 -1
  200. package/dist/sky-tab/index.js +0 -1
  201. package/dist/sky-tab/sky-tab.d.ts +0 -188
  202. package/dist/sky-tab/sky-tab.js +0 -390
  203. package/dist/sky-tab/sky-tab.js.map +0 -1
  204. package/dist/sky-tab-button/index.d.ts +0 -1
  205. package/dist/sky-tab-button/index.js +0 -1
  206. package/dist/sky-tab-button/sky-tab-button.d.ts +0 -114
  207. package/dist/sky-tab-button/sky-tab-button.js +0 -167
  208. package/dist/sky-tab-button/sky-tab-button.js.map +0 -1
  209. package/dist/sky-theme-switcher/index.d.ts +0 -1
  210. package/dist/sky-theme-switcher/index.js +0 -1
  211. package/dist/sky-theme-switcher/sky-theme-switcher.d.ts +0 -92
  212. package/dist/sky-theme-switcher/sky-theme-switcher.js +0 -43
  213. package/dist/sky-theme-switcher/sky-theme-switcher.js.map +0 -1
  214. package/dist/sky-tooltip/index.d.ts +0 -1
  215. package/dist/sky-tooltip/index.js +0 -1
  216. package/dist/sky-tooltip/sky-tooltip.d.ts +0 -156
  217. package/dist/sky-tooltip/sky-tooltip.js +0 -242
  218. package/dist/sky-tooltip/sky-tooltip.js.map +0 -1
@@ -1,242 +0,0 @@
1
- import{__decorate as t,__metadata as o}from"tslib";import{LitElement as e,css as r,html as i}from"lit";import{property as s,query as a,state as n,customElement as l}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import{resolveColor as h,resolveTextColorForToken as d,createGradient as c,tuneSurfaceVariantForDefaultColor as g,fadeMix as m}from"../helper/utils/color-resolver.js";import{PopoverController as v}from"../helper/controllers/popover-controller.js";let y=class extends e{constructor(){super(...arguments),this.position="top",this.visible=!1,this.trigger="hover",this.label="tooltip",this.variant="solid",this.color="primary",this.colors="",this.noAutoTrigger=!1,this.delay=0,this.closeDelay=0,this.showArrow=!1,this._actualPlace="top",this._arrowAlign="center",this.interactive=!1,this.exiting=!1,this.closeTimer=null,this.openTimer=null,this.hideDelayTimer=null,this.popoverCtrl=new v(this,{getAnchor:()=>this.triggerEl??null,getPopover:()=>this.tooltipEl??null,cssVarLeft:"--sky-tt-left",cssVarTop:"--sky-tt-top",cssVarWidth:"--sky-tt-width",getPlacement:()=>this.position,getAlign:()=>"center",getGap:()=>6,getPadding:()=>8,getMatchAnchorWidth:()=>!1,getMaxWidthToViewport:()=>!0,getMaxWidthMode:()=>"cap",getFlip:()=>!0,getFlipOrder:()=>[],getPreset:()=>"none",getDuration:()=>220,getCloseDuration:()=>180,getAnimateReposition:()=>!0,getRepositionMs:()=>160,getCloseOnEscape:()=>!0,getCloseOnOutside:()=>!0,getRestoreFocusOnClose:()=>!1,onOpenChange:t=>{t||(this.visible=!1,this.exiting=!1)}}),this.handleTooltipMouseEnter=()=>{},this.handleTooltipMouseLeave=()=>{this.noAutoTrigger||this.interactive&&("hover"!==this.trigger&&"both"!==this.trigger||this.scheduleHideAfterLeave())}}static{this.styles=r`
2
- :host {
3
- position: relative;
4
- font-family: var(--sky-font);
5
- display: inline-block;
6
- }
7
-
8
- .tooltip {
9
- position: fixed;
10
- visibility: hidden;
11
- opacity: 0;
12
- transition: opacity 0.15s ease-out 0.05s;
13
- z-index: 9999;
14
-
15
- left: var(--sky-tt-left, 0px);
16
- top: var(--sky-tt-top, 0px);
17
- width: var(--sky-tt-width, max-content);
18
- margin: 0;
19
- border: none;
20
- background: transparent; /* reset UA background */
21
- overflow: visible;
22
- pointer-events: none;
23
- }
24
-
25
- .tooltip:popover-open {
26
- visibility: visible;
27
- opacity: 1;
28
- transition-delay: 0s;
29
- pointer-events: auto;
30
- }
31
- :host(:not([interactive])) .tooltip:popover-open {
32
- pointer-events: none;
33
- }
34
-
35
- .tooltip__inner {
36
- background: var(--tooltip-bg);
37
- color: var(--tooltip-color);
38
- border: var(--tooltip-border);
39
- box-shadow: var(--tooltip-box-shadow);
40
- padding: 4px 8px;
41
- border-radius: var(--sky-radius-secondary);
42
- font-size: 12px;
43
- width: max-content;
44
- position: relative;
45
- max-width: 300px;
46
- }
47
-
48
- .tooltip__inner::after {
49
- content: "";
50
- position: absolute;
51
- border-width: 6px;
52
- border-style: solid;
53
- }
54
-
55
- .tooltip__inner.no-arrow::after {
56
- display: none;
57
- }
58
-
59
- /* Updated positioning for fixed tooltip */
60
- .tooltip[data-position="top"] {
61
- transform: scale(0.9);
62
- transform-origin: bottom center;
63
- }
64
- .tooltip[data-position="top"]:popover-open {
65
- transform: scale(1);
66
- }
67
-
68
- .tooltip[data-position="top"] .tooltip__inner::after {
69
- top: 100%;
70
- left: 50%;
71
- transform: translateX(-50%);
72
- border-color: var(--tooltip-arrow-color) transparent transparent
73
- transparent;
74
- }
75
-
76
- .tooltip[data-position="bottom"] {
77
- transform: scale(0.9);
78
- transform-origin: top center;
79
- }
80
- .tooltip[data-position="bottom"]:popover-open {
81
- transform: scale(1);
82
- }
83
-
84
- .tooltip[data-position="bottom"] .tooltip__inner::after {
85
- bottom: 100%;
86
- left: 50%;
87
- transform: translateX(-50%);
88
- border-color: transparent transparent var(--tooltip-arrow-color)
89
- transparent;
90
- }
91
-
92
- .tooltip[data-position="left"] {
93
- transform: scale(0.9);
94
- transform-origin: center right;
95
- }
96
- .tooltip[data-position="left"]:popover-open {
97
- transform: scale(1);
98
- }
99
- .tooltip[data-position="left"] .tooltip__inner::after {
100
- top: 50%;
101
- right: -12px;
102
- transform: translateY(-50%);
103
- border-color: transparent transparent transparent
104
- var(--tooltip-arrow-color);
105
- }
106
-
107
- .tooltip[data-position="right"] {
108
- transform: scale(0.9);
109
- transform-origin: center left;
110
- }
111
- .tooltip[data-position="right"]:popover-open {
112
- transform: scale(1);
113
- }
114
- .tooltip[data-position="right"] .tooltip__inner::after {
115
- top: 50%;
116
- left: -12px;
117
- transform: translateY(-50%);
118
- border-color: transparent var(--tooltip-arrow-color) transparent
119
- transparent;
120
- }
121
-
122
- /* Arrow alignment classes */
123
- .tooltip[data-position="top"] .tooltip__inner.arrow-center::after,
124
- .tooltip[data-position="bottom"] .tooltip__inner.arrow-center::after {
125
- left: 50%;
126
- transform: translateX(-50%);
127
- }
128
- .tooltip[data-position="top"] .tooltip__inner.arrow-left::after,
129
- .tooltip[data-position="bottom"] .tooltip__inner.arrow-left::after {
130
- left: 15px;
131
- transform: translateX(0);
132
- }
133
- .tooltip[data-position="top"] .tooltip__inner.arrow-right::after,
134
- .tooltip[data-position="bottom"] .tooltip__inner.arrow-right::after {
135
- right: 15px;
136
- left: auto;
137
- transform: translateX(0);
138
- }
139
-
140
- .tooltip[data-position="left"] .tooltip__inner.arrow-center::after,
141
- .tooltip[data-position="right"] .tooltip__inner.arrow-center::after {
142
- top: 50%;
143
- transform: translateY(-50%);
144
- }
145
- .tooltip[data-position="left"] .tooltip__inner.arrow-left::after,
146
- .tooltip[data-position="right"] .tooltip__inner.arrow-left::after {
147
- top: 15px;
148
- transform: translateY(0);
149
- }
150
- .tooltip[data-position="left"] .tooltip__inner.arrow-right::after,
151
- .tooltip[data-position="right"] .tooltip__inner.arrow-right::after {
152
- bottom: 15px;
153
- top: auto;
154
- transform: translateY(0);
155
- }
156
-
157
- /* Animations */
158
- @keyframes bounceIn {
159
- from {
160
- opacity: 0;
161
- transform: scale(0.5);
162
- }
163
- to {
164
- transform: scale(1);
165
- }
166
- }
167
- @keyframes fadeShrinkOut {
168
- from {
169
- opacity: 1;
170
- transform: scale(1);
171
- }
172
- to {
173
- opacity: 0;
174
- transform: scale(0.8);
175
- }
176
- }
177
- .tooltip__inner.entering {
178
- animation: bounceIn 0.2s ease forwards;
179
- }
180
- .tooltip__inner.exiting {
181
- animation: fadeShrinkOut 0.12s ease forwards;
182
- }
183
-
184
- /* RTL support */
185
- :host([dir="rtl"]) .tooltip[data-position="top"] {
186
- transform: translateX(50%) scale(0.9);
187
- }
188
- :host([dir="rtl"]) .tooltip[data-position="top"]:popover-open {
189
- transform: translateX(50%) scale(1);
190
- }
191
- :host([dir="rtl"]) .tooltip[data-position="bottom"] {
192
- transform: translateX(50%) scale(0.9);
193
- }
194
- :host([dir="rtl"]) .tooltip[data-position="bottom"]:popover-open {
195
- transform: translateX(50%) scale(1);
196
- }
197
- :host([dir="rtl"]) .tooltip[data-position="left"] .tooltip__inner::after {
198
- left: -12px;
199
- right: auto;
200
- border-color: transparent var(--tooltip-arrow-color) transparent
201
- transparent;
202
- }
203
- :host([dir="rtl"]) .tooltip[data-position="right"] .tooltip__inner::after {
204
- right: -12px;
205
- left: auto;
206
- border-color: transparent transparent transparent
207
- var(--tooltip-arrow-color);
208
- }
209
- `}connectedCallback(){super.connectedCallback(),"undefined"!=typeof document&&this.setAttribute("dir",document.dir||"ltr")}disconnectedCallback(){this.clearOpenTimer(),this.clearHideDelayTimer(),null!=this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),super.disconnectedCallback()}firstUpdated(){this.popoverCtrl.refreshTargets()}syncArrowAndPlaceFromController(){const t=this.popoverCtrl.meta;t?.place&&(this._actualPlace=t.place),t?.arrowAlign&&(this._arrowAlign=t.arrowAlign)}willUpdate(t){const o=h(this.color),e=d(this.color),r={solid:{bg:o,color:e,border:"1px solid transparent",shadow:"none",arrow:o},faded:{bg:"var(--sky-hover-tertiary)",color:o,border:"1px solid var(--sky-text-tertiary)",shadow:"none",arrow:"var(--sky-hover-tertiary)"},bordered:{bg:"var(--sky-surface-primary)",color:o,border:`1px solid ${o}`,shadow:"none",arrow:o},transparent:{bg:"transparent",color:o,border:"1px solid transparent",shadow:"none",arrow:"transparent"},flat:{bg:m(o,12),color:o,border:"1px solid transparent",shadow:"none",arrow:m(o,12)},ghost:{bg:m(o,20),color:o,border:`1px solid ${o}`,shadow:"none",arrow:o},relief:{bg:o,color:e,border:"1px solid transparent",shadow:`inset 0 1px 0 rgba(255,255,255,0.35), 0 6px 14px -8px ${m(o,55)}`,arrow:o},gradient:{bg:c(this.colors,o),color:e,border:"none",shadow:"none",arrow:o},shadow:{bg:"var(--sky-glass-primary)",color:o,border:"1px solid var(--sky-border-light)",shadow:"var(--sky-box-shadow-primary)",arrow:"var(--sky-glass-primary)"}},i=this.variant in r?this.variant:"solid",s=g(this.color,i,r[i]);this.style.setProperty("--tooltip-bg",s.bg),this.style.setProperty("--tooltip-color",s.color),this.style.setProperty("--tooltip-border",s.border),this.style.setProperty("--tooltip-box-shadow",s.shadow||"none"),this.style.setProperty("--tooltip-arrow-color",s.arrow)}updated(t){super.updated(t),t.has("position")&&this.popoverCtrl.open&&(this.popoverCtrl.position(),this.syncArrowAndPlaceFromController()),t.has("visible")&&this.visible&&this.updateComplete.then(()=>{this.popoverCtrl.open||this.popoverCtrl.openPopover(),requestAnimationFrame(()=>{this.popoverCtrl.position(),this.syncArrowAndPlaceFromController()})})}triggerExit(){this.clearOpenTimer(),this.clearHideDelayTimer(),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.exiting=!0,this.visible=!1,this.closeTimer=window.setTimeout(()=>{this.exiting=!1,this.popoverCtrl.closePopover("api"),this.closeTimer=null},140)}clearOpenTimer(){null!=this.openTimer&&(clearTimeout(this.openTimer),this.openTimer=null)}clearHideDelayTimer(){null!=this.hideDelayTimer&&(clearTimeout(this.hideDelayTimer),this.hideDelayTimer=null)}scheduleHideAfterLeave(){this.clearHideDelayTimer();const t=Number(this.closeDelay),o=Number.isFinite(t)?Math.max(0,t):0;o>0?this.hideDelayTimer=window.setTimeout(()=>{this.hideDelayTimer=null,this.hide()},o):this.hide()}handleMouseEnter(){if(this.noAutoTrigger)return;if("hover"!==this.trigger&&"both"!==this.trigger)return;if(this.clearHideDelayTimer(),this.visible||this.popoverCtrl.open)return void this.clearOpenTimer();this.clearOpenTimer();const t=Number(this.delay),o=Number.isFinite(t)?Math.max(0,t):0;o>0?this.openTimer=window.setTimeout(()=>{this.openTimer=null,this.show()},o):this.show()}handleMouseLeave(t){if(this.noAutoTrigger)return;const o=t.relatedTarget;this.interactive&&o&&this.tooltipEl?.contains(o)||(this.clearOpenTimer(),"hover"!==this.trigger&&"both"!==this.trigger||this.scheduleHideAfterLeave())}handleClick(t){if(this.noAutoTrigger)return;t.composedPath().some(t=>t instanceof HTMLElement&&(t.classList?.contains("tooltip__inner")||t.getAttribute("part")?.includes("tooltip-content")))?t.stopPropagation():"click"!==this.trigger&&"both"!==this.trigger||this.toggle()}show(){this.clearOpenTimer(),this.clearHideDelayTimer(),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.exiting=!1,this.visible=!0}hide(){this.clearHideDelayTimer(),(this.visible||this.popoverCtrl.open)&&this.triggerExit()}toggle(){this.visible?this.hide():this.show()}showWithContent(t){"string"==typeof t&&(this.label=t),this.show()}render(){return i`
210
- <div
211
- part="trigger"
212
- @mouseenter=${this.handleMouseEnter}
213
- @mouseleave=${this.handleMouseLeave}
214
- @click=${this.handleClick}
215
- >
216
- <slot></slot>
217
-
218
- <div
219
- class="tooltip"
220
- part="tooltip"
221
- popover="manual"
222
- data-position="${this._actualPlace||this.position}"
223
- ?visible=${this.visible}
224
- @toggle=${this.popoverCtrl.onToggle}
225
- @mouseenter=${this.handleTooltipMouseEnter}
226
- @mouseleave=${this.handleTooltipMouseLeave}
227
- >
228
- <div
229
- part="tooltip-inner"
230
- class=${p({tooltip__inner:!0,"no-arrow":!this.showArrow,"arrow-left":this.showArrow&&"start"===this._arrowAlign,"arrow-right":this.showArrow&&"end"===this._arrowAlign,"arrow-center":this.showArrow&&"center"===this._arrowAlign,exiting:this.exiting,entering:!this.exiting})}
231
- >
232
- <div
233
- part="tooltip-content"
234
- @click=${t=>t.stopPropagation()}
235
- >
236
- <slot name="tooltip">${this.label}</slot>
237
- </div>
238
- </div>
239
- </div>
240
- </div>
241
- `}};t([s({type:String}),o("design:type",String)],y.prototype,"position",void 0),t([s({type:Boolean}),o("design:type",Boolean)],y.prototype,"visible",void 0),t([s({type:String}),o("design:type",String)],y.prototype,"trigger",void 0),t([s({type:String}),o("design:type",String)],y.prototype,"label",void 0),t([s({type:String}),o("design:type",String)],y.prototype,"variant",void 0),t([s({type:String}),o("design:type",String)],y.prototype,"color",void 0),t([s({type:String}),o("design:type",String)],y.prototype,"colors",void 0),t([s({type:Boolean}),o("design:type",Boolean)],y.prototype,"noAutoTrigger",void 0),t([s({type:Number}),o("design:type",Number)],y.prototype,"delay",void 0),t([s({type:Number}),o("design:type",Number)],y.prototype,"closeDelay",void 0),t([s({type:Boolean,reflect:!0}),o("design:type",Boolean)],y.prototype,"showArrow",void 0),t([a('[part="trigger"]'),o("design:type",HTMLElement)],y.prototype,"triggerEl",void 0),t([a(".tooltip"),o("design:type",HTMLElement)],y.prototype,"tooltipEl",void 0),t([n(),o("design:type",String)],y.prototype,"_actualPlace",void 0),t([n(),o("design:type",String)],y.prototype,"_arrowAlign",void 0),t([s({type:Boolean,reflect:!0}),o("design:type",Boolean)],y.prototype,"interactive",void 0),y=t([l("sky-tooltip")],y);export{y as SkyTooltip};
242
- //# sourceMappingURL=sky-tooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sky-tooltip.js","sources":["../../src/sky-tooltip/sky-tooltip.ts"],"sourcesContent":[null],"names":["SkyTooltip","LitElement","constructor","this","position","visible","trigger","label","variant","color","colors","noAutoTrigger","delay","closeDelay","showArrow","_actualPlace","_arrowAlign","interactive","exiting","closeTimer","openTimer","hideDelayTimer","popoverCtrl","PopoverController","getAnchor","triggerEl","getPopover","tooltipEl","cssVarLeft","cssVarTop","cssVarWidth","getPlacement","getAlign","getGap","getPadding","getMatchAnchorWidth","getMaxWidthToViewport","getMaxWidthMode","getFlip","getFlipOrder","getPreset","getDuration","getCloseDuration","getAnimateReposition","getRepositionMs","getCloseOnEscape","getCloseOnOutside","getRestoreFocusOnClose","onOpenChange","open","handleTooltipMouseEnter","handleTooltipMouseLeave","scheduleHideAfterLeave","styles","css","connectedCallback","super","document","setAttribute","dir","disconnectedCallback","clearOpenTimer","clearHideDelayTimer","clearTimeout","firstUpdated","refreshTargets","syncArrowAndPlaceFromController","meta","place","arrowAlign","willUpdate","_changed","baseColor","resolveColor","textColor","resolveTextColorForToken","variantDefaults","solid","bg","border","shadow","arrow","faded","bordered","transparent","flat","fadeMix","ghost","relief","gradient","createGradient","key","v","tuneSurfaceVariantForDefaultColor","style","setProperty","updated","changed","has","updateComplete","then","openPopover","requestAnimationFrame","triggerExit","window","setTimeout","closePopover","raw","Number","ms","isFinite","Math","max","hide","handleMouseEnter","show","handleMouseLeave","event","relatedTarget","contains","handleClick","composedPath","some","el","HTMLElement","classList","getAttribute","includes","stopPropagation","toggle","showWithContent","content","render","html","onToggle","classMap","tooltip__inner","entering","e","__decorate","property","type","String","prototype","Boolean","reflect","query","state","customElement"],"mappings":"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"}