sp-component 0.0.2 → 0.0.3

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 (114) hide show
  1. package/dist/components/accordion/sp-accordion-item.css.js +1 -1
  2. package/dist/components/accordion/sp-accordion.css.js +1 -1
  3. package/dist/components/alert/sp-alert.css.js +1 -1
  4. package/dist/components/autocomplete/sp-autocomplete.css.js +1 -1
  5. package/dist/components/autocomplete/sp-autocomplete.template.d.ts.map +1 -1
  6. package/dist/components/autocomplete/sp-autocomplete.template.js +14 -13
  7. package/dist/components/avatar/sp-avatar.css.js +1 -1
  8. package/dist/components/badge/sp-badge.css.js +1 -1
  9. package/dist/components/badge/sp-badge.d.ts +2 -0
  10. package/dist/components/badge/sp-badge.d.ts.map +1 -1
  11. package/dist/components/badge/sp-badge.js +34 -31
  12. package/dist/components/breadcrumb/sp-breadcrumb-item.css.js +1 -1
  13. package/dist/components/breadcrumb/sp-breadcrumb.css.js +1 -1
  14. package/dist/components/button/sp-button.css.js +1 -1
  15. package/dist/components/calendar/sp-calendar-date-picker.css.js +1 -1
  16. package/dist/components/calendar/sp-calendar.css.js +1 -1
  17. package/dist/components/calendar/sp-calendar.d.ts +1 -0
  18. package/dist/components/calendar/sp-calendar.d.ts.map +1 -1
  19. package/dist/components/calendar/sp-calendar.js +29 -29
  20. package/dist/components/card/sp-card.css.js +1 -1
  21. package/dist/components/card/sp-card.template.d.ts.map +1 -1
  22. package/dist/components/card/sp-card.template.js +25 -16
  23. package/dist/components/carousel/sp-carousel-slide.css.js +2 -2
  24. package/dist/components/carousel/sp-carousel.css.js +1 -1
  25. package/dist/components/checkbox/sp-checkbox.css.js +1 -1
  26. package/dist/components/checkbox-group/sp-checkbox-group.css.js +1 -1
  27. package/dist/components/color-picker/sp-color-picker.css.js +1 -1
  28. package/dist/components/color-picker/sp-color-picker.template.d.ts.map +1 -1
  29. package/dist/components/color-picker/sp-color-picker.template.js +15 -14
  30. package/dist/components/combobox/sp-combobox.css.js +1 -1
  31. package/dist/components/combobox/sp-combobox.d.ts.map +1 -1
  32. package/dist/components/combobox/sp-combobox.js +26 -20
  33. package/dist/components/command-palette/sp-command-palette.css.js +1 -1
  34. package/dist/components/confirm-dialog/sp-confirm-dialog.css.js +1 -1
  35. package/dist/components/copy-button/sp-copy-button.css.js +1 -1
  36. package/dist/components/divider/sp-divider.css.js +1 -1
  37. package/dist/components/drawer/sp-drawer.css.js +1 -1
  38. package/dist/components/drawer/sp-drawer.d.ts +4 -0
  39. package/dist/components/drawer/sp-drawer.d.ts.map +1 -1
  40. package/dist/components/drawer/sp-drawer.js +78 -69
  41. package/dist/components/empty-state/sp-empty-state.css.js +1 -1
  42. package/dist/components/file-upload/sp-file-upload.css.js +1 -1
  43. package/dist/components/form-field/sp-form-field.css.js +1 -1
  44. package/dist/components/gallery/sp-gallery.css.js +1 -1
  45. package/dist/components/icon/sp-icon.css.js +2 -2
  46. package/dist/components/input/sp-input.css.js +1 -1
  47. package/dist/components/kbd/sp-kbd.css.js +1 -1
  48. package/dist/components/menu/sp-menu-item.css.js +1 -1
  49. package/dist/components/menu/sp-menu.css.js +1 -1
  50. package/dist/components/menu/sp-menu.d.ts +1 -0
  51. package/dist/components/menu/sp-menu.d.ts.map +1 -1
  52. package/dist/components/menu/sp-menu.js +33 -33
  53. package/dist/components/modal/sp-modal.css.js +1 -1
  54. package/dist/components/modal/sp-modal.d.ts +2 -0
  55. package/dist/components/modal/sp-modal.d.ts.map +1 -1
  56. package/dist/components/modal/sp-modal.js +60 -51
  57. package/dist/components/navbar/sp-navbar.css.js +2 -2
  58. package/dist/components/number-input/sp-number-input.css.js +1 -1
  59. package/dist/components/number-input/sp-number-input.d.ts.map +1 -1
  60. package/dist/components/number-input/sp-number-input.js +55 -52
  61. package/dist/components/otp-input/sp-otp-input.css.js +1 -1
  62. package/dist/components/pagination/sp-pagination.css.js +1 -1
  63. package/dist/components/popover/sp-popover.css.js +1 -1
  64. package/dist/components/progress-bar/sp-progress-bar.css.js +1 -1
  65. package/dist/components/radio/sp-radio-group.css.js +1 -1
  66. package/dist/components/radio/sp-radio.css.js +1 -1
  67. package/dist/components/radio/sp-radio.d.ts +1 -0
  68. package/dist/components/radio/sp-radio.d.ts.map +1 -1
  69. package/dist/components/radio/sp-radio.js +19 -16
  70. package/dist/components/rating/sp-rating.css.js +2 -2
  71. package/dist/components/scroll-area/sp-scroll-area.css.js +1 -1
  72. package/dist/components/scroll-area/sp-scroll-area.d.ts +1 -0
  73. package/dist/components/scroll-area/sp-scroll-area.d.ts.map +1 -1
  74. package/dist/components/scroll-area/sp-scroll-area.js +43 -44
  75. package/dist/components/select/sp-select.css.js +1 -1
  76. package/dist/components/sidebar/sp-sidebar.css.js +1 -1
  77. package/dist/components/skeleton/sp-skeleton.css.js +1 -1
  78. package/dist/components/slider/sp-slider.css.js +1 -1
  79. package/dist/components/spinner/sp-spinner.css.js +1 -1
  80. package/dist/components/split-panel/sp-split-panel.css.js +1 -1
  81. package/dist/components/stat/sp-stat.css.js +1 -1
  82. package/dist/components/stepper/sp-stepper.css.js +1 -1
  83. package/dist/components/switch/sp-switch.css.js +1 -1
  84. package/dist/components/table/sp-table.css.js +1 -1
  85. package/dist/components/table/sp-table.d.ts +80 -17
  86. package/dist/components/table/sp-table.d.ts.map +1 -1
  87. package/dist/components/table/sp-table.js +237 -82
  88. package/dist/components/table/sp-table.template.d.ts.map +1 -1
  89. package/dist/components/table/sp-table.template.js +337 -67
  90. package/dist/components/table/sp-table.types.d.ts +22 -0
  91. package/dist/components/table/sp-table.types.d.ts.map +1 -1
  92. package/dist/components/tabs/sp-tab.css.js +2 -2
  93. package/dist/components/tabs/sp-tabs.css.js +1 -1
  94. package/dist/components/tag/sp-tag.css.js +1 -1
  95. package/dist/components/tag-input/sp-tag-input.css.js +2 -2
  96. package/dist/components/textarea/sp-textarea.css.js +1 -1
  97. package/dist/components/time-picker/sp-time-picker.css.js +1 -1
  98. package/dist/components/timeline/sp-timeline.css.js +1 -1
  99. package/dist/components/toast/sp-toast.css.js +1 -1
  100. package/dist/components/toast/sp-toast.d.ts +1 -0
  101. package/dist/components/toast/sp-toast.d.ts.map +1 -1
  102. package/dist/components/toast/sp-toast.js +32 -33
  103. package/dist/components/toast-stack/sp-toast-stack.css.js +1 -1
  104. package/dist/components/tooltip/sp-tooltip.css.js +2 -2
  105. package/dist/components/tree/sp-tree-item.css.js +1 -1
  106. package/dist/components/tree/sp-tree.css.js +2 -2
  107. package/dist/components/visually-hidden/sp-visually-hidden.css.js +2 -2
  108. package/dist/config.d.ts +28 -0
  109. package/dist/config.d.ts.map +1 -0
  110. package/dist/config.js +44 -0
  111. package/dist/index.d.ts +2 -0
  112. package/dist/index.d.ts.map +1 -1
  113. package/dist/index.js +2 -0
  114. package/package.json +13 -9
@@ -1 +1 @@
1
- {"version":3,"file":"sp-toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/sp-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,cAAc,CAAa;IAGpC,OAAO,SAAM;IAGb,QAAQ,SAAQ;IAGhB,QAAQ,EAAE,eAAe,CAAe;IAGxC,IAAI,UAAS;IAGb,QAAQ,UAAQ;IAGhB,MAAM,SAAM;IAGZ,UAAU,SAAM;IAGhB,YAAY,UAAS;IAErB,OAAO,CAAC,MAAM,CAA8C;IAC5D,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,UAAU,CAAK;IAEd,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAc9C,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,WAAW;IAOV,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,MAAM;IASd,QAAQ,CAAC,YAAY,aAAuB;IAE5C,QAAQ,CAAC,kBAAkB,GAAI,GAAG,KAAK,UAGrC;IAEF,QAAQ,CAAC,iBAAiB,aAOxB;IAEF,QAAQ,CAAC,iBAAiB,aAKxB;IAEF,kEAAkE;IAClE,QAAQ,IAAI,MAAM;IAWT,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
1
+ {"version":3,"file":"sp-toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/sp-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,cAAc,CAAa;IAGpC,OAAO,SAAM;IAGb,QAAQ,SAAQ;IAGhB,QAAQ,EAAE,eAAe,CAAe;IAGxC,IAAI,UAAS;IAGb,QAAQ,UAAQ;IAGhB,MAAM,SAAM;IAGZ,UAAU,SAAM;IAGhB,YAAY,UAAS;IAErB,OAAO,CAAC,MAAM,CAA8C;IAC5D,OAAO,CAAC,eAAe,CAA8C;IACrE,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,UAAU,CAAK;IAEd,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAc9C,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,WAAW;IAOV,oBAAoB,IAAI,IAAI;IASrC,OAAO,CAAC,MAAM;IAUd,QAAQ,CAAC,YAAY,aAAuB;IAE5C,QAAQ,CAAC,kBAAkB,GAAI,GAAG,KAAK,UAGrC;IAEF,QAAQ,CAAC,iBAAiB,aAOxB;IAEF,QAAQ,CAAC,iBAAiB,aAKxB;IAEF,kEAAkE;IAClE,QAAQ,IAAI,MAAM;IAWT,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
@@ -1,15 +1,15 @@
1
- import { unsafeCSS as l, LitElement as m } from "lit";
1
+ import { unsafeCSS as m, LitElement as l } from "lit";
2
2
  import { property as s, customElement as u } from "lit/decorators.js";
3
3
  import c from "./sp-toast.css.js";
4
4
  import { toastTemplate as _ } from "./sp-toast.template.js";
5
- var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, e = (i, o, a, n) => {
6
- for (var r = n > 1 ? void 0 : n ? d(o, a) : o, p = i.length - 1, h; p >= 0; p--)
7
- (h = i[p]) && (r = (n ? h(o, a, r) : h(r)) || r);
5
+ var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, t = (i, o, a, n) => {
6
+ for (var r = n > 1 ? void 0 : n ? d(o, a) : o, h = i.length - 1, p; h >= 0; h--)
7
+ (p = i[h]) && (r = (n ? p(o, a, r) : p(r)) || r);
8
8
  return n && r && f(o, a, r), r;
9
9
  };
10
- let t = class extends m {
10
+ let e = class extends l {
11
11
  constructor() {
12
- super(...arguments), this.variant = "neutral", this.message = "", this.duration = 4e3, this.position = "top-right", this.open = !1, this.closable = !0, this.action = "", this.actionHref = "", this.pauseOnHover = !1, this._timer = null, this._pausedAt = null, this._remainingTime = 0, this._startTime = 0, this._handleClose = () => this._close(), this._handleActionClick = (i) => {
12
+ super(...arguments), this.variant = "neutral", this.message = "", this.duration = 4e3, this.position = "top-right", this.open = !1, this.closable = !0, this.action = "", this.actionHref = "", this.pauseOnHover = !1, this._timer = null, this._afterHideTimer = null, this._pausedAt = null, this._remainingTime = 0, this._startTime = 0, this._handleClose = () => this._close(), this._handleActionClick = (i) => {
13
13
  i.preventDefault(), this.dispatchEvent(new CustomEvent("sp-action", { bubbles: !0, composed: !0 }));
14
14
  }, this._handleMouseEnter = () => {
15
15
  if (!(!this.pauseOnHover || !this.open || this.duration <= 0) && this._timer) {
@@ -30,13 +30,12 @@ let t = class extends m {
30
30
  this._timer && (clearTimeout(this._timer), this._timer = null);
31
31
  }
32
32
  disconnectedCallback() {
33
- super.disconnectedCallback(), this._clearTimer();
33
+ super.disconnectedCallback(), this._clearTimer(), this._afterHideTimer && (clearTimeout(this._afterHideTimer), this._afterHideTimer = null);
34
34
  }
35
35
  _close() {
36
- this.open = !1, this.dispatchEvent(new CustomEvent("sp-hide", { bubbles: !0, composed: !0 })), setTimeout(
37
- () => this.dispatchEvent(new CustomEvent("sp-after-hide", { bubbles: !0, composed: !0 })),
38
- 300
39
- );
36
+ this.open = !1, this.dispatchEvent(new CustomEvent("sp-hide", { bubbles: !0, composed: !0 })), this._afterHideTimer && clearTimeout(this._afterHideTimer), this._afterHideTimer = setTimeout(() => {
37
+ this._afterHideTimer = null, this.dispatchEvent(new CustomEvent("sp-after-hide", { bubbles: !0, composed: !0 }));
38
+ }, 300);
40
39
  }
41
40
  /** Returns the unicode icon character for the current variant. */
42
41
  _getIcon() {
@@ -52,37 +51,37 @@ let t = class extends m {
52
51
  return _.call(this);
53
52
  }
54
53
  };
55
- t.styles = l(c);
56
- e([
54
+ e.styles = m(c);
55
+ t([
57
56
  s({ type: String, reflect: !0 })
58
- ], t.prototype, "variant", 2);
59
- e([
57
+ ], e.prototype, "variant", 2);
58
+ t([
60
59
  s({ type: String })
61
- ], t.prototype, "message", 2);
62
- e([
60
+ ], e.prototype, "message", 2);
61
+ t([
63
62
  s({ type: Number })
64
- ], t.prototype, "duration", 2);
65
- e([
63
+ ], e.prototype, "duration", 2);
64
+ t([
66
65
  s({ type: String, reflect: !0 })
67
- ], t.prototype, "position", 2);
68
- e([
66
+ ], e.prototype, "position", 2);
67
+ t([
69
68
  s({ type: Boolean, reflect: !0 })
70
- ], t.prototype, "open", 2);
71
- e([
69
+ ], e.prototype, "open", 2);
70
+ t([
72
71
  s({ type: Boolean, reflect: !0 })
73
- ], t.prototype, "closable", 2);
74
- e([
72
+ ], e.prototype, "closable", 2);
73
+ t([
75
74
  s({ type: String })
76
- ], t.prototype, "action", 2);
77
- e([
75
+ ], e.prototype, "action", 2);
76
+ t([
78
77
  s({ type: String })
79
- ], t.prototype, "actionHref", 2);
80
- e([
78
+ ], e.prototype, "actionHref", 2);
79
+ t([
81
80
  s({ type: Boolean })
82
- ], t.prototype, "pauseOnHover", 2);
83
- t = e([
81
+ ], e.prototype, "pauseOnHover", 2);
82
+ e = t([
84
83
  u("sp-toast")
85
- ], t);
84
+ ], e);
86
85
  export {
87
- t as SpToastComponent
86
+ e as SpToastComponent
88
87
  };
@@ -1,4 +1,4 @@
1
- const t = ":host{display:contents}.sp-toast-stack{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;padding:16px;max-width:360px;width:100%;box-sizing:border-box}.sp-toast-stack--top-left{top:0;left:0;align-items:flex-start}.sp-toast-stack--top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.sp-toast-stack--top-right{top:0;right:0;align-items:flex-end}.sp-toast-stack--bottom-left{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.sp-toast-stack--bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.sp-toast-stack--bottom-right{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.sp-toast-card{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--sp-bg, #ffffff);border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid transparent;pointer-events:auto;width:100%;box-sizing:border-box;animation:sp-toast-in .25s ease;position:relative}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-toast-stack--top-left .sp-toast-card,.sp-toast-stack--top-center .sp-toast-card{animation-name:sp-toast-in-top}@keyframes sp-toast-in-top{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-toast-card--info{border-left-color:var(--sp-primary, #3b82f6)}.sp-toast-card--success{border-left-color:var(--sp-success, #52C41A)}.sp-toast-card--warning{border-left-color:var(--sp-warning, #FAAD14)}.sp-toast-card--error{border-left-color:var(--sp-error, #FF4D4F)}.sp-toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.sp-toast-icon--info{color:var(--sp-primary, #3b82f6)}.sp-toast-icon--success{color:var(--sp-success, #52C41A)}.sp-toast-icon--warning{color:var(--sp-warning, #FAAD14)}.sp-toast-icon--error{color:var(--sp-error, #FF4D4F)}.sp-toast-content{flex:1;min-width:0}.sp-toast-title{font-size:14px;font-weight:600;color:var(--sp-text, #111827);margin:0 0 2px}.sp-toast-message{font-size:13px;color:var(--sp-text-muted, #4b5563);margin:0;line-height:1.4}.sp-toast-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--sp-text-placeholder, #9ca3af);cursor:pointer;font-size:16px;padding:0;flex-shrink:0;transition:background .15s,color .15s}.sp-toast-close:hover{background:var(--sp-bg-muted, #f3f4f6);color:var(--sp-text-secondary, #374151)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}";
1
+ const t = "*,*:before,*:after{box-sizing:border-box}:host{display:contents}.sp-toast-stack{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;padding:16px;max-width:360px;width:100%;box-sizing:border-box}.sp-toast-stack--top-left{top:0;left:0;align-items:flex-start}.sp-toast-stack--top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.sp-toast-stack--top-right{top:0;right:0;align-items:flex-end}.sp-toast-stack--bottom-left{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.sp-toast-stack--bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.sp-toast-stack--bottom-right{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.sp-toast-card{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--sp-bg, #ffffff);border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid transparent;pointer-events:auto;width:100%;box-sizing:border-box;animation:sp-toast-in .25s ease;position:relative}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-toast-stack--top-left .sp-toast-card,.sp-toast-stack--top-center .sp-toast-card{animation-name:sp-toast-in-top}@keyframes sp-toast-in-top{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-toast-card--info{border-left-color:var(--sp-primary, #3b82f6)}.sp-toast-card--success{border-left-color:var(--sp-success, #52C41A)}.sp-toast-card--warning{border-left-color:var(--sp-warning, #FAAD14)}.sp-toast-card--error{border-left-color:var(--sp-error, #FF4D4F)}.sp-toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.sp-toast-icon--info{color:var(--sp-primary, #3b82f6)}.sp-toast-icon--success{color:var(--sp-success, #52C41A)}.sp-toast-icon--warning{color:var(--sp-warning, #FAAD14)}.sp-toast-icon--error{color:var(--sp-error, #FF4D4F)}.sp-toast-content{flex:1;min-width:0}.sp-toast-title{font-size:14px;font-weight:600;color:var(--sp-text, #111827);margin:0 0 2px}.sp-toast-message{font-size:13px;color:var(--sp-text-muted, #4b5563);margin:0;line-height:1.4}.sp-toast-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--sp-text-placeholder, #9ca3af);cursor:pointer;font-size:16px;padding:0;flex-shrink:0;transition:background .15s,color .15s}.sp-toast-close:hover{background:var(--sp-bg-muted, #f3f4f6);color:var(--sp-text-secondary, #374151)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}";
2
2
  export {
3
3
  t as default
4
4
  };
@@ -1,4 +1,4 @@
1
- const i = ":host{display:inline-block}.sp-tooltip-wrapper{position:relative;display:inline-flex}.sp-tooltip{position:absolute;z-index:9999;background:var(--sp-text-secondary, #1f2937);color:var(--sp-bg, white);font-size:12px;padding:5px 10px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s;max-width:var(--sp-tooltip-max-width, 200px);white-space:normal;text-align:center;line-height:1.4;word-break:break-word;box-sizing:border-box}@media(max-width:480px){.sp-tooltip{max-width:calc(100vw - 32px)!important}}.sp-tooltip--visible{opacity:1}:host([disabled]) .sp-tooltip{display:none}.sp-tooltip-wrapper:focus-visible,::slotted(:focus-visible){outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.sp-tooltip{transition:none}}";
1
+ const o = "*,*:before,*:after{box-sizing:border-box}:host{display:inline-block}.sp-tooltip-wrapper{position:relative;display:inline-flex}.sp-tooltip{position:absolute;z-index:9999;background:var(--sp-text-secondary, #1f2937);color:var(--sp-bg, white);font-size:12px;padding:5px 10px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s;max-width:var(--sp-tooltip-max-width, 200px);white-space:normal;text-align:center;line-height:1.4;word-break:break-word;box-sizing:border-box}@media(max-width:480px){.sp-tooltip{max-width:calc(100vw - 32px)!important}}.sp-tooltip--visible{opacity:1}:host([disabled]) .sp-tooltip{display:none}.sp-tooltip-wrapper:focus-visible,::slotted(:focus-visible){outline:2px solid var(--sp-primary, #3b82f6);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.sp-tooltip{transition:none}}";
2
2
  export {
3
- i as default
3
+ o as default
4
4
  };
@@ -1,4 +1,4 @@
1
- const e = ":host{display:block}.sp-tree-item{display:block}.sp-tree-item-row{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background .1s;font-size:.875rem;color:var(--sp-text, #111827)}.sp-tree-item-row:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-tree-item-row:focus-visible{outline:2px solid var(--sp-primary-hover, #2563eb);outline-offset:-2px}.sp-tree-item--selected>.sp-tree-item-row{background:var(--sp-primary-hover, #2563eb);color:var(--sp-bg, #ffffff)}.sp-tree-item--selected>.sp-tree-item-row:hover{background:var(--sp-primary-active, #1d4ed8)}.sp-tree-item--disabled>.sp-tree-item-row{opacity:.4;cursor:not-allowed;pointer-events:none}.sp-tree-item-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:3px;transition:background .1s}.sp-tree-item-toggle:hover{background:#00000014}.sp-tree-item-toggle svg{width:12px;height:12px;transition:transform .2s}.sp-tree-item-toggle svg.rotated{transform:rotate(90deg)}.sp-tree-item-spacer{display:inline-block;width:16px;flex-shrink:0}.sp-tree-item-icon{font-size:1rem;line-height:1;flex-shrink:0}.sp-tree-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-tree-item-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sp-tree-spin .6s linear infinite;flex-shrink:0;opacity:.6}@keyframes sp-tree-spin{to{transform:rotate(360deg)}}.sp-tree-item-children{padding-left:20px;overflow:hidden}.sp-tree-item-children[hidden]{display:none}@media(max-width:640px){.sp-tree-item-children{padding-left:12px}}@media(prefers-reduced-motion:reduce){.sp-tree-item-row,.sp-tree-item-toggle,.sp-tree-item-toggle svg{transition:none}.sp-tree-item-spinner{animation:none}}";
1
+ const e = "*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-tree-item{display:block}.sp-tree-item-row{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background .1s;font-size:.875rem;color:var(--sp-text, #111827)}.sp-tree-item-row:hover{background:var(--sp-bg-muted, #f3f4f6)}.sp-tree-item-row:focus-visible{outline:2px solid var(--sp-primary-hover, #2563eb);outline-offset:-2px}.sp-tree-item--selected>.sp-tree-item-row{background:var(--sp-primary-hover, #2563eb);color:var(--sp-bg, #ffffff)}.sp-tree-item--selected>.sp-tree-item-row:hover{background:var(--sp-primary-active, #1d4ed8)}.sp-tree-item--disabled>.sp-tree-item-row{opacity:.4;cursor:not-allowed;pointer-events:none}.sp-tree-item-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border-radius:3px;transition:background .1s}.sp-tree-item-toggle:hover{background:#00000014}.sp-tree-item-toggle svg{width:12px;height:12px;transition:transform .2s}.sp-tree-item-toggle svg.rotated{transform:rotate(90deg)}.sp-tree-item-spacer{display:inline-block;width:16px;flex-shrink:0}.sp-tree-item-icon{font-size:1rem;line-height:1;flex-shrink:0}.sp-tree-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-tree-item-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sp-tree-spin .6s linear infinite;flex-shrink:0;opacity:.6}@keyframes sp-tree-spin{to{transform:rotate(360deg)}}.sp-tree-item-children{padding-left:20px;overflow:hidden}.sp-tree-item-children[hidden]{display:none}@media(max-width:640px){.sp-tree-item-children{padding-left:12px}}@media(prefers-reduced-motion:reduce){.sp-tree-item-row,.sp-tree-item-toggle,.sp-tree-item-toggle svg{transition:none}.sp-tree-item-spinner{animation:none}}";
2
2
  export {
3
3
  e as default
4
4
  };
@@ -1,4 +1,4 @@
1
- const t = ":host{display:block}.sp-tree{font-family:inherit;font-size:.9rem;color:var(--sp-text, #111827)}";
1
+ const e = "*,*:before,*:after{box-sizing:border-box}:host{display:block}.sp-tree{font-family:inherit;font-size:.9rem;color:var(--sp-text, #111827)}";
2
2
  export {
3
- t as default
3
+ e as default
4
4
  };
@@ -1,4 +1,4 @@
1
- const t = ":host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host([focusable]:focus-within){position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media(prefers-reduced-motion:reduce){:host{transition:none!important}}";
1
+ const o = "*,*:before,*:after{box-sizing:border-box}:host{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host([focusable]:focus-within){position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@media(prefers-reduced-motion:reduce){:host{transition:none!important}}";
2
2
  export {
3
- t as default
3
+ o as default
4
4
  };
@@ -0,0 +1,28 @@
1
+ export interface SpTableLocale {
2
+ searchPlaceholder: string;
3
+ empty: string;
4
+ filteredEmpty: string;
5
+ clearFilters: string;
6
+ loading: string;
7
+ rowsLabel: string;
8
+ columnsLabel: string;
9
+ filterLabel: string;
10
+ actionsLabel: string;
11
+ selectedRows: string;
12
+ ofTotal: string;
13
+ }
14
+ export interface SpLocale {
15
+ table: SpTableLocale;
16
+ }
17
+ declare class SpConfigManager {
18
+ private _locale;
19
+ get locale(): SpLocale;
20
+ setLocale(partial: DeepPartial<SpLocale>): void;
21
+ reset(): void;
22
+ }
23
+ type DeepPartial<T> = {
24
+ [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
25
+ };
26
+ export declare const SpConfig: SpConfigManager;
27
+ export {};
28
+ //# sourceMappingURL=config.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,aAAa,CAAC;CACtB;AAkBD,cAAM,eAAe;IACnB,OAAO,CAAC,OAAO,CAA4C;IAE3D,IAAI,MAAM,IAAI,QAAQ,CAErB;IAED,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,IAAI;IAO/C,KAAK,IAAI,IAAI;CAGd;AAED,KAAK,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAe1F,eAAO,MAAM,QAAQ,iBAAwB,CAAC"}
package/dist/config.js ADDED
@@ -0,0 +1,44 @@
1
+ const a = {
2
+ table: {
3
+ searchPlaceholder: "Search all columns…",
4
+ empty: "No data available",
5
+ filteredEmpty: "No results match the current filters.",
6
+ clearFilters: "Clear filters",
7
+ loading: "Loading…",
8
+ rowsLabel: "Rows:",
9
+ columnsLabel: "Columns",
10
+ filterLabel: "Filter: {col}",
11
+ actionsLabel: "Actions",
12
+ selectedRows: "{n} selected",
13
+ ofTotal: "of {total}"
14
+ }
15
+ };
16
+ class c {
17
+ constructor() {
18
+ this._locale = structuredClone(a);
19
+ }
20
+ get locale() {
21
+ return this._locale;
22
+ }
23
+ setLocale(l) {
24
+ this._locale = r(
25
+ a,
26
+ l
27
+ );
28
+ }
29
+ reset() {
30
+ this._locale = structuredClone(a);
31
+ }
32
+ }
33
+ function r(o, l) {
34
+ const s = { ...o };
35
+ for (const t in l) {
36
+ const e = l[t];
37
+ e && typeof e == "object" && !Array.isArray(e) ? s[t] = r(o[t] ?? {}, e) : e !== void 0 && (s[t] = e);
38
+ }
39
+ return s;
40
+ }
41
+ const n = new c();
42
+ export {
43
+ n as SpConfig
44
+ };
package/dist/index.d.ts CHANGED
@@ -56,4 +56,6 @@ export * from './components/scroll-area/index.js';
56
56
  export * from './components/tree/index.js';
57
57
  export * from './components/gallery/index.js';
58
58
  export * from './components/autocomplete/index.js';
59
+ export { SpConfig } from './config.js';
60
+ export type { SpLocale, SpTableLocale } from './config.js';
59
61
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sCAAsC,CAAC;AACrD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sCAAsC,CAAC;AACrD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}
package/dist/index.js CHANGED
@@ -65,6 +65,7 @@ import { SpTreeComponent as Ap } from "./components/tree/sp-tree.js";
65
65
  import { SpTreeItemComponent as vp } from "./components/tree/sp-tree-item.js";
66
66
  import { SpGalleryComponent as Dp } from "./components/gallery/sp-gallery.js";
67
67
  import { SpAutocompleteComponent as Rp } from "./components/autocomplete/sp-autocomplete.js";
68
+ import { SpConfig as Gp } from "./config.js";
68
69
  export {
69
70
  mo as SpAccordionComponent,
70
71
  Co as SpAccordionItemComponent,
@@ -85,6 +86,7 @@ export {
85
86
  ap as SpColorPickerComponent,
86
87
  qo as SpComboboxComponent,
87
88
  sp as SpCommandPaletteComponent,
89
+ Gp as SpConfig,
88
90
  xp as SpConfirmDialogComponent,
89
91
  Ro as SpCopyButtonComponent,
90
92
  K as SpDividerComponent,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sp-component",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "description": "Librería de Web Components compatible con Angular, React, Vue y cualquier framework",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -15,7 +15,8 @@
15
15
  "./components/*": {
16
16
  "import": "./dist/components/*/index.js",
17
17
  "types": "./dist/components/*/index.d.ts"
18
- }
18
+ },
19
+ "./cdn": "./dist-cdn/sp-component.min.js"
19
20
  },
20
21
  "files": [
21
22
  "dist",
@@ -23,6 +24,8 @@
23
24
  ],
24
25
  "scripts": {
25
26
  "build": "vite build",
27
+ "build:cdn": "vite build --config vite.config.cdn.ts",
28
+ "build:all": "npm run build && npm run build:cdn",
26
29
  "dev": "vite build --watch",
27
30
  "type-check": "tsc --noEmit --project tsconfig.build.json",
28
31
  "test": "vitest run --config vitest.config.ts",
@@ -56,19 +59,20 @@
56
59
  "@storybook/addon-docs": "^10.3.1",
57
60
  "@storybook/web-components-vite": "^10.3.1",
58
61
  "@types/node": "^25.5.0",
62
+ "@typescript-eslint/eslint-plugin": "^8.0.0",
63
+ "@typescript-eslint/parser": "^8.0.0",
59
64
  "@vitest/coverage-v8": "^4.1.0",
60
65
  "chromatic": "^15.3.0",
66
+ "eslint": "^9.0.0",
67
+ "eslint-config-prettier": "^9.0.0",
68
+ "eslint-plugin-lit": "^1.15.0",
61
69
  "happy-dom": "^20.8.4",
70
+ "prettier": "^3.0.0",
62
71
  "storybook": "^10.3.1",
72
+ "terser": "^5.46.1",
63
73
  "typescript": "^5.0.0",
64
74
  "vite": "^6.0.0",
65
75
  "vite-plugin-dts": "^4.5.4",
66
- "vitest": "^4.1.0",
67
- "eslint": "^9.0.0",
68
- "@typescript-eslint/eslint-plugin": "^8.0.0",
69
- "@typescript-eslint/parser": "^8.0.0",
70
- "eslint-plugin-lit": "^1.15.0",
71
- "eslint-config-prettier": "^9.0.0",
72
- "prettier": "^3.0.0"
76
+ "vitest": "^4.1.0"
73
77
  }
74
78
  }