@mhmo91/schmancy 0.2.10 → 0.2.12
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/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{date-range-BqsNgxis.js → date-range-AqKuO1c4.js} +4 -4
- package/dist/date-range-AqKuO1c4.js.map +1 -0
- package/dist/{date-range-s4nUUXP-.cjs → date-range-wOUZirqC.cjs} +4 -4
- package/dist/date-range-wOUZirqC.cjs.map +1 -0
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +5 -5
- package/dist/input-BNWPVs3H.js.map +1 -1
- package/dist/input-shCt07iX.cjs.map +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/{spinner-BB1NW_4b.cjs → spinner-BE0oj65n.cjs} +2 -2
- package/dist/{spinner-BB1NW_4b.cjs.map → spinner-BE0oj65n.cjs.map} +1 -1
- package/dist/{spinner-ssJhxM2o.js → spinner-Cz48LKw5.js} +2 -2
- package/dist/{spinner-ssJhxM2o.js.map → spinner-Cz48LKw5.js.map} +1 -1
- package/dist/{surface-DeLQUjNN.js → surface-Be5WvBRV.js} +2 -2
- package/dist/surface-Be5WvBRV.js.map +1 -0
- package/dist/{surface-jQagrINO.cjs → surface-DxPFMsdk.cjs} +2 -2
- package/dist/surface-DxPFMsdk.cjs.map +1 -0
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-BXtXmHVa.cjs → teleport.component-DOO3qoVk.cjs} +2 -2
- package/dist/{teleport.component-BXtXmHVa.cjs.map → teleport.component-DOO3qoVk.cjs.map} +1 -1
- package/dist/{teleport.component-Cq8hZD_o.js → teleport.component-DZlkBtyW.js} +5 -5
- package/dist/{teleport.component-Cq8hZD_o.js.map → teleport.component-DZlkBtyW.js.map} +1 -1
- package/dist/teleport.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/{theme.component-BNYF3EuP.cjs → theme.component-C_KvokK0.cjs} +2 -2
- package/dist/{theme.component-BNYF3EuP.cjs.map → theme.component-C_KvokK0.cjs.map} +1 -1
- package/dist/{theme.component-iFFaMUIB.js → theme.component-DzPBxlhs.js} +2 -2
- package/dist/{theme.component-iFFaMUIB.js.map → theme.component-DzPBxlhs.js.map} +1 -1
- package/dist/theme.js +1 -1
- package/package.json +1 -1
- package/types/src/date-range/date-range.d.ts +1 -1
- package/types/src/input/input.d.ts +1 -1
- package/dist/date-range-BqsNgxis.js.map +0 -1
- package/dist/date-range-s4nUUXP-.cjs.map +0 -1
- package/dist/surface-DeLQUjNN.js.map +0 -1
- package/dist/surface-jQagrINO.cjs.map +0 -1
package/dist/theme.js
CHANGED
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@ import SchmancyMenu from '@schmancy/menu/menu';
|
|
|
2
2
|
import moment from 'moment';
|
|
3
3
|
declare const SwiftHRAdminDateRange_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
|
|
4
4
|
export default class SwiftHRAdminDateRange extends SwiftHRAdminDateRange_base {
|
|
5
|
-
type: 'date' | 'datetime';
|
|
5
|
+
type: 'date' | 'datetime-local';
|
|
6
6
|
dateFrom: {
|
|
7
7
|
label: string;
|
|
8
8
|
value: string;
|
|
@@ -29,7 +29,7 @@ export default class SchmancyInput extends SchmancyInput_base {
|
|
|
29
29
|
* @attr
|
|
30
30
|
* @default 'text'
|
|
31
31
|
*/
|
|
32
|
-
type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime' | 'time' | 'month' | 'week' | 'color' | 'file';
|
|
32
|
+
type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'date' | 'datetime-local' | 'time' | 'month' | 'week' | 'color' | 'file';
|
|
33
33
|
clickable: boolean;
|
|
34
34
|
/**
|
|
35
35
|
* The name of the control.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-BqsNgxis.js","sources":["../src/date-range/date-range.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { SchmancyInputChangeEvent } from '@schmancy/input'\nimport SchmancyMenu from '@schmancy/menu/menu'\nimport { html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport moment from 'moment'\n\n@customElement('schmancy-date-range')\nexport default class SwiftHRAdminDateRange extends $LitElement() {\n\t@property({ type: String }) type: 'date' | 'datetime' = 'date'\n\t@property({ type: Object }) dateFrom!: {\n\t\tlabel: string\n\t\tvalue: string\n\t}\n\t@property({ type: Object }) dateTo!: {\n\t\tlabel: string\n\t\tvalue: string\n\t}\n\n\t@query('#checkin') checkInInput!: HTMLInputElement\n\t@query('#checkout') checkOutInput!: HTMLInputElement\n\n\t@property({ type: String }) minDate: string | undefined\n\t@property({ type: String }) maxDate!: string | undefined\n\t@query('schmancy-menu') schmancyMenu!: SchmancyMenu\n\n\t@state() selectedDateRange: string = 'Today'\n\n\tpresetRanges!: Array<{\n\t\tlabel: string\n\t\trange: {\n\t\t\tdateFrom: string\n\t\t\tdateTo: string\n\t\t}\n\t\tstep: moment.unitOfTime.DurationConstructor | moment.unitOfTime._isoWeek\n\t\tselected?: boolean\n\t}>\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.presetRanges = [\n\t\t\t{\n\t\t\t\tlabel: 'Yesterday',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.subtract(1, 'days')\n\t\t\t\t\t\t.startOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.subtract(1, 'days')\n\t\t\t\t\t\t.endOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Today',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.startOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.endOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t// tomorrow\n\t\t\t{\n\t\t\t\tlabel: 'Tomorrow',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.add(1, 'days')\n\t\t\t\t\t\t.startOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.add(1, 'days')\n\t\t\t\t\t\t.endOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Week',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.startOf('week')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.endOf('week')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'weeks',\n\t\t\t},\n\t\t\t// last week\n\t\t\t{\n\t\t\t\tlabel: 'Last Week',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.subtract(1, 'weeks')\n\t\t\t\t\t\t.startOf('isoWeek')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.subtract(1, 'weeks')\n\t\t\t\t\t\t.endOf('isoWeek')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'weeks',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Month',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.startOf('month')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.endOf('month')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'month',\n\t\t\t},\n\t\t\t// { label: \"Custom\", range: () => this.setCustomRange() },\n\t\t]\n\t\t// set the state selectedDateRange based on the dateFrom and dateTo values\n\t\tconst preset = this.presetRanges.find(\n\t\t\trange => range.range.dateFrom === this.dateFrom.value && range.range.dateTo === this.dateTo.value,\n\t\t)\n\t\tif (preset) {\n\t\t\tthis.selectedDateRange = preset.label\n\t\t} else {\n\t\t\tthis.selectedDateRange = moment(this.dateFrom.value)\n\t\t\t\t.format('MMM DD, YYYY')\n\t\t\t\t.concat(' To ', moment(this.dateTo.value).format('MMM DD, YYYY'))\n\t\t}\n\t}\n\n\tsetDateRange(fromDate: string, toDate: string) {\n\t\tthis.dateFrom.value = fromDate\n\t\tthis.dateTo.value = toDate\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<TSchmancDateRangePayload>('change', {\n\t\t\t\tdetail: {\n\t\t\t\t\tdateFrom: this.dateFrom.value,\n\t\t\t\t\tdateTo: this.dateTo.value,\n\t\t\t\t},\n\t\t\t}),\n\t\t)\n\t\tthis.requestUpdate()\n\t}\n\n\thandlePresetChange(presetLabel: string) {\n\t\tconst preset = this.presetRanges.find(range => range.label === presetLabel)\n\t\tif (preset) {\n\t\t\tconst { dateFrom, dateTo } = preset.range\n\t\t\tthis.setDateRange(dateFrom, dateTo)\n\t\t\tthis.selectedDateRange = presetLabel\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"date-range-selector relative\">\n\t\t\t\t<schmancy-menu class=\"z-100 w-max\">\n\t\t\t\t\t<schmancy-grid slot=\"button\" align=\"center\" cols=\"auto 1fr auto\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t// Calculate the difference between dateFrom and dateTo in days\n\t\t\t\t\t\t\t\tconst dateDiff = moment(this.dateTo.value).diff(moment(this.dateFrom.value), 'days') || 1\n\n\t\t\t\t\t\t\t\t// Subtract the date difference from both dateFrom and dateTo\n\t\t\t\t\t\t\t\tthis.dateFrom.value = moment(this.dateFrom.value)\n\t\t\t\t\t\t\t\t\t.subtract(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\tthis.dateTo.value = moment(this.dateTo.value)\n\t\t\t\t\t\t\t\t\t.subtract(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\t// Call the function to handle the date range change\n\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tarrow_left\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t<schmancy-button class=\"w-max\" variant=\"outlined\" type=\"button\"\n\t\t\t\t\t\t\t>${this.selectedDateRange || 'Date range'}\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t// Calculate the difference between dateFrom and dateTo in days\n\t\t\t\t\t\t\t\tconst dateDiff = moment(this.dateTo.value).diff(moment(this.dateFrom.value), 'days') || 1\n\n\t\t\t\t\t\t\t\t// Add the date difference to both dateFrom and dateTo\n\t\t\t\t\t\t\t\tthis.dateFrom.value = moment(this.dateFrom.value)\n\t\t\t\t\t\t\t\t\t.add(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\tthis.dateTo.value = moment(this.dateTo.value)\n\t\t\t\t\t\t\t\t\t.add(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\t// Call the function to handle the date range change\n\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>arrow_right</schmancy-icon-button\n\t\t\t\t\t\t>\n\t\t\t\t\t</schmancy-grid>\n\n\t\t\t\t\t<schmancy-surface elevation=\"2\">\n\t\t\t\t\t\t${this.presetRanges.map(\n\t\t\t\t\t\t\tpreset => html`\n\t\t\t\t\t\t\t\t<schmancy-menu-item class=\"w-full\" @click=${() => this.handlePresetChange(preset.label)}>\n\t\t\t\t\t\t\t\t\t<schmancy-grid class=\"w-full\" align=\"center\" cols=\"auto 1fr auto\"> ${preset.label} </schmancy-grid>\n\t\t\t\t\t\t\t\t</schmancy-menu-item>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<schmancy-grid gap=\"sm\" flow=\"row\" class=\"p-4\">\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkin\"\n\t\t\t\t\t\t\t\tmin=${ifDefined(this.minDate)}\n\t\t\t\t\t\t\t\ttype=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateFrom.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateFrom.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tconst selectedDate = moment(\n\t\t\t\t\t\t\t\t\t\tevent.detail.value,\n\t\t\t\t\t\t\t\t\t\tthis.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm',\n\t\t\t\t\t\t\t\t\t).format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\t\t\t\t\t\t\t\t\tthis.dateFrom.value = selectedDate\n\t\t\t\t\t\t\t\t\tconst minDateStr = selectedDate\n\t\t\t\t\t\t\t\t\tthis.checkOutInput.setAttribute('min', minDateStr)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkout\"\n\t\t\t\t\t\t\t\ttype=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateTo.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateTo.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.dateTo.value = moment(\n\t\t\t\t\t\t\t\t\t\tevent.detail.value,\n\t\t\t\t\t\t\t\t\t\tthis.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm',\n\t\t\t\t\t\t\t\t\t).format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tApply\n\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-menu>\n\t\t\t</div>\n\t\t`\n\t}\n\n\thandleDateRangeChange() {\n\t\tthis.setDateRange(this.dateFrom.value, this.dateTo.value)\n\t\t// check if the selected date range is a preset\n\t\tconst preset = this.presetRanges.find(\n\t\t\trange => range.range.dateFrom === this.dateFrom.value && range.range.dateTo === this.dateTo.value,\n\t\t)\n\t\tif (preset) {\n\t\t\tthis.selectedDateRange = preset.label\n\t\t} else {\n\t\t\tthis.selectedDateRange = moment(this.dateFrom.value)\n\t\t\t\t.format(this.type === 'date' ? 'MMM DD, YYYY' : 'MMM DD, YYYY hh:mm A')\n\t\t\t\t.concat(' - ', moment(this.dateTo.value).format(this.type === 'date' ? 'MMM DD, YYYY' : 'MMM DD, YYYY hh:mm A'))\n\t\t\tthis.schmancyMenu.open = false\n\t\t}\n\t}\n}\n\nexport type SchmancyDateRangeChangeEvent = CustomEvent<TSchmancDateRangePayload>\ntype TSchmancDateRangePayload = {\n\tdateFrom?: string\n\tdateTo?: string\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-date-range': SwiftHRAdminDateRange\n\t}\n}\n"],"names":["SwiftHRAdminDateRange","$LitElement","super","arguments","this","type","selectedDateRange","connectedCallback","presetRanges","label","range","dateFrom","moment","subtract","startOf","format","dateTo","endOf","step","add","preset","find","value","concat","fromDate","toDate","dispatchEvent","CustomEvent","detail","requestUpdate","presetLabel","setDateRange","render","html","e","preventDefault","stopPropagation","dateDiff","diff","handleDateRangeChange","map","handlePresetChange","ifDefined","minDate","event","selectedDate","minDateStr","checkOutInput","setAttribute","schmancyMenu","open","__decorateClass","property","String","prototype","Object","query","state","customElement"],"mappings":";;;;;;;;;;;;;AASA,IAAqBA,IAArB,cAAmDC,EAAnD,EAAA;AAAA,EAAA;AAAAC,UAAAC,GAAAA,SAAAA,GACyDC,KAAAC,OAAA,QAiBnBD,KAAAE,oBAAA;AAAA,EAAA;AAAA,EAYrC,oBAAAC;AACCL,UAAMK,kBACNH,GAAAA,KAAKI,eAAe,CACnB,EACCC,OAAO,aACPC,OAAO,EACNC,UAAUC,IACRC,SAAS,GAAG,QACZC,QAAQ,KAAA,EACRC,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAAA,GAC/CW,QAAQJ,EACNC,EAAAA,SAAS,GAAG,MACZI,EAAAA,MAAM,OACNF,OAAOX,KAAKC,SAAS,SAAS,eAAe,uBAEhDa,MAAM,MAAA,GAEP,EACCT,OAAO,SACPC,OAAO,EACNC,UAAUC,IACRE,QAAQ,KAAA,EACRC,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAAA,GAC/CW,QAAQJ,EACNK,EAAAA,MAAM,OACNF,OAAOX,KAAKC,SAAS,SAAS,eAAe,uBAEhDa,MAAM,MAAA,GAGP,EACCT,OAAO,YACPC,OAAO,EACNC,UAAUC,IACRO,IAAI,GAAG,QACPL,QAAQ,KAAA,EACRC,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAAA,GAC/CW,QAAQJ,EACNO,EAAAA,IAAI,GAAG,MACPF,EAAAA,MAAM,OACNF,OAAOX,KAAKC,SAAS,SAAS,eAAe,uBAEhDa,MAAM,MAAA,GAEP,EACCT,OAAO,aACPC,OAAO,EACNC,UAAUC,EACRE,EAAAA,QAAQ,QACRC,OAAOX,KAAKC,SAAS,SAAS,eAAe,qBAC/CW,QAAQJ,EAAAA,EACNK,MAAM,MACNF,EAAAA,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAEhDa,EAAAA,GAAAA,MAAM,WAGP,EACCT,OAAO,aACPC,OAAO,EACNC,UAAUC,EACRC,EAAAA,SAAS,GAAG,OACZC,EAAAA,QAAQ,WACRC,OAAOX,KAAKC,SAAS,SAAS,eAAe,qBAC/CW,QAAQJ,EAAAA,EACNC,SAAS,GAAG,OAAA,EACZI,MAAM,SAAA,EACNF,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAAA,EAAA,GAEhDa,MAAM,QAEP,GAAA,EACCT,OAAO,cACPC,OAAO,EACNC,UAAUC,EAAAA,EACRE,QAAQ,OACRC,EAAAA,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAC/CW,GAAAA,QAAQJ,IACNK,MAAM,OAAA,EACNF,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAAA,EAAA,GAEhDa,MAAM,QAKF,CAAA;AAAA,UAAAE,IAAShB,KAAKI,aAAaa,KAChCX,CAAAA,MAASA,EAAMA,MAAMC,aAAaP,KAAKO,SAASW,SAASZ,EAAMA,MAAMM,WAAWZ,KAAKY,OAAOM,KAAAA;AAG5FlB,SAAKE,oBADFc,IACsBA,EAAOX,QAEPG,EAAOR,KAAKO,SAASW,KAAAA,EAC5CP,OAAO,cACPQ,EAAAA,OAAO,QAAQX,EAAOR,KAAKY,OAAOM,KAAOP,EAAAA,OAAO;EACnD;AAAA,EAGD,aAAaS,GAAkBC,GAAAA;AAC9BrB,SAAKO,SAASW,QAAQE,GACtBpB,KAAKY,OAAOM,QAAQG,GACfrB,KAAAsB,cACJ,IAAIC,YAAsC,UAAU,EACnDC,QAAQ,EACPjB,UAAUP,KAAKO,SAASW,OACxBN,QAAQZ,KAAKY,OAAOM,MAAAA,EAAAA,CAAAA,CAAAA,GAIvBlB,KAAKyB,cAAc;AAAA,EAAA;AAAA,EAGpB,mBAAmBC,GAAAA;AAClB,UAAMV,IAAShB,KAAKI,aAAaa,KAAcX,OAAAA,EAAMD,UAAUqB,CAAAA;AAC/D,QAAIV,GAAQ;AACX,cAAMT,UAAEA,GAAAK,QAAUA,EAAWI,IAAAA,EAAOV;AAC/BN,WAAA2B,aAAapB,GAAUK,CAC5BZ,GAAAA,KAAKE,oBAAoBwB;AAAAA,IAAA;AAAA,EAC1B;AAAA,EAGD,SAAAE;AACQ,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,gBAKQC,OACTA;AAAAA,QAAEC,kBACFD,EAAEE,gBAAAA;AAEF,YAAMC,IAAWzB,EAAOR,KAAKY,OAAOM,KAAOgB,EAAAA,KAAK1B,EAAOR,KAAKO,SAASW,KAAQ,GAAA,MAAA,KAAW;AAGxFlB,WAAKO,SAASW,QAAQV,EAAOR,KAAKO,SAASW,KACzCT,EAAAA,SAASwB,GAAU,MACnBtB,EAAAA,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAE/CD,GAAAA,KAAKY,OAAOM,QAAQV,EAAOR,KAAKY,OAAOM,KACrCT,EAAAA,SAASwB,GAAU,MAAA,EACnBtB,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAG/CD,GAAAA,KAAKmC,sBAAsB;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMzBnC,KAAKE,qBAAqB,YAAA;AAAA;AAAA;AAAA,gBAGnB4B,OACTA;AAAAA,QAAEC,kBACFD,EAAEE,gBAAAA;AAEF,YAAMC,IAAWzB,EAAOR,KAAKY,OAAOM,KAAOgB,EAAAA,KAAK1B,EAAOR,KAAKO,SAASW,KAAQ,GAAA,MAAA,KAAW;AAGxFlB,WAAKO,SAASW,QAAQV,EAAOR,KAAKO,SAASW,KACzCH,EAAAA,IAAIkB,GAAU,MACdtB,EAAAA,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAE/CD,GAAAA,KAAKY,OAAOM,QAAQV,EAAOR,KAAKY,OAAOM,KACrCH,EAAAA,IAAIkB,GAAU,MAAA,EACdtB,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAG/CD,GAAAA,KAAKmC,sBAAsB;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAO3BnC,KAAKI,aAAagC,IACTpB,OAAAa;AAAAA,oDACmC,MAAM7B,KAAKqC,mBAAmBrB,EAAOX,KAAAA,CAAAA;AAAAA,8EACXW,EAAOX,KAAAA;AAAAA;AAAAA;;;;cAOvEiC,EAAUtC,KAAKuC,OAAAA,CAAAA;AAAAA,eACdvC,KAAKC,IAAAA;AAAAA,iBACHD,KAAKO,SAASF,KAAAA;AAAAA,iBACdL,KAAKO,SAASW,KAAAA;AAAAA,kBACZsB,OAAAA;AACVA,QAAMT,eAAAA,GACNS,EAAMR,gBAAAA;AACN,YAAMS,IAAejC,EACpBgC,EAAMhB,OAAON,OACblB,KAAKC,SAAS,SAAS,eAAe,kBACrCU,EAAAA,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAC/CD;AAAAA,WAAKO,SAASW,QAAQuB;AACtB,YAAMC,IAAaD;AACdzC,WAAA2C,cAAcC,aAAa,OAAOF,CAAU;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAK3C1C,KAAKC,IAAAA;AAAAA,iBACHD,KAAKY,OAAOP,KAAAA;AAAAA,iBACZL,KAAKY,OAAOM,KAAAA;AAAAA,kBACVsB,OACVA;AAAAA,QAAMT,kBACNS,EAAMR,gBAAAA,GACNhC,KAAKY,OAAOM,QAAQV,EACnBgC,EAAMhB,OAAON,OACblB,KAAKC,SAAS,SAAS,eAAe,kBAAA,EACrCU,OAAOX,KAAKC,SAAS,SAAS,eAAe,kBAAkB;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMxD6B,OAAAA;AACTA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFhC,KAAKmC,sBAAsB;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAC3B;AAAA,EAWR,wBAAAA;AACCnC,SAAK2B,aAAa3B,KAAKO,SAASW,OAAOlB,KAAKY,OAAOM,KAE7C;AAAA,UAAAF,IAAShB,KAAKI,aAAaa,KAChCX,CAAAA,MAASA,EAAMA,MAAMC,aAAaP,KAAKO,SAASW,SAASZ,EAAMA,MAAMM,WAAWZ,KAAKY,OAAOM;AAEzFF,QACHhB,KAAKE,oBAAoBc,EAAOX,SAE3BL,KAAAE,oBAAoBM,EAAOR,KAAKO,SAASW,KAAAA,EAC5CP,OAAOX,KAAKC,SAAS,SAAS,iBAAiB,sBAC/CkB,EAAAA,OAAO,OAAOX,EAAOR,KAAKY,OAAOM,KAAAA,EAAOP,OAAOX,KAAKC,SAAS,SAAS,iBAAiB,sBACzFD,CAAAA,GAAAA,KAAK6C,aAAaC,OAAAA;AAAAA,EACnB;AAnR2BC;AAAAA,EAAA,CAA3BC,EAAS,EAAE/C,MAAMgD,OAAAA,CAAAA,CAAAA,GADErD,EACQsD,WAAA,QAAA,CACAH,GAAAA,EAAA,CAA3BC,EAAS,EAAE/C,MAAMkD,OAFEvD,CAAAA,CAAAA,GAAAA,EAEQsD,WAAA,YAAA,CAAA,GAIAH,EAAA,CAA3BC,EAAS,EAAE/C,MAAMkD,OANEvD,CAAAA,CAAAA,GAAAA,EAMQsD,WAAA,UAAA,CAAA,GAKTH,EAAA,CAAlBK,EAAM,UAAA,CAAA,GAXaxD,EAWDsD,WAAA,gBAAA,CACCH,GAAAA,EAAA,CAAnBK,EAAM,eAZaxD,EAYAsD,WAAA,iBAAA,CAAA,GAEQH,EAAA,CAA3BC,EAAS,EAAE/C,MAAMgD,OAdErD,CAAAA,CAAAA,GAAAA,EAcQsD,WAAA,WAAA,IACAH,EAAA,CAA3BC,EAAS,EAAE/C,MAAMgD,OAfErD,CAAAA,CAAAA,GAAAA,EAeQsD,WAAA,WAAA,IACJH,EAAA,CAAvBK,EAAM,eAAA,CAAA,GAhBaxD,EAgBIsD,WAAA,gBAAA,CAAA,GAEfH,EAAA,CAARM,EAAAA,CAAAA,GAlBmBzD,EAkBXsD,WAAA,qBAAA,CAlBWtD,GAAAA,IAArBmD,EAAA,CADCO,EAAc,qBACM1D,CAAAA,GAAAA,CAAAA;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-s4nUUXP-.cjs","sources":["../src/date-range/date-range.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { SchmancyInputChangeEvent } from '@schmancy/input'\nimport SchmancyMenu from '@schmancy/menu/menu'\nimport { html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport moment from 'moment'\n\n@customElement('schmancy-date-range')\nexport default class SwiftHRAdminDateRange extends $LitElement() {\n\t@property({ type: String }) type: 'date' | 'datetime' = 'date'\n\t@property({ type: Object }) dateFrom!: {\n\t\tlabel: string\n\t\tvalue: string\n\t}\n\t@property({ type: Object }) dateTo!: {\n\t\tlabel: string\n\t\tvalue: string\n\t}\n\n\t@query('#checkin') checkInInput!: HTMLInputElement\n\t@query('#checkout') checkOutInput!: HTMLInputElement\n\n\t@property({ type: String }) minDate: string | undefined\n\t@property({ type: String }) maxDate!: string | undefined\n\t@query('schmancy-menu') schmancyMenu!: SchmancyMenu\n\n\t@state() selectedDateRange: string = 'Today'\n\n\tpresetRanges!: Array<{\n\t\tlabel: string\n\t\trange: {\n\t\t\tdateFrom: string\n\t\t\tdateTo: string\n\t\t}\n\t\tstep: moment.unitOfTime.DurationConstructor | moment.unitOfTime._isoWeek\n\t\tselected?: boolean\n\t}>\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.presetRanges = [\n\t\t\t{\n\t\t\t\tlabel: 'Yesterday',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.subtract(1, 'days')\n\t\t\t\t\t\t.startOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.subtract(1, 'days')\n\t\t\t\t\t\t.endOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Today',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.startOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.endOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t// tomorrow\n\t\t\t{\n\t\t\t\tlabel: 'Tomorrow',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.add(1, 'days')\n\t\t\t\t\t\t.startOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.add(1, 'days')\n\t\t\t\t\t\t.endOf('day')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'day',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Week',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.startOf('week')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.endOf('week')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'weeks',\n\t\t\t},\n\t\t\t// last week\n\t\t\t{\n\t\t\t\tlabel: 'Last Week',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.subtract(1, 'weeks')\n\t\t\t\t\t\t.startOf('isoWeek')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.subtract(1, 'weeks')\n\t\t\t\t\t\t.endOf('isoWeek')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'weeks',\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'This Month',\n\t\t\t\trange: {\n\t\t\t\t\tdateFrom: moment()\n\t\t\t\t\t\t.startOf('month')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t\tdateTo: moment()\n\t\t\t\t\t\t.endOf('month')\n\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm'),\n\t\t\t\t},\n\t\t\t\tstep: 'month',\n\t\t\t},\n\t\t\t// { label: \"Custom\", range: () => this.setCustomRange() },\n\t\t]\n\t\t// set the state selectedDateRange based on the dateFrom and dateTo values\n\t\tconst preset = this.presetRanges.find(\n\t\t\trange => range.range.dateFrom === this.dateFrom.value && range.range.dateTo === this.dateTo.value,\n\t\t)\n\t\tif (preset) {\n\t\t\tthis.selectedDateRange = preset.label\n\t\t} else {\n\t\t\tthis.selectedDateRange = moment(this.dateFrom.value)\n\t\t\t\t.format('MMM DD, YYYY')\n\t\t\t\t.concat(' To ', moment(this.dateTo.value).format('MMM DD, YYYY'))\n\t\t}\n\t}\n\n\tsetDateRange(fromDate: string, toDate: string) {\n\t\tthis.dateFrom.value = fromDate\n\t\tthis.dateTo.value = toDate\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<TSchmancDateRangePayload>('change', {\n\t\t\t\tdetail: {\n\t\t\t\t\tdateFrom: this.dateFrom.value,\n\t\t\t\t\tdateTo: this.dateTo.value,\n\t\t\t\t},\n\t\t\t}),\n\t\t)\n\t\tthis.requestUpdate()\n\t}\n\n\thandlePresetChange(presetLabel: string) {\n\t\tconst preset = this.presetRanges.find(range => range.label === presetLabel)\n\t\tif (preset) {\n\t\t\tconst { dateFrom, dateTo } = preset.range\n\t\t\tthis.setDateRange(dateFrom, dateTo)\n\t\t\tthis.selectedDateRange = presetLabel\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"date-range-selector relative\">\n\t\t\t\t<schmancy-menu class=\"z-100 w-max\">\n\t\t\t\t\t<schmancy-grid slot=\"button\" align=\"center\" cols=\"auto 1fr auto\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t// Calculate the difference between dateFrom and dateTo in days\n\t\t\t\t\t\t\t\tconst dateDiff = moment(this.dateTo.value).diff(moment(this.dateFrom.value), 'days') || 1\n\n\t\t\t\t\t\t\t\t// Subtract the date difference from both dateFrom and dateTo\n\t\t\t\t\t\t\t\tthis.dateFrom.value = moment(this.dateFrom.value)\n\t\t\t\t\t\t\t\t\t.subtract(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\tthis.dateTo.value = moment(this.dateTo.value)\n\t\t\t\t\t\t\t\t\t.subtract(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\t// Call the function to handle the date range change\n\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tarrow_left\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t<schmancy-button class=\"w-max\" variant=\"outlined\" type=\"button\"\n\t\t\t\t\t\t\t>${this.selectedDateRange || 'Date range'}\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t// Calculate the difference between dateFrom and dateTo in days\n\t\t\t\t\t\t\t\tconst dateDiff = moment(this.dateTo.value).diff(moment(this.dateFrom.value), 'days') || 1\n\n\t\t\t\t\t\t\t\t// Add the date difference to both dateFrom and dateTo\n\t\t\t\t\t\t\t\tthis.dateFrom.value = moment(this.dateFrom.value)\n\t\t\t\t\t\t\t\t\t.add(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\tthis.dateTo.value = moment(this.dateTo.value)\n\t\t\t\t\t\t\t\t\t.add(dateDiff, 'days')\n\t\t\t\t\t\t\t\t\t.format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\n\t\t\t\t\t\t\t\t// Call the function to handle the date range change\n\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>arrow_right</schmancy-icon-button\n\t\t\t\t\t\t>\n\t\t\t\t\t</schmancy-grid>\n\n\t\t\t\t\t<schmancy-surface elevation=\"2\">\n\t\t\t\t\t\t${this.presetRanges.map(\n\t\t\t\t\t\t\tpreset => html`\n\t\t\t\t\t\t\t\t<schmancy-menu-item class=\"w-full\" @click=${() => this.handlePresetChange(preset.label)}>\n\t\t\t\t\t\t\t\t\t<schmancy-grid class=\"w-full\" align=\"center\" cols=\"auto 1fr auto\"> ${preset.label} </schmancy-grid>\n\t\t\t\t\t\t\t\t</schmancy-menu-item>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<schmancy-grid gap=\"sm\" flow=\"row\" class=\"p-4\">\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkin\"\n\t\t\t\t\t\t\t\tmin=${ifDefined(this.minDate)}\n\t\t\t\t\t\t\t\ttype=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateFrom.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateFrom.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tconst selectedDate = moment(\n\t\t\t\t\t\t\t\t\t\tevent.detail.value,\n\t\t\t\t\t\t\t\t\t\tthis.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm',\n\t\t\t\t\t\t\t\t\t).format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\t\t\t\t\t\t\t\t\tthis.dateFrom.value = selectedDate\n\t\t\t\t\t\t\t\t\tconst minDateStr = selectedDate\n\t\t\t\t\t\t\t\t\tthis.checkOutInput.setAttribute('min', minDateStr)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\tid=\"checkout\"\n\t\t\t\t\t\t\t\ttype=${this.type}\n\t\t\t\t\t\t\t\tlabel=\"${this.dateTo.label}\"\n\t\t\t\t\t\t\t\t.value=${this.dateTo.value}\n\t\t\t\t\t\t\t\t@change=${(event: SchmancyInputChangeEvent) => {\n\t\t\t\t\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.dateTo.value = moment(\n\t\t\t\t\t\t\t\t\t\tevent.detail.value,\n\t\t\t\t\t\t\t\t\t\tthis.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm',\n\t\t\t\t\t\t\t\t\t).format(this.type === 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DDTHH:mm')\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></schmancy-input>\n\n\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.handleDateRangeChange()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tApply\n\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t</schmancy-grid>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-menu>\n\t\t\t</div>\n\t\t`\n\t}\n\n\thandleDateRangeChange() {\n\t\tthis.setDateRange(this.dateFrom.value, this.dateTo.value)\n\t\t// check if the selected date range is a preset\n\t\tconst preset = this.presetRanges.find(\n\t\t\trange => range.range.dateFrom === this.dateFrom.value && range.range.dateTo === this.dateTo.value,\n\t\t)\n\t\tif (preset) {\n\t\t\tthis.selectedDateRange = preset.label\n\t\t} else {\n\t\t\tthis.selectedDateRange = moment(this.dateFrom.value)\n\t\t\t\t.format(this.type === 'date' ? 'MMM DD, YYYY' : 'MMM DD, YYYY hh:mm A')\n\t\t\t\t.concat(' - ', moment(this.dateTo.value).format(this.type === 'date' ? 'MMM DD, YYYY' : 'MMM DD, YYYY hh:mm A'))\n\t\t\tthis.schmancyMenu.open = false\n\t\t}\n\t}\n}\n\nexport type SchmancyDateRangeChangeEvent = CustomEvent<TSchmancDateRangePayload>\ntype TSchmancDateRangePayload = {\n\tdateFrom?: string\n\tdateTo?: string\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-date-range': SwiftHRAdminDateRange\n\t}\n}\n"],"names":["SwiftHRAdminDateRange","$LitElement","constructor","super","arguments","this","type","selectedDateRange","connectedCallback","presetRanges","label","range","dateFrom","moment","subtract","startOf","format","dateTo","endOf","step","add","preset","find","value","concat","fromDate","toDate","dispatchEvent","CustomEvent","detail","requestUpdate","presetLabel","setDateRange","render","html","e","preventDefault","stopPropagation","dateDiff","diff","handleDateRangeChange","map","handlePresetChange","ifDefined","minDate","event","selectedDate","minDateStr","checkOutInput","setAttribute","schmancyMenu","open","__decorateClass","property","String","prototype","Object","query","state","customElement"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"surface-DeLQUjNN.js","sources":["../src/surface/context.ts","../src/surface/surface.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancySurfaceTypeContext } from './context'\n/**\n * @element schmancy-surface\n * @slot - default content\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\t:host([fill]) {\n\t\theight: -webkit-fill-available;\n\t\twidth: -webkit-fill-available;\n\t}\n`) {\n\t@property({ type: Boolean }) fill = false\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype:\n\t\t| 'surface'\n\t\t| 'surfaceDim'\n\t\t| 'surfaceBright'\n\t\t| 'containerLowest'\n\t\t| 'containerLow'\n\t\t| 'container'\n\t\t| 'containerHigh'\n\t\t| 'containerHighest' = 'surface'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tget classes(): Record<string, boolean> {\n\t\treturn {\n\t\t\t'relative inset-0 block': true,\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\n\t\t\t'w-full h-full': this.fill,\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// 'text-surface-onVariant':\n\t\t\t// \tthis.type === 'containerLowest' ||\n\t\t\t// \tthis.type === 'containerLow' ||\n\t\t\t// \tthis.type === 'container' ||\n\t\t\t// \tthis.type === 'containerHigh' ||\n\t\t\t// \tthis.type === 'containerHighest',\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(this.classes)}\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","classes","render","html","classMap","__decorateClass","property","Boolean","prototype","provide","context","Number","customElement"],"mappings":";;;;;;;AAEa,MAAAA,IAA6BC,EAA6B,SAAA;;;;;ACQ1D,IAAAC,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAS8BC,GAAAA,KAAAC,OAAA,IACwCD,KAAAE,UAAA,QAYpDF,KAAAG,OAAA,WACuCH,KAAAI,YAAA;AAAA,EAAA;AAAA,EAE/D,IAAIC,UAAAA;AACI,WAAA,EACN,0BAA0B,IAC1B,gBAAgBL,KAAKE,YAAY,QACjC,mBAAmBF,KAAKE,YAAY,OACpC,mBAAmBF,KAAKE,YAAY,QACpC,mBAAmBF,KAAKE,YAAY,SACpC,mBAAmBF,KAAKE,YAAY,UACpC,iBAAiBF,KAAKE,YAAY,OAElC,iBAAiBF,KAAKC,MACtB,aAAaD,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,mBACCJ,KAAKG,SAAS,aACdH,KAAKG,SAAS,gBACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,qBACdH,KAAKG,SAAS,kBACdH,KAAKG,SAAS,eACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,oBAOf,sBAAsBH,KAAKG,SAAS,WACpC,kBAAkBH,KAAKG,SAAS,cAChC,qBAAqBH,KAAKG,SAAS,iBACnC,qBAAqBH,KAAKG,SAAS,mBACnC,kBAAkBH,KAAKG,SAAS,gBAChC,wBAAwBH,KAAKG,SAAS,aACtC,mBAAmBH,KAAKG,SAAS,iBACjC,sBAAsBH,KAAKG,SAAS,mBACrC;AAAA,EAAA;AAAA,EAES,SAAAG;AACF,WAAAC;AAAAA,iBACQP,KAAKQ,SAASR,KAAKK,OAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAQ;AA1DdI;AAAAA,EAAA,CAA5BC,EAAS,EAAEP,MAAMQ,QATNhB,CAAAA,CAAAA,GAAAA,EASiBiB,WAAA,QAAA,CAAA,GACjBH,EAAA,CAAXC,EAAAA,CAAAA,GAVWf,EAUAiB,WAAA,WAAA,IAIZH,EAAA,CAFCI,EAAQ,EAAEC,SAASrB,MACnBiB,EAbWf,CAAAA,GAAAA,EAcZiB,WAAA,QAAA,CAAA,GAS4BH,EAAA,CAA3BC,EAAS,EAAEP,MAAMY,OAAAA,CAAAA,CAAAA,GAvBNpB,EAuBgBiB,WAAA,aAAA,IAvBhBjB,IAANc,EAAA,CADNO,EAAc,kBAAA,CAAA,GACFrB;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"surface-jQagrINO.cjs","sources":["../src/surface/context.ts","../src/surface/surface.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancySurfaceTypeContext } from './context'\n/**\n * @element schmancy-surface\n * @slot - default content\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\t:host([fill]) {\n\t\theight: -webkit-fill-available;\n\t\twidth: -webkit-fill-available;\n\t}\n`) {\n\t@property({ type: Boolean }) fill = false\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype:\n\t\t| 'surface'\n\t\t| 'surfaceDim'\n\t\t| 'surfaceBright'\n\t\t| 'containerLowest'\n\t\t| 'containerLow'\n\t\t| 'container'\n\t\t| 'containerHigh'\n\t\t| 'containerHighest' = 'surface'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tget classes(): Record<string, boolean> {\n\t\treturn {\n\t\t\t'relative inset-0 block': true,\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\n\t\t\t'w-full h-full': this.fill,\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// 'text-surface-onVariant':\n\t\t\t// \tthis.type === 'containerLowest' ||\n\t\t\t// \tthis.type === 'containerLow' ||\n\t\t\t// \tthis.type === 'container' ||\n\t\t\t// \tthis.type === 'containerHigh' ||\n\t\t\t// \tthis.type === 'containerHighest',\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(this.classes)}\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","classes","html","classMap","__decorateClass","property","Boolean","prototype","provide","context","Number","customElement"],"mappings":"oPAEaA,EAAAA,EAA6BC,IAA6B,SAAA,kMCQ1DC,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAS8BC,EAAAA,KAAAC,KAAA,GACwCD,KAAAE,QAAA,OAYpDF,KAAAG,KAAA,UACuCH,KAAAI,UAAA,CAAA,CAE/D,IAAIC,SAAAA,CACI,MAAA,CACN,yBAA0B,GAC1B,eAAgBL,KAAKE,UAAY,OACjC,kBAAmBF,KAAKE,UAAY,MACpC,kBAAmBF,KAAKE,UAAY,OACpC,kBAAmBF,KAAKE,UAAY,QACpC,kBAAmBF,KAAKE,UAAY,SACpC,gBAAiBF,KAAKE,UAAY,MAElC,gBAAiBF,KAAKC,KACtB,YAAaD,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,kBACCJ,KAAKG,OAAS,WACdH,KAAKG,OAAS,cACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBACdH,KAAKG,OAAS,gBACdH,KAAKG,OAAS,aACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBAOf,qBAAsBH,KAAKG,OAAS,UACpC,iBAAkBH,KAAKG,OAAS,aAChC,oBAAqBH,KAAKG,OAAS,gBACnC,oBAAqBH,KAAKG,OAAS,kBACnC,iBAAkBH,KAAKG,OAAS,eAChC,uBAAwBH,KAAKG,OAAS,YACtC,kBAAmBH,KAAKG,OAAS,gBACjC,qBAAsBH,KAAKG,OAAS,kBAATA,CAC5B,CAES,QACF,CAAA,OAAAG,EAAAA;AAAAA,iBACQN,KAAKO,SAASP,KAAKK,OAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAAQ,CA1DdG,EAAAA,EAAA,CAA5BC,WAAS,CAAEN,KAAMO,OAAAA,CAAAA,CAAAA,EATNf,wBASiBgB,UAAA,OAAA,CACjBH,EAAAA,EAAA,CAAXC,EAASA,SAAAA,CAAAA,EAVEd,wBAUAgB,UAAA,UAAA,CAIZH,EAAAA,EAAA,CAFCI,IAAQ,CAAEC,QAASpB,CAAAA,CAAAA,EACnBgB,EAASA,SAbEd,CAAAA,EAAAA,wBAcZgB,UAAA,OAAA,CAAA,EAS4BH,EAAA,CAA3BC,WAAS,CAAEN,KAAMW,MAvBNnB,CAAAA,CAAAA,EAAAA,wBAuBgBgB,UAAA,YAAA,CAAA,EAvBhBhB,QAANA,gBAAAa,EAAA,CADNO,EAAAA,cAAc,kBACFpB,CAAAA,EAAAA"}
|