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.
- package/dist/components/accordion/sp-accordion-item.css.js +1 -1
- package/dist/components/accordion/sp-accordion.css.js +1 -1
- package/dist/components/alert/sp-alert.css.js +1 -1
- package/dist/components/autocomplete/sp-autocomplete.css.js +1 -1
- package/dist/components/autocomplete/sp-autocomplete.template.d.ts.map +1 -1
- package/dist/components/autocomplete/sp-autocomplete.template.js +14 -13
- package/dist/components/avatar/sp-avatar.css.js +1 -1
- package/dist/components/badge/sp-badge.css.js +1 -1
- package/dist/components/badge/sp-badge.d.ts +2 -0
- package/dist/components/badge/sp-badge.d.ts.map +1 -1
- package/dist/components/badge/sp-badge.js +34 -31
- package/dist/components/breadcrumb/sp-breadcrumb-item.css.js +1 -1
- package/dist/components/breadcrumb/sp-breadcrumb.css.js +1 -1
- package/dist/components/button/sp-button.css.js +1 -1
- package/dist/components/calendar/sp-calendar-date-picker.css.js +1 -1
- package/dist/components/calendar/sp-calendar.css.js +1 -1
- package/dist/components/calendar/sp-calendar.d.ts +1 -0
- package/dist/components/calendar/sp-calendar.d.ts.map +1 -1
- package/dist/components/calendar/sp-calendar.js +29 -29
- package/dist/components/card/sp-card.css.js +1 -1
- package/dist/components/card/sp-card.template.d.ts.map +1 -1
- package/dist/components/card/sp-card.template.js +25 -16
- package/dist/components/carousel/sp-carousel-slide.css.js +2 -2
- package/dist/components/carousel/sp-carousel.css.js +1 -1
- package/dist/components/checkbox/sp-checkbox.css.js +1 -1
- package/dist/components/checkbox-group/sp-checkbox-group.css.js +1 -1
- package/dist/components/color-picker/sp-color-picker.css.js +1 -1
- package/dist/components/color-picker/sp-color-picker.template.d.ts.map +1 -1
- package/dist/components/color-picker/sp-color-picker.template.js +15 -14
- package/dist/components/combobox/sp-combobox.css.js +1 -1
- package/dist/components/combobox/sp-combobox.d.ts.map +1 -1
- package/dist/components/combobox/sp-combobox.js +26 -20
- package/dist/components/command-palette/sp-command-palette.css.js +1 -1
- package/dist/components/confirm-dialog/sp-confirm-dialog.css.js +1 -1
- package/dist/components/copy-button/sp-copy-button.css.js +1 -1
- package/dist/components/divider/sp-divider.css.js +1 -1
- package/dist/components/drawer/sp-drawer.css.js +1 -1
- package/dist/components/drawer/sp-drawer.d.ts +4 -0
- package/dist/components/drawer/sp-drawer.d.ts.map +1 -1
- package/dist/components/drawer/sp-drawer.js +78 -69
- package/dist/components/empty-state/sp-empty-state.css.js +1 -1
- package/dist/components/file-upload/sp-file-upload.css.js +1 -1
- package/dist/components/form-field/sp-form-field.css.js +1 -1
- package/dist/components/gallery/sp-gallery.css.js +1 -1
- package/dist/components/icon/sp-icon.css.js +2 -2
- package/dist/components/input/sp-input.css.js +1 -1
- package/dist/components/kbd/sp-kbd.css.js +1 -1
- package/dist/components/menu/sp-menu-item.css.js +1 -1
- package/dist/components/menu/sp-menu.css.js +1 -1
- package/dist/components/menu/sp-menu.d.ts +1 -0
- package/dist/components/menu/sp-menu.d.ts.map +1 -1
- package/dist/components/menu/sp-menu.js +33 -33
- package/dist/components/modal/sp-modal.css.js +1 -1
- package/dist/components/modal/sp-modal.d.ts +2 -0
- package/dist/components/modal/sp-modal.d.ts.map +1 -1
- package/dist/components/modal/sp-modal.js +60 -51
- package/dist/components/navbar/sp-navbar.css.js +2 -2
- package/dist/components/number-input/sp-number-input.css.js +1 -1
- package/dist/components/number-input/sp-number-input.d.ts.map +1 -1
- package/dist/components/number-input/sp-number-input.js +55 -52
- package/dist/components/otp-input/sp-otp-input.css.js +1 -1
- package/dist/components/pagination/sp-pagination.css.js +1 -1
- package/dist/components/popover/sp-popover.css.js +1 -1
- package/dist/components/progress-bar/sp-progress-bar.css.js +1 -1
- package/dist/components/radio/sp-radio-group.css.js +1 -1
- package/dist/components/radio/sp-radio.css.js +1 -1
- package/dist/components/radio/sp-radio.d.ts +1 -0
- package/dist/components/radio/sp-radio.d.ts.map +1 -1
- package/dist/components/radio/sp-radio.js +19 -16
- package/dist/components/rating/sp-rating.css.js +2 -2
- package/dist/components/scroll-area/sp-scroll-area.css.js +1 -1
- package/dist/components/scroll-area/sp-scroll-area.d.ts +1 -0
- package/dist/components/scroll-area/sp-scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area/sp-scroll-area.js +43 -44
- package/dist/components/select/sp-select.css.js +1 -1
- package/dist/components/sidebar/sp-sidebar.css.js +1 -1
- package/dist/components/skeleton/sp-skeleton.css.js +1 -1
- package/dist/components/slider/sp-slider.css.js +1 -1
- package/dist/components/spinner/sp-spinner.css.js +1 -1
- package/dist/components/split-panel/sp-split-panel.css.js +1 -1
- package/dist/components/stat/sp-stat.css.js +1 -1
- package/dist/components/stepper/sp-stepper.css.js +1 -1
- package/dist/components/switch/sp-switch.css.js +1 -1
- package/dist/components/table/sp-table.css.js +1 -1
- package/dist/components/table/sp-table.d.ts +80 -17
- package/dist/components/table/sp-table.d.ts.map +1 -1
- package/dist/components/table/sp-table.js +237 -82
- package/dist/components/table/sp-table.template.d.ts.map +1 -1
- package/dist/components/table/sp-table.template.js +337 -67
- package/dist/components/table/sp-table.types.d.ts +22 -0
- package/dist/components/table/sp-table.types.d.ts.map +1 -1
- package/dist/components/tabs/sp-tab.css.js +2 -2
- package/dist/components/tabs/sp-tabs.css.js +1 -1
- package/dist/components/tag/sp-tag.css.js +1 -1
- package/dist/components/tag-input/sp-tag-input.css.js +2 -2
- package/dist/components/textarea/sp-textarea.css.js +1 -1
- package/dist/components/time-picker/sp-time-picker.css.js +1 -1
- package/dist/components/timeline/sp-timeline.css.js +1 -1
- package/dist/components/toast/sp-toast.css.js +1 -1
- package/dist/components/toast/sp-toast.d.ts +1 -0
- package/dist/components/toast/sp-toast.d.ts.map +1 -1
- package/dist/components/toast/sp-toast.js +32 -33
- package/dist/components/toast-stack/sp-toast-stack.css.js +1 -1
- package/dist/components/tooltip/sp-tooltip.css.js +2 -2
- package/dist/components/tree/sp-tree-item.css.js +1 -1
- package/dist/components/tree/sp-tree.css.js +2 -2
- package/dist/components/visually-hidden/sp-visually-hidden.css.js +2 -2
- package/dist/config.d.ts +28 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/config.js +44 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- 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;
|
|
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
|
|
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,
|
|
6
|
-
for (var r = n > 1 ? void 0 : n ? d(o, a) : o,
|
|
7
|
-
(
|
|
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
|
|
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
|
-
|
|
38
|
-
|
|
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
|
-
|
|
56
|
-
|
|
54
|
+
e.styles = m(c);
|
|
55
|
+
t([
|
|
57
56
|
s({ type: String, reflect: !0 })
|
|
58
|
-
],
|
|
59
|
-
|
|
57
|
+
], e.prototype, "variant", 2);
|
|
58
|
+
t([
|
|
60
59
|
s({ type: String })
|
|
61
|
-
],
|
|
62
|
-
|
|
60
|
+
], e.prototype, "message", 2);
|
|
61
|
+
t([
|
|
63
62
|
s({ type: Number })
|
|
64
|
-
],
|
|
65
|
-
|
|
63
|
+
], e.prototype, "duration", 2);
|
|
64
|
+
t([
|
|
66
65
|
s({ type: String, reflect: !0 })
|
|
67
|
-
],
|
|
68
|
-
|
|
66
|
+
], e.prototype, "position", 2);
|
|
67
|
+
t([
|
|
69
68
|
s({ type: Boolean, reflect: !0 })
|
|
70
|
-
],
|
|
71
|
-
|
|
69
|
+
], e.prototype, "open", 2);
|
|
70
|
+
t([
|
|
72
71
|
s({ type: Boolean, reflect: !0 })
|
|
73
|
-
],
|
|
74
|
-
|
|
72
|
+
], e.prototype, "closable", 2);
|
|
73
|
+
t([
|
|
75
74
|
s({ type: String })
|
|
76
|
-
],
|
|
77
|
-
|
|
75
|
+
], e.prototype, "action", 2);
|
|
76
|
+
t([
|
|
78
77
|
s({ type: String })
|
|
79
|
-
],
|
|
80
|
-
|
|
78
|
+
], e.prototype, "actionHref", 2);
|
|
79
|
+
t([
|
|
81
80
|
s({ type: Boolean })
|
|
82
|
-
],
|
|
83
|
-
|
|
81
|
+
], e.prototype, "pauseOnHover", 2);
|
|
82
|
+
e = t([
|
|
84
83
|
u("sp-toast")
|
|
85
|
-
],
|
|
84
|
+
], e);
|
|
86
85
|
export {
|
|
87
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
3
|
+
e as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
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
|
-
|
|
3
|
+
o as default
|
|
4
4
|
};
|
package/dist/config.d.ts
ADDED
|
@@ -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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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.
|
|
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
|
}
|