@logosphere-ui/core 0.0.0-alpha.12 → 0.0.0-alpha.14
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/atoms/FormField/formfield.d.ts +7 -0
- package/dist/{badge-DVvdodRb.cjs → badge-7IIatiRv.cjs} +1 -1
- package/dist/{badge-CHWTCGQG.js → badge-B2chRYGd.js} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{button-BqOMevro.js → button-BFq8AmDc.js} +1 -1
- package/dist/{button-CDRccsk9.cjs → button-Bx870pUi.cjs} +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/calendar-DF3q_dcG.cjs +88 -0
- package/dist/calendar-WZ_GQvnn.js +652 -0
- package/dist/calendar.cjs +1 -0
- package/dist/calendar.js +4 -0
- package/dist/{card-KiNHfEi2.cjs → card-BmW0sPDb.cjs} +1 -1
- package/dist/{card-CNoTUaJC.js → card-D0OT4Kuq.js} +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/chatbot-CBDEFak3.cjs +183 -0
- package/dist/{chatbot-xaFF5RNV.js → chatbot-Ddl3Txqv.js} +190 -127
- package/dist/chatbot.cjs +1 -1
- package/dist/chatbot.js +1 -1
- package/dist/combobox-C6zoQopK.cjs +113 -0
- package/dist/combobox-LBU6VHLi.js +376 -0
- package/dist/combobox.cjs +1 -1
- package/dist/combobox.js +1 -1
- package/dist/datepicker-BLv_G9Yb.cjs +85 -0
- package/dist/datepicker-SwKsdw3S.js +375 -0
- package/dist/datepicker.cjs +1 -1
- package/dist/datepicker.js +1 -1
- package/dist/formfield-BFOIEicR.cjs +33 -0
- package/dist/formfield-CNh4mBSs.js +147 -0
- package/dist/formfield.cjs +1 -1
- package/dist/formfield.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +34 -27
- package/dist/index.umd.js +465 -232
- package/dist/input-JpAWN-M1.cjs +59 -0
- package/dist/{input-CxBP0i-3.js → input-jmbvgWEq.js} +100 -82
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/left-menu.cjs +1 -0
- package/dist/left-menu.js +5 -0
- package/dist/leftmenu-Bgqfmoe5.cjs +74 -0
- package/dist/leftmenu-GsoBxkeJ.js +291 -0
- package/dist/molecules/Input/input.d.ts +3 -1
- package/dist/molecules/Textarea/text-area.d.ts +0 -1
- package/dist/organisms/Calendar/calendar.d.ts +54 -0
- package/dist/organisms/Calendar/index.d.ts +1 -0
- package/dist/organisms/Calendar/shared.d.ts +9 -0
- package/dist/organisms/Chatbot/chatbot.d.ts +7 -0
- package/dist/organisms/Combobox/combobox.d.ts +16 -0
- package/dist/organisms/DatePicker/datepicker.d.ts +31 -31
- package/dist/organisms/LeftMenu/index.d.ts +2 -0
- package/dist/organisms/LeftMenu/leftmenu-item.d.ts +14 -0
- package/dist/organisms/LeftMenu/leftmenu.d.ts +44 -0
- package/dist/organisms/TreeMenu/index.d.ts +1 -0
- package/dist/organisms/TreeMenu/tree-menu.d.ts +41 -0
- package/dist/{text-area-eT-oCnqZ.cjs → text-area-CZDdxbrN.cjs} +5 -3
- package/dist/{text-area-Dw4CUBcz.js → text-area-Dec_k4rs.js} +18 -19
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/tree-menu-B1iwfHyd.cjs +47 -0
- package/dist/tree-menu-BbX8GK_z.js +154 -0
- package/dist/tree-menu.cjs +1 -0
- package/dist/tree-menu.js +4 -0
- package/dist/{ui-icon-ltkJROhR.js → ui-icon-Bys4HYSQ.js} +24 -18
- package/dist/{ui-icon-CVEyvL5D.cjs → ui-icon-DWh1MhBa.cjs} +4 -4
- package/package.json +16 -1
- package/dist/chatbot-BF4TQnlG.cjs +0 -160
- package/dist/combobox-CeK7yW2F.cjs +0 -99
- package/dist/combobox-DTUSFw9V.js +0 -270
- package/dist/datepicker-BQOVo1Pr.cjs +0 -115
- package/dist/datepicker-ChdQsc_l.js +0 -751
- package/dist/formfield-BOgRugzm.js +0 -118
- package/dist/formfield-D_7NFFoe.cjs +0 -27
- package/dist/input-CoY1ZcPF.cjs +0 -46
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
2
|
export type FormFieldSize = "default" | "large";
|
|
3
3
|
export type FormFieldVariant = "default" | "subtle";
|
|
4
|
+
export type FormFieldCursor = "text" | "pointer" | "default";
|
|
4
5
|
export declare class FormField extends LitElement {
|
|
5
6
|
static styles: import("lit").CSSResult[];
|
|
6
7
|
label: string;
|
|
@@ -9,17 +10,23 @@ export declare class FormField extends LitElement {
|
|
|
9
10
|
placeholder: string;
|
|
10
11
|
size: FormFieldSize;
|
|
11
12
|
variant: FormFieldVariant;
|
|
13
|
+
cursor: FormFieldCursor;
|
|
12
14
|
required: boolean;
|
|
13
15
|
disabled: boolean;
|
|
14
16
|
readonly: boolean;
|
|
15
17
|
private _focused;
|
|
16
18
|
private _hovered;
|
|
19
|
+
private _hasPrefix;
|
|
20
|
+
private _hasSuffix;
|
|
17
21
|
private handleSlotFocus;
|
|
18
22
|
private handleSlotBlur;
|
|
19
23
|
private handleMouseEnter;
|
|
20
24
|
private handleMouseLeave;
|
|
21
25
|
private handleContainerClick;
|
|
26
|
+
private handlePrefixSlotChange;
|
|
27
|
+
private handleSuffixSlotChange;
|
|
22
28
|
connectedCallback(): void;
|
|
29
|
+
firstUpdated(): void;
|
|
23
30
|
disconnectedCallback(): void;
|
|
24
31
|
render(): import("lit-html").TemplateResult<1>;
|
|
25
32
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
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-DWh1MhBa.cjs");const c=".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{padding:var(--spacing-1) var(--spacing-2)}.badge--small{padding:0 var(--spacing-1)}.badge--round{border-radius:var(--radius-md)}.badge--default{background-color:var(--color-tertiary-bg);color:var(--color-secondary)}.badge--warning{background-color:var(--color-warning-rgb);color:var(--color-warning-text-emphasis)}.badge--success{background-color:var(--color-success-rgb);color:var(--color-success)}.badge--info{background-color:var(--color-info-rgb);color:var(--color-info-text-emphasis)}.badge--danger{background-color:var(--color-danger-rgb);color:var(--color-danger)}.badge--purple{background-color:var(--color-purple-rgb);color:var(--color-purple)}.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 d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,s=(n,o,i,t)=>{for(var r=t>1?void 0:t?p(o,i):o,l=n.length-1,g;l>=0;l--)(g=n[l])&&(r=(t?g(o,i,r):g(r))||r);return t&&r&&d(o,i,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}
|
|
@@ -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 v } from "lit/decorators.js";
|
|
3
|
-
import "./ui-icon-
|
|
3
|
+
import "./ui-icon-Bys4HYSQ.js";
|
|
4
4
|
const h = ".badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge--default-size{padding:var(--spacing-1) var(--spacing-2)}.badge--small{padding:0 var(--spacing-1)}.badge--round{border-radius:var(--radius-md)}.badge--default{background-color:var(--color-tertiary-bg);color:var(--color-secondary)}.badge--warning{background-color:var(--color-warning-rgb);color:var(--color-warning-text-emphasis)}.badge--success{background-color:var(--color-success-rgb);color:var(--color-success)}.badge--info{background-color:var(--color-info-rgb);color:var(--color-info-text-emphasis)}.badge--danger{background-color:var(--color-danger-rgb);color:var(--color-danger)}.badge--purple{background-color:var(--color-purple-rgb);color:var(--color-purple)}.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 f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, r = (t, s, i, n) => {
|
|
6
6
|
for (var o = n > 1 ? void 0 : n ? m(s, i) : s, l = t.length - 1, c; l >= 0; l--)
|
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-7IIatiRv.cjs");Object.defineProperty(exports,"LogosphereBadge",{enumerable:!0,get:()=>e.LogosphereBadge});
|
package/dist/badge.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { unsafeCSS as u, css as b, LitElement as d, html as v } from "lit";
|
|
2
2
|
import { property as a, customElement as g } from "lit/decorators.js";
|
|
3
|
-
const p = '.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';
|
|
3
|
+
const p = '.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text{background-color:transparent;border:none}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';
|
|
4
4
|
var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, r = (n, e, l, c) => {
|
|
5
5
|
for (var t = c > 1 ? void 0 : c ? m(e, l) : e, s = n.length - 1, i; s >= 0; s--)
|
|
6
6
|
(i = n[s]) && (t = (c ? i(e, l, t) : i(t)) || t);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const a=require("lit"),r=require("lit/decorators.js"),u='.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';var b=Object.defineProperty,d=Object.getOwnPropertyDescriptor,n=(c,o,l,e)=>{for(var t=e>1?void 0:e?d(o,l):o,s=c.length-1,i;s>=0;s--)(i=c[s])&&(t=(e?i(o,l,t):i(t))||t);return e&&t&&b(o,l,t),t};exports.Button=class extends a.LitElement{constructor(){super(...arguments),this.variant="solid",this.size="md",this.theme="primary",this.iconOnly=!1,this.disabled=!1}getButtonClasses(){const o=["button",`button--${this.variant}`,`button--${this.size}`,`button--${this.theme}`];return this.iconOnly&&o.push("button--icon-only"),o.join(" ")}render(){return a.html`
|
|
1
|
+
"use strict";const a=require("lit"),r=require("lit/decorators.js"),u='.button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-speed-base) var(--transition-timing);gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none;line-height:1}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button ::slotted(*){display:inline-flex;align-items:center;vertical-align:middle}.button ::slotted(i),.button ::slotted([class^="uil-"]),.button ::slotted([class*=" uil-"]){font-size:inherit;line-height:1;flex-shrink:0}.button--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.button--sm.button--icon-only{padding:var(--spacing-1);line-height:16px}.button--md{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.button--md.button--icon-only{padding:var(--spacing-2);line-height:16px}.button--lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.button--lg.button--icon-only{padding:var(--spacing-3);line-height:16px}.button--solid.button--primary{background-color:var(--color-primary);color:#fff}.button--solid.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--solid.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--solid.button--secondary{background-color:var(--color-secondary);color:#fff}.button--solid.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--solid.button-secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.button--text.button--secondary{background-color:transparent;color:var(--color-secondary)}.button--solid.button--success{background-color:var(--color-success);color:var(--color-success-text-emphasis)}.button--solid.button--success:hover:not(:disabled){background-color:var(--color-success-hover);color:var(--color-success-text-emphasis)}.button--solid.button--success:active:not(:disabled){background-color:var(--color-success-active);color:var(--color-success-text-emphasis)}.button--solid.button--danger{background-color:var(--color-danger);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:hover:not(:disabled){background-color:var(--color-danger-hover);color:var(--color-danger-text-emphasis)}.button--solid.button--danger:active:not(:disabled){background-color:var(--color-danger-active);color:var(--color-danger-text-emphasis)}.button--solid.button--info{background-color:var(--color-info);color:var(--color-info-text-emphasis)}.button--solid.button--info:hover:not(:disabled){background-color:var(--color-info-hover);color:var(--color-info-text-emphasis)}.button--solid.button--info:active:not(:disabled){background-color:var(--color-info-active);color:var(--color-info-text-emphasis)}.button--solid.button--warning{background-color:var(--color-warning);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:hover:not(:disabled){background-color:var(--color-warning-hover);color:var(--color-warning-text-emphasis)}.button--solid.button--warning:active:not(:disabled){background-color:var(--color-warning-active);color:var(--color-warning-text-emphasis)}.button--outline{border-width:2px;border-style:solid}.button--outline.button--sm{padding:calc(var(--spacing-1) - 2px) calc(var(--spacing-2) - 2px)}.button--outline.button--sm.button--icon-only{padding:calc(var(--spacing-1) - 2px)}.button--outline.button--md{padding:calc(var(--spacing-2) - 2px) calc(var(--spacing-3) - 2px)}.button--outline.button--md.button--icon-only{padding:calc(var(--spacing-2) - 2px)}.button--outline.button--lg{padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-4) - 2px)}.button--outline.button--lg.button--icon-only{padding:calc(var(--spacing-3) - 2px)}.button--outline.button--primary{background-color:transparent;color:var(--color-primary-text-emphasis);border-color:var(--color-border)}.button--outline.button--primary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-primary)}.button--outline.button--secondary{background-color:transparent;color:var(--color-secondary-text-emphasis);border-color:var(--color-border)}.button--outline.button--secondary:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-secondary)}.button--outline.button--success{background-color:transparent;color:var(--color-success-outline-text-emphasis);border-color:var(--color-border-success)}.button--outline.button--success:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-success-outline-text-emphasis)}.button--outline.button--danger{background-color:transparent;color:var(--color-danger-outline-text-emphasis);border-color:var(--color-border-danger)}.button--outline.button--danger:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-danger-outline-text-emphasis)}.button--outline.button--info{background-color:transparent;color:var(--color-info-outline-text-emphasis);border-color:var(--color-border-info)}.button--outline.button--info:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-info-outline-text-emphasis)}.button--outline.button--warning{background-color:transparent;color:var(--color-warning-text-emphasis);border-color:var(--color-border-warning)}.button--outline.button--warning:hover:not(:disabled){background-color:var(--color-outline-hover);color:var(--color-warning-text-emphasis)}.button--text{background-color:transparent;border:none}.button--text.button--primary{background-color:transparent;color:var(--color-primary)}.button--text.button--primary:hover:not(:disabled){background-color:var(--color-primary-bg-subtle)}.button--text.button--success{background-color:transparent;color:var(--color-success)}.button--text.button--success:hover:not(:disabled){background-color:var(--color-success-bg-subtle)}.button--text.button--danger{background-color:transparent;color:var(--color-danger)}.button--text.button--danger:hover:not(:disabled){background-color:var(--color-danger-bg-subtle)}.button--text.button--info{background-color:transparent;color:var(--color-info)}.button--text.button--info:hover:not(:disabled){background-color:var(--color-info-bg-subtle)}.button--text.button--warning{background-color:transparent;color:var(--color-warning)}.button--text.button--warning:hover:not(:disabled){background-color:var(--color-warning-bg-subtle)}';var b=Object.defineProperty,d=Object.getOwnPropertyDescriptor,n=(c,o,l,e)=>{for(var t=e>1?void 0:e?d(o,l):o,s=c.length-1,i;s>=0;s--)(i=c[s])&&(t=(e?i(o,l,t):i(t))||t);return e&&t&&b(o,l,t),t};exports.Button=class extends a.LitElement{constructor(){super(...arguments),this.variant="solid",this.size="md",this.theme="primary",this.iconOnly=!1,this.disabled=!1}getButtonClasses(){const o=["button",`button--${this.variant}`,`button--${this.size}`,`button--${this.theme}`];return this.iconOnly&&o.push("button--icon-only"),o.join(" ")}render(){return a.html`
|
|
2
2
|
<button
|
|
3
3
|
class="${this.getButtonClasses()}"
|
|
4
4
|
?disabled="${this.disabled}"
|
package/dist/button.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button-Bx870pUi.cjs");Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>e.Button});
|
package/dist/button.js
CHANGED
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";const Y=require("lit"),y=require("lit/decorators.js");require("./ui-icon-DWh1MhBa.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-tertiary-bg)}.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-tertiary-bg)}.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-tertiary-bg)}.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-tertiary-bg)}.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-tertiary-bg);color:var(--color-body-text)}';function q(f){return f&&f.__esModule&&Object.prototype.hasOwnProperty.call(f,"default")?f.default:f}var N={exports:{}},Ye=N.exports,le;function ke(){return le||(le=1,(function(f,e){(function(t,r){f.exports=r()})(Ye,(function(){var t={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(r,n,p){var s=n.prototype,l=s.format;p.en.formats=t,s.format=function(d){d===void 0&&(d="YYYY-MM-DDTHH:mm:ssZ");var v=this.$locale().formats,u=(function(o,i){return o.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(S,j,x){var a=x&&x.toUpperCase();return j||i[x]||t[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(f,e){(function(t,r){f.exports=r()})(xe,(function(){var t={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"},r=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,p=/\d\d/,s=/\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}},o=[/[+-]\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:[p,function(a){this.milliseconds=10*+a}],SSS:[/\d{3}/,function(a){this.milliseconds=+a}],s:[s,u("seconds")],ss:[s,u("seconds")],m:[s,u("minutes")],mm:[s,u("minutes")],H:[s,u("hours")],h:[s,u("hours")],HH:[s,u("hours")],hh:[s,u("hours")],D:[s,u("day")],DD:[p,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:[s,u("week")],ww:[p,u("week")],M:[s,u("month")],MM:[p,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:[p,function(a){this.year=v(a)}],YYYY:[/\d{4}/,u("year")],Z:o,ZZ:o};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]||t[L]||_[D].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(A,z,H){return z||H.slice(1)}))}))).match(r),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,te=ye||(J||U?1:ee.getDate()),re=J||ee.getFullYear(),Z=0;J&&!U||(Z=U>0?U-1:ee.getMonth());var K,ae=ge||0,ne=ve||0,se=be||0,oe=Me||0;return ie?new Date(Date.UTC(re,Z,te,ae,ne,se,oe+60*ie.offset*1e3)):T?new Date(Date.UTC(re,Z,te,ae,ne,se,oe)):(K=new Date(re,Z,te,ae,ne,se,oe),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(f,e){(function(t,r){f.exports=r()})(Ee,(function(){return function(t,r,n){r.prototype.isBetween=function(p,s,l,d){var v=n(p),u=n(s),o=(d=d||"()")[0]==="(",i=d[1]===")";return(o?this.isAfter(v,l):!this.isBefore(v,l))&&(i?this.isBefore(u,l):!this.isAfter(u,l))||(o?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(f,e){(function(t,r){f.exports=r()})(Pe,(function(){var t="week",r="year";return function(n,p,s){var l=p.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=s(this).startOf(r).add(1,r).date(v),o=s(this).endOf(t);if(u.isBefore(o))return 1}var i=s(this).startOf(r).date(v).startOf(t).subtract(1,"millisecond"),S=this.diff(i,t,!0);return S<0?s(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(f,e){(function(t,r){f.exports=r()})(je,(function(){return function(t,r,n){var p=r.prototype,s=function(o){return o&&(o.indexOf?o:o.s)},l=function(o,i,S,j,x){var a=o.name?o:o.$locale(),c=s(a[i]),_=s(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(o,i){return o.formats[i]||(function(S){return S.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(j,x,a){return x||a.slice(1)}))})(o.formats[i.toUpperCase()])},u=function(){var o=this;return{months:function(i){return i?i.format("MMMM"):l(o,"months")},monthsShort:function(i){return i?i.format("MMM"):l(o,"monthsShort","months",3)},firstDayOfWeek:function(){return o.$locale().weekStart||0},weekdays:function(i){return i?i.format("dddd"):l(o,"weekdays")},weekdaysMin:function(i){return i?i.format("dd"):l(o,"weekdaysMin","weekdays",2)},weekdaysShort:function(i){return i?i.format("ddd"):l(o,"weekdaysShort","weekdays",3)},longDateFormat:function(i){return v(o.$locale(),i)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};p.localeData=function(){return u.bind(this)()},n.localeData=function(){var o=d();return{firstDayOfWeek:function(){return o.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(o,i)},meridiem:o.meridiem,ordinal:o.ordinal}},n.months=function(){return l(d(),"months")},n.monthsShort=function(){return l(d(),"monthsShort","months",3)},n.weekdays=function(o){return l(d(),"weekdays",null,null,o)},n.weekdaysShort=function(o){return l(d(),"weekdaysShort","weekdays",3,o)},n.weekdaysMin=function(o){return l(d(),"weekdaysMin","weekdays",2,o)}}}))})(Q)),Q.exports}var qe=Fe();const Re=q(qe);var X={exports:{}},Ge=X.exports,fe;function Ue(){return fe||(fe=1,(function(f,e){(function(t,r){f.exports=r(m)})(Ge,(function(t){function r(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var n=r(t),p={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(s){return s+"."}};return n.default.locale(p,null,!0),p}))})(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"],pe=m.weekdaysShort(),Ze=m.months(),Ke=[...pe.slice(1),pe[0]];function b(f){if(!f)return null;for(const t of me){const r=m(f,t,!0);if(r.isValid())return r}const e=m(f);return e.isValid()?e:null}var Ne=Object.defineProperty,We=Object.getOwnPropertyDescriptor,g=(f,e,t,r)=>{for(var n=r>1?void 0:r?We(e,t):e,p=f.length-1,s;p>=0;p--)(s=f[p])&&(n=(r?s(e,t,n):s(n))||n);return r&&n&&Ne(e,t,n),n};exports.LedsCalendar=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 t=b(this.value);t&&(this._cursor=t)}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 t=b(this.min),r=b(this.max);return!(t&&e.isBefore(t,"day")||r&&e.isAfter(r,"day")||this.disabledDays.includes(e.day()))}_getYears(){const e=this._cursor.year()-6;return Array.from({length:12},(t,r)=>e+r)}_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"),t=e.subtract((e.day()+6)%7,"day");return Array.from({length:42},(r,n)=>t.add(n,"day"))}_isInRange(e){if(!this.rangeMode||!this._rangeStart||!this._rangeEnd)return null;const t=b(this._rangeStart),r=b(this._rangeEnd);return!t||!r?null:e.isSame(t,"day")?"start":e.isSame(r,"day")?"end":e.isBetween(t,r,"day","[]")?"between":null}_getHoverPreview(e){if(!this.rangeMode||!this._rangeStart||this._rangeEnd||!this._hoverDate)return null;const t=b(this._rangeStart);if(!t)return null;const r=this._hoverDate,n=r.isAfter(t,"day"),p=n?t:r,s=n?r:t;return e.isSame(t,"day")?"preview-start":e.isSame(r,"day")?"preview-end":e.isAfter(p,"day")&&e.isBefore(s,"day")?"preview-between":null}_getDayClasses(e){const t=["dp__day"];if(!this._withinBounds(e))return t.push(this.disabledDays.includes(e.day())?"dp__day--disabled-weekday":"dp__day--disabled"),t.join(" ");const r=this._isInRange(e);if(r==="start")return t.push("dp__day--range-start"),t.join(" ");if(r==="end")return t.push("dp__day--range-end"),t.join(" ");if(r==="between")return t.push("dp__day--range-between"),t.join(" ");const n=this._getHoverPreview(e);return n==="preview-start"?(t.push("dp__day--range-start"),t.join(" ")):n==="preview-end"?(t.push("dp__day--range-end"),t.join(" ")):n==="preview-between"?(t.push("dp__day--range-between"),t.join(" ")):this.rangeMode&&this._rangeStart&&!this._rangeEnd&&e.isSame(b(this._rangeStart),"day")?(t.push("dp__day--range-pending"),t.join(" ")):(e.isSame(b(this.value),"day")?t.push("dp__day--selected"):e.isSame(m(),"day")?t.push("dp__day--today"):t.push("dp__day--default"),t.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 t=b(this._rangeStart);t&&e.isBefore(t,"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 t={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};e.key in t?(e.preventDefault(),this._cursor=this._cursor.add(t[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 t=this._daysInGrid();return Y.html`
|
|
2
|
+
<div class="dp__weekdays" role="row">
|
|
3
|
+
${Ke.map(r=>Y.html`<div class="dp__weekday" role="columnheader" aria-label=${r}>${r}</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
|
+
${t.map(r=>{const n=r.month()===this._cursor.month(),p=e?r.isSame(e,"day"):!1,s=r.isSame(this._cursor,"day"),l=!this._withinBounds(r),d=[this._getDayClasses(r),n?"":"dp__day--out-of-month",s?"dp__day--focused":""].filter(Boolean).join(" ");return Y.html`
|
|
15
|
+
<button
|
|
16
|
+
class=${d}
|
|
17
|
+
role="gridcell"
|
|
18
|
+
aria-selected=${p?"true":"false"}
|
|
19
|
+
aria-disabled=${l?"true":"false"}
|
|
20
|
+
tabindex=${s?"0":"-1"}
|
|
21
|
+
@click=${()=>!l&&this._select(r)}
|
|
22
|
+
@mouseenter=${()=>{this.rangeMode&&this._rangeStart&&!this._rangeEnd&&(this._hoverDate=r)}}
|
|
23
|
+
>
|
|
24
|
+
<span class="dp__day-num">${r.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,t)=>{const r=t===this._cursor.month(),n=t===m().month()&&this._cursor.year()===m().year();return Y.html`
|
|
31
|
+
<button
|
|
32
|
+
class="dp__month-btn ${r?"dp__month-btn--selected":""} ${n&&!r?"dp__month-btn--current":""}"
|
|
33
|
+
role="gridcell"
|
|
34
|
+
aria-selected=${r?"true":"false"}
|
|
35
|
+
@click=${()=>this._selectMonth(t)}
|
|
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 t=e===this._cursor.year(),r=e===m().year();return Y.html`
|
|
44
|
+
<button
|
|
45
|
+
class="dp__year-btn ${t?"dp__year-btn--selected":""} ${r&&!t?"dp__year-btn--current":""}"
|
|
46
|
+
role="gridcell"
|
|
47
|
+
aria-selected=${t?"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.LedsCalendar.styles=[Y.css`${Y.unsafeCSS(we)}`];g([y.property({type:String})],exports.LedsCalendar.prototype,"value",2);g([y.property({type:String})],exports.LedsCalendar.prototype,"min",2);g([y.property({type:String})],exports.LedsCalendar.prototype,"max",2);g([y.property({type:Boolean})],exports.LedsCalendar.prototype,"disabled",2);g([y.property({type:Boolean})],exports.LedsCalendar.prototype,"rangeMode",2);g([y.property({type:Array})],exports.LedsCalendar.prototype,"disabledDays",2);g([y.property({type:String})],exports.LedsCalendar.prototype,"rangeStart",2);g([y.property({type:String})],exports.LedsCalendar.prototype,"rangeEnd",2);g([y.property({type:Boolean})],exports.LedsCalendar.prototype,"closable",2);g([y.property({attribute:!1})],exports.LedsCalendar.prototype,"onChange",2);g([y.property({attribute:!1})],exports.LedsCalendar.prototype,"onRangeChange",2);g([y.state()],exports.LedsCalendar.prototype,"_cursor",2);g([y.state()],exports.LedsCalendar.prototype,"_rangeStart",2);g([y.state()],exports.LedsCalendar.prototype,"_rangeEnd",2);g([y.state()],exports.LedsCalendar.prototype,"_hoverDate",2);g([y.state()],exports.LedsCalendar.prototype,"_viewMode",2);exports.LedsCalendar=g([y.customElement("logosphere-calendar")],exports.LedsCalendar);exports.DATE_FORMATS=me;exports.safeDay=b;
|