@logosphere-ui/core 0.0.0-alpha.26 → 0.0.0-alpha.28
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/{badge-CGgnn_UN.js → badge-BD_MRIBd.js} +2 -2
- package/dist/{badge-DXBwR32c.cjs → badge-BV2hTvrI.cjs} +2 -2
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{calendar-BiJlAmA6.js → calendar-CBJ4mtlE.js} +44 -44
- package/dist/calendar-Coc9E6lD.cjs +88 -0
- package/dist/calendar.cjs +1 -1
- package/dist/calendar.js +1 -1
- package/dist/card-BD8FkSTi.cjs +43 -0
- package/dist/{card-jDDQ5DHE.js → card-CAAhjIjf.js} +26 -26
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{chatbot-CIagHZwr.js → chatbot-C2ileads.js} +4 -4
- package/dist/chatbot-CwHf1eku.cjs +183 -0
- package/dist/chatbot.cjs +1 -1
- package/dist/chatbot.js +1 -1
- package/dist/{combobox-D5QdM3ue.js → combobox-Cr6GM34H.js} +21 -22
- package/dist/combobox-D-czaZJp.cjs +107 -0
- package/dist/combobox.cjs +1 -1
- package/dist/combobox.js +1 -1
- package/dist/{datepicker-CxKs90IQ.cjs → datepicker-BXVXSlQE.cjs} +1 -1
- package/dist/{datepicker-DZsZdSCv.js → datepicker-VKOb2Ugl.js} +3 -3
- package/dist/datepicker.cjs +1 -1
- package/dist/datepicker.js +1 -1
- package/dist/{download-manager-a541AYhr.js → download-manager-BPg-6Qfg.js} +1 -1
- package/dist/download-manager-DDeTYRPs.cjs +97 -0
- package/dist/download-manager.cjs +1 -1
- package/dist/download-manager.js +1 -1
- package/dist/{drawer-D_qOdapq.js → drawer-CViKfr6O.js} +28 -20
- package/dist/drawer-CjM-vX41.cjs +32 -0
- package/dist/drawer.cjs +1 -1
- package/dist/drawer.js +1 -1
- package/dist/{formfield-BZOK4Pkz.js → formfield-BKzHa2GA.js} +45 -45
- package/dist/formfield-DguRklXe.cjs +33 -0
- package/dist/formfield.cjs +1 -1
- package/dist/formfield.js +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.js +19 -19
- package/dist/index.umd.js +297 -242
- package/dist/{input-CG6RsUJs.js → input-CnogTmTf.js} +2 -2
- package/dist/{input-DgGaco-Y.cjs → input-D-FMDWyw.cjs} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/left-menu.cjs +1 -1
- package/dist/left-menu.js +1 -1
- package/dist/{leftmenu-DJE2N5kl.js → leftmenu-C90G5yoR.js} +19 -9
- package/dist/leftmenu-DRJDdM_-.cjs +83 -0
- package/dist/modal-CsEaHz0h.cjs +84 -0
- package/dist/modal-DHzMgFVY.js +250 -0
- package/dist/modal.cjs +1 -1
- package/dist/modal.js +1 -1
- package/dist/molecules/Pagination/index.d.ts +1 -0
- package/dist/molecules/Pagination/pagination.d.ts +60 -0
- package/dist/molecules/Popover/popover.d.ts +1 -0
- package/dist/organisms/Combobox/combobox.d.ts +2 -1
- package/dist/organisms/Drawer/drawer.d.ts +1 -0
- package/dist/organisms/LeftMenu/leftmenu.d.ts +1 -0
- package/dist/organisms/Modal/modal.d.ts +29 -4
- package/dist/{popover-CaVOXo_k.js → popover-BSfKsQni.js} +42 -39
- package/dist/{popover-C2p5Pmts.cjs → popover-DhEvLuOo.cjs} +5 -5
- package/dist/popover.cjs +1 -1
- package/dist/popover.js +1 -1
- package/dist/switch-8RGGesy5.cjs +17 -0
- package/dist/switch-DNqPqH-R.js +64 -0
- package/dist/switch.cjs +1 -1
- package/dist/switch.js +1 -1
- package/dist/tab-BmrITzOL.cjs +40 -0
- package/dist/{tab-BYU_XEhp.js → tab-Ca_OyNqQ.js} +1 -1
- package/dist/tab.cjs +1 -1
- package/dist/tab.js +1 -1
- package/dist/{text-area-CG0gBXni.js → text-area-BMtZEphr.js} +2 -2
- package/dist/{text-area-Bz62kq2S.cjs → text-area-DFwnyopP.cjs} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{toast-container-Caqh4mDB.js → toast-container-CHrtU7X5.js} +1 -1
- package/dist/{toast-container-BQ-a-nRG.cjs → toast-container-T77X56AG.cjs} +1 -1
- package/dist/toast.cjs +1 -1
- package/dist/toast.js +1 -1
- package/dist/{tree-menu-B39KDvKV.js → tree-menu-5dkAPsgJ.js} +6 -6
- package/dist/{tree-menu-BZEOD4_f.cjs → tree-menu-CdNwvOjp.cjs} +1 -1
- package/dist/tree-menu.cjs +1 -1
- package/dist/tree-menu.js +1 -1
- package/dist/ui-icon-DKZMrOTi.cjs +22 -0
- package/dist/ui-icon-DrrH0WhF.js +70 -0
- package/package.json +1 -1
- package/dist/calendar-D5W-t26J.cjs +0 -88
- package/dist/card-D829aA29.cjs +0 -43
- package/dist/chatbot-Cr1IZF4R.cjs +0 -183
- package/dist/combobox-BrANDiaM.cjs +0 -113
- package/dist/download-manager-BSIMTGaK.cjs +0 -97
- package/dist/drawer-s1BLy2Xe.cjs +0 -25
- package/dist/formfield-HIqosWPz.cjs +0 -33
- package/dist/leftmenu-BSVpwbyD.cjs +0 -74
- package/dist/modal-3-TNUICH.cjs +0 -39
- package/dist/modal-BhhhXCEK.js +0 -109
- package/dist/switch-CG4SSjTg.js +0 -64
- package/dist/switch-Rnnn10bn.cjs +0 -17
- package/dist/tab-DcjAlXzU.cjs +0 -40
- package/dist/ui-icon-BRl1UmIf.cjs +0 -22
- package/dist/ui-icon-CFvsDv0z.js +0 -66
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { unsafeCSS as p, css as u, LitElement as b, nothing as d, html as g } from "lit";
|
|
2
2
|
import { property as a, customElement as h } from "lit/decorators.js";
|
|
3
|
-
import "./ui-icon-
|
|
3
|
+
import "./ui-icon-DrrH0WhF.js";
|
|
4
4
|
const f = ".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--color-light-bg-2);color:var(--color-secondary)}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";
|
|
5
5
|
var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, r = (s, t, n, i) => {
|
|
6
6
|
for (var o = i > 1 ? void 0 : i ? v(t, n) : t, l = s.length - 1, c; l >= 0; l--)
|
|
@@ -34,7 +34,7 @@ let e = class extends b {
|
|
|
34
34
|
${this.text ? g`<span>${this.text}</span>` : d}
|
|
35
35
|
${this.closeable ? g`
|
|
36
36
|
<button class="badge__close" @click=${this.handleClose} aria-label="Close">
|
|
37
|
-
<ui-icon name="uil-times"></ui-icon>
|
|
37
|
+
<ui-icon size="16" name="uil-times"></ui-icon>
|
|
38
38
|
</button>
|
|
39
39
|
` : d}
|
|
40
40
|
</div>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";const e=require("lit"),a=require("lit/decorators.js");require("./ui-icon-
|
|
1
|
+
"use strict";const e=require("lit"),a=require("lit/decorators.js");require("./ui-icon-DKZMrOTi.cjs");const g=".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:11px;font-weight:var(--font-weight-medium);line-height:1rem;letter-spacing:-.11px;border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{min-height:24px;max-height:24px;padding:var(--spacing-0) var(--spacing-2)}.badge--small{min-height:16px;max-height:16px;padding:0 var(--spacing-2)}.badge--round{border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-secondary-color, #ffffff)}.badge--default{background-color:var(--color-light-bg-2);color:var(--color-secondary)}.badge--warning{background-color:var( --color-warning-subtle);color:var(--color-warning-emphasis)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success-emphasis)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--info{background-color:var(--color-info-subtle);color:var(--color-info-emphasis)}.badge--purple{background-color:var(--color-commercial-subtle);color:var(--color-commercial-emphasis)}.badge__close{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.75;transition:opacity var(--transition-speed-fast) var(--transition-timing);line-height:1}.badge__close:hover{opacity:1}.badge__close:focus{outline:none;opacity:1}";var p=Object.defineProperty,d=Object.getOwnPropertyDescriptor,s=(i,o,n,t)=>{for(var r=t>1?void 0:t?d(o,n):o,l=i.length-1,c;l>=0;l--)(c=i[l])&&(r=(t?c(o,n,r):c(r))||r);return t&&r&&p(o,n,r),r};exports.LogosphereBadge=class extends e.LitElement{constructor(){super(...arguments),this.variant="default",this.size="default",this.text="",this.closeable=!1,this.isRound=!1}handleClose(){this.onClose&&this.onClose(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}getBadgeClasses(){const o=["badge",`badge--${this.variant}`,this.size==="small"?"badge--small":"badge--default-size"];return this.isRound&&o.push("badge--round"),o.join(" ")}render(){return e.html`
|
|
2
2
|
<div class="${this.getBadgeClasses()}">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
${this.text?e.html`<span>${this.text}</span>`:e.nothing}
|
|
5
5
|
${this.closeable?e.html`
|
|
6
6
|
<button class="badge__close" @click=${this.handleClose} aria-label="Close">
|
|
7
|
-
<ui-icon name="uil-times"></ui-icon>
|
|
7
|
+
<ui-icon size="16" name="uil-times"></ui-icon>
|
|
8
8
|
</button>
|
|
9
9
|
`:e.nothing}
|
|
10
10
|
</div>
|
package/dist/badge.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./badge-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./badge-BV2hTvrI.cjs");Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>e.LogosphereBadge});
|
package/dist/badge.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { unsafeCSS as Ye, css as ke, LitElement as De, html as C } from "lit";
|
|
2
2
|
import { property as D, state as q, customElement as Se } from "lit/decorators.js";
|
|
3
|
-
import "./ui-icon-
|
|
3
|
+
import "./ui-icon-DrrH0WhF.js";
|
|
4
4
|
import y from "dayjs";
|
|
5
|
-
const xe = ':host{display:block;font-family:var(--font-family-base)}.dp__calendar{display:block}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dp__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing)}.dp__nav-btn:hover{background-color:var(--color-
|
|
5
|
+
const xe = ':host{display:block;font-family:var(--font-family-base)}.dp__calendar{display:block}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dp__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing)}.dp__nav-btn:hover{background-color:var(--color-light)}.dp__header-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__header-label:hover{color:var(--color-primary)}.dp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--font-size-sm);color:var(--color-tertiary);margin-bottom:var(--spacing-1);-webkit-user-select:none;user-select:none}.dp__weekday{padding:var(--spacing-1) 0}.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;outline:none}.dp__day{position:relative;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;border-radius:0;color:var(--color-body-text);font-family:var(--font-family-base)}.dp__day-num{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__day--range-start:before,.dp__day--range-end:before,.dp__day--range-between:before{content:"";position:absolute;top:2px;bottom:2px;background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);z-index:0;pointer-events:none}.dp__day--range-start:before{left:50%;right:0}.dp__day--range-end:before{left:0;right:50%}.dp__day--range-between:before{left:0;right:0}.dp__day--out-of-month{opacity:.4}.dp__day--focused .dp__day-num{background-color:var(--color-light)}.dp__day--disabled{cursor:not-allowed;pointer-events:none}.dp__day--disabled .dp__day-num{color:var(--color-gray-300);background-color:var(--color-gray-50)}.dp__day--disabled-weekday{cursor:not-allowed;pointer-events:none}.dp__day--disabled-weekday .dp__day-num{color:var(--color-gray-300)}.dp__day--today .dp__day-num{background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__day--selected .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--default:hover .dp__day-num{background-color:var(--color-light)}.dp__day--range-pending .dp__day-num,.dp__day--range-start .dp__day-num,.dp__day--range-end .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--range-between .dp__day-num{color:var(--color-primary);background:transparent}.dp__month-grid,.dp__year-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-top:var(--spacing-3)}.dp__month-btn,.dp__year-btn{height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;background:none;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__month-btn:hover:not(.dp__month-btn--selected),.dp__year-btn:hover:not(.dp__year-btn--selected){background-color:var(--color-light)}.dp__month-btn--selected,.dp__year-btn--selected{background-color:var(--color-primary);color:#fff}.dp__month-btn--current:not(.dp__month-btn--selected),.dp__year-btn--current:not(.dp__year-btn--selected){background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__footer{display:flex;align-items:center;justify-content:space-evenly;margin-top:var(--spacing-4);padding-bottom:var(--spacing-3)}.dp__footer-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-tertiary);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__footer-btn:hover{background-color:var(--color-light);color:var(--color-body-text)}';
|
|
6
6
|
function G(e) {
|
|
7
7
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
8
8
|
}
|
|
@@ -14,9 +14,9 @@ function Le() {
|
|
|
14
14
|
})($e, (function() {
|
|
15
15
|
var r = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
|
|
16
16
|
return function(a, s, p) {
|
|
17
|
-
var i = s.prototype,
|
|
18
|
-
p.en.formats = r, i.format = function(
|
|
19
|
-
|
|
17
|
+
var i = s.prototype, l = i.format;
|
|
18
|
+
p.en.formats = r, i.format = function(c) {
|
|
19
|
+
c === void 0 && (c = "YYYY-MM-DDTHH:mm:ssZ");
|
|
20
20
|
var v = this.$locale().formats, h = (function(o, d) {
|
|
21
21
|
return o.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(S, F, x) {
|
|
22
22
|
var n = x && x.toUpperCase();
|
|
@@ -24,8 +24,8 @@ function Le() {
|
|
|
24
24
|
return f || _.slice(1);
|
|
25
25
|
}));
|
|
26
26
|
}));
|
|
27
|
-
})(
|
|
28
|
-
return
|
|
27
|
+
})(c, v === void 0 ? {} : v);
|
|
28
|
+
return l.call(this, h);
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
31
|
}));
|
|
@@ -39,7 +39,7 @@ function Ae() {
|
|
|
39
39
|
(function(r, a) {
|
|
40
40
|
e.exports = a();
|
|
41
41
|
})(ze, (function() {
|
|
42
|
-
var r = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, p = /\d\d/, i = /\d\d?/,
|
|
42
|
+
var r = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, p = /\d\d/, i = /\d\d?/, l = /\d*[^-_:/,()\s\d]+/, c = {}, v = function(n) {
|
|
43
43
|
return (n = +n) + (n > 68 ? 1900 : 2e3);
|
|
44
44
|
}, h = function(n) {
|
|
45
45
|
return function(u) {
|
|
@@ -52,10 +52,10 @@ function Ae() {
|
|
|
52
52
|
return _ === 0 ? 0 : f[0] === "+" ? -_ : _;
|
|
53
53
|
})(n);
|
|
54
54
|
}], d = function(n) {
|
|
55
|
-
var u =
|
|
55
|
+
var u = c[n];
|
|
56
56
|
return u && (u.indexOf ? u : u.s.concat(u.f));
|
|
57
57
|
}, S = function(n, u) {
|
|
58
|
-
var f, _ =
|
|
58
|
+
var f, _ = c.meridiem;
|
|
59
59
|
if (_) {
|
|
60
60
|
for (var Y = 1; Y <= 24; Y += 1) if (n.indexOf(_(Y, 0, u)) > -1) {
|
|
61
61
|
f = Y > 12;
|
|
@@ -63,9 +63,9 @@ function Ae() {
|
|
|
63
63
|
}
|
|
64
64
|
} else f = n === (u ? "pm" : "PM");
|
|
65
65
|
return f;
|
|
66
|
-
}, F = { A: [
|
|
66
|
+
}, F = { A: [l, function(n) {
|
|
67
67
|
this.afternoon = S(n, !1);
|
|
68
|
-
}], a: [
|
|
68
|
+
}], a: [l, function(n) {
|
|
69
69
|
this.afternoon = S(n, !0);
|
|
70
70
|
}], Q: [s, function(n) {
|
|
71
71
|
this.month = 3 * (n - 1) + 1;
|
|
@@ -75,16 +75,16 @@ function Ae() {
|
|
|
75
75
|
this.milliseconds = 10 * +n;
|
|
76
76
|
}], SSS: [/\d{3}/, function(n) {
|
|
77
77
|
this.milliseconds = +n;
|
|
78
|
-
}], s: [i, h("seconds")], ss: [i, h("seconds")], m: [i, h("minutes")], mm: [i, h("minutes")], H: [i, h("hours")], h: [i, h("hours")], HH: [i, h("hours")], hh: [i, h("hours")], D: [i, h("day")], DD: [p, h("day")], Do: [
|
|
79
|
-
var u =
|
|
78
|
+
}], s: [i, h("seconds")], ss: [i, h("seconds")], m: [i, h("minutes")], mm: [i, h("minutes")], H: [i, h("hours")], h: [i, h("hours")], HH: [i, h("hours")], hh: [i, h("hours")], D: [i, h("day")], DD: [p, h("day")], Do: [l, function(n) {
|
|
79
|
+
var u = c.ordinal, f = n.match(/\d+/);
|
|
80
80
|
if (this.day = f[0], u) for (var _ = 1; _ <= 31; _ += 1) u(_).replace(/\[|\]/g, "") === n && (this.day = _);
|
|
81
|
-
}], w: [i, h("week")], ww: [p, h("week")], M: [i, h("month")], MM: [p, h("month")], MMM: [
|
|
81
|
+
}], w: [i, h("week")], ww: [p, h("week")], M: [i, h("month")], MM: [p, h("month")], MMM: [l, function(n) {
|
|
82
82
|
var u = d("months"), f = (d("monthsShort") || u.map((function(_) {
|
|
83
83
|
return _.slice(0, 3);
|
|
84
84
|
}))).indexOf(n) + 1;
|
|
85
85
|
if (f < 1) throw new Error();
|
|
86
86
|
this.month = f % 12 || f;
|
|
87
|
-
}], MMMM: [
|
|
87
|
+
}], MMMM: [l, function(n) {
|
|
88
88
|
var u = d("months").indexOf(n) + 1;
|
|
89
89
|
if (u < 1) throw new Error();
|
|
90
90
|
this.month = u % 12 || u;
|
|
@@ -93,7 +93,7 @@ function Ae() {
|
|
|
93
93
|
}], YYYY: [/\d{4}/, h("year")], Z: o, ZZ: o };
|
|
94
94
|
function x(n) {
|
|
95
95
|
var u, f;
|
|
96
|
-
u = n, f =
|
|
96
|
+
u = n, f = c && c.formats;
|
|
97
97
|
for (var _ = (n = u.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(H, z, $) {
|
|
98
98
|
var k = $ && $.toUpperCase();
|
|
99
99
|
return z || f[$] || r[$] || f[k].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(A, O, T) {
|
|
@@ -130,17 +130,17 @@ function Ae() {
|
|
|
130
130
|
var E = L[1];
|
|
131
131
|
if (typeof E == "string") {
|
|
132
132
|
var H = L[2] === !0, z = L[3] === !0, $ = H || z, k = L[2];
|
|
133
|
-
z && (k = L[2]),
|
|
133
|
+
z && (k = L[2]), c = this.$locale(), !H && k && (c = f.Ls[k]), this.$d = (function(U, R, j, Z) {
|
|
134
134
|
try {
|
|
135
135
|
if (["x", "X"].indexOf(R) > -1) return new Date((R === "X" ? 1e3 : 1) * U);
|
|
136
|
-
var M = x(R)(U), te = M.year, K = M.month, ge = M.day, ve = M.hours, be = M.minutes, Me = M.seconds, we = M.milliseconds,
|
|
136
|
+
var M = x(R)(U), te = M.year, K = M.month, ge = M.day, ve = M.hours, be = M.minutes, Me = M.seconds, we = M.milliseconds, le = M.zone, ce = M.week, re = /* @__PURE__ */ new Date(), ne = ge || (te || K ? 1 : re.getDate()), ae = te || re.getFullYear(), N = 0;
|
|
137
137
|
te && !K || (N = K > 0 ? K - 1 : re.getMonth());
|
|
138
138
|
var W, oe = ve || 0, ie = be || 0, se = Me || 0, de = we || 0;
|
|
139
|
-
return
|
|
139
|
+
return le ? new Date(Date.UTC(ae, N, ne, oe, ie, se, de + 60 * le.offset * 1e3)) : j ? new Date(Date.UTC(ae, N, ne, oe, ie, se, de)) : (W = new Date(ae, N, ne, oe, ie, se, de), ce && (W = Z(W).week(ce).toDate()), W);
|
|
140
140
|
} catch {
|
|
141
141
|
return /* @__PURE__ */ new Date("");
|
|
142
142
|
}
|
|
143
|
-
})(P, E, B, f), this.init(), k && k !== !0 && (this.$L = this.locale(k).$L), $ && P != this.format(E) && (this.$d = /* @__PURE__ */ new Date("")),
|
|
143
|
+
})(P, E, B, f), this.init(), k && k !== !0 && (this.$L = this.locale(k).$L), $ && P != this.format(E) && (this.$d = /* @__PURE__ */ new Date("")), c = {};
|
|
144
144
|
} else if (E instanceof Array) for (var A = E.length, O = 1; O <= A; O += 1) {
|
|
145
145
|
L[1] = E[O - 1];
|
|
146
146
|
var T = f.apply(this, L);
|
|
@@ -165,9 +165,9 @@ function He() {
|
|
|
165
165
|
e.exports = a();
|
|
166
166
|
})(Be, (function() {
|
|
167
167
|
return function(r, a, s) {
|
|
168
|
-
a.prototype.isBetween = function(p, i,
|
|
169
|
-
var v = s(p), h = s(i), o = (
|
|
170
|
-
return (o ? this.isAfter(v,
|
|
168
|
+
a.prototype.isBetween = function(p, i, l, c) {
|
|
169
|
+
var v = s(p), h = s(i), o = (c = c || "()")[0] === "(", d = c[1] === ")";
|
|
170
|
+
return (o ? this.isAfter(v, l) : !this.isBefore(v, l)) && (d ? this.isBefore(h, l) : !this.isAfter(h, l)) || (o ? this.isBefore(v, l) : !this.isAfter(v, l)) && (d ? this.isAfter(h, l) : !this.isBefore(h, l));
|
|
171
171
|
};
|
|
172
172
|
};
|
|
173
173
|
}));
|
|
@@ -183,9 +183,9 @@ function Re() {
|
|
|
183
183
|
})(Fe, (function() {
|
|
184
184
|
var r = "week", a = "year";
|
|
185
185
|
return function(s, p, i) {
|
|
186
|
-
var
|
|
187
|
-
|
|
188
|
-
if (
|
|
186
|
+
var l = p.prototype;
|
|
187
|
+
l.week = function(c) {
|
|
188
|
+
if (c === void 0 && (c = null), c !== null) return this.add(7 * (c - this.week()), "day");
|
|
189
189
|
var v = this.$locale().yearStart || 1;
|
|
190
190
|
if (this.month() === 11 && this.date() > 25) {
|
|
191
191
|
var h = i(this).startOf(a).add(1, a).date(v), o = i(this).endOf(r);
|
|
@@ -193,8 +193,8 @@ function Re() {
|
|
|
193
193
|
}
|
|
194
194
|
var d = i(this).startOf(a).date(v).startOf(r).subtract(1, "millisecond"), S = this.diff(d, r, !0);
|
|
195
195
|
return S < 0 ? i(this).startOf("week").week() : Math.ceil(S);
|
|
196
|
-
},
|
|
197
|
-
return
|
|
196
|
+
}, l.weeks = function(c) {
|
|
197
|
+
return c === void 0 && (c = null), this.week(c);
|
|
198
198
|
};
|
|
199
199
|
};
|
|
200
200
|
}));
|
|
@@ -211,7 +211,7 @@ function Ze() {
|
|
|
211
211
|
return function(r, a, s) {
|
|
212
212
|
var p = a.prototype, i = function(o) {
|
|
213
213
|
return o && (o.indexOf ? o : o.s);
|
|
214
|
-
},
|
|
214
|
+
}, l = function(o, d, S, F, x) {
|
|
215
215
|
var n = o.name ? o : o.$locale(), u = i(n[d]), f = i(n[S]), _ = u || f.map((function(b) {
|
|
216
216
|
return b.slice(0, F);
|
|
217
217
|
}));
|
|
@@ -220,7 +220,7 @@ function Ze() {
|
|
|
220
220
|
return _.map((function(b, P) {
|
|
221
221
|
return _[(P + (Y || 0)) % 7];
|
|
222
222
|
}));
|
|
223
|
-
},
|
|
223
|
+
}, c = function() {
|
|
224
224
|
return s.Ls[s.locale()];
|
|
225
225
|
}, v = function(o, d) {
|
|
226
226
|
return o.formats[d] || (function(S) {
|
|
@@ -231,17 +231,17 @@ function Ze() {
|
|
|
231
231
|
}, h = function() {
|
|
232
232
|
var o = this;
|
|
233
233
|
return { months: function(d) {
|
|
234
|
-
return d ? d.format("MMMM") :
|
|
234
|
+
return d ? d.format("MMMM") : l(o, "months");
|
|
235
235
|
}, monthsShort: function(d) {
|
|
236
|
-
return d ? d.format("MMM") :
|
|
236
|
+
return d ? d.format("MMM") : l(o, "monthsShort", "months", 3);
|
|
237
237
|
}, firstDayOfWeek: function() {
|
|
238
238
|
return o.$locale().weekStart || 0;
|
|
239
239
|
}, weekdays: function(d) {
|
|
240
|
-
return d ? d.format("dddd") :
|
|
240
|
+
return d ? d.format("dddd") : l(o, "weekdays");
|
|
241
241
|
}, weekdaysMin: function(d) {
|
|
242
|
-
return d ? d.format("dd") :
|
|
242
|
+
return d ? d.format("dd") : l(o, "weekdaysMin", "weekdays", 2);
|
|
243
243
|
}, weekdaysShort: function(d) {
|
|
244
|
-
return d ? d.format("ddd") :
|
|
244
|
+
return d ? d.format("ddd") : l(o, "weekdaysShort", "weekdays", 3);
|
|
245
245
|
}, longDateFormat: function(d) {
|
|
246
246
|
return v(o.$locale(), d);
|
|
247
247
|
}, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
|
|
@@ -249,7 +249,7 @@ function Ze() {
|
|
|
249
249
|
p.localeData = function() {
|
|
250
250
|
return h.bind(this)();
|
|
251
251
|
}, s.localeData = function() {
|
|
252
|
-
var o =
|
|
252
|
+
var o = c();
|
|
253
253
|
return { firstDayOfWeek: function() {
|
|
254
254
|
return o.weekStart || 0;
|
|
255
255
|
}, weekdays: function() {
|
|
@@ -266,15 +266,15 @@ function Ze() {
|
|
|
266
266
|
return v(o, d);
|
|
267
267
|
}, meridiem: o.meridiem, ordinal: o.ordinal };
|
|
268
268
|
}, s.months = function() {
|
|
269
|
-
return c(
|
|
269
|
+
return l(c(), "months");
|
|
270
270
|
}, s.monthsShort = function() {
|
|
271
|
-
return c(
|
|
271
|
+
return l(c(), "monthsShort", "months", 3);
|
|
272
272
|
}, s.weekdays = function(o) {
|
|
273
|
-
return c(
|
|
273
|
+
return l(c(), "weekdays", null, null, o);
|
|
274
274
|
}, s.weekdaysShort = function(o) {
|
|
275
|
-
return c(
|
|
275
|
+
return l(c(), "weekdaysShort", "weekdays", 3, o);
|
|
276
276
|
}, s.weekdaysMin = function(o) {
|
|
277
|
-
return c(
|
|
277
|
+
return l(c(), "weekdaysMin", "weekdays", 2, o);
|
|
278
278
|
};
|
|
279
279
|
};
|
|
280
280
|
}));
|
|
@@ -492,14 +492,14 @@ let m = class extends De {
|
|
|
492
492
|
}}
|
|
493
493
|
>
|
|
494
494
|
${t.map((r) => {
|
|
495
|
-
const a = r.month() === this._cursor.month(), s = e ? r.isSame(e, "day") : !1, p = r.isSame(this._cursor, "day"), i = !this._withinBounds(r),
|
|
495
|
+
const a = r.month() === this._cursor.month(), s = e ? r.isSame(e, "day") : !1, p = r.isSame(this._cursor, "day"), i = !this._withinBounds(r), l = [
|
|
496
496
|
this._getDayClasses(r),
|
|
497
497
|
a ? "" : "dp__day--out-of-month",
|
|
498
498
|
p ? "dp__day--focused" : ""
|
|
499
499
|
].filter(Boolean).join(" ");
|
|
500
500
|
return C`
|
|
501
501
|
<button
|
|
502
|
-
class=${
|
|
502
|
+
class=${l}
|
|
503
503
|
role="gridcell"
|
|
504
504
|
aria-selected=${s ? "true" : "false"}
|
|
505
505
|
aria-disabled=${i ? "true" : "false"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";const Y=require("lit"),y=require("lit/decorators.js");require("./ui-icon-DKZMrOTi.cjs");const m=require("dayjs"),we=':host{display:block;font-family:var(--font-family-base)}.dp__calendar{display:block}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.dp__nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;background:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing)}.dp__nav-btn:hover{background-color:var(--color-light)}.dp__header-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--color-body-text);transition:color var(--transition-speed-fast) var(--transition-timing)}.dp__header-label:hover{color:var(--color-primary)}.dp__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--font-size-sm);color:var(--color-tertiary);margin-bottom:var(--spacing-1);-webkit-user-select:none;user-select:none}.dp__weekday{padding:var(--spacing-1) 0}.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;outline:none}.dp__day{position:relative;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;border-radius:0;color:var(--color-body-text);font-family:var(--font-family-base)}.dp__day-num{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__day--range-start:before,.dp__day--range-end:before,.dp__day--range-between:before{content:"";position:absolute;top:2px;bottom:2px;background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);z-index:0;pointer-events:none}.dp__day--range-start:before{left:50%;right:0}.dp__day--range-end:before{left:0;right:50%}.dp__day--range-between:before{left:0;right:0}.dp__day--out-of-month{opacity:.4}.dp__day--focused .dp__day-num{background-color:var(--color-light)}.dp__day--disabled{cursor:not-allowed;pointer-events:none}.dp__day--disabled .dp__day-num{color:var(--color-gray-300);background-color:var(--color-gray-50)}.dp__day--disabled-weekday{cursor:not-allowed;pointer-events:none}.dp__day--disabled-weekday .dp__day-num{color:var(--color-gray-300)}.dp__day--today .dp__day-num{background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__day--selected .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--default:hover .dp__day-num{background-color:var(--color-light)}.dp__day--range-pending .dp__day-num,.dp__day--range-start .dp__day-num,.dp__day--range-end .dp__day-num{background-color:var(--color-primary);color:#fff}.dp__day--range-between .dp__day-num{color:var(--color-primary);background:transparent}.dp__month-grid,.dp__year-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-top:var(--spacing-3)}.dp__month-btn,.dp__year-btn{height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;background:none;color:var(--color-body-text);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__month-btn:hover:not(.dp__month-btn--selected),.dp__year-btn:hover:not(.dp__year-btn--selected){background-color:var(--color-light)}.dp__month-btn--selected,.dp__year-btn--selected{background-color:var(--color-primary);color:#fff}.dp__month-btn--current:not(.dp__month-btn--selected),.dp__year-btn--current:not(.dp__year-btn--selected){background-color:var(--color-gray-200);color:var(--color-gray-800)}.dp__footer{display:flex;align-items:center;justify-content:space-evenly;margin-top:var(--spacing-4);padding-bottom:var(--spacing-3)}.dp__footer-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-tertiary);border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:var(--font-family-base);transition:background-color var(--transition-speed-fast) var(--transition-timing),color var(--transition-speed-fast) var(--transition-timing)}.dp__footer-btn:hover{background-color:var(--color-light);color:var(--color-body-text)}';function q(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var N={exports:{}},Ye=N.exports,le;function ke(){return le||(le=1,(function(p,e){(function(r,t){p.exports=t()})(Ye,(function(){var r={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,n,f){var o=n.prototype,l=o.format;f.en.formats=r,o.format=function(d){d===void 0&&(d="YYYY-MM-DDTHH:mm:ssZ");var v=this.$locale().formats,u=(function(s,i){return s.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(S,j,x){var a=x&&x.toUpperCase();return j||i[x]||r[x]||i[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(c,_,h){return _||h.slice(1)}))}))})(d,v===void 0?{}:v);return l.call(this,u)}}}))})(N)),N.exports}var De=ke();const Se=q(De);var W={exports:{}},xe=W.exports,ce;function Le(){return ce||(ce=1,(function(p,e){(function(r,t){p.exports=t()})(xe,(function(){var r={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,f=/\d\d/,o=/\d\d?/,l=/\d*[^-_:/,()\s\d]+/,d={},v=function(a){return(a=+a)+(a>68?1900:2e3)},u=function(a){return function(c){this[a]=+c}},s=[/[+-]\d\d:?(\d\d)?|Z/,function(a){(this.zone||(this.zone={})).offset=(function(c){if(!c||c==="Z")return 0;var _=c.match(/([+-]|\d\d)/g),h=60*_[1]+(+_[2]||0);return h===0?0:_[0]==="+"?-h:h})(a)}],i=function(a){var c=d[a];return c&&(c.indexOf?c:c.s.concat(c.f))},S=function(a,c){var _,h=d.meridiem;if(h){for(var k=1;k<=24;k+=1)if(a.indexOf(h(k,0,c))>-1){_=k>12;break}}else _=a===(c?"pm":"PM");return _},j={A:[l,function(a){this.afternoon=S(a,!1)}],a:[l,function(a){this.afternoon=S(a,!0)}],Q:[n,function(a){this.month=3*(a-1)+1}],S:[n,function(a){this.milliseconds=100*+a}],SS:[f,function(a){this.milliseconds=10*+a}],SSS:[/\d{3}/,function(a){this.milliseconds=+a}],s:[o,u("seconds")],ss:[o,u("seconds")],m:[o,u("minutes")],mm:[o,u("minutes")],H:[o,u("hours")],h:[o,u("hours")],HH:[o,u("hours")],hh:[o,u("hours")],D:[o,u("day")],DD:[f,u("day")],Do:[l,function(a){var c=d.ordinal,_=a.match(/\d+/);if(this.day=_[0],c)for(var h=1;h<=31;h+=1)c(h).replace(/\[|\]/g,"")===a&&(this.day=h)}],w:[o,u("week")],ww:[f,u("week")],M:[o,u("month")],MM:[f,u("month")],MMM:[l,function(a){var c=i("months"),_=(i("monthsShort")||c.map((function(h){return h.slice(0,3)}))).indexOf(a)+1;if(_<1)throw new Error;this.month=_%12||_}],MMMM:[l,function(a){var c=i("months").indexOf(a)+1;if(c<1)throw new Error;this.month=c%12||c}],Y:[/[+-]?\d+/,u("year")],YY:[f,function(a){this.year=v(a)}],YYYY:[/\d{4}/,u("year")],Z:s,ZZ:s};function x(a){var c,_;c=a,_=d&&d.formats;for(var h=(a=c.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(B,E,L){var D=L&&L.toUpperCase();return E||_[L]||r[L]||_[D].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(A,z,H){return z||H.slice(1)}))}))).match(t),k=h.length,M=0;M<k;M+=1){var O=h[M],P=j[O],$=P&&P[0],C=P&&P[1];h[M]=C?{regex:$,parser:C}:O.replace(/^\[|\]$/g,"")}return function(B){for(var E={},L=0,D=0;L<k;L+=1){var A=h[L];if(typeof A=="string")D+=A.length;else{var z=A.regex,H=A.parser,R=B.slice(D),F=z.exec(R)[0];H.call(E,F),B=B.replace(F,"")}}return(function(T){var G=T.afternoon;if(G!==void 0){var w=T.hours;G?w<12&&(T.hours+=12):w===12&&(T.hours=0),delete T.afternoon}})(E),E}}return function(a,c,_){_.p.customParseFormat=!0,a&&a.parseTwoDigitYear&&(v=a.parseTwoDigitYear);var h=c.prototype,k=h.parse;h.parse=function(M){var O=M.date,P=M.utc,$=M.args;this.$u=P;var C=$[1];if(typeof C=="string"){var B=$[2]===!0,E=$[3]===!0,L=B||E,D=$[2];E&&(D=$[2]),d=this.$locale(),!B&&D&&(d=_.Ls[D]),this.$d=(function(R,F,T,G){try{if(["x","X"].indexOf(F)>-1)return new Date((F==="X"?1e3:1)*R);var w=x(F)(R),J=w.year,U=w.month,ye=w.day,ge=w.hours,ve=w.minutes,be=w.seconds,Me=w.milliseconds,ie=w.zone,de=w.week,ee=new Date,re=ye||(J||U?1:ee.getDate()),te=J||ee.getFullYear(),Z=0;J&&!U||(Z=U>0?U-1:ee.getMonth());var K,ae=ge||0,ne=ve||0,oe=be||0,se=Me||0;return ie?new Date(Date.UTC(te,Z,re,ae,ne,oe,se+60*ie.offset*1e3)):T?new Date(Date.UTC(te,Z,re,ae,ne,oe,se)):(K=new Date(te,Z,re,ae,ne,oe,se),de&&(K=G(K).week(de).toDate()),K)}catch{return new Date("")}})(O,C,P,_),this.init(),D&&D!==!0&&(this.$L=this.locale(D).$L),L&&O!=this.format(C)&&(this.$d=new Date("")),d={}}else if(C instanceof Array)for(var A=C.length,z=1;z<=A;z+=1){$[1]=C[z-1];var H=_.apply(this,$);if(H.isValid()){this.$d=H.$d,this.$L=H.$L,this.init();break}z===A&&(this.$d=new Date(""))}else k.call(this,M)}}}))})(W)),W.exports}var $e=Le();const Ce=q($e);var I={exports:{}},Ee=I.exports,ue;function Ae(){return ue||(ue=1,(function(p,e){(function(r,t){p.exports=t()})(Ee,(function(){return function(r,t,n){t.prototype.isBetween=function(f,o,l,d){var v=n(f),u=n(o),s=(d=d||"()")[0]==="(",i=d[1]===")";return(s?this.isAfter(v,l):!this.isBefore(v,l))&&(i?this.isBefore(u,l):!this.isAfter(u,l))||(s?this.isBefore(v,l):!this.isAfter(v,l))&&(i?this.isAfter(u,l):!this.isBefore(u,l))}}}))})(I)),I.exports}var ze=Ae();const Oe=q(ze);var V={exports:{}},Pe=V.exports,he;function Be(){return he||(he=1,(function(p,e){(function(r,t){p.exports=t()})(Pe,(function(){var r="week",t="year";return function(n,f,o){var l=f.prototype;l.week=function(d){if(d===void 0&&(d=null),d!==null)return this.add(7*(d-this.week()),"day");var v=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var u=o(this).startOf(t).add(1,t).date(v),s=o(this).endOf(r);if(u.isBefore(s))return 1}var i=o(this).startOf(t).date(v).startOf(r).subtract(1,"millisecond"),S=this.diff(i,r,!0);return S<0?o(this).startOf("week").week():Math.ceil(S)},l.weeks=function(d){return d===void 0&&(d=null),this.week(d)}}}))})(V)),V.exports}var He=Be();const Te=q(He);var Q={exports:{}},je=Q.exports,_e;function Fe(){return _e||(_e=1,(function(p,e){(function(r,t){p.exports=t()})(je,(function(){return function(r,t,n){var f=t.prototype,o=function(s){return s&&(s.indexOf?s:s.s)},l=function(s,i,S,j,x){var a=s.name?s:s.$locale(),c=o(a[i]),_=o(a[S]),h=c||_.map((function(M){return M.slice(0,j)}));if(!x)return h;var k=a.weekStart;return h.map((function(M,O){return h[(O+(k||0))%7]}))},d=function(){return n.Ls[n.locale()]},v=function(s,i){return s.formats[i]||(function(S){return S.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(j,x,a){return x||a.slice(1)}))})(s.formats[i.toUpperCase()])},u=function(){var s=this;return{months:function(i){return i?i.format("MMMM"):l(s,"months")},monthsShort:function(i){return i?i.format("MMM"):l(s,"monthsShort","months",3)},firstDayOfWeek:function(){return s.$locale().weekStart||0},weekdays:function(i){return i?i.format("dddd"):l(s,"weekdays")},weekdaysMin:function(i){return i?i.format("dd"):l(s,"weekdaysMin","weekdays",2)},weekdaysShort:function(i){return i?i.format("ddd"):l(s,"weekdaysShort","weekdays",3)},longDateFormat:function(i){return v(s.$locale(),i)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};f.localeData=function(){return u.bind(this)()},n.localeData=function(){var s=d();return{firstDayOfWeek:function(){return s.weekStart||0},weekdays:function(){return n.weekdays()},weekdaysShort:function(){return n.weekdaysShort()},weekdaysMin:function(){return n.weekdaysMin()},months:function(){return n.months()},monthsShort:function(){return n.monthsShort()},longDateFormat:function(i){return v(s,i)},meridiem:s.meridiem,ordinal:s.ordinal}},n.months=function(){return l(d(),"months")},n.monthsShort=function(){return l(d(),"monthsShort","months",3)},n.weekdays=function(s){return l(d(),"weekdays",null,null,s)},n.weekdaysShort=function(s){return l(d(),"weekdaysShort","weekdays",3,s)},n.weekdaysMin=function(s){return l(d(),"weekdaysMin","weekdays",2,s)}}}))})(Q)),Q.exports}var qe=Fe();const Re=q(qe);var X={exports:{}},Ge=X.exports,pe;function Ue(){return pe||(pe=1,(function(p,e){(function(r,t){p.exports=t(m)})(Ge,(function(r){function t(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var n=t(r),f={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function(o){return o+"."}};return n.default.locale(f,null,!0),f}))})(X)),X.exports}Ue();m.extend(Se);m.extend(Ce);m.extend(Oe);m.extend(Te);m.extend(Re);m.locale("tr");const me=["DD/MM/YYYY","DD.MM.YYYY","DD MM YYYY","DD-MM-YYYY","DD/MM/YY","DD.MM.YY","DD MM YY","DD-MM-YY","YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYY MM DD"],fe=m.weekdaysShort(),Ze=m.months(),Ke=[...fe.slice(1),fe[0]];function b(p){if(!p)return null;for(const r of me){const t=m(p,r,!0);if(t.isValid())return t}const e=m(p);return e.isValid()?e:null}var Ne=Object.defineProperty,We=Object.getOwnPropertyDescriptor,g=(p,e,r,t)=>{for(var n=t>1?void 0:t?We(e,r):e,f=p.length-1,o;f>=0;f--)(o=p[f])&&(n=(t?o(e,r,n):o(n))||n);return t&&n&&Ne(e,r,n),n};exports.LogosphereCalendar=class extends Y.LitElement{constructor(){super(...arguments),this.value=null,this.min=null,this.max=null,this.disabled=!1,this.rangeMode=!1,this.disabledDays=[],this.rangeStart=null,this.rangeEnd=null,this.closable=!1,this._cursor=m(),this._rangeStart=null,this._rangeEnd=null,this._hoverDate=null,this._viewMode="calendar",this._clear=()=>{this._emitChange(null),this.rangeMode&&(this._rangeStart=null,this._rangeEnd=null,this._emitStateChange())},this._today=()=>{const e=m();this._withinBounds(e)&&this._select(e)},this._navigatePrevious=()=>{switch(this._viewMode){case"calendar":this._cursor=this._cursor.subtract(1,"month");break;case"month":this._cursor=this._cursor.subtract(1,"year");break;case"year":this._cursor=this._cursor.subtract(12,"year");break}},this._navigateNext=()=>{switch(this._viewMode){case"calendar":this._cursor=this._cursor.add(1,"month");break;case"month":this._cursor=this._cursor.add(1,"year");break;case"year":this._cursor=this._cursor.add(12,"year");break}},this._handleHeaderClick=()=>{this._viewMode==="calendar"?this._viewMode="month":this._viewMode==="month"&&(this._viewMode="year")}}willUpdate(e){if(e.has("value")&&!this.rangeMode){const r=b(this.value);r&&(this._cursor=r)}e.has("rangeStart")&&(this._rangeStart=this.rangeStart),e.has("rangeEnd")&&(this._rangeEnd=this.rangeEnd),(e.has("rangeStart")||e.has("rangeEnd"))&&this.rangeMode&&(this._cursor=b(this.rangeEnd)?.clone()??b(this.rangeStart)?.clone()??this._cursor)}focusGrid(){this.renderRoot.querySelector("#grid")?.focus()}_emitStateChange(){this.dispatchEvent(new CustomEvent("calendar-state-change",{detail:{rangeStart:this._rangeStart,rangeEnd:this._rangeEnd}}))}_emitChange(e){this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e}})),this.onChange?.(e)}_emitRangeChange(){if(!this._rangeStart||!this._rangeEnd)return;const e={start:this._rangeStart,end:this._rangeEnd};this.dispatchEvent(new CustomEvent("rangeChange",{detail:e})),this.onRangeChange?.(e)}_withinBounds(e){const r=b(this.min),t=b(this.max);return!(r&&e.isBefore(r,"day")||t&&e.isAfter(t,"day")||this.disabledDays.includes(e.day()))}_getYears(){const e=this._cursor.year()-6;return Array.from({length:12},(r,t)=>e+t)}_getHeaderLabel(){switch(this._viewMode){case"calendar":return this._cursor.format("MMMM YYYY");case"month":return this._cursor.format("YYYY");case"year":{const e=this._getYears();return`${e[0]}-${e[e.length-1]}`}}}_daysInGrid(){const e=this._cursor.startOf("month"),r=e.subtract((e.day()+6)%7,"day");return Array.from({length:42},(t,n)=>r.add(n,"day"))}_isInRange(e){if(!this.rangeMode||!this._rangeStart||!this._rangeEnd)return null;const r=b(this._rangeStart),t=b(this._rangeEnd);return!r||!t?null:e.isSame(r,"day")?"start":e.isSame(t,"day")?"end":e.isBetween(r,t,"day","[]")?"between":null}_getHoverPreview(e){if(!this.rangeMode||!this._rangeStart||this._rangeEnd||!this._hoverDate)return null;const r=b(this._rangeStart);if(!r)return null;const t=this._hoverDate,n=t.isAfter(r,"day"),f=n?r:t,o=n?t:r;return e.isSame(r,"day")?"preview-start":e.isSame(t,"day")?"preview-end":e.isAfter(f,"day")&&e.isBefore(o,"day")?"preview-between":null}_getDayClasses(e){const r=["dp__day"];if(!this._withinBounds(e))return r.push(this.disabledDays.includes(e.day())?"dp__day--disabled-weekday":"dp__day--disabled"),r.join(" ");const t=this._isInRange(e);if(t==="start")return r.push("dp__day--range-start"),r.join(" ");if(t==="end")return r.push("dp__day--range-end"),r.join(" ");if(t==="between")return r.push("dp__day--range-between"),r.join(" ");const n=this._getHoverPreview(e);return n==="preview-start"?(r.push("dp__day--range-start"),r.join(" ")):n==="preview-end"?(r.push("dp__day--range-end"),r.join(" ")):n==="preview-between"?(r.push("dp__day--range-between"),r.join(" ")):this.rangeMode&&this._rangeStart&&!this._rangeEnd&&e.isSame(b(this._rangeStart),"day")?(r.push("dp__day--range-pending"),r.join(" ")):(e.isSame(b(this.value),"day")?r.push("dp__day--selected"):e.isSame(m(),"day")?r.push("dp__day--today"):r.push("dp__day--default"),r.join(" "))}_select(e){if(!(this.disabled||!this._withinBounds(e))){if(this.rangeMode){if(!this._rangeStart){this._rangeStart=e.format("YYYY-MM-DD"),this._cursor=e,this._emitStateChange();return}if(!this._rangeEnd){const r=b(this._rangeStart);r&&e.isBefore(r,"day")?(this._rangeEnd=this._rangeStart,this._rangeStart=e.format("YYYY-MM-DD")):this._rangeEnd=e.format("YYYY-MM-DD"),this._cursor=e,this._viewMode="calendar",this._emitStateChange(),this._emitRangeChange();return}this._rangeStart=e.format("YYYY-MM-DD"),this._rangeEnd=null,this._cursor=e,this._emitStateChange();return}this._emitChange(e.format("YYYY-MM-DD")),this._cursor=e,this._viewMode="calendar"}}_selectMonth(e){this._cursor=this._cursor.month(e),this._viewMode="calendar"}_selectYear(e){this._cursor=this._cursor.year(e),this._viewMode="month"}_keydownGrid(e){const r={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};e.key in r?(e.preventDefault(),this._cursor=this._cursor.add(r[e.key],"day")):e.key==="Enter"||e.key===" "?(e.preventDefault(),this._select(this._cursor)):e.key==="Escape"&&this.closable?(e.preventDefault(),this.dispatchEvent(new CustomEvent("close-request"))):e.key==="PageUp"?(e.preventDefault(),this._cursor=e.shiftKey?this._cursor.subtract(1,"year"):this._cursor.subtract(1,"month")):e.key==="PageDown"?(e.preventDefault(),this._cursor=e.shiftKey?this._cursor.add(1,"year"):this._cursor.add(1,"month")):e.key==="Home"?(e.preventDefault(),this._cursor=this._cursor.startOf("month")):e.key==="End"&&(e.preventDefault(),this._cursor=this._cursor.endOf("month"))}_renderCalendar(e){const r=this._daysInGrid();return Y.html`
|
|
2
|
+
<div class="dp__weekdays" role="row">
|
|
3
|
+
${Ke.map(t=>Y.html`<div class="dp__weekday" role="columnheader" aria-label=${t}>${t}</div>`)}
|
|
4
|
+
</div>
|
|
5
|
+
<div
|
|
6
|
+
id="grid"
|
|
7
|
+
tabindex="0"
|
|
8
|
+
class="dp__grid"
|
|
9
|
+
role="grid"
|
|
10
|
+
aria-label="Takvim"
|
|
11
|
+
@keydown=${this._keydownGrid}
|
|
12
|
+
@mouseleave=${()=>{this._hoverDate=null}}
|
|
13
|
+
>
|
|
14
|
+
${r.map(t=>{const n=t.month()===this._cursor.month(),f=e?t.isSame(e,"day"):!1,o=t.isSame(this._cursor,"day"),l=!this._withinBounds(t),d=[this._getDayClasses(t),n?"":"dp__day--out-of-month",o?"dp__day--focused":""].filter(Boolean).join(" ");return Y.html`
|
|
15
|
+
<button
|
|
16
|
+
class=${d}
|
|
17
|
+
role="gridcell"
|
|
18
|
+
aria-selected=${f?"true":"false"}
|
|
19
|
+
aria-disabled=${l?"true":"false"}
|
|
20
|
+
tabindex=${o?"0":"-1"}
|
|
21
|
+
@click=${()=>!l&&this._select(t)}
|
|
22
|
+
@mouseenter=${()=>{this.rangeMode&&this._rangeStart&&!this._rangeEnd&&(this._hoverDate=t)}}
|
|
23
|
+
>
|
|
24
|
+
<span class="dp__day-num">${t.date()}</span>
|
|
25
|
+
</button>
|
|
26
|
+
`})}
|
|
27
|
+
</div>
|
|
28
|
+
`}_renderMonthGrid(){return Y.html`
|
|
29
|
+
<div class="dp__month-grid" role="grid" aria-label="Ay seçimi">
|
|
30
|
+
${Ze.map((e,r)=>{const t=r===this._cursor.month(),n=r===m().month()&&this._cursor.year()===m().year();return Y.html`
|
|
31
|
+
<button
|
|
32
|
+
class="dp__month-btn ${t?"dp__month-btn--selected":""} ${n&&!t?"dp__month-btn--current":""}"
|
|
33
|
+
role="gridcell"
|
|
34
|
+
aria-selected=${t?"true":"false"}
|
|
35
|
+
@click=${()=>this._selectMonth(r)}
|
|
36
|
+
>
|
|
37
|
+
${e}
|
|
38
|
+
</button>
|
|
39
|
+
`})}
|
|
40
|
+
</div>
|
|
41
|
+
`}_renderYearGrid(){return Y.html`
|
|
42
|
+
<div class="dp__year-grid" role="grid" aria-label="Yıl seçimi">
|
|
43
|
+
${this._getYears().map(e=>{const r=e===this._cursor.year(),t=e===m().year();return Y.html`
|
|
44
|
+
<button
|
|
45
|
+
class="dp__year-btn ${r?"dp__year-btn--selected":""} ${t&&!r?"dp__year-btn--current":""}"
|
|
46
|
+
role="gridcell"
|
|
47
|
+
aria-selected=${r?"true":"false"}
|
|
48
|
+
@click=${()=>this._selectYear(e)}
|
|
49
|
+
>
|
|
50
|
+
${e}
|
|
51
|
+
</button>
|
|
52
|
+
`})}
|
|
53
|
+
</div>
|
|
54
|
+
`}render(){const e=b(this.value);return Y.html`
|
|
55
|
+
<div class="dp__calendar">
|
|
56
|
+
<div class="dp__header">
|
|
57
|
+
<button class="dp__nav-btn" @click=${this._navigatePrevious} aria-label="Önceki">
|
|
58
|
+
<ui-icon name="uil-arrow-left" size="16"></ui-icon>
|
|
59
|
+
</button>
|
|
60
|
+
<span class="dp__header-label" @click=${this._handleHeaderClick} role="button" tabindex="0">
|
|
61
|
+
${this._getHeaderLabel()}
|
|
62
|
+
</span>
|
|
63
|
+
<button class="dp__nav-btn" @click=${this._navigateNext} aria-label="Sonraki">
|
|
64
|
+
<ui-icon name="uil-arrow-right" size="16"></ui-icon>
|
|
65
|
+
</button>
|
|
66
|
+
</div>
|
|
67
|
+
|
|
68
|
+
${this._viewMode==="calendar"?this._renderCalendar(e):this._viewMode==="month"?this._renderMonthGrid():this._renderYearGrid()}
|
|
69
|
+
|
|
70
|
+
<div class="dp__footer">
|
|
71
|
+
<button class="dp__footer-btn" @click=${this._today} aria-label="Bugün">
|
|
72
|
+
<ui-icon name="uil-calendar" size="14"></ui-icon>
|
|
73
|
+
</button>
|
|
74
|
+
<button class="dp__footer-btn" @click=${this._clear} aria-label="Temizle">
|
|
75
|
+
<ui-icon name="uil-trash" size="14"></ui-icon>
|
|
76
|
+
</button>
|
|
77
|
+
${this.closable?Y.html`
|
|
78
|
+
<button
|
|
79
|
+
class="dp__footer-btn"
|
|
80
|
+
@click=${()=>this.dispatchEvent(new CustomEvent("close-request"))}
|
|
81
|
+
aria-label="Kapat"
|
|
82
|
+
>
|
|
83
|
+
<ui-icon name="uil-times" size="14"></ui-icon>
|
|
84
|
+
</button>
|
|
85
|
+
`:null}
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
`}};exports.LogosphereCalendar.styles=[Y.css`${Y.unsafeCSS(we)}`];g([y.property({type:String})],exports.LogosphereCalendar.prototype,"value",2);g([y.property({type:String})],exports.LogosphereCalendar.prototype,"min",2);g([y.property({type:String})],exports.LogosphereCalendar.prototype,"max",2);g([y.property({type:Boolean})],exports.LogosphereCalendar.prototype,"disabled",2);g([y.property({type:Boolean})],exports.LogosphereCalendar.prototype,"rangeMode",2);g([y.property({type:Array})],exports.LogosphereCalendar.prototype,"disabledDays",2);g([y.property({type:String})],exports.LogosphereCalendar.prototype,"rangeStart",2);g([y.property({type:String})],exports.LogosphereCalendar.prototype,"rangeEnd",2);g([y.property({type:Boolean})],exports.LogosphereCalendar.prototype,"closable",2);g([y.property({attribute:!1})],exports.LogosphereCalendar.prototype,"onChange",2);g([y.property({attribute:!1})],exports.LogosphereCalendar.prototype,"onRangeChange",2);g([y.state()],exports.LogosphereCalendar.prototype,"_cursor",2);g([y.state()],exports.LogosphereCalendar.prototype,"_rangeStart",2);g([y.state()],exports.LogosphereCalendar.prototype,"_rangeEnd",2);g([y.state()],exports.LogosphereCalendar.prototype,"_hoverDate",2);g([y.state()],exports.LogosphereCalendar.prototype,"_viewMode",2);exports.LogosphereCalendar=g([y.customElement("logosphere-calendar")],exports.LogosphereCalendar);exports.DATE_FORMATS=me;exports.safeDay=b;
|
package/dist/calendar.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./calendar-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./calendar-Coc9E6lD.cjs");Object.defineProperty(exports,"LogosphereCalendar",{enumerable:!0,get:()=>e.LogosphereCalendar});
|
package/dist/calendar.js
CHANGED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";const t=require("lit"),e=require("lit/decorators.js");require("./button-DRZ4sG4T.cjs");const p=".card{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-body-bg);overflow:hidden;box-shadow:0 4px 4px 0 var(--color-light-bg);display:grid;grid-template-rows:auto 1fr auto}.card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background-color:var(--color-body-bg)}.card__header--hidden{display:none}.card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:-.14px;color:var(--color-body-text);font-family:var(--font-family-base)}.card__description{margin:0;color:var(--color-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:18px;letter-spacing:-.12px;font-family:var(--font-family-base)}.card__body{padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family-base)}.card__footer{padding:var(--spacing-4);display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);background-color:var(--color-body-bg);border-top:1px solid var(--color-border)}.card__footer--hidden{display:none}";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(s,a,n,i)=>{for(var o=i>1?void 0:i?h(a,n):a,l=s.length-1,d;l>=0;l--)(d=s[l])&&(o=(i?d(a,n,o):d(o))||o);return i&&o&&c(a,n,o),o};exports.Card=class extends t.LitElement{constructor(){super(...arguments),this.title="",this.description="",this.header=!0,this.footer=!0,this.okLabel="Tamam",this.cancelLabel="İptal"}handleOk(){this.onOk?.(),this.dispatchEvent(new CustomEvent("ok",{bubbles:!0,composed:!0}))}handleCancel(){this.onCancel?.(),this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0}))}render(){return t.html`
|
|
2
|
+
<div class="card">
|
|
3
|
+
${this.header?t.html`
|
|
4
|
+
<div class="card__header">
|
|
5
|
+
${this.title?t.html`<h3 class="card__title">${this.title}</h3>`:t.nothing}
|
|
6
|
+
${this.description?t.html`<p class="card__description">${this.description}</p>`:t.nothing}
|
|
7
|
+
<slot name="header"></slot>
|
|
8
|
+
</div>
|
|
9
|
+
`:t.nothing}
|
|
10
|
+
|
|
11
|
+
<div class="card__body">
|
|
12
|
+
<slot></slot>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
${this.footer?t.html`
|
|
16
|
+
<div class="card__footer">
|
|
17
|
+
<slot name="footer"></slot>
|
|
18
|
+
${this.onCancel?t.html`
|
|
19
|
+
<logosphere-button
|
|
20
|
+
variant="outline"
|
|
21
|
+
theme="secondary"
|
|
22
|
+
size="md"
|
|
23
|
+
@click=${this.handleCancel}
|
|
24
|
+
>
|
|
25
|
+
${this.cancelLabel}
|
|
26
|
+
</logosphere-button>
|
|
27
|
+
`:t.nothing}
|
|
28
|
+
${this.onOk?t.html`
|
|
29
|
+
<logosphere-button
|
|
30
|
+
variant="solid"
|
|
31
|
+
theme="primary"
|
|
32
|
+
size="md"
|
|
33
|
+
@click=${this.handleOk}
|
|
34
|
+
>
|
|
35
|
+
${this.okLabel}
|
|
36
|
+
</logosphere-button>
|
|
37
|
+
`:t.nothing}
|
|
38
|
+
</div>
|
|
39
|
+
`:t.nothing}
|
|
40
|
+
</div>
|
|
41
|
+
`}};exports.Card.styles=[t.css`
|
|
42
|
+
${t.unsafeCSS(p)}
|
|
43
|
+
`];r([e.property({type:String})],exports.Card.prototype,"title",2);r([e.property({type:String})],exports.Card.prototype,"description",2);r([e.property({type:Boolean})],exports.Card.prototype,"header",2);r([e.property({type:Boolean})],exports.Card.prototype,"footer",2);r([e.property({attribute:!1})],exports.Card.prototype,"onOk",2);r([e.property({attribute:!1})],exports.Card.prototype,"onCancel",2);r([e.property({type:String})],exports.Card.prototype,"okLabel",2);r([e.property({type:String})],exports.Card.prototype,"cancelLabel",2);exports.Card=r([e.customElement("logosphere-card")],exports.Card);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { unsafeCSS as h, css as
|
|
2
|
-
import { property as o, customElement as
|
|
1
|
+
import { unsafeCSS as h, css as b, LitElement as f, nothing as i, html as a } from "lit";
|
|
2
|
+
import { property as o, customElement as g } from "lit/decorators.js";
|
|
3
3
|
import "./button-Uu9oaieg.js";
|
|
4
|
-
const
|
|
5
|
-
var
|
|
6
|
-
for (var r =
|
|
7
|
-
(c = p[d]) && (r = (
|
|
8
|
-
return
|
|
4
|
+
const v = ".card{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-body-bg);overflow:hidden;box-shadow:0 4px 4px 0 var(--color-light-bg);display:grid;grid-template-rows:auto 1fr auto}.card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background-color:var(--color-body-bg)}.card__header--hidden{display:none}.card__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:-.14px;color:var(--color-body-text);font-family:var(--font-family-base)}.card__description{margin:0;color:var(--color-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:18px;letter-spacing:-.12px;font-family:var(--font-family-base)}.card__body{padding:var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family-base)}.card__footer{padding:var(--spacing-4);display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);background-color:var(--color-body-bg);border-top:1px solid var(--color-border)}.card__footer--hidden{display:none}";
|
|
5
|
+
var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, t = (p, s, n, l) => {
|
|
6
|
+
for (var r = l > 1 ? void 0 : l ? y(s, n) : s, d = p.length - 1, c; d >= 0; d--)
|
|
7
|
+
(c = p[d]) && (r = (l ? c(s, n, r) : c(r)) || r);
|
|
8
|
+
return l && r && m(s, n, r), r;
|
|
9
9
|
};
|
|
10
|
-
let e = class extends
|
|
10
|
+
let e = class extends f {
|
|
11
11
|
constructor() {
|
|
12
12
|
super(...arguments), this.title = "", this.description = "", this.header = !0, this.footer = !0, this.okLabel = "Tamam", this.cancelLabel = "İptal";
|
|
13
13
|
}
|
|
@@ -22,11 +22,11 @@ let e = class extends b {
|
|
|
22
22
|
<div class="card">
|
|
23
23
|
${this.header ? a`
|
|
24
24
|
<div class="card__header">
|
|
25
|
-
${this.title ? a`<h3 class="card__title">${this.title}</h3>` :
|
|
26
|
-
${this.description ? a`<p class="card__description">${this.description}</p>` :
|
|
25
|
+
${this.title ? a`<h3 class="card__title">${this.title}</h3>` : i}
|
|
26
|
+
${this.description ? a`<p class="card__description">${this.description}</p>` : i}
|
|
27
27
|
<slot name="header"></slot>
|
|
28
28
|
</div>
|
|
29
|
-
` :
|
|
29
|
+
` : i}
|
|
30
30
|
|
|
31
31
|
<div class="card__body">
|
|
32
32
|
<slot></slot>
|
|
@@ -35,35 +35,35 @@ let e = class extends b {
|
|
|
35
35
|
${this.footer ? a`
|
|
36
36
|
<div class="card__footer">
|
|
37
37
|
<slot name="footer"></slot>
|
|
38
|
-
${this.
|
|
38
|
+
${this.onCancel ? a`
|
|
39
39
|
<logosphere-button
|
|
40
|
-
variant="
|
|
41
|
-
theme="
|
|
40
|
+
variant="outline"
|
|
41
|
+
theme="secondary"
|
|
42
42
|
size="md"
|
|
43
|
-
@click=${this.
|
|
43
|
+
@click=${this.handleCancel}
|
|
44
44
|
>
|
|
45
|
-
${this.
|
|
45
|
+
${this.cancelLabel}
|
|
46
46
|
</logosphere-button>
|
|
47
|
-
` :
|
|
48
|
-
${this.
|
|
47
|
+
` : i}
|
|
48
|
+
${this.onOk ? a`
|
|
49
49
|
<logosphere-button
|
|
50
50
|
variant="solid"
|
|
51
|
-
theme="
|
|
51
|
+
theme="primary"
|
|
52
52
|
size="md"
|
|
53
|
-
@click=${this.
|
|
53
|
+
@click=${this.handleOk}
|
|
54
54
|
>
|
|
55
|
-
${this.
|
|
55
|
+
${this.okLabel}
|
|
56
56
|
</logosphere-button>
|
|
57
|
-
` :
|
|
57
|
+
` : i}
|
|
58
58
|
</div>
|
|
59
|
-
` :
|
|
59
|
+
` : i}
|
|
60
60
|
</div>
|
|
61
61
|
`;
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
64
|
e.styles = [
|
|
65
|
-
|
|
66
|
-
${h(
|
|
65
|
+
b`
|
|
66
|
+
${h(v)}
|
|
67
67
|
`
|
|
68
68
|
];
|
|
69
69
|
t([
|
|
@@ -91,7 +91,7 @@ t([
|
|
|
91
91
|
o({ type: String })
|
|
92
92
|
], e.prototype, "cancelLabel", 2);
|
|
93
93
|
e = t([
|
|
94
|
-
|
|
94
|
+
g("logosphere-card")
|
|
95
95
|
], e);
|
|
96
96
|
export {
|
|
97
97
|
e as C
|
package/dist/card.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-BD8FkSTi.cjs");Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>e.Card});
|